@naniteninja/dashboard-components-lib 1.0.0 → 1.0.1

package/src/assets/icons/checkbox/checkbox-off.svg

@@ -1,72 +1,72 @@
-<svg width="100%" height="100%" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g filter="url(#filter1_ii_152_2082j0j3mxsipas4uvy6ix62)">
-        <rect width="24" height="24" rx="12" transform="matrix(1 0 0 -1 0.42627 24.6172)"
-            fill="url(#paint1_linear_152_2082j0j3mxsipas4uvy6ix62)"></rect>
-
-        <g filter="url(#filter2_ii_152_2082j0j3mxsipas4uvy6ix62)">
-
-            <rect x="0.342041" y="0.597656" width="24" height="24" rx="2" fill="#27242C"></rect>
-        </g>
-
-        <rect x="0.904541" y="1.16016" width="22.875" height="22.875" rx="1.5" stroke="white"
-            stroke-opacity="0.25" stroke-width="1.125"></rect>
-    </g>
-
-    <defs>
-        <filter x="-0.804881" y="-0.549266" width="202.98" height="37.7826" filterUnits="userSpaceOnUse"
-            color-interpolation-filters="sRGB" id="filter1_ii_152_2082j0j3mxsipas4uvy6ix62">
-            <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
-            <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"
-                result="hardAlpha"></feColorMatrix>
-            <feOffset dx="-1.14692" dy="-1.14692"></feOffset>
-            <feGaussianBlur stdDeviation="2.29384"></feGaussianBlur>
-            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
-            <feColorMatrix type="matrix" values="0 0 0 0 0.795 0 0 0 0 0.78 0 0 0 0 0.82 0 0 0 0.5 0">
-            </feColorMatrix>
-            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_152_2082"></feBlend>
-            <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"
-                result="hardAlpha"></feColorMatrix>
-            <feMorphology radius="1.43365" operator="erode" in="SourceAlpha"
-                result="effect2_innerShadow_152_2082"></feMorphology>
-            <feOffset dx="9.74884" dy="12.6161"></feOffset>
-            <feGaussianBlur stdDeviation="5.73461"></feGaussianBlur>
-            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
-            <feColorMatrix type="matrix" values="0 0 0 0 0.06825 0 0 0 0 0.063 0 0 0 0 0.077 0 0 0 0.7 0">
-            </feColorMatrix>
-            <feBlend mode="normal" in2="effect1_innerShadow_152_2082" result="effect2_innerShadow_152_2082">
-            </feBlend>
-        </filter>
-        <filter x="-5.15796" y="-4.90234" width="41.5" height="40.5" filterUnits="userSpaceOnUse"
-            color-interpolation-filters="sRGB" id="filter2_ii_152_2082j0j3mxsipas4uvy6ix62">
-            <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
-            <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"
-                result="hardAlpha"></feColorMatrix>
-            <feMorphology radius="4.4" operator="dilate" in="SourceAlpha" result="effect1_innerShadow_152_2082">
-            </feMorphology>
-            <feOffset dx="-5.5" dy="-5.5"></feOffset>
-            <feGaussianBlur stdDeviation="8.8"></feGaussianBlur>
-            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
-            <feColorMatrix type="matrix" values="0 0 0 0 0.795 0 0 0 0 0.78 0 0 0 0 0.82 0 0 0 0.25 0">
-            </feColorMatrix>
-            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_152_2082"></feBlend>
-            <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"
-                result="hardAlpha"></feColorMatrix>
-            <feMorphology radius="2.75" operator="erode" in="SourceAlpha" result="effect2_innerShadow_152_2082">
-            </feMorphology>
-            <feOffset dx="12" dy="11"></feOffset>
-            <feGaussianBlur stdDeviation="14.85"></feGaussianBlur>
-            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
-            <feColorMatrix type="matrix" values="0 0 0 0 0.06825 0 0 0 0 0.063 0 0 0 0 0.077 0 0 0 0.65 0">
-            </feColorMatrix>
-            <feBlend mode="normal" in2="effect1_innerShadow_152_2082" result="effect2_innerShadow_152_2082">
-            </feBlend>
-        </filter>
-        <linearGradient x1="21.5692" y1="1.109" x2="16.326" y2="27.6389" gradientUnits="userSpaceOnUse"
-            id="paint1_linear_152_2082j0j3mxsipas4uvy6ix62">
-            <stop offset="0.581821" stop-color="#27242C"></stop>
-            <stop offset="1" stop-color="#0C0B0E"></stop>
-        </linearGradient>
-    </defs>
-</svg>
+<svg width="100%" height="100%" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g filter="url(#filter1_ii_152_2082j0j3mxsipas4uvy6ix62)">
+        <rect width="24" height="24" rx="12" transform="matrix(1 0 0 -1 0.42627 24.6172)"
+            fill="url(#paint1_linear_152_2082j0j3mxsipas4uvy6ix62)"></rect>
+
+        <g filter="url(#filter2_ii_152_2082j0j3mxsipas4uvy6ix62)">
+
+            <rect x="0.342041" y="0.597656" width="24" height="24" rx="2" fill="#27242C"></rect>
+        </g>
+
+        <rect x="0.904541" y="1.16016" width="22.875" height="22.875" rx="1.5" stroke="white"
+            stroke-opacity="0.25" stroke-width="1.125"></rect>
+    </g>
+
+    <defs>
+        <filter x="-0.804881" y="-0.549266" width="202.98" height="37.7826" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB" id="filter1_ii_152_2082j0j3mxsipas4uvy6ix62">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
+            <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"
+                result="hardAlpha"></feColorMatrix>
+            <feOffset dx="-1.14692" dy="-1.14692"></feOffset>
+            <feGaussianBlur stdDeviation="2.29384"></feGaussianBlur>
+            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
+            <feColorMatrix type="matrix" values="0 0 0 0 0.795 0 0 0 0 0.78 0 0 0 0 0.82 0 0 0 0.5 0">
+            </feColorMatrix>
+            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_152_2082"></feBlend>
+            <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"
+                result="hardAlpha"></feColorMatrix>
+            <feMorphology radius="1.43365" operator="erode" in="SourceAlpha"
+                result="effect2_innerShadow_152_2082"></feMorphology>
+            <feOffset dx="9.74884" dy="12.6161"></feOffset>
+            <feGaussianBlur stdDeviation="5.73461"></feGaussianBlur>
+            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
+            <feColorMatrix type="matrix" values="0 0 0 0 0.06825 0 0 0 0 0.063 0 0 0 0 0.077 0 0 0 0.7 0">
+            </feColorMatrix>
+            <feBlend mode="normal" in2="effect1_innerShadow_152_2082" result="effect2_innerShadow_152_2082">
+            </feBlend>
+        </filter>
+        <filter x="-5.15796" y="-4.90234" width="41.5" height="40.5" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB" id="filter2_ii_152_2082j0j3mxsipas4uvy6ix62">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
+            <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"
+                result="hardAlpha"></feColorMatrix>
+            <feMorphology radius="4.4" operator="dilate" in="SourceAlpha" result="effect1_innerShadow_152_2082">
+            </feMorphology>
+            <feOffset dx="-5.5" dy="-5.5"></feOffset>
+            <feGaussianBlur stdDeviation="8.8"></feGaussianBlur>
+            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
+            <feColorMatrix type="matrix" values="0 0 0 0 0.795 0 0 0 0 0.78 0 0 0 0 0.82 0 0 0 0.25 0">
+            </feColorMatrix>
+            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_152_2082"></feBlend>
+            <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"
+                result="hardAlpha"></feColorMatrix>
+            <feMorphology radius="2.75" operator="erode" in="SourceAlpha" result="effect2_innerShadow_152_2082">
+            </feMorphology>
+            <feOffset dx="12" dy="11"></feOffset>
+            <feGaussianBlur stdDeviation="14.85"></feGaussianBlur>
+            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
+            <feColorMatrix type="matrix" values="0 0 0 0 0.06825 0 0 0 0 0.063 0 0 0 0 0.077 0 0 0 0.65 0">
+            </feColorMatrix>
+            <feBlend mode="normal" in2="effect1_innerShadow_152_2082" result="effect2_innerShadow_152_2082">
+            </feBlend>
+        </filter>
+        <linearGradient x1="21.5692" y1="1.109" x2="16.326" y2="27.6389" gradientUnits="userSpaceOnUse"
+            id="paint1_linear_152_2082j0j3mxsipas4uvy6ix62">
+            <stop offset="0.581821" stop-color="#27242C"></stop>
+            <stop offset="1" stop-color="#0C0B0E"></stop>
+        </linearGradient>
+    </defs>
+</svg>

package/src/assets/icons/checkbox/checkbox-on.svg

@@ -1,113 +1,113 @@
-<svg width="100%" height="100%" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g filter="url(#filter1_ii_152_1615v1knw78c2ksxer2rjw05)">
-        <rect width="24" height="24" rx="4" transform="matrix(1 0 0 -1 0.92627 24.6172)"
-            fill="url(#paint1_linear_152_1615v1knw78c2ksxer2rjw05)"></rect>
-        <g filter="url(#filter2_ii_152_1615v1knw78c2ksxer2rjw05)"></g>
-        <g filter="url(#filter3_ii_152_1615v1knw78c2ksxer2rjw05)"></g>
-        <rect x="1.96704" y="1.72266" width="21.75" height="21.75" rx="2" stroke="#FE3C72"
-            stroke-width="2.25"></rect>
-    </g>
-    <g filter="url(#filter4_f_152_1615v1knw78c2ksxer2rjw05)">
-        <circle cx="12.842" cy="12.5977"
-            fill="url(#paint2_linear_152_1615v1knw78c2ksxer2rjw05)"></circle>
-    </g>
-    <defs>
-        <filter x="-0.304881" y="-0.549266" width="202.98" height="37.7826" filterUnits="userSpaceOnUse"
-            color-interpolation-filters="sRGB" id="filter1_ii_152_1615v1knw78c2ksxer2rjw05">
-            <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
-            <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"
-                result="hardAlpha"></feColorMatrix>
-            <feOffset dx="-1.14692" dy="-1.14692"></feOffset>
-            <feGaussianBlur stdDeviation="2.29384"></feGaussianBlur>
-            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
-            <feColorMatrix type="matrix" values="0 0 0 0 0.795 0 0 0 0 0.78 0 0 0 0 0.82 0 0 0 0.5 0">
-            </feColorMatrix>
-            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_152_1615"></feBlend>
-            <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"
-                result="hardAlpha"></feColorMatrix>
-            <feMorphology radius="1.43365" operator="erode" in="SourceAlpha"
-                result="effect2_innerShadow_152_1615"></feMorphology>
-            <feOffset dx="9.74884" dy="12.6161"></feOffset>
-            <feGaussianBlur stdDeviation="5.73461"></feGaussianBlur>
-            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
-            <feColorMatrix type="matrix" values="0 0 0 0 0.06825 0 0 0 0 0.063 0 0 0 0 0.077 0 0 0 0.7 0">
-            </feColorMatrix>
-            <feBlend mode="normal" in2="effect1_innerShadow_152_1615" result="effect2_innerShadow_152_1615">
-            </feBlend>
-        </filter>
-        <filter x="-4.65796" y="-4.90234" width="41.5" height="40.5" filterUnits="userSpaceOnUse"
-            color-interpolation-filters="sRGB" id="filter2_ii_152_1615v1knw78c2ksxer2rjw05">
-            <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
-            <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"
-                result="hardAlpha"></feColorMatrix>
-            <feMorphology radius="4.4" operator="dilate" in="SourceAlpha" result="effect1_innerShadow_152_1615">
-            </feMorphology>
-            <feOffset dx="-5.5" dy="-5.5"></feOffset>
-            <feGaussianBlur stdDeviation="8.8"></feGaussianBlur>
-            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
-            <feColorMatrix type="matrix" values="0 0 0 0 0.795 0 0 0 0 0.78 0 0 0 0 0.82 0 0 0 0.25 0">
-            </feColorMatrix>
-            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_152_1615"></feBlend>
-            <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"
-                result="hardAlpha"></feColorMatrix>
-            <feMorphology radius="2.75" operator="erode" in="SourceAlpha" result="effect2_innerShadow_152_1615">
-            </feMorphology>
-            <feOffset dx="12" dy="11"></feOffset>
-            <feGaussianBlur stdDeviation="14.85"></feGaussianBlur>
-            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
-            <feColorMatrix type="matrix" values="0 0 0 0 0.06825 0 0 0 0 0.063 0 0 0 0 0.077 0 0 0 0.65 0">
-            </feColorMatrix>
-            <feBlend mode="normal" in2="effect1_innerShadow_152_1615" result="effect2_innerShadow_152_1615">
-            </feBlend>
-        </filter>
-        <filter x="-4.65796" y="-4.90234" width="41.5" height="40.5" filterUnits="userSpaceOnUse"
-            color-interpolation-filters="sRGB" id="filter3_ii_152_1615v1knw78c2ksxer2rjw05">
-            <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
-            <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"
-                result="hardAlpha"></feColorMatrix>
-            <feMorphology radius="4.4" operator="dilate" in="SourceAlpha" result="effect1_innerShadow_152_1615">
-            </feMorphology>
-            <feOffset dx="-5.5" dy="-5.5"></feOffset>
-            <feGaussianBlur stdDeviation="8.8"></feGaussianBlur>
-            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
-            <feColorMatrix type="matrix" values="0 0 0 0 0.795 0 0 0 0 0.78 0 0 0 0 0.82 0 0 0 0.25 0">
-            </feColorMatrix>
-            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_152_1615"></feBlend>
-            <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"
-                result="hardAlpha"></feColorMatrix>
-            <feMorphology radius="2.75" operator="erode" in="SourceAlpha" result="effect2_innerShadow_152_1615">
-            </feMorphology>
-            <feOffset dx="12" dy="11"></feOffset>
-            <feGaussianBlur stdDeviation="14.85"></feGaussianBlur>
-            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
-            <feColorMatrix type="matrix" values="0 0 0 0 0.06825 0 0 0 0 0.063 0 0 0 0 0.077 0 0 0 0.65 0">
-            </feColorMatrix>
-            <feBlend mode="normal" in2="effect1_innerShadow_152_1615" result="effect2_innerShadow_152_1615">
-            </feBlend>
-        </filter>
-        <filter x="3.84204" y="3.59766" width="18" height="18" filterUnits="userSpaceOnUse"
-            color-interpolation-filters="sRGB" id="filter4_f_152_1615v1knw78c2ksxer2rjw05">
-            <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
-            <feGaussianBlur stdDeviation="1.875" result="effect1_foregroundBlur_152_1615"></feGaussianBlur>
-        </filter>
-        <linearGradient x1="21.5692" y1="1.109" x2="16.326" y2="27.6389" gradientUnits="userSpaceOnUse"
-            id="paint1_linear_152_1615v1knw78c2ksxer2rjw05">
-            <stop offset="0.581821" stop-color="#27242C"></stop>
-            <stop offset="1" stop-color="#0C0B0E"></stop>
-        </linearGradient>
-        <linearGradient x1="7.78295" y1="6.72478" x2="18.8883" y2="7.58654" gradientUnits="userSpaceOnUse"
-            id="paint2_linear_152_1615v1knw78c2ksxer2rjw05">
-            <stop stop-color="#FE3C72"></stop>
-            <stop offset="1" stop-color="#E15561"></stop>
-        </linearGradient>
-        <linearGradient x1="7.78295" y1="6.72478" x2="18.8883" y2="7.58654" gradientUnits="userSpaceOnUse"
-            id="paint3_linear_152_1615v1knw78c2ksxer2rjw05">
-            <stop stop-color="#FE3C72"></stop>
-            <stop offset="1" stop-color="#E15561"></stop>
-        </linearGradient>
-    </defs>
-</svg>
+<svg width="100%" height="100%" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g filter="url(#filter1_ii_152_1615v1knw78c2ksxer2rjw05)">
+        <rect width="24" height="24" rx="4" transform="matrix(1 0 0 -1 0.92627 24.6172)"
+            fill="url(#paint1_linear_152_1615v1knw78c2ksxer2rjw05)"></rect>
+        <g filter="url(#filter2_ii_152_1615v1knw78c2ksxer2rjw05)"></g>
+        <g filter="url(#filter3_ii_152_1615v1knw78c2ksxer2rjw05)"></g>
+        <rect x="1.96704" y="1.72266" width="21.75" height="21.75" rx="2" stroke="#FE3C72"
+            stroke-width="2.25"></rect>
+    </g>
+    <g filter="url(#filter4_f_152_1615v1knw78c2ksxer2rjw05)">
+        <circle cx="12.842" cy="12.5977"
+            fill="url(#paint2_linear_152_1615v1knw78c2ksxer2rjw05)"></circle>
+    </g>
+    <defs>
+        <filter x="-0.304881" y="-0.549266" width="202.98" height="37.7826" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB" id="filter1_ii_152_1615v1knw78c2ksxer2rjw05">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
+            <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"
+                result="hardAlpha"></feColorMatrix>
+            <feOffset dx="-1.14692" dy="-1.14692"></feOffset>
+            <feGaussianBlur stdDeviation="2.29384"></feGaussianBlur>
+            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
+            <feColorMatrix type="matrix" values="0 0 0 0 0.795 0 0 0 0 0.78 0 0 0 0 0.82 0 0 0 0.5 0">
+            </feColorMatrix>
+            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_152_1615"></feBlend>
+            <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"
+                result="hardAlpha"></feColorMatrix>
+            <feMorphology radius="1.43365" operator="erode" in="SourceAlpha"
+                result="effect2_innerShadow_152_1615"></feMorphology>
+            <feOffset dx="9.74884" dy="12.6161"></feOffset>
+            <feGaussianBlur stdDeviation="5.73461"></feGaussianBlur>
+            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
+            <feColorMatrix type="matrix" values="0 0 0 0 0.06825 0 0 0 0 0.063 0 0 0 0 0.077 0 0 0 0.7 0">
+            </feColorMatrix>
+            <feBlend mode="normal" in2="effect1_innerShadow_152_1615" result="effect2_innerShadow_152_1615">
+            </feBlend>
+        </filter>
+        <filter x="-4.65796" y="-4.90234" width="41.5" height="40.5" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB" id="filter2_ii_152_1615v1knw78c2ksxer2rjw05">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
+            <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"
+                result="hardAlpha"></feColorMatrix>
+            <feMorphology radius="4.4" operator="dilate" in="SourceAlpha" result="effect1_innerShadow_152_1615">
+            </feMorphology>
+            <feOffset dx="-5.5" dy="-5.5"></feOffset>
+            <feGaussianBlur stdDeviation="8.8"></feGaussianBlur>
+            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
+            <feColorMatrix type="matrix" values="0 0 0 0 0.795 0 0 0 0 0.78 0 0 0 0 0.82 0 0 0 0.25 0">
+            </feColorMatrix>
+            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_152_1615"></feBlend>
+            <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"
+                result="hardAlpha"></feColorMatrix>
+            <feMorphology radius="2.75" operator="erode" in="SourceAlpha" result="effect2_innerShadow_152_1615">
+            </feMorphology>
+            <feOffset dx="12" dy="11"></feOffset>
+            <feGaussianBlur stdDeviation="14.85"></feGaussianBlur>
+            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
+            <feColorMatrix type="matrix" values="0 0 0 0 0.06825 0 0 0 0 0.063 0 0 0 0 0.077 0 0 0 0.65 0">
+            </feColorMatrix>
+            <feBlend mode="normal" in2="effect1_innerShadow_152_1615" result="effect2_innerShadow_152_1615">
+            </feBlend>
+        </filter>
+        <filter x="-4.65796" y="-4.90234" width="41.5" height="40.5" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB" id="filter3_ii_152_1615v1knw78c2ksxer2rjw05">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
+            <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"
+                result="hardAlpha"></feColorMatrix>
+            <feMorphology radius="4.4" operator="dilate" in="SourceAlpha" result="effect1_innerShadow_152_1615">
+            </feMorphology>
+            <feOffset dx="-5.5" dy="-5.5"></feOffset>
+            <feGaussianBlur stdDeviation="8.8"></feGaussianBlur>
+            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
+            <feColorMatrix type="matrix" values="0 0 0 0 0.795 0 0 0 0 0.78 0 0 0 0 0.82 0 0 0 0.25 0">
+            </feColorMatrix>
+            <feBlend mode="normal" in2="shape" result="effect1_innerShadow_152_1615"></feBlend>
+            <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"
+                result="hardAlpha"></feColorMatrix>
+            <feMorphology radius="2.75" operator="erode" in="SourceAlpha" result="effect2_innerShadow_152_1615">
+            </feMorphology>
+            <feOffset dx="12" dy="11"></feOffset>
+            <feGaussianBlur stdDeviation="14.85"></feGaussianBlur>
+            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite>
+            <feColorMatrix type="matrix" values="0 0 0 0 0.06825 0 0 0 0 0.063 0 0 0 0 0.077 0 0 0 0.65 0">
+            </feColorMatrix>
+            <feBlend mode="normal" in2="effect1_innerShadow_152_1615" result="effect2_innerShadow_152_1615">
+            </feBlend>
+        </filter>
+        <filter x="3.84204" y="3.59766" width="18" height="18" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB" id="filter4_f_152_1615v1knw78c2ksxer2rjw05">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood>
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend>
+            <feGaussianBlur stdDeviation="1.875" result="effect1_foregroundBlur_152_1615"></feGaussianBlur>
+        </filter>
+        <linearGradient x1="21.5692" y1="1.109" x2="16.326" y2="27.6389" gradientUnits="userSpaceOnUse"
+            id="paint1_linear_152_1615v1knw78c2ksxer2rjw05">
+            <stop offset="0.581821" stop-color="#27242C"></stop>
+            <stop offset="1" stop-color="#0C0B0E"></stop>
+        </linearGradient>
+        <linearGradient x1="7.78295" y1="6.72478" x2="18.8883" y2="7.58654" gradientUnits="userSpaceOnUse"
+            id="paint2_linear_152_1615v1knw78c2ksxer2rjw05">
+            <stop stop-color="#FE3C72"></stop>
+            <stop offset="1" stop-color="#E15561"></stop>
+        </linearGradient>
+        <linearGradient x1="7.78295" y1="6.72478" x2="18.8883" y2="7.58654" gradientUnits="userSpaceOnUse"
+            id="paint3_linear_152_1615v1knw78c2ksxer2rjw05">
+            <stop stop-color="#FE3C72"></stop>
+            <stop offset="1" stop-color="#E15561"></stop>
+        </linearGradient>
+    </defs>
+</svg>

package/src/assets/icons/checkmark-button.svg

@@ -1,72 +1,72 @@
-<svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g mask="url(#circle-mask)" style="transform: scale(0.8); transform-origin: center">
-  <g style="transform: scale(2.5); transform-origin: center; transform-fill: fill-box;">
-  <g style="transform: translate(5px, 4.5px)">
-<g filter="url(#filter0_ddf_131_526)">
-    <rect x="16.4537" y="16.9095" width="20.9373" height="20.1321" rx="10.066" fill="url(#paint0_linear_131_526)" fill-opacity="0.81" shape-rendering="crispEdges" />
-  </g>
-  <g filter="url(#filter1_ddf_131_526)">
-    <rect x="16.4537" y="17.7148" width="20.9373" height="20.1321" rx="10.066" fill="url(#paint1_linear_131_526)" fill-opacity="0.81" shape-rendering="crispEdges" />
-  </g>
-  <path d="M21 27.4 L25 30.9632l7.3 -7" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" />
-</g></g></g>
-  <defs>
-    <radialGradient id="fade-out-mask" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
-      <stop offset="0%" style="stop-color:white; stop-opacity:1" />
-      <stop offset="80%" style="stop-color:white; stop-opacity:1" />
-      <stop offset="100%" style="stop-color:black; stop-opacity:0" />
-    </radialGradient>
-    <mask id="circle-mask">
-      <circle r="32" cx="32" cy="32" fill="url(#fade-out-mask)" />
-    </mask>
-
-
-    <filter id="filter0_ddf_131_526" x="0.473761" y="0.92951" width="52.8973" height="52.092" 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" result="hardAlpha" />
-      <feMorphology radius="0.8211" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_131_526" />
-      <feOffset dy="2.5568" />
-      <feGaussianBlur stdDeviation="1.2784" />
-      <feComposite in2="hardAlpha" operator="out" />
-      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.43 0" />
-      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_131_526" />
-      <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" result="hardAlpha" />
-      <feMorphology radius="5.32666" operator="dilate" in="SourceAlpha" result="effect2_dropShadow_131_526" />
-      <feOffset />
-      <feGaussianBlur stdDeviation="5.32666" />
-      <feComposite in2="hardAlpha" operator="out" />
-      <feColorMatrix type="matrix" values="0 0 0 0 0.258738 0 0 0 0 0.258738 0 0 0 0 0.258738 0 0 0 0.61 0" />
-      <feBlend mode="normal" in2="effect1_dropShadow_131_526" result="effect2_dropShadow_131_526" />
-      <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_131_526" result="shape" />
-      <feGaussianBlur stdDeviation="0.266333" result="effect3_foregroundBlur_131_526" />
-    </filter>
-    <filter id="filter1_ddf_131_526" x="4.27678" y="4.87961" width="59.772" height="58.9667" 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" result="hardAlpha" />
-      <feMorphology radius="1.64553" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_131_526" />
-      <feOffset dx="7.24035" dy="6.58214" />
-      <feGaussianBlur stdDeviation="8.88589" />
-      <feComposite in2="hardAlpha" operator="out" />
-      <feColorMatrix type="matrix" values="0 0 0 0 0.070249 0 0 0 0 0.0696554 0 0 0 0 0.0712385 0 0 0 0.65 0" />
-      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_131_526" />
-      <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" result="hardAlpha" />
-      <feOffset />
-      <feGaussianBlur stdDeviation="1.22513" />
-      <feComposite in2="hardAlpha" operator="out" />
-      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" />
-      <feBlend mode="normal" in2="effect1_dropShadow_131_526" result="effect2_dropShadow_131_526" />
-      <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_131_526" result="shape" />
-      <feGaussianBlur stdDeviation="0.266333" result="effect3_foregroundBlur_131_526" />
-    </filter>
-    <linearGradient id="paint0_linear_131_526" x1="26.4862" y1="7.68229" x2="29.2119" y2="39.4247" gradientUnits="userSpaceOnUse">
-      <stop offset="0.456411" stop-color="#69686A" />
-      <stop offset="0.893" stop-color="#29252D" />
-      <stop offset="0.953901" stop-color="#29252D" />
-    </linearGradient>
-    <linearGradient id="paint1_linear_131_526" x1="26.4862" y1="8.48759" x2="29.2119" y2="40.23" gradientUnits="userSpaceOnUse">
-      <stop offset="0.0765292" stop-color="#595859" />
-      <stop offset="0.417307" stop-color="#29252D" />
-      <stop offset="0.953901" stop-color="#29252D" />
-    </linearGradient>
-  </defs>
-</svg>
+<svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g mask="url(#circle-mask)" style="transform: scale(0.8); transform-origin: center">
+  <g style="transform: scale(2.5); transform-origin: center; transform-fill: fill-box;">
+  <g style="transform: translate(5px, 4.5px)">
+<g filter="url(#filter0_ddf_131_526)">
+    <rect x="16.4537" y="16.9095" width="20.9373" height="20.1321" rx="10.066" fill="url(#paint0_linear_131_526)" fill-opacity="0.81" shape-rendering="crispEdges" />
+  </g>
+  <g filter="url(#filter1_ddf_131_526)">
+    <rect x="16.4537" y="17.7148" width="20.9373" height="20.1321" rx="10.066" fill="url(#paint1_linear_131_526)" fill-opacity="0.81" shape-rendering="crispEdges" />
+  </g>
+  <path d="M21 27.4 L25 30.9632l7.3 -7" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" />
+</g></g></g>
+  <defs>
+    <radialGradient id="fade-out-mask" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
+      <stop offset="0%" style="stop-color:white; stop-opacity:1" />
+      <stop offset="80%" style="stop-color:white; stop-opacity:1" />
+      <stop offset="100%" style="stop-color:black; stop-opacity:0" />
+    </radialGradient>
+    <mask id="circle-mask">
+      <circle r="32" cx="32" cy="32" fill="url(#fade-out-mask)" />
+    </mask>
+
+
+    <filter id="filter0_ddf_131_526" x="0.473761" y="0.92951" width="52.8973" height="52.092" 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" result="hardAlpha" />
+      <feMorphology radius="0.8211" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_131_526" />
+      <feOffset dy="2.5568" />
+      <feGaussianBlur stdDeviation="1.2784" />
+      <feComposite in2="hardAlpha" operator="out" />
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.43 0" />
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_131_526" />
+      <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" result="hardAlpha" />
+      <feMorphology radius="5.32666" operator="dilate" in="SourceAlpha" result="effect2_dropShadow_131_526" />
+      <feOffset />
+      <feGaussianBlur stdDeviation="5.32666" />
+      <feComposite in2="hardAlpha" operator="out" />
+      <feColorMatrix type="matrix" values="0 0 0 0 0.258738 0 0 0 0 0.258738 0 0 0 0 0.258738 0 0 0 0.61 0" />
+      <feBlend mode="normal" in2="effect1_dropShadow_131_526" result="effect2_dropShadow_131_526" />
+      <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_131_526" result="shape" />
+      <feGaussianBlur stdDeviation="0.266333" result="effect3_foregroundBlur_131_526" />
+    </filter>
+    <filter id="filter1_ddf_131_526" x="4.27678" y="4.87961" width="59.772" height="58.9667" 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" result="hardAlpha" />
+      <feMorphology radius="1.64553" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_131_526" />
+      <feOffset dx="7.24035" dy="6.58214" />
+      <feGaussianBlur stdDeviation="8.88589" />
+      <feComposite in2="hardAlpha" operator="out" />
+      <feColorMatrix type="matrix" values="0 0 0 0 0.070249 0 0 0 0 0.0696554 0 0 0 0 0.0712385 0 0 0 0.65 0" />
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_131_526" />
+      <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" result="hardAlpha" />
+      <feOffset />
+      <feGaussianBlur stdDeviation="1.22513" />
+      <feComposite in2="hardAlpha" operator="out" />
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0" />
+      <feBlend mode="normal" in2="effect1_dropShadow_131_526" result="effect2_dropShadow_131_526" />
+      <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_131_526" result="shape" />
+      <feGaussianBlur stdDeviation="0.266333" result="effect3_foregroundBlur_131_526" />
+    </filter>
+    <linearGradient id="paint0_linear_131_526" x1="26.4862" y1="7.68229" x2="29.2119" y2="39.4247" gradientUnits="userSpaceOnUse">
+      <stop offset="0.456411" stop-color="#69686A" />
+      <stop offset="0.893" stop-color="#29252D" />
+      <stop offset="0.953901" stop-color="#29252D" />
+    </linearGradient>
+    <linearGradient id="paint1_linear_131_526" x1="26.4862" y1="8.48759" x2="29.2119" y2="40.23" gradientUnits="userSpaceOnUse">
+      <stop offset="0.0765292" stop-color="#595859" />
+      <stop offset="0.417307" stop-color="#29252D" />
+      <stop offset="0.953901" stop-color="#29252D" />
+    </linearGradient>
+  </defs>
+</svg>

package/src/assets/icons/checkmark.svg

@@ -1,7 +1,7 @@
-<svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g mask="url(#circle-mask)" style="transform: scale(0.8); transform-origin: center">
-  <g style="transform: scale(2.5); transform-origin: center; transform-fill: fill-box;">
-  <g style="transform: translate(5px, 4.5px)">
-  <path d="M21 27.4 L25 30.9632l7.3 -7" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" />
-</g></g></g>
-</svg>
+<svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g mask="url(#circle-mask)" style="transform: scale(0.8); transform-origin: center">
+  <g style="transform: scale(2.5); transform-origin: center; transform-fill: fill-box;">
+  <g style="transform: translate(5px, 4.5px)">
+  <path d="M21 27.4 L25 30.9632l7.3 -7" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" />
+</g></g></g>
+</svg>

package/src/assets/icons/close-icon.svg

@@ -1,3 +1,3 @@
-<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.00641 8.12964L7.81392 3.32213M7.90439 8.22128L2.9166 3.23349" stroke="#EBEBF5" stroke-opacity="0.2" stroke-width="1.51894" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.00641 8.12964L7.81392 3.32213M7.90439 8.22128L2.9166 3.23349" stroke="#EBEBF5" stroke-opacity="0.2" stroke-width="1.51894" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/compose-matcher/notes.svg

@@ -1,4 +1,4 @@
-<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.2477 3.99851L12.5501 1.69612H1.98968C1.81609 1.70046 1.65108 1.77248 1.52986 1.8968C1.40865 2.02113 1.34083 2.18791 1.34088 2.36155V13.3744C1.34088 13.5509 1.41099 13.7202 1.53578 13.845C1.66057 13.9698 1.82983 14.0399 2.00631 14.0399H13.0192C13.1957 14.0399 13.3649 13.9698 13.4897 13.845C13.6145 13.7202 13.6846 13.5509 13.6846 13.3744V5.13307L12.5501 6.26763M10.281 3.99851L12.5501 6.26763L8.59076 10.1804L5.16711 11.3382L6.31165 7.92455L10.281 3.99851Z" stroke="#EC3A6A" stroke-width="1.45037" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M10.2477 3.99851L12.5501 1.69612H1.98968C1.81609 1.70046 1.65108 1.77248 1.52986 1.8968C1.40865 2.02113 1.34083 2.18791 1.34088 2.36155V13.3744C1.34088 13.5509 1.41099 13.7202 1.53578 13.845C1.66057 13.9698 1.82983 14.0399 2.00631 14.0399H13.0192C13.1957 14.0399 13.3649 13.9698 13.4897 13.845C13.6145 13.7202 13.6846 13.5509 13.6846 13.3744V5.13307L12.5501 6.26763M10.281 3.99851L12.5501 6.26763L8.59076 10.1804L5.16711 11.3382L6.31165 7.92455L10.281 3.99851Z" stroke="#939296" stroke-width="1.45037" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.2477 3.99851L12.5501 1.69612H1.98968C1.81609 1.70046 1.65108 1.77248 1.52986 1.8968C1.40865 2.02113 1.34083 2.18791 1.34088 2.36155V13.3744C1.34088 13.5509 1.41099 13.7202 1.53578 13.845C1.66057 13.9698 1.82983 14.0399 2.00631 14.0399H13.0192C13.1957 14.0399 13.3649 13.9698 13.4897 13.845C13.6145 13.7202 13.6846 13.5509 13.6846 13.3744V5.13307L12.5501 6.26763M10.281 3.99851L12.5501 6.26763L8.59076 10.1804L5.16711 11.3382L6.31165 7.92455L10.281 3.99851Z" stroke="#EC3A6A" stroke-width="1.45037" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.2477 3.99851L12.5501 1.69612H1.98968C1.81609 1.70046 1.65108 1.77248 1.52986 1.8968C1.40865 2.02113 1.34083 2.18791 1.34088 2.36155V13.3744C1.34088 13.5509 1.41099 13.7202 1.53578 13.845C1.66057 13.9698 1.82983 14.0399 2.00631 14.0399H13.0192C13.1957 14.0399 13.3649 13.9698 13.4897 13.845C13.6145 13.7202 13.6846 13.5509 13.6846 13.3744V5.13307L12.5501 6.26763M10.281 3.99851L12.5501 6.26763L8.59076 10.1804L5.16711 11.3382L6.31165 7.92455L10.281 3.99851Z" stroke="#939296" stroke-width="1.45037" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>