@ssa-ui-kit/core 0.0.21-alpha → 0.0.22-alpha

package/src/components/Icon/icons/Filter.tsx

@@ -1,19 +1,19 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const Filter = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={`${size}px`}
-    height={`${size}px`}
-    viewBox="0 0 21 20"
-    fill="none"
-    {...props}>
-    <title>Filter</title>
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M15.0189 10.0002C16.8598 10.0002 18.3522 8.50775 18.3522 6.66683C18.3522 4.82588 16.8598 3.3335 15.0189 3.3335C13.4657 3.3335 12.1606 4.3958 11.7905 5.8335H2.51888C2.05865 5.8335 1.68555 6.2066 1.68555 6.66683C1.68555 7.12707 2.05865 7.50016 2.51888 7.50016H11.7905C12.1606 8.93783 13.4657 10.0002 15.0189 10.0002ZM13.3522 6.66683C13.3522 7.5873 14.0984 8.3335 15.0189 8.3335C15.9394 8.3335 16.6855 7.5873 16.6855 6.66683C16.6855 5.74635 15.9394 5.00016 15.0189 5.00016C14.0984 5.00016 13.3522 5.74635 13.3522 6.66683ZM1.68555 13.3335C1.68555 11.4926 3.17793 10.0002 5.01888 10.0002C6.57208 10.0002 7.87716 11.0625 8.2472 12.5002H17.5189C17.9791 12.5002 18.3522 12.8732 18.3522 13.3335C18.3522 13.7937 17.9791 14.1668 17.5189 14.1668H8.2472C7.87716 15.6045 6.57208 16.6668 5.01888 16.6668C3.17793 16.6668 1.68555 15.1744 1.68555 13.3335ZM6.68555 13.3335C6.68555 12.413 5.93936 11.6668 5.01888 11.6668C4.09841 11.6668 3.35221 12.413 3.35221 13.3335C3.35221 14.254 4.09841 15.0002 5.01888 15.0002C5.93936 15.0002 6.68555 14.254 6.68555 13.3335Z"
-      fill={fill}
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const Filter = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={`${size}px`}
+    height={`${size}px`}
+    viewBox="0 0 21 20"
+    fill="none"
+    {...props}>
+    <title>Filter</title>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M15.0189 10.0002C16.8598 10.0002 18.3522 8.50775 18.3522 6.66683C18.3522 4.82588 16.8598 3.3335 15.0189 3.3335C13.4657 3.3335 12.1606 4.3958 11.7905 5.8335H2.51888C2.05865 5.8335 1.68555 6.2066 1.68555 6.66683C1.68555 7.12707 2.05865 7.50016 2.51888 7.50016H11.7905C12.1606 8.93783 13.4657 10.0002 15.0189 10.0002ZM13.3522 6.66683C13.3522 7.5873 14.0984 8.3335 15.0189 8.3335C15.9394 8.3335 16.6855 7.5873 16.6855 6.66683C16.6855 5.74635 15.9394 5.00016 15.0189 5.00016C14.0984 5.00016 13.3522 5.74635 13.3522 6.66683ZM1.68555 13.3335C1.68555 11.4926 3.17793 10.0002 5.01888 10.0002C6.57208 10.0002 7.87716 11.0625 8.2472 12.5002H17.5189C17.9791 12.5002 18.3522 12.8732 18.3522 13.3335C18.3522 13.7937 17.9791 14.1668 17.5189 14.1668H8.2472C7.87716 15.6045 6.57208 16.6668 5.01888 16.6668C3.17793 16.6668 1.68555 15.1744 1.68555 13.3335ZM6.68555 13.3335C6.68555 12.413 5.93936 11.6668 5.01888 11.6668C4.09841 11.6668 3.35221 12.413 3.35221 13.3335C3.35221 14.254 4.09841 15.0002 5.01888 15.0002C5.93936 15.0002 6.68555 14.254 6.68555 13.3335Z"
+      fill={fill}
+    />
+  </svg>
+);

package/src/components/Icon/icons/Home.tsx

@@ -1,17 +1,17 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const Home = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    viewBox="0 0 18 20"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    {...props}>
-    <title>Home</title>
-    <path
-      d="M8.97559 0.250119C8.81566 0.25558 8.66168 0.312041 8.53613 0.411252L1.42969 6.00988C0.527739 6.7207 0 7.80687 0 8.9552V18.5001C0 19.1819 0.568203 19.7501 1.25 19.7501H6.25C6.9318 19.7501 7.5 19.1819 7.5 18.5001V13.5001C7.5 13.3526 7.60248 13.2501 7.75 13.2501H10.25C10.3975 13.2501 10.5 13.3526 10.5 13.5001V18.5001C10.5 19.1819 11.0682 19.7501 11.75 19.7501H16.75C17.4318 19.7501 18 19.1819 18 18.5001V8.9552C18 7.80687 17.4723 6.7207 16.5703 6.00988L9.46387 0.411252C9.32518 0.301689 9.15225 0.244623 8.97559 0.250119ZM9 1.9552L15.6426 7.1886C16.1846 7.61578 16.5 8.26552 16.5 8.9552V18.2501H12V13.5001C12 12.5426 11.2075 11.7501 10.25 11.7501H7.75C6.79252 11.7501 6 12.5426 6 13.5001V18.2501H1.5V8.9552C1.5 8.26552 1.81537 7.61578 2.35742 7.1886L9 1.9552Z"
-      fill={fill}
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const Home = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    viewBox="0 0 18 20"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Home</title>
+    <path
+      d="M8.97559 0.250119C8.81566 0.25558 8.66168 0.312041 8.53613 0.411252L1.42969 6.00988C0.527739 6.7207 0 7.80687 0 8.9552V18.5001C0 19.1819 0.568203 19.7501 1.25 19.7501H6.25C6.9318 19.7501 7.5 19.1819 7.5 18.5001V13.5001C7.5 13.3526 7.60248 13.2501 7.75 13.2501H10.25C10.3975 13.2501 10.5 13.3526 10.5 13.5001V18.5001C10.5 19.1819 11.0682 19.7501 11.75 19.7501H16.75C17.4318 19.7501 18 19.1819 18 18.5001V8.9552C18 7.80687 17.4723 6.7207 16.5703 6.00988L9.46387 0.411252C9.32518 0.301689 9.15225 0.244623 8.97559 0.250119ZM9 1.9552L15.6426 7.1886C16.1846 7.61578 16.5 8.26552 16.5 8.9552V18.2501H12V13.5001C12 12.5426 11.2075 11.7501 10.25 11.7501H7.75C6.79252 11.7501 6 12.5426 6 13.5001V18.2501H1.5V8.9552C1.5 8.26552 1.81537 7.61578 2.35742 7.1886L9 1.9552Z"
+      fill={fill}
+    />
+  </svg>
+);

package/src/components/Icon/icons/Information.tsx

@@ -1,29 +1,29 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const Information = ({
-  fill = '#000',
-  size = 24,
-  ...props
-}: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    fill="none"
-    viewBox="0 0 20 20"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    {...props}>
-    <title>Information</title>
-    <path
-      d="M9.99998 17.8889C14.3651 17.8889 17.9365 14.3175 17.9365 9.95238C17.9365 5.5873 14.3651 2.01587 9.99998 2.01587C5.6349 2.01587 2.06348 5.5873 2.06348 9.95238C2.06348 14.3175 5.6349 17.8889 9.99998 17.8889Z"
-      stroke={fill}
-      strokeWidth="1.4"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M9.99573 7.77759C9.44344 7.77759 8.99573 7.32987 8.99573 6.77759C8.99573 6.2253 9.44344 5.77759 9.99573 5.77759H10.0029C10.5551 5.77759 11.0029 6.2253 11.0029 6.77759C11.0029 7.32987 10.5551 7.77759 10.0029 7.77759H9.99573ZM10.7 13.1268C10.7 13.5134 10.3866 13.8268 9.99999 13.8268C9.61339 13.8268 9.29999 13.5134 9.29999 13.1268V9.15854C9.29999 8.77194 9.61339 8.45854 9.99999 8.45854C10.3866 8.45854 10.7 8.77194 10.7 9.15854V13.1268Z"
-      fill={fill}
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const Information = ({
+  fill = '#000',
+  size = 24,
+  ...props
+}: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    fill="none"
+    viewBox="0 0 20 20"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Information</title>
+    <path
+      d="M9.99998 17.8889C14.3651 17.8889 17.9365 14.3175 17.9365 9.95238C17.9365 5.5873 14.3651 2.01587 9.99998 2.01587C5.6349 2.01587 2.06348 5.5873 2.06348 9.95238C2.06348 14.3175 5.6349 17.8889 9.99998 17.8889Z"
+      stroke={fill}
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M9.99573 7.77759C9.44344 7.77759 8.99573 7.32987 8.99573 6.77759C8.99573 6.2253 9.44344 5.77759 9.99573 5.77759H10.0029C10.5551 5.77759 11.0029 6.2253 11.0029 6.77759C11.0029 7.32987 10.5551 7.77759 10.0029 7.77759H9.99573ZM10.7 13.1268C10.7 13.5134 10.3866 13.8268 9.99999 13.8268C9.61339 13.8268 9.29999 13.5134 9.29999 13.1268V9.15854C9.29999 8.77194 9.61339 8.45854 9.99999 8.45854C10.3866 8.45854 10.7 8.77194 10.7 9.15854V13.1268Z"
+      fill={fill}
+    />
+  </svg>
+);

package/src/components/Icon/icons/Invisible.tsx

@@ -1,56 +1,56 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const Invisible = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    viewBox="0 0 24 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    {...props}>
-    <title>Invisible</title>
-    <path
-      d="M14.5299 9.46992L9.46992 14.5299C8.81992 13.8799 8.41992 12.9899 8.41992 11.9999C8.41992 10.0199 10.0199 8.41992 11.9999 8.41992C12.9899 8.41992 13.8799 8.81992 14.5299 9.46992Z"
-      stroke={fill}
-      strokeWidth="1.4"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M17.8198 5.76998C16.0698 4.44998 14.0698 3.72998 11.9998 3.72998C8.46984 3.72998 5.17984 5.80998 2.88984 9.40998C1.98984 10.82 1.98984 13.19 2.88984 14.6C3.67984 15.84 4.59984 16.91 5.59984 17.77"
-      stroke={fill}
-      strokeWidth="1.4"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M8.41992 19.5299C9.55992 20.0099 10.7699 20.2699 11.9999 20.2699C15.5299 20.2699 18.8199 18.1899 21.1099 14.5899C22.0099 13.1799 22.0099 10.8099 21.1099 9.39993C20.7799 8.87993 20.4199 8.38993 20.0499 7.92993"
-      stroke={fill}
-      strokeWidth="1.4"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M15.5099 12.7C15.2499 14.11 14.0999 15.26 12.6899 15.52"
-      stroke={fill}
-      strokeWidth="1.4"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M9.47 14.53L2 22"
-      stroke={fill}
-      strokeWidth="1.4"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M21.9998 2L14.5298 9.47"
-      stroke={fill}
-      strokeWidth="1.4"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const Invisible = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Invisible</title>
+    <path
+      d="M14.5299 9.46992L9.46992 14.5299C8.81992 13.8799 8.41992 12.9899 8.41992 11.9999C8.41992 10.0199 10.0199 8.41992 11.9999 8.41992C12.9899 8.41992 13.8799 8.81992 14.5299 9.46992Z"
+      stroke={fill}
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M17.8198 5.76998C16.0698 4.44998 14.0698 3.72998 11.9998 3.72998C8.46984 3.72998 5.17984 5.80998 2.88984 9.40998C1.98984 10.82 1.98984 13.19 2.88984 14.6C3.67984 15.84 4.59984 16.91 5.59984 17.77"
+      stroke={fill}
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M8.41992 19.5299C9.55992 20.0099 10.7699 20.2699 11.9999 20.2699C15.5299 20.2699 18.8199 18.1899 21.1099 14.5899C22.0099 13.1799 22.0099 10.8099 21.1099 9.39993C20.7799 8.87993 20.4199 8.38993 20.0499 7.92993"
+      stroke={fill}
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M15.5099 12.7C15.2499 14.11 14.0999 15.26 12.6899 15.52"
+      stroke={fill}
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M9.47 14.53L2 22"
+      stroke={fill}
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M21.9998 2L14.5298 9.47"
+      stroke={fill}
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);

package/src/components/Icon/icons/Lock.tsx

@@ -1,18 +1,18 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const Lock = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    fill="none"
-    viewBox="0 0 16 21"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    {...props}>
-    <title>Lock</title>
-    <path
-      d="M13.625 8.41602H13V5.91602C13 3.15852 10.7575 0.916016 8 0.916016C5.2425 0.916016 3 3.15852 3 5.91602V8.41602H2.375C1.34167 8.41602 0.5 9.25685 0.5 10.291V19.041C0.5 20.0752 1.34167 20.916 2.375 20.916H13.625C14.6583 20.916 15.5 20.0752 15.5 19.041V10.291C15.5 9.25685 14.6583 8.41602 13.625 8.41602ZM4.66667 5.91602C4.66667 4.07768 6.16167 2.58268 8 2.58268C9.83833 2.58268 11.3333 4.07768 11.3333 5.91602V8.41602H4.66667V5.91602ZM8.83333 14.851V16.7493C8.83333 17.2093 8.46083 17.5827 8 17.5827C7.53917 17.5827 7.16667 17.2093 7.16667 16.7493V14.851C6.67083 14.5618 6.33333 14.0302 6.33333 13.416C6.33333 12.4968 7.08083 11.7493 8 11.7493C8.91917 11.7493 9.66667 12.4968 9.66667 13.416C9.66667 14.0302 9.32917 14.5618 8.83333 14.851Z"
-      fill={fill}
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const Lock = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    fill="none"
+    viewBox="0 0 16 21"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Lock</title>
+    <path
+      d="M13.625 8.41602H13V5.91602C13 3.15852 10.7575 0.916016 8 0.916016C5.2425 0.916016 3 3.15852 3 5.91602V8.41602H2.375C1.34167 8.41602 0.5 9.25685 0.5 10.291V19.041C0.5 20.0752 1.34167 20.916 2.375 20.916H13.625C14.6583 20.916 15.5 20.0752 15.5 19.041V10.291C15.5 9.25685 14.6583 8.41602 13.625 8.41602ZM4.66667 5.91602C4.66667 4.07768 6.16167 2.58268 8 2.58268C9.83833 2.58268 11.3333 4.07768 11.3333 5.91602V8.41602H4.66667V5.91602ZM8.83333 14.851V16.7493C8.83333 17.2093 8.46083 17.5827 8 17.5827C7.53917 17.5827 7.16667 17.2093 7.16667 16.7493V14.851C6.67083 14.5618 6.33333 14.0302 6.33333 13.416C6.33333 12.4968 7.08083 11.7493 8 11.7493C8.91917 11.7493 9.66667 12.4968 9.66667 13.416C9.66667 14.0302 9.32917 14.5618 8.83333 14.851Z"
+      fill={fill}
+    />
+  </svg>
+);

package/src/components/Icon/icons/LogIn.tsx

@@ -1,22 +1,22 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const LogIn = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    fill="none"
-    viewBox="0 0 15 20"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    {...props}>
-    <title>Log in</title>
-    <path
-      d="M7.39504 9.17067C8.58623 9.17067 9.61771 8.74344 10.4605 7.90051C11.3033 7.05773 11.7305 6.02652 11.7305 4.8352C11.7305 3.64428 11.3033 2.61294 10.4604 1.76988C9.61743 0.92723 8.58609 0.5 7.39504 0.5C6.20371 0.5 5.17251 0.92723 4.32972 1.77002C3.48694 2.6128 3.05957 3.64414 3.05957 4.8352C3.05957 6.02652 3.48694 7.05786 4.32986 7.90065C5.17279 8.7433 6.20413 9.17067 7.39504 9.17067Z"
-      fill={fill}
-    />
-    <path
-      d="M14.9811 14.341C14.9568 13.9902 14.9076 13.6076 14.8352 13.2036C14.7622 12.7966 14.6681 12.4118 14.5555 12.0601C14.4392 11.6966 14.281 11.3376 14.0854 10.9936C13.8824 10.6365 13.644 10.3256 13.3765 10.0698C13.0968 9.80212 12.7543 9.58693 12.3582 9.42996C11.9635 9.27382 11.5261 9.19472 11.0583 9.19472C10.8745 9.19472 10.6968 9.27011 10.3536 9.49354C10.1424 9.63129 9.89537 9.79059 9.61961 9.96678C9.38382 10.117 9.06439 10.2578 8.66985 10.3852C8.28491 10.5098 7.89407 10.5729 7.50832 10.5729C7.12256 10.5729 6.73186 10.5098 6.34652 10.3852C5.95238 10.2579 5.63296 10.1172 5.39744 9.96692C5.12429 9.79237 4.8771 9.63307 4.66273 9.49341C4.31995 9.26997 4.14211 9.19458 3.95837 9.19458C3.49035 9.19458 3.0531 9.27382 2.65855 9.4301C2.26277 9.58679 1.92013 9.80199 1.64012 10.0699C1.37274 10.3259 1.1342 10.6367 0.931502 10.9936C0.736083 11.3376 0.57788 11.6964 0.461425 12.0602C0.348953 12.4119 0.254882 12.7966 0.181823 13.2036C0.109451 13.6071 0.0602874 13.9898 0.0359802 14.3414C0.0120849 14.6858 0 15.0433 0 15.4043C0 16.3439 0.29869 17.1046 0.887694 17.6656C1.46942 18.2191 2.23915 18.5 3.17518 18.5H11.8423C12.7783 18.5 13.5478 18.2193 14.1296 17.6656C14.7188 17.105 15.0175 16.3442 15.0175 15.4042C15.0173 15.0415 15.0051 14.6838 14.9811 14.341Z"
-      fill={fill}
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const LogIn = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    fill="none"
+    viewBox="0 0 15 20"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Log in</title>
+    <path
+      d="M7.39504 9.17067C8.58623 9.17067 9.61771 8.74344 10.4605 7.90051C11.3033 7.05773 11.7305 6.02652 11.7305 4.8352C11.7305 3.64428 11.3033 2.61294 10.4604 1.76988C9.61743 0.92723 8.58609 0.5 7.39504 0.5C6.20371 0.5 5.17251 0.92723 4.32972 1.77002C3.48694 2.6128 3.05957 3.64414 3.05957 4.8352C3.05957 6.02652 3.48694 7.05786 4.32986 7.90065C5.17279 8.7433 6.20413 9.17067 7.39504 9.17067Z"
+      fill={fill}
+    />
+    <path
+      d="M14.9811 14.341C14.9568 13.9902 14.9076 13.6076 14.8352 13.2036C14.7622 12.7966 14.6681 12.4118 14.5555 12.0601C14.4392 11.6966 14.281 11.3376 14.0854 10.9936C13.8824 10.6365 13.644 10.3256 13.3765 10.0698C13.0968 9.80212 12.7543 9.58693 12.3582 9.42996C11.9635 9.27382 11.5261 9.19472 11.0583 9.19472C10.8745 9.19472 10.6968 9.27011 10.3536 9.49354C10.1424 9.63129 9.89537 9.79059 9.61961 9.96678C9.38382 10.117 9.06439 10.2578 8.66985 10.3852C8.28491 10.5098 7.89407 10.5729 7.50832 10.5729C7.12256 10.5729 6.73186 10.5098 6.34652 10.3852C5.95238 10.2579 5.63296 10.1172 5.39744 9.96692C5.12429 9.79237 4.8771 9.63307 4.66273 9.49341C4.31995 9.26997 4.14211 9.19458 3.95837 9.19458C3.49035 9.19458 3.0531 9.27382 2.65855 9.4301C2.26277 9.58679 1.92013 9.80199 1.64012 10.0699C1.37274 10.3259 1.1342 10.6367 0.931502 10.9936C0.736083 11.3376 0.57788 11.6964 0.461425 12.0602C0.348953 12.4119 0.254882 12.7966 0.181823 13.2036C0.109451 13.6071 0.0602874 13.9898 0.0359802 14.3414C0.0120849 14.6858 0 15.0433 0 15.4043C0 16.3439 0.29869 17.1046 0.887694 17.6656C1.46942 18.2191 2.23915 18.5 3.17518 18.5H11.8423C12.7783 18.5 13.5478 18.2193 14.1296 17.6656C14.7188 17.105 15.0175 16.3442 15.0175 15.4042C15.0173 15.0415 15.0051 14.6838 14.9811 14.341Z"
+      fill={fill}
+    />
+  </svg>
+);

package/src/components/Icon/icons/LogOut.tsx

@@ -1,22 +1,22 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const LogOut = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    fill="none"
-    viewBox="0 0 16 15"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    {...props}>
-    <title>Log out</title>
-    <path
-      d="M7.9751 13.7292H2.36876C2.0249 13.7292 1.74585 13.4502 1.74585 13.1063V1.89369C1.74585 1.54983 2.02493 1.27078 2.36876 1.27078H7.9751C8.31957 1.27078 8.59801 0.992344 8.59801 0.647871C8.59801 0.303398 8.31957 0.0249023 7.9751 0.0249023H2.36876C1.33845 0.0249023 0.5 0.863379 0.5 1.89369V13.1063C0.5 14.1366 1.33845 14.9751 2.36876 14.9751H7.9751C8.31957 14.9751 8.59801 14.6966 8.59801 14.3522C8.59801 14.0077 8.31957 13.7292 7.9751 13.7292Z"
-      fill={fill}
-    />
-    <path
-      d="M15.3144 7.05653L11.527 3.31898C11.2828 3.07729 10.8879 3.08042 10.6462 3.32522C10.4045 3.57003 10.407 3.96434 10.6524 4.20604L13.359 6.87712H6.10631C5.76184 6.87712 5.4834 7.15556 5.4834 7.50003C5.4834 7.8445 5.76184 8.12297 6.10631 8.12297H13.359L10.6524 10.7941C10.407 11.0358 10.4051 11.4301 10.6462 11.6749C10.7683 11.7982 10.929 11.8605 11.0897 11.8605C11.2479 11.8605 11.4061 11.8007 11.527 11.6811L15.3144 7.94353C15.4327 7.82643 15.5 7.66693 15.5 7.5C15.5 7.33313 15.4333 7.17428 15.3144 7.05653Z"
-      fill={fill}
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const LogOut = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    fill="none"
+    viewBox="0 0 16 15"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Log out</title>
+    <path
+      d="M7.9751 13.7292H2.36876C2.0249 13.7292 1.74585 13.4502 1.74585 13.1063V1.89369C1.74585 1.54983 2.02493 1.27078 2.36876 1.27078H7.9751C8.31957 1.27078 8.59801 0.992344 8.59801 0.647871C8.59801 0.303398 8.31957 0.0249023 7.9751 0.0249023H2.36876C1.33845 0.0249023 0.5 0.863379 0.5 1.89369V13.1063C0.5 14.1366 1.33845 14.9751 2.36876 14.9751H7.9751C8.31957 14.9751 8.59801 14.6966 8.59801 14.3522C8.59801 14.0077 8.31957 13.7292 7.9751 13.7292Z"
+      fill={fill}
+    />
+    <path
+      d="M15.3144 7.05653L11.527 3.31898C11.2828 3.07729 10.8879 3.08042 10.6462 3.32522C10.4045 3.57003 10.407 3.96434 10.6524 4.20604L13.359 6.87712H6.10631C5.76184 6.87712 5.4834 7.15556 5.4834 7.50003C5.4834 7.8445 5.76184 8.12297 6.10631 8.12297H13.359L10.6524 10.7941C10.407 11.0358 10.4051 11.4301 10.6462 11.6749C10.7683 11.7982 10.929 11.8605 11.0897 11.8605C11.2479 11.8605 11.4061 11.8007 11.527 11.6811L15.3144 7.94353C15.4327 7.82643 15.5 7.66693 15.5 7.5C15.5 7.33313 15.4333 7.17428 15.3144 7.05653Z"
+      fill={fill}
+    />
+  </svg>
+);

package/src/components/Icon/icons/Measurements.tsx

@@ -1,23 +1,23 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const Measurements = ({
-  fill = '#000',
-  size = 24,
-  ...props
-}: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    {...props}>
-    <title>Measurements</title>
-    <path
-      d="M8.8254 2C5 2 2 3.60317 2 5.65079V13.5873C2 15.2222 3.95238 16.6349 6.84127 17.0794H6.92064C7.15873 17.0794 7.34921 16.9048 7.39683 16.6825C7.44444 16.4286 7.25397 16.1745 7 16.1428C4.65079 15.7777 2.95238 14.6984 2.95238 13.5873V7.53974C4.12698 8.60324 6.30159 9.30159 8.8254 9.30159H19.1429C20.1905 9.30159 21.0476 10.1587 21.0476 11.2063C21.0476 12.254 20.1905 13.1111 19.1429 13.1111H10.4127C9.26984 13.1111 8.34921 14.0317 8.34921 15.1746V19.9365C8.34921 21.0794 9.26984 22 10.4127 22H19.1429C20.7143 22 22 20.7143 22 19.1429V11.2063C22 9.63492 20.7143 8.34921 19.1429 8.34921H8.8254C5.31746 8.34921 2.95238 6.95238 2.95238 5.65079C2.95238 4.34921 5.31746 2.95238 8.8254 2.95238C12.3333 2.95238 14.6984 4.34921 14.6984 5.65079V6.92064C14.6984 7.19048 14.9048 7.39683 15.1746 7.39683C15.4444 7.39683 15.6508 7.19048 15.6508 6.92064V5.65079C15.6508 3.60317 12.6508 2 8.8254 2ZM8.8254 4.85714C8.40442 4.85714 8.00068 4.94076 7.70301 5.0896C7.40533 5.23844 7.2381 5.4403 7.2381 5.65079C7.2381 5.86128 7.40533 6.06315 7.70301 6.21199C8.00068 6.36083 8.40442 6.44444 8.8254 6.44444C9.24638 6.44444 9.65011 6.36083 9.94779 6.21199C10.2455 6.06315 10.4127 5.86128 10.4127 5.65079C10.4127 5.4403 10.2455 5.23844 9.94779 5.0896C9.65011 4.94076 9.24638 4.85714 8.8254 4.85714ZM21.0476 13.3334V19.1429C21.0476 20.1905 20.1905 21.0476 19.1429 21.0476H10.4127C9.79365 21.0476 9.30159 20.5556 9.30159 19.9365V15.1746C9.30159 14.5556 9.79365 14.0635 10.4127 14.0635H13.1111V15.9683C13.1111 16.2381 13.3175 16.4444 13.5873 16.4444C13.8571 16.4444 14.0635 16.2381 14.0635 15.9683V14.0635H17.873V15.9683C17.873 16.2381 18.0794 16.4444 18.3492 16.4444C18.619 16.4444 18.8254 16.2381 18.8254 15.9683V14.0635H19.1429C19.873 14.0635 20.5397 13.7937 21.0476 13.3334Z"
-      fill={fill}
-      stroke={fill}
-      strokeWidth="0.4"
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const Measurements = ({
+  fill = '#000',
+  size = 24,
+  ...props
+}: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Measurements</title>
+    <path
+      d="M8.8254 2C5 2 2 3.60317 2 5.65079V13.5873C2 15.2222 3.95238 16.6349 6.84127 17.0794H6.92064C7.15873 17.0794 7.34921 16.9048 7.39683 16.6825C7.44444 16.4286 7.25397 16.1745 7 16.1428C4.65079 15.7777 2.95238 14.6984 2.95238 13.5873V7.53974C4.12698 8.60324 6.30159 9.30159 8.8254 9.30159H19.1429C20.1905 9.30159 21.0476 10.1587 21.0476 11.2063C21.0476 12.254 20.1905 13.1111 19.1429 13.1111H10.4127C9.26984 13.1111 8.34921 14.0317 8.34921 15.1746V19.9365C8.34921 21.0794 9.26984 22 10.4127 22H19.1429C20.7143 22 22 20.7143 22 19.1429V11.2063C22 9.63492 20.7143 8.34921 19.1429 8.34921H8.8254C5.31746 8.34921 2.95238 6.95238 2.95238 5.65079C2.95238 4.34921 5.31746 2.95238 8.8254 2.95238C12.3333 2.95238 14.6984 4.34921 14.6984 5.65079V6.92064C14.6984 7.19048 14.9048 7.39683 15.1746 7.39683C15.4444 7.39683 15.6508 7.19048 15.6508 6.92064V5.65079C15.6508 3.60317 12.6508 2 8.8254 2ZM8.8254 4.85714C8.40442 4.85714 8.00068 4.94076 7.70301 5.0896C7.40533 5.23844 7.2381 5.4403 7.2381 5.65079C7.2381 5.86128 7.40533 6.06315 7.70301 6.21199C8.00068 6.36083 8.40442 6.44444 8.8254 6.44444C9.24638 6.44444 9.65011 6.36083 9.94779 6.21199C10.2455 6.06315 10.4127 5.86128 10.4127 5.65079C10.4127 5.4403 10.2455 5.23844 9.94779 5.0896C9.65011 4.94076 9.24638 4.85714 8.8254 4.85714ZM21.0476 13.3334V19.1429C21.0476 20.1905 20.1905 21.0476 19.1429 21.0476H10.4127C9.79365 21.0476 9.30159 20.5556 9.30159 19.9365V15.1746C9.30159 14.5556 9.79365 14.0635 10.4127 14.0635H13.1111V15.9683C13.1111 16.2381 13.3175 16.4444 13.5873 16.4444C13.8571 16.4444 14.0635 16.2381 14.0635 15.9683V14.0635H17.873V15.9683C17.873 16.2381 18.0794 16.4444 18.3492 16.4444C18.619 16.4444 18.8254 16.2381 18.8254 15.9683V14.0635H19.1429C19.873 14.0635 20.5397 13.7937 21.0476 13.3334Z"
+      fill={fill}
+      stroke={fill}
+      strokeWidth="0.4"
+    />
+  </svg>
+);

package/src/components/Icon/icons/Minus.tsx

@@ -1,21 +1,21 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const Minus = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    fill="none"
-    viewBox="0 0 10 2"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    {...props}>
-    <title>Minus</title>
-    <path
-      d="M1 1H9"
-      stroke={fill}
-      strokeWidth="1.4"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const Minus = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    fill="none"
+    viewBox="0 0 10 2"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Minus</title>
+    <path
+      d="M1 1H9"
+      stroke={fill}
+      strokeWidth="1.4"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);

package/src/components/Icon/icons/More.tsx

@@ -1,25 +1,25 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const More = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    {...props}>
-    <title>More</title>
-    <path
-      d="M5.4001 10.2C4.4101 10.2 3.6001 11.01 3.6001 12C3.6001 12.99 4.4101 13.8 5.4001 13.8C6.3901 13.8 7.2001 12.99 7.2001 12C7.2001 11.01 6.3901 10.2 5.4001 10.2Z"
-      fill={fill}
-    />
-    <path
-      d="M12.0002 10.2C11.0102 10.2 10.2002 11.01 10.2002 12C10.2002 12.99 11.0102 13.8 12.0002 13.8C12.9902 13.8 13.8002 12.99 13.8002 12C13.8002 11.01 12.9902 10.2 12.0002 10.2Z"
-      fill={fill}
-    />
-    <path
-      d="M18.6003 10.2C17.6103 10.2 16.8003 11.01 16.8003 12C16.8003 12.99 17.6103 13.8 18.6003 13.8C19.5903 13.8 20.4003 12.99 20.4003 12C20.4003 11.01 19.5903 10.2 18.6003 10.2Z"
-      fill={fill}
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const More = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>More</title>
+    <path
+      d="M5.4001 10.2C4.4101 10.2 3.6001 11.01 3.6001 12C3.6001 12.99 4.4101 13.8 5.4001 13.8C6.3901 13.8 7.2001 12.99 7.2001 12C7.2001 11.01 6.3901 10.2 5.4001 10.2Z"
+      fill={fill}
+    />
+    <path
+      d="M12.0002 10.2C11.0102 10.2 10.2002 11.01 10.2002 12C10.2002 12.99 11.0102 13.8 12.0002 13.8C12.9902 13.8 13.8002 12.99 13.8002 12C13.8002 11.01 12.9902 10.2 12.0002 10.2Z"
+      fill={fill}
+    />
+    <path
+      d="M18.6003 10.2C17.6103 10.2 16.8003 11.01 16.8003 12C16.8003 12.99 17.6103 13.8 18.6003 13.8C19.5903 13.8 20.4003 12.99 20.4003 12C20.4003 11.01 19.5903 10.2 18.6003 10.2Z"
+      fill={fill}
+    />
+  </svg>
+);

package/src/components/Icon/icons/MoreVertical.tsx

@@ -1,20 +1,20 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const MoreVertical = ({
-  fill = '#000',
-  size = 24,
-  ...props
-}: SVGProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={`${size / 4}px`}
-    height={`${size}px`}
-    viewBox="0 0 4 16"
-    fill="none"
-    {...props}>
-    <title>More vertical</title>
-    <circle cx="1.66016" cy="2" r="1.5" fill={fill} />
-    <circle cx="1.66016" cy="8" r="1.5" fill={fill} />
-    <circle cx="1.66016" cy="14" r="1.5" fill={fill} />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const MoreVertical = ({
+  fill = '#000',
+  size = 24,
+  ...props
+}: SVGProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={`${size / 4}px`}
+    height={`${size}px`}
+    viewBox="0 0 4 16"
+    fill="none"
+    {...props}>
+    <title>More vertical</title>
+    <circle cx="1.66016" cy="2" r="1.5" fill={fill} />
+    <circle cx="1.66016" cy="8" r="1.5" fill={fill} />
+    <circle cx="1.66016" cy="14" r="1.5" fill={fill} />
+  </svg>
+);

package/src/components/Icon/icons/Notification.tsx

@@ -1,23 +1,23 @@
-import { SVGProps } from '@components/Icon/types';
-
-export const Notification = ({
-  fill = '#000',
-  size = 24,
-  ...props
-}: SVGProps) => (
-  <svg
-    width={`${size}px`}
-    height={`${size}px`}
-    viewBox="0 0 20 22"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlnsXlink="http://www.w3.org/1999/xlink"
-    {...props}>
-    <title>Notification</title>
-    <path
-      d="M0.776752 7.36345C0.819992 7.37426 0.865032 7.37966 0.908271 7.37966C1.14969 7.37966 1.37129 7.21572 1.43255 6.97069C1.9334 4.96728 3.12608 3.19267 4.78899 1.97837C5.0304 1.80181 5.08265 1.46491 4.90609 1.22349C4.72953 0.98207 4.39263 0.929823 4.15121 1.10638C2.28472 2.47022 0.946106 4.45922 0.383997 6.70946C0.31013 6.99772 0.48669 7.29138 0.776752 7.36345ZM15.2114 1.97837C16.8743 3.19267 18.0652 4.96548 18.5679 6.97069C18.6291 7.21572 18.8489 7.37966 19.0921 7.37966C19.1354 7.37966 19.1804 7.37426 19.2237 7.36345C19.5137 7.29138 19.6885 6.99772 19.6164 6.70765C19.0543 4.45922 17.7157 2.46842 15.8492 1.10458C15.6078 0.928021 15.2709 0.980269 15.0943 1.22169C14.9178 1.46491 14.97 1.80181 15.2114 1.97837ZM1.92799 15.3879C1.75144 16.0924 1.90638 16.8256 2.35498 17.3967C2.80179 17.9697 3.4756 18.2976 4.20165 18.2976H6.80681C7.06445 19.8289 8.39765 21 10.0011 21C11.6046 21 12.936 19.8289 13.1954 18.2976H15.8006C16.5266 18.2976 17.2004 17.9697 17.6472 17.3967C18.094 16.8238 18.249 16.0924 18.0742 15.3879L16.1194 7.58325C15.4168 4.7691 12.8999 2.80352 9.9993 2.80352C7.09868 2.80352 4.5818 4.7691 3.87916 7.58325L1.92799 15.3879ZM9.9993 19.919C8.99399 19.919 8.14903 19.229 7.90761 18.2976H12.0892C11.8496 19.229 11.0046 19.919 9.9993 19.919ZM9.9993 3.8845C12.4027 3.8845 14.489 5.51317 15.0709 7.84448L17.0221 15.6492C17.1176 16.0293 17.0329 16.4221 16.7933 16.7319C16.5518 17.04 16.1897 17.2166 15.7988 17.2166H4.19985C3.8089 17.2166 3.44677 17.04 3.20535 16.7319C2.96393 16.4239 2.88106 16.0293 2.97654 15.6492L4.92771 7.84448C5.50964 5.51317 7.59593 3.8845 9.9993 3.8845Z"
-      fill={fill}
-      stroke={fill}
-      strokeWidth="0.3"
-    />
-  </svg>
-);
+import { SVGProps } from '@components/Icon/types';
+
+export const Notification = ({
+  fill = '#000',
+  size = 24,
+  ...props
+}: SVGProps) => (
+  <svg
+    width={`${size}px`}
+    height={`${size}px`}
+    viewBox="0 0 20 22"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    {...props}>
+    <title>Notification</title>
+    <path
+      d="M0.776752 7.36345C0.819992 7.37426 0.865032 7.37966 0.908271 7.37966C1.14969 7.37966 1.37129 7.21572 1.43255 6.97069C1.9334 4.96728 3.12608 3.19267 4.78899 1.97837C5.0304 1.80181 5.08265 1.46491 4.90609 1.22349C4.72953 0.98207 4.39263 0.929823 4.15121 1.10638C2.28472 2.47022 0.946106 4.45922 0.383997 6.70946C0.31013 6.99772 0.48669 7.29138 0.776752 7.36345ZM15.2114 1.97837C16.8743 3.19267 18.0652 4.96548 18.5679 6.97069C18.6291 7.21572 18.8489 7.37966 19.0921 7.37966C19.1354 7.37966 19.1804 7.37426 19.2237 7.36345C19.5137 7.29138 19.6885 6.99772 19.6164 6.70765C19.0543 4.45922 17.7157 2.46842 15.8492 1.10458C15.6078 0.928021 15.2709 0.980269 15.0943 1.22169C14.9178 1.46491 14.97 1.80181 15.2114 1.97837ZM1.92799 15.3879C1.75144 16.0924 1.90638 16.8256 2.35498 17.3967C2.80179 17.9697 3.4756 18.2976 4.20165 18.2976H6.80681C7.06445 19.8289 8.39765 21 10.0011 21C11.6046 21 12.936 19.8289 13.1954 18.2976H15.8006C16.5266 18.2976 17.2004 17.9697 17.6472 17.3967C18.094 16.8238 18.249 16.0924 18.0742 15.3879L16.1194 7.58325C15.4168 4.7691 12.8999 2.80352 9.9993 2.80352C7.09868 2.80352 4.5818 4.7691 3.87916 7.58325L1.92799 15.3879ZM9.9993 19.919C8.99399 19.919 8.14903 19.229 7.90761 18.2976H12.0892C11.8496 19.229 11.0046 19.919 9.9993 19.919ZM9.9993 3.8845C12.4027 3.8845 14.489 5.51317 15.0709 7.84448L17.0221 15.6492C17.1176 16.0293 17.0329 16.4221 16.7933 16.7319C16.5518 17.04 16.1897 17.2166 15.7988 17.2166H4.19985C3.8089 17.2166 3.44677 17.04 3.20535 16.7319C2.96393 16.4239 2.88106 16.0293 2.97654 15.6492L4.92771 7.84448C5.50964 5.51317 7.59593 3.8845 9.9993 3.8845Z"
+      fill={fill}
+      stroke={fill}
+      strokeWidth="0.3"
+    />
+  </svg>
+);