@designcrowd/fe-shared-lib 1.4.8 → 1.4.9

package/src/atoms/components/SparkleIcon/assets/animations/state-05.svg

@@ -1,5 +1,5 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 10C10 9.89149 9.95117 9.81011 9.85352 9.75586L8.0306 8.8444L7.10286 7.00521C7.05946 6.9184 6.98351 6.875 6.875 6.875C6.76649 6.875 6.69054 6.9184 6.64714 7.00521L5.7194 8.8444L3.89648 9.75586C3.79883 9.81011 3.75 9.89149 3.75 10C3.75 10.1085 3.79883 10.1845 3.89648 10.2279L5.7194 11.1393L6.64714 12.9785C6.69054 13.0762 6.76649 13.125 6.875 13.125C6.98351 13.125 7.05946 13.0762 7.10286 12.9785L8.0306 11.1393L9.85352 10.2279C9.95117 10.1845 10 10.1085 10 10Z" fill="#3F59F6"/>
-<path d="M10 5.3125C10 5.43186 10.0477 5.51541 10.1432 5.56315L12.2917 6.45833L13.1868 8.60677C13.2346 8.70226 13.3181 8.75 13.4375 8.75C13.5569 8.75 13.6404 8.70226 13.6882 8.60677L14.5833 6.45833L16.7318 5.56315C16.8273 5.51541 16.875 5.43186 16.875 5.3125C16.875 5.19314 16.8273 5.10959 16.7318 5.06185L14.5833 4.16667L13.6882 2.01823C13.6404 1.92274 13.5569 1.875 13.4375 1.875C13.3181 1.875 13.2346 1.92274 13.1868 2.01823L12.2917 4.16667L10.1432 5.06185C10.0477 5.10959 10 5.19314 10 5.3125Z" fill="#3F59F6"/>
-<path d="M16.875 14.6875C16.875 14.5681 16.8273 14.4846 16.7318 14.4368L14.5833 13.5417L13.6882 11.3932C13.6404 11.2977 13.5569 11.25 13.4375 11.25C13.3181 11.25 13.2346 11.2977 13.1868 11.3932L12.2917 13.5417L10.1432 14.4368C10.0477 14.4846 10 14.5681 10 14.6875C10 14.8069 10.0477 14.8904 10.1432 14.9382L12.2917 15.8333L13.1868 17.9818C13.2346 18.0773 13.3181 18.125 13.4375 18.125C13.5569 18.125 13.6404 18.0773 13.6882 17.9818L14.5833 15.8333L16.7318 14.9382C16.8273 14.8904 16.875 14.8069 16.875 14.6875Z" fill="#3F59F6"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 10C10 9.89149 9.95117 9.81011 9.85352 9.75586L8.0306 8.8444L7.10286 7.00521C7.05946 6.9184 6.98351 6.875 6.875 6.875C6.76649 6.875 6.69054 6.9184 6.64714 7.00521L5.7194 8.8444L3.89648 9.75586C3.79883 9.81011 3.75 9.89149 3.75 10C3.75 10.1085 3.79883 10.1845 3.89648 10.2279L5.7194 11.1393L6.64714 12.9785C6.69054 13.0762 6.76649 13.125 6.875 13.125C6.98351 13.125 7.05946 13.0762 7.10286 12.9785L8.0306 11.1393L9.85352 10.2279C9.95117 10.1845 10 10.1085 10 10Z" fill="#3F59F6"/>
+<path d="M10 5.3125C10 5.43186 10.0477 5.51541 10.1432 5.56315L12.2917 6.45833L13.1868 8.60677C13.2346 8.70226 13.3181 8.75 13.4375 8.75C13.5569 8.75 13.6404 8.70226 13.6882 8.60677L14.5833 6.45833L16.7318 5.56315C16.8273 5.51541 16.875 5.43186 16.875 5.3125C16.875 5.19314 16.8273 5.10959 16.7318 5.06185L14.5833 4.16667L13.6882 2.01823C13.6404 1.92274 13.5569 1.875 13.4375 1.875C13.3181 1.875 13.2346 1.92274 13.1868 2.01823L12.2917 4.16667L10.1432 5.06185C10.0477 5.10959 10 5.19314 10 5.3125Z" fill="#3F59F6"/>
+<path d="M16.875 14.6875C16.875 14.5681 16.8273 14.4846 16.7318 14.4368L14.5833 13.5417L13.6882 11.3932C13.6404 11.2977 13.5569 11.25 13.4375 11.25C13.3181 11.25 13.2346 11.2977 13.1868 11.3932L12.2917 13.5417L10.1432 14.4368C10.0477 14.4846 10 14.5681 10 14.6875C10 14.8069 10.0477 14.8904 10.1432 14.9382L12.2917 15.8333L13.1868 17.9818C13.2346 18.0773 13.3181 18.125 13.4375 18.125C13.5569 18.125 13.6404 18.0773 13.6882 17.9818L14.5833 15.8333L16.7318 14.9382C16.8273 14.8904 16.875 14.8069 16.875 14.6875Z" fill="#3F59F6"/>
+</svg>

package/src/atoms/components/SparkleIcon/assets/animations/state-06.svg

@@ -1,5 +1,5 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.0625 10C9.0625 9.92405 9.02832 9.86708 8.95996 9.8291L7.68392 9.19108L7.03451 7.90365C7.00412 7.84288 6.95095 7.8125 6.875 7.8125C6.79905 7.8125 6.74588 7.84288 6.71549 7.90365L6.06608 9.19108L4.79004 9.8291C4.72168 9.86708 4.6875 9.92405 4.6875 10C4.6875 10.076 4.72168 10.1291 4.79004 10.1595L6.06608 10.7975L6.71549 12.085C6.74588 12.1533 6.79905 12.1875 6.875 12.1875C6.95095 12.1875 7.00412 12.1533 7.03451 12.085L7.68392 10.7975L8.95996 10.1595C9.02832 10.1291 9.0625 10.076 9.0625 10Z" fill="#3F59F6"/>
-<path d="M9.0625 5.3125C9.0625 5.46441 9.12326 5.57075 9.24479 5.63151L11.9792 6.77083L13.1185 9.50521C13.1793 9.62674 13.2856 9.6875 13.4375 9.6875C13.5894 9.6875 13.6957 9.62674 13.7565 9.50521L14.8958 6.77083L17.6302 5.63151C17.7517 5.57075 17.8125 5.46441 17.8125 5.3125C17.8125 5.16059 17.7517 5.05425 17.6302 4.99349L14.8958 3.85417L13.7565 1.11979C13.6957 0.998264 13.5894 0.9375 13.4375 0.9375C13.2856 0.9375 13.1793 0.998264 13.1185 1.11979L11.9792 3.85417L9.24479 4.99349C9.12326 5.05425 9.0625 5.16059 9.0625 5.3125Z" fill="#3F59F6"/>
-<path d="M17.8125 14.6875C17.8125 14.5356 17.7517 14.4293 17.6302 14.3685L14.8958 13.2292L13.7565 10.4948C13.6957 10.3733 13.5894 10.3125 13.4375 10.3125C13.2856 10.3125 13.1793 10.3733 13.1185 10.4948L11.9792 13.2292L9.24479 14.3685C9.12326 14.4293 9.0625 14.5356 9.0625 14.6875C9.0625 14.8394 9.12326 14.9457 9.24479 15.0065L11.9792 16.1458L13.1185 18.8802C13.1793 19.0017 13.2856 19.0625 13.4375 19.0625C13.5894 19.0625 13.6957 19.0017 13.7565 18.8802L14.8958 16.1458L17.6302 15.0065C17.7517 14.9457 17.8125 14.8394 17.8125 14.6875Z" fill="#3F59F6"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.0625 10C9.0625 9.92405 9.02832 9.86708 8.95996 9.8291L7.68392 9.19108L7.03451 7.90365C7.00412 7.84288 6.95095 7.8125 6.875 7.8125C6.79905 7.8125 6.74588 7.84288 6.71549 7.90365L6.06608 9.19108L4.79004 9.8291C4.72168 9.86708 4.6875 9.92405 4.6875 10C4.6875 10.076 4.72168 10.1291 4.79004 10.1595L6.06608 10.7975L6.71549 12.085C6.74588 12.1533 6.79905 12.1875 6.875 12.1875C6.95095 12.1875 7.00412 12.1533 7.03451 12.085L7.68392 10.7975L8.95996 10.1595C9.02832 10.1291 9.0625 10.076 9.0625 10Z" fill="#3F59F6"/>
+<path d="M9.0625 5.3125C9.0625 5.46441 9.12326 5.57075 9.24479 5.63151L11.9792 6.77083L13.1185 9.50521C13.1793 9.62674 13.2856 9.6875 13.4375 9.6875C13.5894 9.6875 13.6957 9.62674 13.7565 9.50521L14.8958 6.77083L17.6302 5.63151C17.7517 5.57075 17.8125 5.46441 17.8125 5.3125C17.8125 5.16059 17.7517 5.05425 17.6302 4.99349L14.8958 3.85417L13.7565 1.11979C13.6957 0.998264 13.5894 0.9375 13.4375 0.9375C13.2856 0.9375 13.1793 0.998264 13.1185 1.11979L11.9792 3.85417L9.24479 4.99349C9.12326 5.05425 9.0625 5.16059 9.0625 5.3125Z" fill="#3F59F6"/>
+<path d="M17.8125 14.6875C17.8125 14.5356 17.7517 14.4293 17.6302 14.3685L14.8958 13.2292L13.7565 10.4948C13.6957 10.3733 13.5894 10.3125 13.4375 10.3125C13.2856 10.3125 13.1793 10.3733 13.1185 10.4948L11.9792 13.2292L9.24479 14.3685C9.12326 14.4293 9.0625 14.5356 9.0625 14.6875C9.0625 14.8394 9.12326 14.9457 9.24479 15.0065L11.9792 16.1458L13.1185 18.8802C13.1793 19.0017 13.2856 19.0625 13.4375 19.0625C13.5894 19.0625 13.6957 19.0017 13.7565 18.8802L14.8958 16.1458L17.6302 15.0065C17.7517 14.9457 17.8125 14.8394 17.8125 14.6875Z" fill="#3F59F6"/>
+</svg>

package/src/atoms/components/SparkleIcon/assets/animations/state-07.svg

@@ -1,5 +1,5 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 10C10 9.89149 9.95117 9.81011 9.85352 9.75586L8.0306 8.8444L7.10286 7.00521C7.05946 6.9184 6.98351 6.875 6.875 6.875C6.76649 6.875 6.69054 6.9184 6.64714 7.00521L5.7194 8.8444L3.89648 9.75586C3.79883 9.81011 3.75 9.89149 3.75 10C3.75 10.1085 3.79883 10.1845 3.89648 10.2279L5.7194 11.1393L6.64714 12.9785C6.69054 13.0762 6.76649 13.125 6.875 13.125C6.98351 13.125 7.05946 13.0762 7.10286 12.9785L8.0306 11.1393L9.85352 10.2279C9.95117 10.1845 10 10.1085 10 10Z" fill="#3F59F6"/>
-<path d="M10 5.3125C10 5.43186 10.0477 5.51541 10.1432 5.56315L12.2917 6.45833L13.1868 8.60677C13.2346 8.70226 13.3181 8.75 13.4375 8.75C13.5569 8.75 13.6404 8.70226 13.6882 8.60677L14.5833 6.45833L16.7318 5.56315C16.8273 5.51541 16.875 5.43186 16.875 5.3125C16.875 5.19314 16.8273 5.10959 16.7318 5.06185L14.5833 4.16667L13.6882 2.01823C13.6404 1.92274 13.5569 1.875 13.4375 1.875C13.3181 1.875 13.2346 1.92274 13.1868 2.01823L12.2917 4.16667L10.1432 5.06185C10.0477 5.10959 10 5.19314 10 5.3125Z" fill="#3F59F6"/>
-<path d="M16.875 14.6875C16.875 14.5681 16.8273 14.4846 16.7318 14.4368L14.5833 13.5417L13.6882 11.3932C13.6404 11.2977 13.5569 11.25 13.4375 11.25C13.3181 11.25 13.2346 11.2977 13.1868 11.3932L12.2917 13.5417L10.1432 14.4368C10.0477 14.4846 10 14.5681 10 14.6875C10 14.8069 10.0477 14.8904 10.1432 14.9382L12.2917 15.8333L13.1868 17.9818C13.2346 18.0773 13.3181 18.125 13.4375 18.125C13.5569 18.125 13.6404 18.0773 13.6882 17.9818L14.5833 15.8333L16.7318 14.9382C16.8273 14.8904 16.875 14.8069 16.875 14.6875Z" fill="#3F59F6"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 10C10 9.89149 9.95117 9.81011 9.85352 9.75586L8.0306 8.8444L7.10286 7.00521C7.05946 6.9184 6.98351 6.875 6.875 6.875C6.76649 6.875 6.69054 6.9184 6.64714 7.00521L5.7194 8.8444L3.89648 9.75586C3.79883 9.81011 3.75 9.89149 3.75 10C3.75 10.1085 3.79883 10.1845 3.89648 10.2279L5.7194 11.1393L6.64714 12.9785C6.69054 13.0762 6.76649 13.125 6.875 13.125C6.98351 13.125 7.05946 13.0762 7.10286 12.9785L8.0306 11.1393L9.85352 10.2279C9.95117 10.1845 10 10.1085 10 10Z" fill="#3F59F6"/>
+<path d="M10 5.3125C10 5.43186 10.0477 5.51541 10.1432 5.56315L12.2917 6.45833L13.1868 8.60677C13.2346 8.70226 13.3181 8.75 13.4375 8.75C13.5569 8.75 13.6404 8.70226 13.6882 8.60677L14.5833 6.45833L16.7318 5.56315C16.8273 5.51541 16.875 5.43186 16.875 5.3125C16.875 5.19314 16.8273 5.10959 16.7318 5.06185L14.5833 4.16667L13.6882 2.01823C13.6404 1.92274 13.5569 1.875 13.4375 1.875C13.3181 1.875 13.2346 1.92274 13.1868 2.01823L12.2917 4.16667L10.1432 5.06185C10.0477 5.10959 10 5.19314 10 5.3125Z" fill="#3F59F6"/>
+<path d="M16.875 14.6875C16.875 14.5681 16.8273 14.4846 16.7318 14.4368L14.5833 13.5417L13.6882 11.3932C13.6404 11.2977 13.5569 11.25 13.4375 11.25C13.3181 11.25 13.2346 11.2977 13.1868 11.3932L12.2917 13.5417L10.1432 14.4368C10.0477 14.4846 10 14.5681 10 14.6875C10 14.8069 10.0477 14.8904 10.1432 14.9382L12.2917 15.8333L13.1868 17.9818C13.2346 18.0773 13.3181 18.125 13.4375 18.125C13.5569 18.125 13.6404 18.0773 13.6882 17.9818L14.5833 15.8333L16.7318 14.9382C16.8273 14.8904 16.875 14.8069 16.875 14.6875Z" fill="#3F59F6"/>
+</svg>

package/src/atoms/components/SparkleIcon/assets/animations/state-08.svg

@@ -1,5 +1,5 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.5625 10C11.5625 9.83724 11.4893 9.71517 11.3428 9.63379L8.6084 8.2666L7.2168 5.50781C7.15169 5.3776 7.03776 5.3125 6.875 5.3125C6.71224 5.3125 6.59831 5.3776 6.5332 5.50781L5.1416 8.2666L2.40723 9.63379C2.26074 9.71517 2.1875 9.83724 2.1875 10C2.1875 10.1628 2.26074 10.2767 2.40723 10.3418L5.1416 11.709L6.5332 14.4678C6.59831 14.6143 6.71224 14.6875 6.875 14.6875C7.03776 14.6875 7.15169 14.6143 7.2168 14.4678L8.6084 11.709L11.3428 10.3418C11.4893 10.2767 11.5625 10.1628 11.5625 10Z" fill="#3F59F6"/>
-<path d="M10.625 5.3125C10.625 5.41016 10.6641 5.47852 10.7422 5.51758L12.5 6.25L13.2324 8.00781C13.2715 8.08594 13.3398 8.125 13.4375 8.125C13.5352 8.125 13.6035 8.08594 13.6426 8.00781L14.375 6.25L16.1328 5.51758C16.2109 5.47852 16.25 5.41016 16.25 5.3125C16.25 5.21484 16.2109 5.14648 16.1328 5.10742L14.375 4.375L13.6426 2.61719C13.6035 2.53906 13.5352 2.5 13.4375 2.5C13.3398 2.5 13.2715 2.53906 13.2324 2.61719L12.5 4.375L10.7422 5.10742C10.6641 5.14648 10.625 5.21484 10.625 5.3125Z" fill="#3F59F6"/>
-<path d="M16.25 14.6875C16.25 14.5898 16.2109 14.5215 16.1328 14.4824L14.375 13.75L13.6426 11.9922C13.6035 11.9141 13.5352 11.875 13.4375 11.875C13.3398 11.875 13.2715 11.9141 13.2324 11.9922L12.5 13.75L10.7422 14.4824C10.6641 14.5215 10.625 14.5898 10.625 14.6875C10.625 14.7852 10.6641 14.8535 10.7422 14.8926L12.5 15.625L13.2324 17.3828C13.2715 17.4609 13.3398 17.5 13.4375 17.5C13.5352 17.5 13.6035 17.4609 13.6426 17.3828L14.375 15.625L16.1328 14.8926C16.2109 14.8535 16.25 14.7852 16.25 14.6875Z" fill="#3F59F6"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.5625 10C11.5625 9.83724 11.4893 9.71517 11.3428 9.63379L8.6084 8.2666L7.2168 5.50781C7.15169 5.3776 7.03776 5.3125 6.875 5.3125C6.71224 5.3125 6.59831 5.3776 6.5332 5.50781L5.1416 8.2666L2.40723 9.63379C2.26074 9.71517 2.1875 9.83724 2.1875 10C2.1875 10.1628 2.26074 10.2767 2.40723 10.3418L5.1416 11.709L6.5332 14.4678C6.59831 14.6143 6.71224 14.6875 6.875 14.6875C7.03776 14.6875 7.15169 14.6143 7.2168 14.4678L8.6084 11.709L11.3428 10.3418C11.4893 10.2767 11.5625 10.1628 11.5625 10Z" fill="#3F59F6"/>
+<path d="M10.625 5.3125C10.625 5.41016 10.6641 5.47852 10.7422 5.51758L12.5 6.25L13.2324 8.00781C13.2715 8.08594 13.3398 8.125 13.4375 8.125C13.5352 8.125 13.6035 8.08594 13.6426 8.00781L14.375 6.25L16.1328 5.51758C16.2109 5.47852 16.25 5.41016 16.25 5.3125C16.25 5.21484 16.2109 5.14648 16.1328 5.10742L14.375 4.375L13.6426 2.61719C13.6035 2.53906 13.5352 2.5 13.4375 2.5C13.3398 2.5 13.2715 2.53906 13.2324 2.61719L12.5 4.375L10.7422 5.10742C10.6641 5.14648 10.625 5.21484 10.625 5.3125Z" fill="#3F59F6"/>
+<path d="M16.25 14.6875C16.25 14.5898 16.2109 14.5215 16.1328 14.4824L14.375 13.75L13.6426 11.9922C13.6035 11.9141 13.5352 11.875 13.4375 11.875C13.3398 11.875 13.2715 11.9141 13.2324 11.9922L12.5 13.75L10.7422 14.4824C10.6641 14.5215 10.625 14.5898 10.625 14.6875C10.625 14.7852 10.6641 14.8535 10.7422 14.8926L12.5 15.625L13.2324 17.3828C13.2715 17.4609 13.3398 17.5 13.4375 17.5C13.5352 17.5 13.6035 17.4609 13.6426 17.3828L14.375 15.625L16.1328 14.8926C16.2109 14.8535 16.25 14.7852 16.25 14.6875Z" fill="#3F59F6"/>
+</svg>

package/src/atoms/components/SparkleIcon/assets/sparkle.svg

@@ -1,3 +1,3 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.59375 4.41406C9.53125 4.38281 9.5 4.32812 9.5 4.25C9.5 4.17188 9.53125 4.11719 9.59375 4.08594L11 3.5L11.5859 2.09375C11.6172 2.03125 11.6719 2 11.75 2C11.8281 2 11.8828 2.03125 11.9141 2.09375L12.5 3.5L13.9062 4.08594C13.9688 4.11719 14 4.17188 14 4.25C14 4.32812 13.9688 4.38281 13.9062 4.41406L12.5 5L11.9141 6.40625C11.8828 6.46875 11.8281 6.5 11.75 6.5C11.6719 6.5 11.6172 6.46875 11.5859 6.40625L11 5L9.59375 4.41406ZM13.9062 11.5859C13.9688 11.6172 14 11.6719 14 11.75C14 11.8281 13.9688 11.8828 13.9062 11.9141L12.5 12.5L11.9141 13.9062C11.8828 13.9688 11.8281 14 11.75 14C11.6719 14 11.6172 13.9688 11.5859 13.9062L11 12.5L9.59375 11.9141C9.53125 11.8828 9.5 11.8281 9.5 11.75C9.5 11.6719 9.53125 11.6172 9.59375 11.5859L11 11L11.5859 9.59375C11.6172 9.53125 11.6719 9.5 11.75 9.5C11.8281 9.5 11.8828 9.53125 11.9141 9.59375L12.5 11L13.9062 11.5859ZM10.7891 7.64844C10.9297 7.72656 11 7.84375 11 8C11 8.15625 10.9297 8.26562 10.7891 8.32812L8.16406 9.64062L6.82812 12.2891C6.76562 12.4297 6.65625 12.5 6.5 12.5C6.34375 12.5 6.23438 12.4297 6.17188 12.2891L4.83594 9.64062L2.21094 8.32812C2.07031 8.26562 2 8.15625 2 8C2 7.84375 2.07031 7.72656 2.21094 7.64844L4.83594 6.33594L6.17188 3.6875C6.23438 3.5625 6.34375 3.5 6.5 3.5C6.65625 3.5 6.76562 3.5625 6.82812 3.6875L8.16406 6.33594L10.7891 7.64844Z" fill="#3F59F6"/>
-</svg>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.59375 4.41406C9.53125 4.38281 9.5 4.32812 9.5 4.25C9.5 4.17188 9.53125 4.11719 9.59375 4.08594L11 3.5L11.5859 2.09375C11.6172 2.03125 11.6719 2 11.75 2C11.8281 2 11.8828 2.03125 11.9141 2.09375L12.5 3.5L13.9062 4.08594C13.9688 4.11719 14 4.17188 14 4.25C14 4.32812 13.9688 4.38281 13.9062 4.41406L12.5 5L11.9141 6.40625C11.8828 6.46875 11.8281 6.5 11.75 6.5C11.6719 6.5 11.6172 6.46875 11.5859 6.40625L11 5L9.59375 4.41406ZM13.9062 11.5859C13.9688 11.6172 14 11.6719 14 11.75C14 11.8281 13.9688 11.8828 13.9062 11.9141L12.5 12.5L11.9141 13.9062C11.8828 13.9688 11.8281 14 11.75 14C11.6719 14 11.6172 13.9688 11.5859 13.9062L11 12.5L9.59375 11.9141C9.53125 11.8828 9.5 11.8281 9.5 11.75C9.5 11.6719 9.53125 11.6172 9.59375 11.5859L11 11L11.5859 9.59375C11.6172 9.53125 11.6719 9.5 11.75 9.5C11.8281 9.5 11.8828 9.53125 11.9141 9.59375L12.5 11L13.9062 11.5859ZM10.7891 7.64844C10.9297 7.72656 11 7.84375 11 8C11 8.15625 10.9297 8.26562 10.7891 8.32812L8.16406 9.64062L6.82812 12.2891C6.76562 12.4297 6.65625 12.5 6.5 12.5C6.34375 12.5 6.23438 12.4297 6.17188 12.2891L4.83594 9.64062L2.21094 8.32812C2.07031 8.26562 2 8.15625 2 8C2 7.84375 2.07031 7.72656 2.21094 7.64844L4.83594 6.33594L6.17188 3.6875C6.23438 3.5625 6.34375 3.5 6.5 3.5C6.65625 3.5 6.76562 3.5625 6.82812 3.6875L8.16406 6.33594L10.7891 7.64844Z" fill="#3F59F6"/>
+</svg>

package/src/atoms/components/SparkleIcon/index.ts

@@ -1,3 +1,3 @@
-import SparkleIcon from './SparkleIcon.vue';
-
-export { SparkleIcon };
+import SparkleIcon from './SparkleIcon.vue';
+
+export { SparkleIcon };

package/src/atoms/components/StarRating/StarRating.stories.js

@@ -1,50 +1,50 @@
-import StarRating from './StarRating.vue';
-
-export default {
-  title: 'Components/Star Rating',
-  component: StarRating,
-};
-
-export const NoStar = () => {
-  return {
-    components: {
-      StarRating,
-    },
-    template: `
-        <StarRating :maxRating="5" />
-      `,
-  };
-};
-
-export const OneStar = () => {
-  return {
-    components: {
-      StarRating,
-    },
-    template: `
-      <StarRating :maxRating="8" :rating="1" :is-interactive="true"/>
-    `,
-  };
-};
-
-export const Middle = () => {
-  return {
-    components: {
-      StarRating,
-    },
-    template: `
-        <StarRating :maxRating="10" :rating="6"/>
-      `,
-  };
-};
-
-export const Full = () => {
-  return {
-    components: {
-      StarRating,
-    },
-    template: `
-        <StarRating :maxRating="5" :rating="5" :is-interactive="true"/>
-      `,
-  };
-};
+import StarRating from './StarRating.vue';
+
+export default {
+  title: 'Components/Star Rating',
+  component: StarRating,
+};
+
+export const NoStar = () => {
+  return {
+    components: {
+      StarRating,
+    },
+    template: `
+        <StarRating :maxRating="5" />
+      `,
+  };
+};
+
+export const OneStar = () => {
+  return {
+    components: {
+      StarRating,
+    },
+    template: `
+      <StarRating :maxRating="8" :rating="1" :is-interactive="true"/>
+    `,
+  };
+};
+
+export const Middle = () => {
+  return {
+    components: {
+      StarRating,
+    },
+    template: `
+        <StarRating :maxRating="10" :rating="6"/>
+      `,
+  };
+};
+
+export const Full = () => {
+  return {
+    components: {
+      StarRating,
+    },
+    template: `
+        <StarRating :maxRating="5" :rating="5" :is-interactive="true"/>
+      `,
+  };
+};

package/src/atoms/components/StarRating/StarRating.vue

@@ -1,84 +1,84 @@
-<template>
-  <ul class="tw-flex tw-justify-center">
-    <li
-      v-for="index in maxRating"
-      :key="index"
-      class="tw-list-none"
-      @click="onRate(index)"
-      @mouseover="applyHoverEffect(index)"
-      @mouseleave="removeHoverEffect()"
-    >
-      <Icon v-if="index <= currentRating" name="star-filled" :size="size" :color="color" />
-      <Icon v-else-if="shouldShowFilledOnHover(index)" name="star-filled" :size="size" :color="color" />
-      <Icon v-else name="star-hollow" :size="size" :color="color" />
-    </li>
-  </ul>
-</template>
-
-<script>
-import Icon from '../Icon/Icon.vue';
-
-export default {
-  components: {
-    Icon,
-  },
-  props: {
-    maxRating: {
-      type: Number,
-      required: false,
-      default: 5,
-    },
-    rating: {
-      type: Number,
-      required: false,
-      default: 0,
-    },
-    size: {
-      type: String,
-      required: false,
-      default: 'sm',
-    },
-    color: {
-      type: String,
-      required: false,
-      default: 'warning-500',
-    },
-    isInteractive: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-  },
-  data() {
-    return {
-      currentRating: this.rating,
-      hoverRating: undefined,
-    };
-  },
-  methods: {
-    shouldShowFilledOnHover(index) {
-      return this.isInteractive && this.hoverRating && this.hoverRating >= index;
-    },
-    onRate(rating) {
-      if (this.isInteractive) {
-        this.currentRating = rating;
-        this.$emit('on-rated', rating);
-      }
-    },
-    applyHoverEffect(rating) {
-      if (this.isInteractive) {
-        this.hoverRating = rating;
-      }
-    },
-    removeHoverEffect() {
-      this.hoverRating = undefined;
-    },
-  },
-};
-</script>
-
-<style scoped>
-li:not(:last-child) {
-  @apply tw-mr-1;
-}
-</style>
+<template>
+  <ul class="tw-flex tw-justify-center">
+    <li
+      v-for="index in maxRating"
+      :key="index"
+      class="tw-list-none"
+      @click="onRate(index)"
+      @mouseover="applyHoverEffect(index)"
+      @mouseleave="removeHoverEffect()"
+    >
+      <Icon v-if="index <= currentRating" name="star-filled" :size="size" :color="color" />
+      <Icon v-else-if="shouldShowFilledOnHover(index)" name="star-filled" :size="size" :color="color" />
+      <Icon v-else name="star-hollow" :size="size" :color="color" />
+    </li>
+  </ul>
+</template>
+
+<script>
+import Icon from '../Icon/Icon.vue';
+
+export default {
+  components: {
+    Icon,
+  },
+  props: {
+    maxRating: {
+      type: Number,
+      required: false,
+      default: 5,
+    },
+    rating: {
+      type: Number,
+      required: false,
+      default: 0,
+    },
+    size: {
+      type: String,
+      required: false,
+      default: 'sm',
+    },
+    color: {
+      type: String,
+      required: false,
+      default: 'warning-500',
+    },
+    isInteractive: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      currentRating: this.rating,
+      hoverRating: undefined,
+    };
+  },
+  methods: {
+    shouldShowFilledOnHover(index) {
+      return this.isInteractive && this.hoverRating && this.hoverRating >= index;
+    },
+    onRate(rating) {
+      if (this.isInteractive) {
+        this.currentRating = rating;
+        this.$emit('on-rated', rating);
+      }
+    },
+    applyHoverEffect(rating) {
+      if (this.isInteractive) {
+        this.hoverRating = rating;
+      }
+    },
+    removeHoverEffect() {
+      this.hoverRating = undefined;
+    },
+  },
+};
+</script>
+
+<style scoped>
+li:not(:last-child) {
+  @apply tw-mr-1;
+}
+</style>

package/src/atoms/components/TabMenu/TabMenu.stories.js

@@ -1,54 +1,54 @@
-import TabMenu from './TabMenu.vue';
-
-export default {
-  title: 'Components/Tab Menu',
-  component: TabMenu,
-};
-
-export const Sample = () => {
-  return {
-    components: {
-      TabMenu,
-    },
-
-    data() {
-      return {
-        checked: true,
-        tabNames: ['all', 'categories'],
-        selectedTabName: 'all',
-      };
-    },
-    methods: {
-      selectTab(tabName) {
-        this.selectedTabName = tabName;
-      },
-    },
-    template: `
-      <TabMenu :tab-names="tabNames" :selected-tab-name="selectedTabName" @on-tab-selected="selectTab" />
-    `,
-  };
-};
-
-export const SampleMoreTabs = () => {
-  return {
-    components: {
-      TabMenu,
-    },
-
-    data() {
-      return {
-        checked: true,
-        tabNames: ['home', 'gaming', 'food', 'nature', 'beauty', 'tax', 'legal'],
-        selectedTabName: 'gaming',
-      };
-    },
-    methods: {
-      selectTab(tabName) {
-        this.selectedTabName = tabName;
-      },
-    },
-    template: `
-      <TabMenu :tab-names="tabNames" :selected-tab-name="selectedTabName" @on-tab-selected="selectTab" />
-    `,
-  };
-};
+import TabMenu from './TabMenu.vue';
+
+export default {
+  title: 'Components/Tab Menu',
+  component: TabMenu,
+};
+
+export const Sample = () => {
+  return {
+    components: {
+      TabMenu,
+    },
+
+    data() {
+      return {
+        checked: true,
+        tabNames: ['all', 'categories'],
+        selectedTabName: 'all',
+      };
+    },
+    methods: {
+      selectTab(tabName) {
+        this.selectedTabName = tabName;
+      },
+    },
+    template: `
+      <TabMenu :tab-names="tabNames" :selected-tab-name="selectedTabName" @on-tab-selected="selectTab" />
+    `,
+  };
+};
+
+export const SampleMoreTabs = () => {
+  return {
+    components: {
+      TabMenu,
+    },
+
+    data() {
+      return {
+        checked: true,
+        tabNames: ['home', 'gaming', 'food', 'nature', 'beauty', 'tax', 'legal'],
+        selectedTabName: 'gaming',
+      };
+    },
+    methods: {
+      selectTab(tabName) {
+        this.selectedTabName = tabName;
+      },
+    },
+    template: `
+      <TabMenu :tab-names="tabNames" :selected-tab-name="selectedTabName" @on-tab-selected="selectTab" />
+    `,
+  };
+};

package/src/atoms/components/TabMenu/TabMenu.vue

@@ -1,44 +1,44 @@
-<template>
-  <div class="tw-flex tw-w-full tw-overflow-x-auto">
-    <div
-      v-for="(tabName, index) in tabNames"
-      :key="index"
-      class="tw-w-full tw-py-2 tw-text-center tw-uppercase tw-font-bold tw-font-sans tw-text-sm tw-cursor-pointer tw-border tw-border-l-0 tw-border-r-0 tw-border-t-0 tw-border-solid"
-      :class="[
-        {
-          'tw-text-secondary-500 tw-border-grayscale-500 tw-border-b-1': selectedTabName !== tabName,
-          'tw-text-primary-500 tw-border-primary-500 tw-border-b-4': selectedTabName === tabName,
-        },
-        classes,
-      ]"
-      @click="onTabSelected(tabName)"
-    >
-      {{ tabName }}
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  props: {
-    tabNames: {
-      type: Array,
-      required: true,
-    },
-
-    selectedTabName: {
-      type: String,
-      required: true,
-    },
-    classes: {
-      type: [String, Object],
-      required: false,
-      default: '',
-    },
-  },
-  methods: {
-    onTabSelected(tabName) {
-      this.$emit('on-tab-selected', tabName);
-    },
-  },
-};
-</script>
+<template>
+  <div class="tw-flex tw-w-full tw-overflow-x-auto">
+    <div
+      v-for="(tabName, index) in tabNames"
+      :key="index"
+      class="tw-w-full tw-py-2 tw-text-center tw-uppercase tw-font-bold tw-font-sans tw-text-sm tw-cursor-pointer tw-border tw-border-l-0 tw-border-r-0 tw-border-t-0 tw-border-solid"
+      :class="[
+        {
+          'tw-text-secondary-500 tw-border-grayscale-500 tw-border-b-1': selectedTabName !== tabName,
+          'tw-text-primary-500 tw-border-primary-500 tw-border-b-4': selectedTabName === tabName,
+        },
+        classes,
+      ]"
+      @click="onTabSelected(tabName)"
+    >
+      {{ tabName }}
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    tabNames: {
+      type: Array,
+      required: true,
+    },
+
+    selectedTabName: {
+      type: String,
+      required: true,
+    },
+    classes: {
+      type: [String, Object],
+      required: false,
+      default: '',
+    },
+  },
+  methods: {
+    onTabSelected(tabName) {
+      this.$emit('on-tab-selected', tabName);
+    },
+  },
+};
+</script>