@designcrowd/fe-shared-lib 1.1.7 → 1.1.8

package/src/atoms/components/Icon/icons/watchlist-filled.vue

@@ -1,14 +1,14 @@
-<template>
-  <g fill="none" fill-rule="evenodd">
-    <path
-      d="M10.8 1.2625c2.3625 0 4.2 1.925 4.2 4.2 0 3.675-5.775 8.4875-6.475 9.0125-.2625.35-.7875.35-1.05.0875C6.775 13.95 1 9.1375 1 5.4625c0-2.3625 1.925-4.2 4.2-4.2 1.05 0 2.0125.4375 2.8 1.05.7875-.7 1.75-1.05 2.8-1.05zm0 2c-.576 0-1.0616.1807-1.4713.5448L8.0853 4.9126 6.7721 3.8912C6.2396 3.477 5.697 3.2625 5.2 3.2625c-1.2073 0-2.2.9786-2.2 2.2 0 .3947.1522.9247.4689 1.5548.4744.944 1.264 2.0113 2.2816 3.1283.594.6519 1.2322 1.2851 1.8945 1.8953.1137.1047.222.2033.3274.2982.1602-.1389.3352-.2939.5133-.456.709-.6454 1.4094-1.3451 2.0424-2.0595C12.095 8.0551 13 6.456 13 5.4625c0-1.2073-.9786-2.2-2.2-2.2z"
-      fill="#FFFFFF"
-      fill-rule="nonzero"
-    />
-    <path
-      d="M8.4857 11.883c.709-.6453 1.4094-1.345 2.0424-2.0594C12.095 8.0551 13 6.456 13 5.4625c0-1.2073-.9786-2.2-2.2-2.2-.576 0-1.0616.1807-1.4713.5448L8.0853 4.9126 6.7721 3.8912C6.2396 3.477 5.697 3.2625 5.2 3.2625c-1.2073 0-2.2.9786-2.2 2.2 0 .3947.1522.9247.4689 1.5548.4744.944 1.264 2.0113 2.2816 3.1283.594.6519 1.2322 1.2851 1.8945 1.8953.1137.1047.222.2033.3274.2982.1602-.1389.3352-.2939.5133-.456z"
-      fill="#F43F3C"
-      opacity=".6"
-    />
-  </g>
-</template>
+<template>
+  <g fill="none" fill-rule="evenodd">
+    <path
+      d="M10.8 1.2625c2.3625 0 4.2 1.925 4.2 4.2 0 3.675-5.775 8.4875-6.475 9.0125-.2625.35-.7875.35-1.05.0875C6.775 13.95 1 9.1375 1 5.4625c0-2.3625 1.925-4.2 4.2-4.2 1.05 0 2.0125.4375 2.8 1.05.7875-.7 1.75-1.05 2.8-1.05zm0 2c-.576 0-1.0616.1807-1.4713.5448L8.0853 4.9126 6.7721 3.8912C6.2396 3.477 5.697 3.2625 5.2 3.2625c-1.2073 0-2.2.9786-2.2 2.2 0 .3947.1522.9247.4689 1.5548.4744.944 1.264 2.0113 2.2816 3.1283.594.6519 1.2322 1.2851 1.8945 1.8953.1137.1047.222.2033.3274.2982.1602-.1389.3352-.2939.5133-.456.709-.6454 1.4094-1.3451 2.0424-2.0595C12.095 8.0551 13 6.456 13 5.4625c0-1.2073-.9786-2.2-2.2-2.2z"
+      fill="#FFFFFF"
+      fill-rule="nonzero"
+    />
+    <path
+      d="M8.4857 11.883c.709-.6453 1.4094-1.345 2.0424-2.0594C12.095 8.0551 13 6.456 13 5.4625c0-1.2073-.9786-2.2-2.2-2.2-.576 0-1.0616.1807-1.4713.5448L8.0853 4.9126 6.7721 3.8912C6.2396 3.477 5.697 3.2625 5.2 3.2625c-1.2073 0-2.2.9786-2.2 2.2 0 .3947.1522.9247.4689 1.5548.4744.944 1.264 2.0113 2.2816 3.1283.594.6519 1.2322 1.2851 1.8945 1.8953.1137.1047.222.2033.3274.2982.1602-.1389.3352-.2939.5133-.456z"
+      fill="#F43F3C"
+      opacity=".6"
+    />
+  </g>
+</template>

package/src/atoms/components/Icon/icons/watchlist-hollow-alt.vue

@@ -1,14 +1,14 @@
-<template>
-  <g fill="none" fill-rule="evenodd">
-    <path
-      d="M10.8 1.2625c2.3625 0 4.2 1.925 4.2 4.2 0 3.675-5.775 8.4875-6.475 9.0125-.2625.35-.7875.35-1.05.0875C6.775 13.95 1 9.1375 1 5.4625c0-2.3625 1.925-4.2 4.2-4.2 1.05 0 2.0125.4375 2.8 1.05.7875-.7 1.75-1.05 2.8-1.05zm0 2c-.576 0-1.0616.1807-1.4713.5448L8.0853 4.9126 6.7721 3.8912C6.2396 3.477 5.697 3.2625 5.2 3.2625c-1.2073 0-2.2.9786-2.2 2.2 0 .3947.1522.9247.4689 1.5548.4744.944 1.264 2.0113 2.2816 3.1283.594.6519 1.2322 1.2851 1.8945 1.8953.1137.1047.222.2033.3274.2982.1602-.1389.3352-.2939.5133-.456.709-.6454 1.4094-1.3451 2.0424-2.0595C12.095 8.0551 13 6.456 13 5.4625c0-1.2073-.9786-2.2-2.2-2.2z"
-      fill="#FFFFFF"
-      fill-rule="nonzero"
-    />
-    <path
-      d="M8.4857 11.883c.709-.6453 1.4094-1.345 2.0424-2.0594C12.095 8.0551 13 6.456 13 5.4625c0-1.2073-.9786-2.2-2.2-2.2-.576 0-1.0616.1807-1.4713.5448L8.0853 4.9126 6.7721 3.8912C6.2396 3.477 5.697 3.2625 5.2 3.2625c-1.2073 0-2.2.9786-2.2 2.2 0 .3947.1522.9247.4689 1.5548.4744.944 1.264 2.0113 2.2816 3.1283.594.6519 1.2322 1.2851 1.8945 1.8953.1137.1047.222.2033.3274.2982.1602-.1389.3352-.2939.5133-.456z"
-      fill="#5D6D81"
-      opacity=".6"
-    />
-  </g>
-</template>
+<template>
+  <g fill="none" fill-rule="evenodd">
+    <path
+      d="M10.8 1.2625c2.3625 0 4.2 1.925 4.2 4.2 0 3.675-5.775 8.4875-6.475 9.0125-.2625.35-.7875.35-1.05.0875C6.775 13.95 1 9.1375 1 5.4625c0-2.3625 1.925-4.2 4.2-4.2 1.05 0 2.0125.4375 2.8 1.05.7875-.7 1.75-1.05 2.8-1.05zm0 2c-.576 0-1.0616.1807-1.4713.5448L8.0853 4.9126 6.7721 3.8912C6.2396 3.477 5.697 3.2625 5.2 3.2625c-1.2073 0-2.2.9786-2.2 2.2 0 .3947.1522.9247.4689 1.5548.4744.944 1.264 2.0113 2.2816 3.1283.594.6519 1.2322 1.2851 1.8945 1.8953.1137.1047.222.2033.3274.2982.1602-.1389.3352-.2939.5133-.456.709-.6454 1.4094-1.3451 2.0424-2.0595C12.095 8.0551 13 6.456 13 5.4625c0-1.2073-.9786-2.2-2.2-2.2z"
+      fill="#FFFFFF"
+      fill-rule="nonzero"
+    />
+    <path
+      d="M8.4857 11.883c.709-.6453 1.4094-1.345 2.0424-2.0594C12.095 8.0551 13 6.456 13 5.4625c0-1.2073-.9786-2.2-2.2-2.2-.576 0-1.0616.1807-1.4713.5448L8.0853 4.9126 6.7721 3.8912C6.2396 3.477 5.697 3.2625 5.2 3.2625c-1.2073 0-2.2.9786-2.2 2.2 0 .3947.1522.9247.4689 1.5548.4744.944 1.264 2.0113 2.2816 3.1283.594.6519 1.2322 1.2851 1.8945 1.8953.1137.1047.222.2033.3274.2982.1602-.1389.3352-.2939.5133-.456z"
+      fill="#5D6D81"
+      opacity=".6"
+    />
+  </g>
+</template>

package/src/atoms/components/Icon/icons/watchlist-hollow.vue

@@ -1,6 +1,6 @@
-<template>
-  <path
-    d="M8.8892 13.1483a1.4481 1.4481 0 00-.0707-.0662l.0707.0662zm-.4035-1.2652c.709-.6454 1.4094-1.3451 2.0424-2.0595C12.095 8.0551 13 6.456 13 5.4625c0-1.2073-.9786-2.2-2.2-2.2-.576 0-1.0616.1807-1.4713.5448L8.0853 4.9126 6.7721 3.8912C6.2396 3.477 5.697 3.2625 5.2 3.2625c-1.2073 0-2.2.9786-2.2 2.2 0 .3947.1522.9247.4689 1.5548.4744.944 1.264 2.0113 2.2816 3.1283.594.6519 1.2322 1.2851 1.8945 1.8953.1137.1047.222.2033.3274.2982.1602-.1389.3352-.2939.5133-.456zM7.475 14.5625C6.775 13.95 1 9.1375 1 5.4625c0-2.3625 1.925-4.2 4.2-4.2 1.05 0 2.0125.4375 2.8 1.05.7875-.7 1.75-1.05 2.8-1.05 2.3625 0 4.2 1.925 4.2 4.2 0 3.675-5.775 8.4875-6.475 9.0125-.2625.35-.7875.35-1.05.0875z"
-    fill-rule="nonzero"
-  />
-</template>
+<template>
+  <path
+    d="M8.8892 13.1483a1.4481 1.4481 0 00-.0707-.0662l.0707.0662zm-.4035-1.2652c.709-.6454 1.4094-1.3451 2.0424-2.0595C12.095 8.0551 13 6.456 13 5.4625c0-1.2073-.9786-2.2-2.2-2.2-.576 0-1.0616.1807-1.4713.5448L8.0853 4.9126 6.7721 3.8912C6.2396 3.477 5.697 3.2625 5.2 3.2625c-1.2073 0-2.2.9786-2.2 2.2 0 .3947.1522.9247.4689 1.5548.4744.944 1.264 2.0113 2.2816 3.1283.594.6519 1.2322 1.2851 1.8945 1.8953.1137.1047.222.2033.3274.2982.1602-.1389.3352-.2939.5133-.456zM7.475 14.5625C6.775 13.95 1 9.1375 1 5.4625c0-2.3625 1.925-4.2 4.2-4.2 1.05 0 2.0125.4375 2.8 1.05.7875-.7 1.75-1.05 2.8-1.05 2.3625 0 4.2 1.925 4.2 4.2 0 3.675-5.775 8.4875-6.475 9.0125-.2625.35-.7875.35-1.05.0875z"
+    fill-rule="nonzero"
+  />
+</template>

package/src/atoms/components/Icon/icons/website-filled.vue

@@ -1,5 +1,5 @@
-<template>
-  <path
-    d="M13.688 2c.364 0 .674.123.93.37.254.247.382.547.382.9v9.307c0 .353-.128.652-.383.899s-.565.37-.93.37H2.313c-.365 0-.675-.123-.93-.37a1.204 1.204 0 0 1-.383-.9V3.27c0-.352.128-.652.383-.899s.565-.37.93-.37h11.374ZM4.226 5.147a.823.823 0 0 0 .273-.609.743.743 0 0 0-.273-.581.79.79 0 0 0-.602-.265.879.879 0 0 0-.629.265.778.778 0 0 0-.246.581c0 .23.082.432.246.609a.93.93 0 0 0 .629.238c.237 0 .438-.08.602-.238Zm2.625 0a.823.823 0 0 0 .273-.609.743.743 0 0 0-.273-.581.79.79 0 0 0-.602-.265.879.879 0 0 0-.629.265.778.778 0 0 0-.246.581c0 .23.082.432.246.609a.93.93 0 0 0 .629.238c.237 0 .438-.08.602-.238Zm2.625 0a.823.823 0 0 0 .273-.609.743.743 0 0 0-.273-.581.79.79 0 0 0-.602-.265.879.879 0 0 0-.629.265.778.778 0 0 0-.246.581c0 .23.082.432.246.609a.93.93 0 0 0 .629.238c.237 0 .438-.08.602-.238Z"
-  />
-</template>
+<template>
+  <path
+    d="M13.688 2c.364 0 .674.123.93.37.254.247.382.547.382.9v9.307c0 .353-.128.652-.383.899s-.565.37-.93.37H2.313c-.365 0-.675-.123-.93-.37a1.204 1.204 0 0 1-.383-.9V3.27c0-.352.128-.652.383-.899s.565-.37.93-.37h11.374ZM4.226 5.147a.823.823 0 0 0 .273-.609.743.743 0 0 0-.273-.581.79.79 0 0 0-.602-.265.879.879 0 0 0-.629.265.778.778 0 0 0-.246.581c0 .23.082.432.246.609a.93.93 0 0 0 .629.238c.237 0 .438-.08.602-.238Zm2.625 0a.823.823 0 0 0 .273-.609.743.743 0 0 0-.273-.581.79.79 0 0 0-.602-.265.879.879 0 0 0-.629.265.778.778 0 0 0-.246.581c0 .23.082.432.246.609a.93.93 0 0 0 .629.238c.237 0 .438-.08.602-.238Zm2.625 0a.823.823 0 0 0 .273-.609.743.743 0 0 0-.273-.581.79.79 0 0 0-.602-.265.879.879 0 0 0-.629.265.778.778 0 0 0-.246.581c0 .23.082.432.246.609a.93.93 0 0 0 .629.238c.237 0 .438-.08.602-.238Z"
+  />
+</template>

package/src/atoms/components/Icon/icons/website.vue

@@ -1,6 +1,6 @@
-<template>
-  <path
-    d="M12.6667 1.9167c1.1506 0 2.0833.9327 2.0833 2.0833v8c0 1.1506-.9327 2.0833-2.0833 2.0833H3.3333C2.1827 14.0833 1.25 13.1506 1.25 12V4c0-1.1506.9327-2.0833 2.0833-2.0833zm.5833 5.439H2.75V12c0 .29.2115.5305.4887.5757l.0946.0076h9.3334A.5833.5833 0 0013.25 12V7.3557zm-.5833-3.939H3.3333A.5833.5833 0 002.75 4v1.8557h10.5V4a.5835.5835 0 00-.4887-.5757l-.0946-.0076zM4 4a.6667.6667 0 110 1.3333A.6667.6667 0 014 4zm2 0a.6667.6667 0 110 1.3333A.6667.6667 0 016 4zm2 0a.6667.6667 0 110 1.3333A.6667.6667 0 018 4z"
-    fill-rule="nonzero"
-  />
-</template>
+<template>
+  <path
+    d="M12.6667 1.9167c1.1506 0 2.0833.9327 2.0833 2.0833v8c0 1.1506-.9327 2.0833-2.0833 2.0833H3.3333C2.1827 14.0833 1.25 13.1506 1.25 12V4c0-1.1506.9327-2.0833 2.0833-2.0833zm.5833 5.439H2.75V12c0 .29.2115.5305.4887.5757l.0946.0076h9.3334A.5833.5833 0 0013.25 12V7.3557zm-.5833-3.939H3.3333A.5833.5833 0 002.75 4v1.8557h10.5V4a.5835.5835 0 00-.4887-.5757l-.0946-.0076zM4 4a.6667.6667 0 110 1.3333A.6667.6667 0 014 4zm2 0a.6667.6667 0 110 1.3333A.6667.6667 0 016 4zm2 0a.6667.6667 0 110 1.3333A.6667.6667 0 018 4z"
+    fill-rule="nonzero"
+  />
+</template>

package/src/atoms/components/Icon/icons/wholesale.vue

@@ -1,6 +1,6 @@
-<template>
-  <path
-    fill-rule="nonzero"
-    d="M8.875 5.7778h3.15l-3.15 3.2-3.5-3.5556L1.2625 9.6l1.225 1.2444L5.375 7.9111l3.5 3.5556 4.375-4.4445v3.2H15V4H8.875z"
-  />
-</template>
+<template>
+  <path
+    fill-rule="nonzero"
+    d="M8.875 5.7778h3.15l-3.15 3.2-3.5-3.5556L1.2625 9.6l1.225 1.2444L5.375 7.9111l3.5 3.5556 4.375-4.4445v3.2H15V4H8.875z"
+  />
+</template>

package/src/atoms/components/Icon/icons/zoom-in.vue

@@ -1,5 +1,5 @@
-<template>
-  <path
-    d="M9.41415 6.47171V7.08049C9.41415 7.28341 9.31268 7.38488 9.10976 7.38488H7.38488V9.10976C7.38488 9.31268 7.28341 9.41415 7.08049 9.41415H6.47171C6.26878 9.41415 6.16732 9.31268 6.16732 9.10976V7.38488H4.44244C4.23951 7.38488 4.13805 7.28341 4.13805 7.08049V6.47171C4.13805 6.26878 4.23951 6.16732 4.44244 6.16732H6.16732V4.44244C6.16732 4.23951 6.26878 4.13805 6.47171 4.13805H7.08049C7.28341 4.13805 7.38488 4.23951 7.38488 4.44244V6.16732H9.10976C9.31268 6.16732 9.41415 6.26878 9.41415 6.47171ZM14.3859 13.8278L13.8278 14.3859C13.6756 14.538 13.5319 14.538 13.3966 14.3859L10.3273 11.3166C10.2597 11.2659 10.2259 11.1982 10.2259 11.1137V10.7585C9.22813 11.621 8.07821 12.0522 6.7761 12.0522C5.32179 12.0522 4.07886 11.5364 3.04732 10.5049C2.01577 9.47333 1.5 8.23041 1.5 6.7761C1.5 5.32179 2.01577 4.07886 3.04732 3.04732C4.07886 2.01577 5.32179 1.5 6.7761 1.5C8.23041 1.5 9.47333 2.01577 10.5049 3.04732C11.5364 4.07886 12.0522 5.32179 12.0522 6.7761C12.0522 8.07821 11.621 9.22813 10.7585 10.2259H11.1137C11.1813 10.2259 11.2489 10.2597 11.3166 10.3273L14.3859 13.3966C14.538 13.5319 14.538 13.6756 14.3859 13.8278ZM9.64244 9.64244C10.4372 8.84764 10.8346 7.8922 10.8346 6.7761C10.8346 5.66 10.4372 4.70455 9.64244 3.90976C8.84764 3.11496 7.8922 2.71756 6.7761 2.71756C5.66 2.71756 4.70455 3.11496 3.90976 3.90976C3.11496 4.70455 2.71756 5.66 2.71756 6.7761C2.71756 7.8922 3.11496 8.84764 3.90976 9.64244C4.70455 10.4372 5.66 10.8346 6.7761 10.8346C7.8922 10.8346 8.84764 10.4372 9.64244 9.64244Z"
-  />
-</template>
+<template>
+  <path
+    d="M9.41415 6.47171V7.08049C9.41415 7.28341 9.31268 7.38488 9.10976 7.38488H7.38488V9.10976C7.38488 9.31268 7.28341 9.41415 7.08049 9.41415H6.47171C6.26878 9.41415 6.16732 9.31268 6.16732 9.10976V7.38488H4.44244C4.23951 7.38488 4.13805 7.28341 4.13805 7.08049V6.47171C4.13805 6.26878 4.23951 6.16732 4.44244 6.16732H6.16732V4.44244C6.16732 4.23951 6.26878 4.13805 6.47171 4.13805H7.08049C7.28341 4.13805 7.38488 4.23951 7.38488 4.44244V6.16732H9.10976C9.31268 6.16732 9.41415 6.26878 9.41415 6.47171ZM14.3859 13.8278L13.8278 14.3859C13.6756 14.538 13.5319 14.538 13.3966 14.3859L10.3273 11.3166C10.2597 11.2659 10.2259 11.1982 10.2259 11.1137V10.7585C9.22813 11.621 8.07821 12.0522 6.7761 12.0522C5.32179 12.0522 4.07886 11.5364 3.04732 10.5049C2.01577 9.47333 1.5 8.23041 1.5 6.7761C1.5 5.32179 2.01577 4.07886 3.04732 3.04732C4.07886 2.01577 5.32179 1.5 6.7761 1.5C8.23041 1.5 9.47333 2.01577 10.5049 3.04732C11.5364 4.07886 12.0522 5.32179 12.0522 6.7761C12.0522 8.07821 11.621 9.22813 10.7585 10.2259H11.1137C11.1813 10.2259 11.2489 10.2597 11.3166 10.3273L14.3859 13.3966C14.538 13.5319 14.538 13.6756 14.3859 13.8278ZM9.64244 9.64244C10.4372 8.84764 10.8346 7.8922 10.8346 6.7761C10.8346 5.66 10.4372 4.70455 9.64244 3.90976C8.84764 3.11496 7.8922 2.71756 6.7761 2.71756C5.66 2.71756 4.70455 3.11496 3.90976 3.90976C3.11496 4.70455 2.71756 5.66 2.71756 6.7761C2.71756 7.8922 3.11496 8.84764 3.90976 9.64244C4.70455 10.4372 5.66 10.8346 6.7761 10.8346C7.8922 10.8346 8.84764 10.4372 9.64244 9.64244Z"
+  />
+</template>

package/src/atoms/components/Icon/icons/zoom-out.vue

@@ -1,5 +1,5 @@
-<template>
-  <path
-    d="M9.41415 6.47171V7.08049C9.41415 7.28341 9.31268 7.38488 9.10976 7.38488H4.44244C4.23951 7.38488 4.13805 7.28341 4.13805 7.08049V6.47171C4.13805 6.26878 4.23951 6.16732 4.44244 6.16732H9.10976C9.31268 6.16732 9.41415 6.26878 9.41415 6.47171ZM14.3859 13.8278L13.8278 14.3859C13.6756 14.538 13.5319 14.538 13.3966 14.3859L10.3273 11.3166C10.2597 11.2659 10.2259 11.1982 10.2259 11.1137V10.7585C9.22813 11.621 8.07821 12.0522 6.7761 12.0522C5.32179 12.0522 4.07886 11.5364 3.04732 10.5049C2.01577 9.47333 1.5 8.23041 1.5 6.7761C1.5 5.32179 2.01577 4.07886 3.04732 3.04732C4.07886 2.01577 5.32179 1.5 6.7761 1.5C8.23041 1.5 9.47333 2.01577 10.5049 3.04732C11.5364 4.07886 12.0522 5.32179 12.0522 6.7761C12.0522 8.07821 11.621 9.22813 10.7585 10.2259H11.1137C11.1813 10.2259 11.2489 10.2597 11.3166 10.3273L14.3859 13.3966C14.538 13.5319 14.538 13.6756 14.3859 13.8278ZM9.64244 9.64244C10.4372 8.84764 10.8346 7.8922 10.8346 6.7761C10.8346 5.66 10.4372 4.70455 9.64244 3.90976C8.84764 3.11496 7.8922 2.71756 6.7761 2.71756C5.66 2.71756 4.70455 3.11496 3.90976 3.90976C3.11496 4.70455 2.71756 5.66 2.71756 6.7761C2.71756 7.8922 3.11496 8.84764 3.90976 9.64244C4.70455 10.4372 5.66 10.8346 6.7761 10.8346C7.8922 10.8346 8.84764 10.4372 9.64244 9.64244Z"
-  />
-</template>
+<template>
+  <path
+    d="M9.41415 6.47171V7.08049C9.41415 7.28341 9.31268 7.38488 9.10976 7.38488H4.44244C4.23951 7.38488 4.13805 7.28341 4.13805 7.08049V6.47171C4.13805 6.26878 4.23951 6.16732 4.44244 6.16732H9.10976C9.31268 6.16732 9.41415 6.26878 9.41415 6.47171ZM14.3859 13.8278L13.8278 14.3859C13.6756 14.538 13.5319 14.538 13.3966 14.3859L10.3273 11.3166C10.2597 11.2659 10.2259 11.1982 10.2259 11.1137V10.7585C9.22813 11.621 8.07821 12.0522 6.7761 12.0522C5.32179 12.0522 4.07886 11.5364 3.04732 10.5049C2.01577 9.47333 1.5 8.23041 1.5 6.7761C1.5 5.32179 2.01577 4.07886 3.04732 3.04732C4.07886 2.01577 5.32179 1.5 6.7761 1.5C8.23041 1.5 9.47333 2.01577 10.5049 3.04732C11.5364 4.07886 12.0522 5.32179 12.0522 6.7761C12.0522 8.07821 11.621 9.22813 10.7585 10.2259H11.1137C11.1813 10.2259 11.2489 10.2597 11.3166 10.3273L14.3859 13.3966C14.538 13.5319 14.538 13.6756 14.3859 13.8278ZM9.64244 9.64244C10.4372 8.84764 10.8346 7.8922 10.8346 6.7761C10.8346 5.66 10.4372 4.70455 9.64244 3.90976C8.84764 3.11496 7.8922 2.71756 6.7761 2.71756C5.66 2.71756 4.70455 3.11496 3.90976 3.90976C3.11496 4.70455 2.71756 5.66 2.71756 6.7761C2.71756 7.8922 3.11496 8.84764 3.90976 9.64244C4.70455 10.4372 5.66 10.8346 6.7761 10.8346C7.8922 10.8346 8.84764 10.4372 9.64244 9.64244Z"
+  />
+</template>

package/src/atoms/components/Icon/icons/zoom.vue

@@ -1,11 +1,11 @@
-<template>
-  <g fill-rule="evenodd">
-    <path
-      d="M7.125 1c3.3827 0 6.125 2.7423 6.125 6.125s-2.7423 6.125-6.125 6.125S1 10.5077 1 7.125 3.7423 1 7.125 1zm0 1.75c-2.4162 0-4.375 1.9588-4.375 4.375S4.7088 11.5 7.125 11.5 11.5 9.5412 11.5 7.125 9.5412 2.75 7.125 2.75z"
-    />
-    <path
-      d="M7.125 4.9375a.4375.4375 0 01.4375.4375v1.3125H8.875a.4376.4376 0 01.4305.3589l.007.0786a.4375.4375 0 01-.4375.4375H7.5625V8.875a.4376.4376 0 01-.3589.4305l-.0786.007a.4375.4375 0 01-.4375-.4375V7.5625H5.375a.4376.4376 0 01-.4305-.3589l-.007-.0786a.4375.4375 0 01.4375-.4375h1.3125V5.375a.4376.4376 0 01.3589-.4305zM10.419 11.5367l2.7943 2.7943a.7903.7903 0 101.1177-1.1177l-2.7943-2.7943a.7903.7903 0 10-1.1177 1.1177z"
-      fill-rule="nonzero"
-    />
-  </g>
-</template>
+<template>
+  <g fill-rule="evenodd">
+    <path
+      d="M7.125 1c3.3827 0 6.125 2.7423 6.125 6.125s-2.7423 6.125-6.125 6.125S1 10.5077 1 7.125 3.7423 1 7.125 1zm0 1.75c-2.4162 0-4.375 1.9588-4.375 4.375S4.7088 11.5 7.125 11.5 11.5 9.5412 11.5 7.125 9.5412 2.75 7.125 2.75z"
+    />
+    <path
+      d="M7.125 4.9375a.4375.4375 0 01.4375.4375v1.3125H8.875a.4376.4376 0 01.4305.3589l.007.0786a.4375.4375 0 01-.4375.4375H7.5625V8.875a.4376.4376 0 01-.3589.4305l-.0786.007a.4375.4375 0 01-.4375-.4375V7.5625H5.375a.4376.4376 0 01-.4305-.3589l-.007-.0786a.4375.4375 0 01.4375-.4375h1.3125V5.375a.4376.4376 0 01.3589-.4305zM10.419 11.5367l2.7943 2.7943a.7903.7903 0 101.1177-1.1177l-2.7943-2.7943a.7903.7903 0 10-1.1177 1.1177z"
+      fill-rule="nonzero"
+    />
+  </g>
+</template>

package/src/atoms/components/Loader/Loader.vue

@@ -1,15 +1,15 @@
-<template>
-  <div>
-    <svg class="tw-animate-spin" width="30" height="30" xmlns="http://www.w3.org/2000/svg">
-      <g transform="translate(3 3)" stroke="#5D6D81" fill="none" fill-rule="evenodd">
-        <path
-          d="M24 12c0 6.6-5.4 12-12 12-4.8134 0-8.9885-2.8722-10.8962-6.9873M0 12C0 5.4 5.4 0 12 0c4.68 0 8.76 2.64 10.68 6.6"
-          stroke-width="1.92"
-        />
-        <path stroke-width="1.8462" d="M.0923 24l.923-7.1077 7.1078.923" />
-        <path stroke-width="1.92" d="M24 0l-1.0166 6.72-7.6234-.911" />
-        <circle stroke-width="1.8462" cx="12" cy="12" r="3" />
-      </g>
-    </svg>
-  </div>
-</template>
+<template>
+  <div>
+    <svg class="tw-animate-spin" width="30" height="30" xmlns="http://www.w3.org/2000/svg">
+      <g transform="translate(3 3)" stroke="#5D6D81" fill="none" fill-rule="evenodd">
+        <path
+          d="M24 12c0 6.6-5.4 12-12 12-4.8134 0-8.9885-2.8722-10.8962-6.9873M0 12C0 5.4 5.4 0 12 0c4.68 0 8.76 2.64 10.68 6.6"
+          stroke-width="1.92"
+        />
+        <path stroke-width="1.8462" d="M.0923 24l.923-7.1077 7.1078.923" />
+        <path stroke-width="1.92" d="M24 0l-1.0166 6.72-7.6234-.911" />
+        <circle stroke-width="1.8462" cx="12" cy="12" r="3" />
+      </g>
+    </svg>
+  </div>
+</template>

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

@@ -1,48 +1,48 @@
-import Masonry from './Masonry.vue';
-import data from './fixtures';
-
-export default {
-  title: 'Components/Masonry',
-  component: Masonry,
-};
-
-export const Sample = () => {
-  return {
-    components: {
-      Masonry,
-    },
-    data() {
-      return {
-        items: data.page1,
-      };
-    },
-    template: `
-      <div>
-        Sample  
-        <Masonry :items="items" :gap="22">
-          <template #item="{item}">
-            <figure class="tw-w-full tw-m-0 tw-p-0">
-              <img :src="item.imageUrl" class="tw-w-full" />
-            </figure>
-          </template>
-        </Masonry>
-        <div><button @click.stop="addOneItem">Add one item</button></div>
-        <div><button @click.stop="add16Items">Add next 16 item</button></div>
-      </div>
-      `,
-    methods: {
-      getRandomInt(max) {
-        return Math.floor(Math.random() * max);
-      },
-      addOneItem() {
-        const randomIndex = this.getRandomInt(data.page2.length - 1);
-        this.items.push(data.page2[randomIndex]);
-      },
-      add16Items() {
-        data.page2.forEach((e) => {
-          this.items.push(e);
-        });
-      },
-    },
-  };
-};
+import Masonry from './Masonry.vue';
+import data from './fixtures';
+
+export default {
+  title: 'Components/Masonry',
+  component: Masonry,
+};
+
+export const Sample = () => {
+  return {
+    components: {
+      Masonry,
+    },
+    data() {
+      return {
+        items: data.page1,
+      };
+    },
+    template: `
+      <div>
+        Sample  
+        <Masonry :items="items" :gap="22">
+          <template #item="{item}">
+            <figure class="tw-w-full tw-m-0 tw-p-0">
+              <img :src="item.imageUrl" class="tw-w-full" />
+            </figure>
+          </template>
+        </Masonry>
+        <div><button @click.stop="addOneItem">Add one item</button></div>
+        <div><button @click.stop="add16Items">Add next 16 item</button></div>
+      </div>
+      `,
+    methods: {
+      getRandomInt(max) {
+        return Math.floor(Math.random() * max);
+      },
+      addOneItem() {
+        const randomIndex = this.getRandomInt(data.page2.length - 1);
+        this.items.push(data.page2[randomIndex]);
+      },
+      add16Items() {
+        data.page2.forEach((e) => {
+          this.items.push(e);
+        });
+      },
+    },
+  };
+};

package/src/atoms/components/Masonry/Masonry.vue

@@ -1,48 +1,48 @@
-<template>
-  <vue-masonry-wall :items="items" :options="options">
-    <template #default="{ item }">
-      <slot name="item" :item="item" />
-    </template>
-  </vue-masonry-wall>
-</template>
-
-<script>
-import VueMasonryWall from '../../thirdparty-components/VueMasonryWall/VueMasonryWall.vue';
-
-export default {
-  components: {
-    VueMasonryWall,
-  },
-  props: {
-    items: {
-      type: Array,
-      required: true,
-    },
-    gap: {
-      type: Number,
-      required: false,
-      default: 22,
-    },
-    columnWidth: {
-      type: Number,
-      required: false,
-      default: undefined,
-    },
-  },
-  computed: {
-    options() {
-      const options = {};
-
-      if (this.gap) {
-        options.padding = this.gap;
-      }
-
-      if (this.columnWidth) {
-        options.width = this.columnWidth;
-      }
-
-      return options;
-    },
-  },
-};
-</script>
+<template>
+  <vue-masonry-wall :items="items" :options="options">
+    <template #default="{ item }">
+      <slot name="item" :item="item" />
+    </template>
+  </vue-masonry-wall>
+</template>
+
+<script>
+import VueMasonryWall from '../../thirdparty-components/VueMasonryWall/VueMasonryWall.vue';
+
+export default {
+  components: {
+    VueMasonryWall,
+  },
+  props: {
+    items: {
+      type: Array,
+      required: true,
+    },
+    gap: {
+      type: Number,
+      required: false,
+      default: 22,
+    },
+    columnWidth: {
+      type: Number,
+      required: false,
+      default: undefined,
+    },
+  },
+  computed: {
+    options() {
+      const options = {};
+
+      if (this.gap) {
+        options.padding = this.gap;
+      }
+
+      if (this.columnWidth) {
+        options.width = this.columnWidth;
+      }
+
+      return options;
+    },
+  },
+};
+</script>