@ssa-ui-kit/core 0.0.16-alpha → 0.0.18-alpha

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssa-ui-kit/core",
-  "version": "0.0.16-alpha",
+  "version": "0.0.18-alpha",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "private": false,

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

@@ -0,0 +1,35 @@
+import { SVGProps } from '@components/Icon/types';
+
+export const BanUser = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={`${size}px`}
+    height={`${size}px`}
+    viewBox="0 0 15 15"
+    fill="none"
+    {...props}>
+    <title>Ban User</title>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M6.32475 6.84657C7.1623 6.84657 7.88756 6.54617 8.48015 5.95349C9.07273 5.36091 9.37313 4.63584 9.37313 3.79819C9.37313 2.96082 9.07273 2.23566 8.48005 1.64289C7.88737 1.0504 7.16221 0.75 6.32475 0.75C5.4871 0.75 4.76203 1.0504 4.16945 1.64298C3.57686 2.23557 3.27637 2.96073 3.27637 3.79819C3.27637 4.63584 3.57686 5.361 4.16954 5.95359C4.76222 6.54608 5.48739 6.84657 6.32475 6.84657ZM6.32475 5.94322C6.92265 5.94322 7.41813 5.73806 7.84133 5.31478C8.26459 4.89153 8.46978 4.39615 8.46978 3.79819C8.46978 3.20064 8.26472 2.70522 7.84139 2.28175C7.41803 1.8586 6.92244 1.65335 6.32475 1.65335C5.72679 1.65335 5.23146 1.85849 4.80821 2.28174C4.3849 2.70505 4.17971 3.2005 4.17971 3.79819C4.17971 4.39607 4.3849 4.89146 4.8082 5.31472C5.23165 5.73801 5.7272 5.94322 6.32475 5.94322Z"
+      fill={fill}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8.40491 7.07368C8.64621 6.91658 8.77116 6.86356 8.90035 6.86356C9.22933 6.86356 9.53687 6.91918 9.81438 7.02897C10.0929 7.13934 10.3337 7.29065 10.5304 7.47884C10.7185 7.65873 10.8861 7.87734 11.0288 8.1284C11.0678 8.1969 11.1046 8.26625 11.1392 8.33627C11.0663 8.33083 10.9926 8.32806 10.9183 8.32806C10.6539 8.32806 10.3974 8.3631 10.1531 8.42877C10.0742 8.31154 9.99081 8.21279 9.90601 8.13169C9.80175 8.03193 9.66283 7.94068 9.48207 7.86897C9.34396 7.81433 9.18229 7.77844 8.9962 7.76925C8.97133 7.78386 8.93928 7.8037 8.89778 7.83072C8.74653 7.92935 8.57059 8.04279 8.37518 8.16765L8.37421 8.16827C8.12063 8.32984 7.81769 8.4572 7.49865 8.56025C7.14272 8.67538 6.77433 8.73598 6.40429 8.73598C6.03408 8.73598 5.6658 8.67533 5.30974 8.56026C4.99111 8.45733 4.68724 8.32948 4.43366 8.16772C4.23995 8.04394 4.06384 7.93045 3.91037 7.83047C3.86914 7.80359 3.83709 7.78371 3.81234 7.76916C3.62639 7.77837 3.46492 7.81428 3.32696 7.86893C3.14647 7.94039 3.00743 8.0315 2.90291 8.13146C2.78463 8.24474 2.66913 8.39197 2.56542 8.57459C2.45769 8.76425 2.37195 8.95964 2.30978 9.15379C2.24417 9.35897 2.18714 9.59032 2.142 9.84182C2.09594 10.0986 2.06597 10.3352 2.05148 10.5448C2.03619 10.7652 2.02835 10.9957 2.02835 11.2297C2.02835 11.6847 2.16507 11.9681 2.37189 12.1652C2.5854 12.3684 2.89015 12.503 3.35755 12.503H8.21879C8.37265 12.8428 8.5889 13.1489 8.85275 13.4063H3.35755C2.6994 13.4063 2.15819 13.2089 1.74916 12.8196C1.33502 12.4252 1.125 11.8904 1.125 11.2297C1.125 10.9758 1.1335 10.7245 1.1503 10.4823C1.16739 10.2351 1.20196 9.96602 1.25284 9.68233C1.30421 9.39613 1.37036 9.12566 1.44944 8.87837C1.53132 8.62259 1.64256 8.37028 1.77996 8.1284C1.92248 7.87744 2.09021 7.65892 2.27821 7.47894C2.47509 7.29055 2.71601 7.13924 2.99429 7.02907C3.27171 6.91918 3.57915 6.86347 3.90823 6.86347C4.03743 6.86347 4.16247 6.91648 4.40348 7.07358C4.55421 7.17178 4.72802 7.28379 4.92008 7.40652C5.08568 7.51216 5.31027 7.61113 5.5874 7.70064C5.85834 7.78822 6.13306 7.83264 6.40429 7.83264C6.67553 7.83264 6.95034 7.78822 7.22099 7.70064C7.49841 7.61103 7.723 7.51206 7.8888 7.40642C8.08269 7.28254 8.2564 7.17053 8.40491 7.07368Z"
+      fill={fill}
+    />
+    <path
+      d="M12.1119 10.0904C12.2736 10.2521 12.2736 10.5143 12.1119 10.6759L11.5013 11.2865L12.1119 11.8971C12.2736 12.0588 12.2736 12.3209 12.1119 12.4826C11.9502 12.6443 11.688 12.6443 11.5263 12.4826L10.9158 11.8721L10.3052 12.4826C10.1435 12.6443 9.88134 12.6443 9.71965 12.4826C9.55796 12.3209 9.55796 12.0588 9.71965 11.8971L10.3302 11.2865L9.71965 10.6759C9.55796 10.5143 9.55796 10.2521 9.71965 10.0904C9.88134 9.92872 10.1435 9.92872 10.3052 10.0904L10.9158 10.701L11.5263 10.0904C11.688 9.92872 11.9502 9.92872 12.1119 10.0904Z"
+      fill={fill}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M7.9573 11.289C7.9573 9.65946 9.28871 8.32806 10.9183 8.32806C12.5478 8.32806 13.8792 9.65946 13.8792 11.289C13.8792 12.9186 12.5478 14.25 10.9183 14.25C9.28871 14.25 7.9573 12.9186 7.9573 11.289ZM10.9183 9.23141C9.78761 9.23141 8.86065 10.1584 8.86065 11.289C8.86065 12.4197 9.78761 13.3467 10.9183 13.3467C12.0489 13.3467 12.9759 12.4197 12.9759 11.289C12.9759 10.1584 12.0489 9.23141 10.9183 9.23141Z"
+      fill={fill}
+    />
+  </svg>
+);

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

@@ -0,0 +1,21 @@
+import { SVGProps } from '@components/Icon/types';
+
+export const Circular = ({ fill = '#000', size = 15, ...props }: SVGProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={`${size}px`}
+    height={`${size}px`}
+    viewBox="0 0 13 13"
+    fill="none"
+    {...props}>
+    <title>Circular</title>
+    <path
+      d="M1.7289 2.42862C2.85955 1.1478 4.51389 0.339844 6.35182 0.339844C9.63351 0.339844 12.3206 2.92225 12.4987 6.16175L12.4988 6.16265C12.5036 6.23476 12.494 6.3071 12.4707 6.37549C12.4473 6.44388 12.4106 6.50695 12.3627 6.56106C12.3148 6.61516 12.2566 6.65921 12.1915 6.69067C12.1264 6.72213 12.0558 6.74036 11.9836 6.74431C11.9115 6.74827 11.8392 6.73786 11.7711 6.7137C11.703 6.68953 11.6404 6.65209 11.5868 6.60355C11.5333 6.555 11.4899 6.49631 11.4592 6.43089C11.4285 6.36546 11.4111 6.29459 11.408 6.22239L11.408 6.22146C11.261 3.54808 9.06488 1.43217 6.35182 1.43217C4.89837 1.43217 3.59436 2.04214 2.67134 3.01702L2.54667 3.14869L3.54297 3.1487L3.54408 3.14868C3.61645 3.14766 3.68831 3.16103 3.75547 3.18802C3.82263 3.21501 3.88376 3.25507 3.9353 3.30589C3.98684 3.35671 4.02777 3.41726 4.05571 3.48404C4.08364 3.55081 4.09803 3.62247 4.09803 3.69485C4.09803 3.76723 4.08364 3.8389 4.05571 3.90567C4.02777 3.97244 3.98684 4.033 3.9353 4.08382C3.88376 4.13463 3.82263 4.1747 3.75547 4.20169C3.68831 4.22868 3.61645 4.24204 3.54408 4.24102H0.500058L0.500066 1.1981L0.500051 1.19703C0.498071 1.05227 0.553642 0.912645 0.654554 0.808833C0.755465 0.705021 0.893461 0.645517 1.03822 0.643395C1.11125 0.642326 1.18375 0.655912 1.25143 0.68335C1.31911 0.710788 1.38061 0.75152 1.43227 0.803137C1.48394 0.854755 1.52473 0.916209 1.55223 0.983866C1.57974 1.05152 1.59339 1.12401 1.59239 1.19703V2.58327L1.7289 2.42862Z"
+      fill={fill}
+    />
+    <path
+      d="M11.2711 10.5714C10.1405 11.8522 8.48611 12.6602 6.64818 12.6602C3.36649 12.6602 0.679442 10.0777 0.501275 6.83825L0.501221 6.83735C0.496425 6.76524 0.505984 6.6929 0.529348 6.62451C0.552712 6.55612 0.589417 6.49305 0.637332 6.43894C0.685246 6.38484 0.743422 6.34079 0.808486 6.30933C0.87355 6.27787 0.944211 6.25964 1.01637 6.25569C1.08853 6.25173 1.16076 6.26214 1.22887 6.2863C1.29698 6.31047 1.35962 6.34791 1.41316 6.39645C1.4667 6.445 1.51007 6.50369 1.54076 6.56911C1.57145 6.63454 1.58886 6.70541 1.59196 6.77761L1.59201 6.77854C1.73904 9.45192 3.93511 11.5678 6.64818 11.5678C8.10163 11.5678 9.40564 10.9579 10.3287 9.98298L10.4533 9.85131L9.45703 9.8513L9.45592 9.85132C9.38355 9.85234 9.31169 9.83897 9.24453 9.81198C9.17737 9.78499 9.11624 9.74493 9.0647 9.69411C9.01316 9.64329 8.97223 9.58274 8.94429 9.51596C8.91636 9.44919 8.90197 9.37753 8.90197 9.30515C8.90197 9.23277 8.91636 9.1611 8.94429 9.09433C8.97223 9.02756 9.01316 8.967 9.0647 8.91618C9.11624 8.86537 9.17737 8.8253 9.24453 8.79831C9.31169 8.77132 9.38355 8.75796 9.45592 8.75898H12.4999L12.4999 11.8019L12.4999 11.803C12.5019 11.9477 12.4464 12.0874 12.3454 12.1912C12.2445 12.295 12.1065 12.3545 11.9618 12.3566C11.8888 12.3577 11.8163 12.3441 11.7486 12.3167C11.6809 12.2892 11.6194 12.2485 11.5677 12.1969C11.5161 12.1452 11.4753 12.0838 11.4478 12.0161C11.4203 11.9485 11.4066 11.876 11.4076 11.803V10.4167L11.2711 10.5714Z"
+      fill={fill}
+    />
+  </svg>
+);

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

@@ -0,0 +1,27 @@
+import { SVGProps } from '@components/Icon/types';
+
+export const ConfirmEmail = ({
+  fill = '#000',
+  size = 15,
+  ...props
+}: SVGProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 15 15"
+    fill="none"
+    width={`${size}px`}
+    height={`${size}px`}
+    {...props}>
+    <title>Confirm Email</title>
+    <path
+      d="M12.5811 9.43434C12.7511 9.2647 13.0263 9.26494 13.196 9.43488C13.3656 9.60482 13.3654 9.8801 13.1954 10.0497L11.4771 11.7651C11.3073 11.9346 11.0322 11.9345 10.8625 11.7648L10.0048 10.9071C9.83505 10.7373 9.83505 10.4621 10.0048 10.2923C10.1746 10.1225 10.4499 10.1225 10.6197 10.2923L11.1437 10.8163C11.1583 10.8309 11.1821 10.8309 11.1967 10.8163L12.5811 9.43434Z"
+      fill={fill}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M1.77194 1.875C1.21315 1.875 0.793286 2.03679 0.494547 2.34803C0.197556 2.65745 0.0375977 3.13579 0.0375977 3.80587V9.75896C0.0375977 10.427 0.207453 10.9037 0.524502 11.2134C0.842687 11.524 1.32702 11.6898 2.00122 11.6898H8.58728C8.60302 11.6898 8.61709 11.6997 8.6225 11.7145C9.08048 12.9681 10.2867 13.868 11.6942 13.868C13.4929 13.868 14.9626 12.3983 14.9626 10.5996C14.9626 9.48724 14.4005 8.50059 13.5458 7.90958C13.5357 7.90258 13.5296 7.89105 13.5296 7.87874V3.80587C13.5296 3.1377 13.3603 2.66051 13.0433 2.35089C12.7252 2.04042 12.2404 1.875 11.566 1.875H1.77194ZM1.79606 2.75237L1.81513 2.7504C1.85502 2.74625 1.90197 2.74136 1.95264 2.74136H11.6075C11.6642 2.74136 11.716 2.74693 11.7608 2.75174L11.9522 2.77213C11.9666 2.77366 11.9788 2.78335 11.9836 2.79701C11.9884 2.81068 11.9849 2.82588 11.9746 2.83607L7.64338 7.12451C7.49659 7.26579 7.35457 7.37535 7.2186 7.44783C7.08009 7.52166 6.93621 7.5606 6.78826 7.5606C6.63566 7.5606 6.4886 7.52214 6.34919 7.44783C6.21316 7.37532 6.07182 7.26611 5.92488 7.12496L5.92394 7.12405L1.59228 2.83459C1.58197 2.82438 1.57847 2.80913 1.58332 2.79544C1.58816 2.78176 1.60046 2.77209 1.61491 2.77064L1.79606 2.75237ZM0.970431 3.40442C0.983957 3.39965 0.999017 3.40301 1.00923 3.41308L4.39048 6.74694C4.3976 6.75396 4.40162 6.76354 4.40165 6.77355C4.40167 6.78355 4.3977 6.79315 4.39061 6.80021L1.01253 10.165C1.00241 10.1751 0.987428 10.1785 0.973908 10.1739C0.960388 10.1693 0.950679 10.1574 0.948871 10.1432L0.926789 9.97C0.918404 9.90423 0.912697 9.8347 0.912697 9.75896V3.79768C0.912697 3.72901 0.919037 3.66685 0.925515 3.61054L0.945646 3.4355C0.947285 3.42125 0.956906 3.40919 0.970431 3.40442ZM12.598 3.4106C12.6115 3.41538 12.6211 3.42744 12.6227 3.44168L12.6428 3.61655C12.6494 3.67387 12.6556 3.73637 12.6556 3.80587V7.42572C12.6556 7.43753 12.6501 7.44865 12.6406 7.45573C12.6312 7.46281 12.6189 7.46503 12.6076 7.46171C12.3175 7.3768 12.011 7.33123 11.6942 7.33123C11.1333 7.33123 10.6045 7.4741 10.1422 7.72528C10.1277 7.73321 10.1096 7.7306 10.0978 7.71888L9.1777 6.80062C9.17062 6.79356 9.16665 6.78395 9.16669 6.77395C9.16672 6.76395 9.17075 6.75437 9.17788 6.74735L12.5592 3.41924C12.5694 3.40918 12.5844 3.40583 12.598 3.4106ZM9.38122 10.5996C9.38122 9.32857 10.4232 8.28663 11.6942 8.28663C12.9653 8.28663 14.0072 9.32857 14.0072 10.5996C14.0072 11.8707 12.9653 12.9126 11.6942 12.9126C10.4232 12.9126 9.38122 11.8707 9.38122 10.5996ZM8.59372 7.3744C8.57915 7.35986 8.55558 7.35978 8.54092 7.37422L8.09287 7.81532C7.86549 8.03754 7.6468 8.19455 7.43679 8.29075C7.22555 8.38738 7.00992 8.43515 6.78826 8.43515C6.56653 8.43515 6.34888 8.38735 6.1349 8.29053C5.92212 8.19427 5.70183 8.03761 5.47479 7.81575L5.03075 7.37802C5.01608 7.36356 4.99251 7.36364 4.97793 7.37818L1.61408 10.7351C1.60374 10.7454 1.60033 10.7608 1.60535 10.7745C1.61038 10.7882 1.72276 10.8235 1.72276 10.8235C1.72276 10.8235 1.91571 10.8235 1.95264 10.8235H8.39353C8.40384 10.8235 8.4137 10.8192 8.42078 10.8117C8.42786 10.8042 8.43155 10.7942 8.43097 10.7839C8.42755 10.7229 8.42581 10.6614 8.42581 10.5996C8.42581 9.68196 8.8083 8.84992 9.42207 8.25489C9.42928 8.2479 9.43339 8.23829 9.43346 8.22824C9.43354 8.21819 9.42957 8.20853 9.42245 8.20143L8.59372 7.3744Z"
+      fill={fill}
+    />
+  </svg>
+);

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

@@ -0,0 +1,23 @@
+import { SVGProps } from '@components/Icon/types';
+
+export const Unlock = ({ fill = '#000', size = 24, ...props }: SVGProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={`${size}px`}
+    height={`${size}px`}
+    viewBox="0 0 15 15"
+    fill="none"
+    {...props}>
+    <title>Unlock</title>
+    <path
+      d="M6.65912 9.39867C6.65912 8.92244 7.02368 8.55788 7.49991 8.55788C7.97614 8.55788 8.3407 8.92244 8.3407 9.39867C8.3407 9.65047 8.22903 9.87161 8.06044 10.0117V10.8C8.06044 11.1087 7.80864 11.3605 7.49991 11.3605C7.19118 11.3605 6.93939 11.1087 6.93939 10.8V10.0117C6.77079 9.87161 6.65912 9.65047 6.65912 9.39867Z"
+      fill={fill}
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5.83532 0.155603C6.18303 0.0480855 6.53419 -0.00110042 6.87832 1.86603e-05C6.9938 2.86739e-05 7.10506 0.00696763 7.2172 0.0182945C8.58196 0.158886 9.80554 1.10042 10.2356 2.48784L10.2423 2.50954V2.51968C10.2737 2.62671 10.3587 2.90395 10.4389 3.1641C10.4816 3.3028 10.5228 3.43589 10.5532 3.53432L10.6022 3.69236C10.6572 3.84181 10.6239 4.00725 10.5205 4.1254L10.5198 4.12618C10.4137 4.24582 10.2505 4.29597 10.0952 4.25777C9.94024 4.22049 9.821 4.09922 9.78152 3.94804L9.73402 3.79382C9.70448 3.69783 9.66443 3.56751 9.62239 3.43024C9.53858 3.15656 9.44609 2.8527 9.41386 2.73987L9.40808 2.71967V2.71315C8.96217 1.32972 7.47234 0.553255 6.08177 0.985168C4.68006 1.42061 3.88983 2.91025 4.3238 4.30953L4.38411 4.50397H4.38227C4.49217 4.83056 4.65126 5.33061 4.73747 5.60528H11.9841C12.5279 5.60528 12.9749 6.05233 12.9749 6.59607V13.3224C12.9749 13.8661 12.5279 14.3132 11.9841 14.3132H3.01569C2.47195 14.3132 2.0249 13.8661 2.0249 13.3224V6.59607C2.0249 6.05233 2.47195 5.60528 3.01569 5.60528H3.82849C3.71189 5.22705 3.56504 4.75383 3.50527 4.58903L3.49628 4.56425V4.54284C2.93702 2.69678 3.99409 0.727215 5.83532 0.155603ZM3.01569 6.46581C2.94308 6.46581 2.88543 6.52346 2.88543 6.59607V13.3224C2.88543 13.395 2.94308 13.4527 3.01569 13.4527H11.9841C12.0567 13.4527 12.1144 13.395 12.1144 13.3224V6.59607C12.1144 6.52346 12.0567 6.46581 11.9841 6.46581H3.01569Z"
+      fill={fill}
+    />
+  </svg>
+);

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

@@ -54,4 +54,8 @@ export const iconsList = [
   'clock',
   'unarchive',
   'cogwheel',
+  'circular',
+  'ban-user',
+  'confirm-email',
+  'unlock',
 ] as const;

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

@@ -52,6 +52,10 @@ import { Robot } from './Robot';
 import { Chart } from './Chart';
 import { Clock } from './Clock';
 import { Cogwheel } from './Cogwheel';
+import { Circular } from './Circular';
+import { BanUser } from './BanUser';
+import { ConfirmEmail } from './ConfirmEmail';
+import { Unlock } from './Unlock';
 
 const componentsList = [
   Diet,
@@ -100,6 +104,10 @@ const componentsList = [
   Clock,
   UnArchive,
   Cogwheel,
+  Circular,
+  BanUser,
+  ConfirmEmail,
+  Unlock,
 ];
 
 const iconsMap: IMapIcons = iconsList.reduce((res, name, index) => {