From c37454a453b258b2500d76d516e5fff91f529ccd Mon Sep 17 00:00:00 2001
From: ful1e5 <24286590+ful1e5@users.noreply.github.com>
Date: Wed, 2 Sep 2020 16:54:06 +0530
Subject: [PATCH] =?UTF-8?q?=F0=9F=96=BC=20Animate=20Cursors?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/svg/animated/left_ptr_watch.svg       | 69 +++++++++++++++++++
 packages/original/src/svg/animated/wait.svg   | 51 ++++++++++++++
 2 files changed, 120 insertions(+)
 create mode 100644 packages/original/src/svg/animated/left_ptr_watch.svg
 create mode 100644 packages/original/src/svg/animated/wait.svg

diff --git a/packages/original/src/svg/animated/left_ptr_watch.svg b/packages/original/src/svg/animated/left_ptr_watch.svg
new file mode 100644
index 00000000..f7b0cf87
--- /dev/null
+++ b/packages/original/src/svg/animated/left_ptr_watch.svg
@@ -0,0 +1,69 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g filter="url(#filter0_d)">
+        <path
+            d="M35.0009 121.929L35 121.866V35.0656C35 30.5634 35.4941 26.2374 36.9588 22.5856C38.4976 18.7491 41.482 14.9001 46.5424 13.5038C51.1615 12.2293 55.5209 13.5892 58.7164 15.1797C62.0231 16.8254 65.3089 19.3182 68.4883 22.2243L133.059 79.4939L133.089 79.5205C137.869 83.7999 139.834 90.4283 139.991 95.7184C140.133 100.54 138.713 109.139 130.632 112.523C127.449 113.855 123.562 114.01 120.953 114.074C119.434 114.112 117.794 114.113 116.183 114.114L116.143 114.114C114.484 114.116 112.808 114.117 111.076 114.15C103.993 114.283 97.0871 114.955 91.4127 117.517C85.7762 120.061 80.8047 124.776 76.0424 130.035C75.1857 130.981 74.2053 132.095 73.2184 133.216C71.8633 134.756 70.4942 136.311 69.4098 137.472C67.5723 139.44 64.7955 142.29 61.4966 143.779C57.2016 145.718 52.9555 145.076 49.774 143.731C46.6878 142.426 44.1291 140.304 42.1807 138.186C38.5166 134.202 35.0901 128.058 35.0009 121.929Z"
+            fill="#0000FF" />
+    </g>
+    <path
+        d="M43 34.3679C43 18.3085 50.4808 17.3995 62.2068 28.0048L127.935 85.5762C132.894 89.9603 133.798 101.636 127.935 104.06C122.071 106.484 102.841 102.476 87.8191 109.173C72.7973 115.869 63.4668 132.844 57.3905 135.553C51.3142 138.262 43.0966 128.045 43 121.493L43 34.3679Z"
+        fill="#00FF00" />
+    <g filter="url(#filter1_d)">
+        <path
+            d="M150 130C150 158.719 126.719 182 98 182C69.2812 182 46 158.719 46 130C46 101.281 69.2812 78 98 78C126.719 78 150 101.281 150 130Z"
+            fill="#0000FF" />
+        <path
+            d="M142 130C142 154.301 122.301 174 98 174C73.6995 174 54 154.301 54 130C54 105.699 73.6995 86 98 86C122.301 86 142 105.699 142 130Z"
+            fill="#FF0000" />
+        <g transform="translate(98  130)">
+            <g transform="scale(0.74)">
+                <g transform="translate(-50 -50)">
+                    <g transform="rotate(246.039 50 50)">
+                        <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite"
+                            values="0 50 50;360 50 50" keyTimes="0;1" dur="0.7575757575757576s"></animateTransform>
+                        <path fill-opacity="0.8" fill="#f05125" d="M50 50L50 0A50 50 0 0 1 100 50Z"></path>
+                    </g>
+                    <g transform="rotate(274.52 50 50)">
+                        <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite"
+                            values="0 50 50;360 50 50" keyTimes="0;1" dur="1.0101010101010102s"></animateTransform>
+                        <path fill-opacity="0.8" fill="#fdb813" d="M50 50L50 0A50 50 0 0 1 100 50Z"
+                            transform="rotate(90 50 50)"></path>
+                    </g>
+                    <g transform="rotate(303.015 50 50)">
+                        <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite"
+                            values="0 50 50;360 50 50" keyTimes="0;1" dur="1.5151515151515151s"></animateTransform>
+                        <path fill-opacity="0.8" fill="#7fbb42" d="M50 50L50 0A50 50 0 0 1 100 50Z"
+                            transform="rotate(180 50 50)"></path>
+                    </g>
+                    <g transform="rotate(331.507 50 50)">
+                        <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite"
+                            values="0 50 50;360 50 50" keyTimes="0;1" dur="3.0303030303030303s"></animateTransform>
+                        <path fill-opacity="0.8" fill="#32a0da" d="M50 50L50 0A50 50 0 0 1 100 50Z"
+                            transform="rotate(270 50 50)"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+    <defs>
+        <filter id="filter0_d" x="30" y="12" width="115" height="142" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+            <feOffset dy="4" />
+            <feGaussianBlur stdDeviation="2.5" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
+        </filter>
+        <filter id="filter1_d" x="42" y="78" width="112" height="112" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+            <feOffset dy="4" />
+            <feGaussianBlur stdDeviation="2" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
+        </filter>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/packages/original/src/svg/animated/wait.svg b/packages/original/src/svg/animated/wait.svg
new file mode 100644
index 00000000..ebd82823
--- /dev/null
+++ b/packages/original/src/svg/animated/wait.svg
@@ -0,0 +1,51 @@
+<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g filter="url(#filter0_d)">
+        <path
+            d="M187 100.5C187 148.825 147.825 188 99.5 188C51.1751 188 12 148.825 12 100.5C12 52.1751 51.1751 13 99.5 13C147.825 13 187 52.1751 187 100.5Z"
+            fill="#0000FF" />
+    </g>
+    <path
+        d="M174 100.5C174 141.645 140.645 175 99.5 175C58.3548 175 25 141.645 25 100.5C25 59.3548 58.3548 26 99.5 26C140.645 26 174 59.3548 174 100.5Z"
+        fill="#FF0000" />
+    <g transform="translate(100 100)">
+        <g transform="scale(1.3)">
+            <g transform="translate(-50 -50)">
+                <g transform="rotate(246.039 50 50)">
+                    <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite"
+                        values="0 50 50;360 50 50" keyTimes="0;1" dur="0.7575757575757576s"></animateTransform>
+                    <path fill-opacity="0.8" fill="#f05125" d="M50 50L50 0A50 50 0 0 1 100 50Z"></path>
+                </g>
+                <g transform="rotate(274.52 50 50)">
+                    <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite"
+                        values="0 50 50;360 50 50" keyTimes="0;1" dur="1.0101010101010102s"></animateTransform>
+                    <path fill-opacity="0.8" fill="#fdb813" d="M50 50L50 0A50 50 0 0 1 100 50Z"
+                        transform="rotate(90 50 50)"></path>
+                </g>
+                <g transform="rotate(303.015 50 50)">
+                    <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite"
+                        values="0 50 50;360 50 50" keyTimes="0;1" dur="1.5151515151515151s"></animateTransform>
+                    <path fill-opacity="0.8" fill="#7fbb42" d="M50 50L50 0A50 50 0 0 1 100 50Z"
+                        transform="rotate(180 50 50)"></path>
+                </g>
+                <g transform="rotate(331.507 50 50)">
+                    <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite"
+                        values="0 50 50;360 50 50" keyTimes="0;1" dur="3.0303030303030303s"></animateTransform>
+                    <path fill-opacity="0.8" fill="#32a0da" d="M50 50L50 0A50 50 0 0 1 100 50Z"
+                        transform="rotate(270 50 50)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+    <defs>
+        <filter id="filter0_d" x="7" y="12" width="185" height="185" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+            <feOffset dy="4" />
+            <feGaussianBlur stdDeviation="2.5" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
+        </filter>
+    </defs>
+</svg>
\ No newline at end of file