odaptos_design_system 2.0.4 → 2.0.6

package/src/DesignTokens/Icons/Miscellaneous/DownloadIcon.tsx

@@ -1,78 +1,78 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-import { getIconSize } from '../../../utils/getIconSize';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-
-export default function DownloadIcon({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      sx={{ height: getIconSize(size), width: getIconSize(size) }}
-      {...rest}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M1 17.718C1.27614 17.718 1.5 17.9419 1.5 18.218V20.131C1.5 20.7593 1.74959 21.3619 2.19386 21.8062C2.63814 22.2504 3.2407 22.5 3.869 22.5H20.1308C20.759 22.4998 21.3616 22.2501 21.8058 21.8059C22.2501 21.3616 22.4997 20.7592 22.5 20.131V18.218C22.5 17.9419 22.7239 17.718 23 17.718C23.2761 17.718 23.5 17.9419 23.5 18.218V20.131C23.4997 21.0244 23.1447 21.8813 22.513 22.513C21.8812 23.1447 21.0245 23.4997 20.1312 23.5H3.869C2.97549 23.5 2.11857 23.1451 1.48676 22.5133C0.854947 21.8815 0.5 21.0245 0.5 20.131V18.218C0.5 17.9419 0.723858 17.718 1 17.718Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M12 0.5C12.2761 0.5 12.5 0.723858 12.5 1V18.108C12.5 18.3841 12.2761 18.608 12 18.608C11.7239 18.608 11.5 18.3841 11.5 18.108V1C11.5 0.723858 11.7239 0.5 12 0.5Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M4.64645 10.7544C4.84171 10.5592 5.15829 10.5592 5.35355 10.7544L12 17.4009L18.6464 10.7544C18.8417 10.5592 19.1583 10.5592 19.3536 10.7544C19.5488 10.9497 19.5488 11.2663 19.3536 11.4615L12.3536 18.4615C12.1583 18.6568 11.8417 18.6568 11.6464 18.4615L4.64645 11.4615C4.45118 11.2663 4.45118 10.9497 4.64645 10.7544Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M1 17.718C1.27614 17.718 1.5 17.9419 1.5 18.218V20.131C1.5 20.7593 1.74959 21.3619 2.19386 21.8062C2.63814 22.2504 3.2407 22.5 3.869 22.5H20.1308C20.759 22.4998 21.3616 22.2501 21.8058 21.8059C22.2501 21.3616 22.4997 20.7592 22.5 20.131V18.218C22.5 17.9419 22.7239 17.718 23 17.718C23.2761 17.718 23.5 17.9419 23.5 18.218V20.131C23.4997 21.0244 23.1447 21.8813 22.513 22.513C21.8812 23.1447 21.0245 23.4997 20.1312 23.5H3.869C2.97549 23.5 2.11857 23.1451 1.48676 22.5133C0.854947 21.8815 0.5 21.0245 0.5 20.131V18.218C0.5 17.9419 0.723858 17.718 1 17.718Z"
-          stroke={stroke}
-          strokeWidth="0.25"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M12 0.5C12.2761 0.5 12.5 0.723858 12.5 1V18.108C12.5 18.3841 12.2761 18.608 12 18.608C11.7239 18.608 11.5 18.3841 11.5 18.108V1C11.5 0.723858 11.7239 0.5 12 0.5Z"
-          stroke={stroke}
-          strokeWidth="0.25"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M4.64645 10.7544C4.84171 10.5592 5.15829 10.5592 5.35355 10.7544L12 17.4009L18.6464 10.7544C18.8417 10.5592 19.1583 10.5592 19.3536 10.7544C19.5488 10.9497 19.5488 11.2663 19.3536 11.4615L12.3536 18.4615C12.1583 18.6568 11.8417 18.6568 11.6464 18.4615L4.64645 11.4615C4.45118 11.2663 4.45118 10.9497 4.64645 10.7544Z"
-          stroke={stroke}
-          strokeWidth="0.25"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+import { getIconSize } from '../../../utils/getIconSize';
+
+interface CustomSvgProps {
+  size?: 'sm' | 'base' | 'lg' | 'xl';
+}
+
+export default function DownloadIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      sx={{ height: getIconSize(size), width: getIconSize(size) }}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M1 17.718C1.27614 17.718 1.5 17.9419 1.5 18.218V20.131C1.5 20.7593 1.74959 21.3619 2.19386 21.8062C2.63814 22.2504 3.2407 22.5 3.869 22.5H20.1308C20.759 22.4998 21.3616 22.2501 21.8058 21.8059C22.2501 21.3616 22.4997 20.7592 22.5 20.131V18.218C22.5 17.9419 22.7239 17.718 23 17.718C23.2761 17.718 23.5 17.9419 23.5 18.218V20.131C23.4997 21.0244 23.1447 21.8813 22.513 22.513C21.8812 23.1447 21.0245 23.4997 20.1312 23.5H3.869C2.97549 23.5 2.11857 23.1451 1.48676 22.5133C0.854947 21.8815 0.5 21.0245 0.5 20.131V18.218C0.5 17.9419 0.723858 17.718 1 17.718Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M12 0.5C12.2761 0.5 12.5 0.723858 12.5 1V18.108C12.5 18.3841 12.2761 18.608 12 18.608C11.7239 18.608 11.5 18.3841 11.5 18.108V1C11.5 0.723858 11.7239 0.5 12 0.5Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M4.64645 10.7544C4.84171 10.5592 5.15829 10.5592 5.35355 10.7544L12 17.4009L18.6464 10.7544C18.8417 10.5592 19.1583 10.5592 19.3536 10.7544C19.5488 10.9497 19.5488 11.2663 19.3536 11.4615L12.3536 18.4615C12.1583 18.6568 11.8417 18.6568 11.6464 18.4615L4.64645 11.4615C4.45118 11.2663 4.45118 10.9497 4.64645 10.7544Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M1 17.718C1.27614 17.718 1.5 17.9419 1.5 18.218V20.131C1.5 20.7593 1.74959 21.3619 2.19386 21.8062C2.63814 22.2504 3.2407 22.5 3.869 22.5H20.1308C20.759 22.4998 21.3616 22.2501 21.8058 21.8059C22.2501 21.3616 22.4997 20.7592 22.5 20.131V18.218C22.5 17.9419 22.7239 17.718 23 17.718C23.2761 17.718 23.5 17.9419 23.5 18.218V20.131C23.4997 21.0244 23.1447 21.8813 22.513 22.513C21.8812 23.1447 21.0245 23.4997 20.1312 23.5H3.869C2.97549 23.5 2.11857 23.1451 1.48676 22.5133C0.854947 21.8815 0.5 21.0245 0.5 20.131V18.218C0.5 17.9419 0.723858 17.718 1 17.718Z"
+          stroke={stroke}
+          strokeWidth="0.25"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M12 0.5C12.2761 0.5 12.5 0.723858 12.5 1V18.108C12.5 18.3841 12.2761 18.608 12 18.608C11.7239 18.608 11.5 18.3841 11.5 18.108V1C11.5 0.723858 11.7239 0.5 12 0.5Z"
+          stroke={stroke}
+          strokeWidth="0.25"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M4.64645 10.7544C4.84171 10.5592 5.15829 10.5592 5.35355 10.7544L12 17.4009L18.6464 10.7544C18.8417 10.5592 19.1583 10.5592 19.3536 10.7544C19.5488 10.9497 19.5488 11.2663 19.3536 11.4615L12.3536 18.4615C12.1583 18.6568 11.8417 18.6568 11.6464 18.4615L4.64645 11.4615C4.45118 11.2663 4.45118 10.9497 4.64645 10.7544Z"
+          stroke={stroke}
+          strokeWidth="0.25"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/EarthIcon.tsx

@@ -1,58 +1,58 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-import { getIconSize } from '../../../utils/getIconSize';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-
-export default function EarthIcon({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      sx={{ height: getIconSize(size), width: getIconSize(size) }}
-      {...rest}
-    >
-      <svg
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <g clipPath="url(#clip0_2944_42782)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M2.15 12C2.15 14.6124 3.18776 17.1178 5.035 18.965C6.88223 20.8122 9.38762 21.85 12 21.85C14.6124 21.85 17.1178 20.8122 18.965 18.965C20.8122 17.1178 21.85 14.6124 21.85 12C21.85 9.38762 20.8122 6.88223 18.965 5.035C17.1178 3.18776 14.6124 2.15 12 2.15C9.38762 2.15 6.88223 3.18776 5.035 5.035C3.18776 6.88223 2.15 9.38762 2.15 12ZM4.04505 19.955C1.93526 17.8452 0.75 14.9837 0.75 12C0.75 9.01631 1.93526 6.15483 4.04505 4.04505C6.15483 1.93526 9.01631 0.75 12 0.75C14.9837 0.75 17.8452 1.93526 19.955 4.04505C22.0647 6.15483 23.25 9.01631 23.25 12C23.25 14.9837 22.0647 17.8452 19.955 19.955C17.8452 22.0647 14.9837 23.25 12 23.25C9.01631 23.25 6.15483 22.0647 4.04505 19.955Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M4.07747 18.2515L5 20.8L6 15.75H7.08C7.30808 15.7508 7.53325 15.6988 7.73794 15.5982C7.94264 15.4976 8.1213 15.3511 8.26 15.17C8.40286 14.9931 8.50181 14.7849 8.54874 14.5624C8.59567 14.34 8.58925 14.1095 8.53 13.89L7.78 10.89C7.70141 10.5648 7.51563 10.2755 7.2526 10.0687C6.98957 9.86187 6.66459 9.74962 6.33 9.75H1L1.50679 11.15L6.33 11.15L6.33159 11.15C6.3518 11.15 6.37143 11.1568 6.38732 11.1692C6.4032 11.1817 6.41442 11.1992 6.41917 11.2189L7.1718 14.2296L7.17836 14.2548C7.18001 14.2609 7.18019 14.2673 7.17888 14.2735C7.17758 14.2797 7.17483 14.2854 7.17086 14.2904C7.16332 14.2997 7.1559 14.3091 7.1486 14.3187C7.1411 14.3284 7.13144 14.3364 7.12038 14.3418C7.10932 14.3472 7.09714 14.3501 7.08481 14.35L6 14.35C5.33164 14.35 4.75649 14.8224 4.62667 15.4781L4.07747 18.2515Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M21.1163 6.64524C21.0779 6.64839 21.0392 6.65 21 6.65H16.9184C16.8982 6.64998 16.8786 6.65676 16.8627 6.66925C16.8468 6.68174 16.8356 6.69921 16.8308 6.71886L16.8282 6.72956L16.0782 9.72955L16.074 9.7458C16.0724 9.75193 16.0723 9.75834 16.0736 9.76452C16.075 9.7707 16.0778 9.77647 16.0818 9.78136C16.0919 9.79362 16.1018 9.80606 16.1114 9.81866C16.1189 9.82845 16.1286 9.83637 16.1396 9.84181C16.1507 9.84724 16.1629 9.85005 16.1752 9.85001L16.18 9.84999L17.76 9.85C18.4456 9.85 19.0304 10.3466 19.1415 11.0231L19.9207 15.7681C19.9248 15.7907 19.9366 15.8111 19.954 15.8261C19.9709 15.8405 19.992 15.8489 20.0141 15.85H21.8833L22 17.25H20C19.6488 17.2455 19.3103 17.118 19.0435 16.8896C18.7767 16.6611 18.5985 16.3463 18.54 16L17.76 11.25H16.18C15.9519 11.2508 15.7267 11.1988 15.5221 11.0982C15.3174 10.9976 15.1387 10.8511 15 10.67C14.8554 10.494 14.7547 10.2862 14.706 10.0637C14.6573 9.84118 14.6621 9.6103 14.72 9.39L15.47 6.39C15.5486 6.06477 15.7344 5.77546 15.9974 5.56867C16.2604 5.36187 16.5854 5.24962 16.92 5.25H21L21.1163 6.64524Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_2944_42782">
-            <rect width="24" height="24" fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+import { getIconSize } from '../../../utils/getIconSize';
+
+interface CustomSvgProps {
+  size?: 'sm' | 'base' | 'lg' | 'xl';
+}
+
+export default function EarthIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      sx={{ height: getIconSize(size), width: getIconSize(size) }}
+      {...rest}
+    >
+      <svg
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g clipPath="url(#clip0_2944_42782)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2.15 12C2.15 14.6124 3.18776 17.1178 5.035 18.965C6.88223 20.8122 9.38762 21.85 12 21.85C14.6124 21.85 17.1178 20.8122 18.965 18.965C20.8122 17.1178 21.85 14.6124 21.85 12C21.85 9.38762 20.8122 6.88223 18.965 5.035C17.1178 3.18776 14.6124 2.15 12 2.15C9.38762 2.15 6.88223 3.18776 5.035 5.035C3.18776 6.88223 2.15 9.38762 2.15 12ZM4.04505 19.955C1.93526 17.8452 0.75 14.9837 0.75 12C0.75 9.01631 1.93526 6.15483 4.04505 4.04505C6.15483 1.93526 9.01631 0.75 12 0.75C14.9837 0.75 17.8452 1.93526 19.955 4.04505C22.0647 6.15483 23.25 9.01631 23.25 12C23.25 14.9837 22.0647 17.8452 19.955 19.955C17.8452 22.0647 14.9837 23.25 12 23.25C9.01631 23.25 6.15483 22.0647 4.04505 19.955Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M4.07747 18.2515L5 20.8L6 15.75H7.08C7.30808 15.7508 7.53325 15.6988 7.73794 15.5982C7.94264 15.4976 8.1213 15.3511 8.26 15.17C8.40286 14.9931 8.50181 14.7849 8.54874 14.5624C8.59567 14.34 8.58925 14.1095 8.53 13.89L7.78 10.89C7.70141 10.5648 7.51563 10.2755 7.2526 10.0687C6.98957 9.86187 6.66459 9.74962 6.33 9.75H1L1.50679 11.15L6.33 11.15L6.33159 11.15C6.3518 11.15 6.37143 11.1568 6.38732 11.1692C6.4032 11.1817 6.41442 11.1992 6.41917 11.2189L7.1718 14.2296L7.17836 14.2548C7.18001 14.2609 7.18019 14.2673 7.17888 14.2735C7.17758 14.2797 7.17483 14.2854 7.17086 14.2904C7.16332 14.2997 7.1559 14.3091 7.1486 14.3187C7.1411 14.3284 7.13144 14.3364 7.12038 14.3418C7.10932 14.3472 7.09714 14.3501 7.08481 14.35L6 14.35C5.33164 14.35 4.75649 14.8224 4.62667 15.4781L4.07747 18.2515Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M21.1163 6.64524C21.0779 6.64839 21.0392 6.65 21 6.65H16.9184C16.8982 6.64998 16.8786 6.65676 16.8627 6.66925C16.8468 6.68174 16.8356 6.69921 16.8308 6.71886L16.8282 6.72956L16.0782 9.72955L16.074 9.7458C16.0724 9.75193 16.0723 9.75834 16.0736 9.76452C16.075 9.7707 16.0778 9.77647 16.0818 9.78136C16.0919 9.79362 16.1018 9.80606 16.1114 9.81866C16.1189 9.82845 16.1286 9.83637 16.1396 9.84181C16.1507 9.84724 16.1629 9.85005 16.1752 9.85001L16.18 9.84999L17.76 9.85C18.4456 9.85 19.0304 10.3466 19.1415 11.0231L19.9207 15.7681C19.9248 15.7907 19.9366 15.8111 19.954 15.8261C19.9709 15.8405 19.992 15.8489 20.0141 15.85H21.8833L22 17.25H20C19.6488 17.2455 19.3103 17.118 19.0435 16.8896C18.7767 16.6611 18.5985 16.3463 18.54 16L17.76 11.25H16.18C15.9519 11.2508 15.7267 11.1988 15.5221 11.0982C15.3174 10.9976 15.1387 10.8511 15 10.67C14.8554 10.494 14.7547 10.2862 14.706 10.0637C14.6573 9.84118 14.6621 9.6103 14.72 9.39L15.47 6.39C15.5486 6.06477 15.7344 5.77546 15.9974 5.56867C16.2604 5.36187 16.5854 5.24962 16.92 5.25H21L21.1163 6.64524Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_2944_42782">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/FaceCenterIcon.tsx

@@ -1,42 +1,42 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-import { getIconSize } from '../../../utils/getIconSize';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-
-export default function FaceCenterIcon({
-  stroke,
-  strokeWidth,
-  fill = 'black',
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      sx={{ height: getIconSize(size), width: getIconSize(size) }}
-      {...rest}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-      >
-        <g fill="none" fillRule="evenodd">
-          <g fill={fill}>
-            <g>
-              <path
-                d="M1 16.5c.552 0 1 .448 1 1v4.25c0 .138.112.25.25.25H6.5c.552 0 1 .448 1 1s-.448 1-1 1H2c-1.105 0-2-.895-2-2v-4.5c0-.552.448-1 1-1zm22 0c.552 0 1 .448 1 1V22c0 1.105-.895 2-2 2h-4.5c-.552 0-1-.448-1-1s.448-1 1-1h4.25c.138 0 .25-.112.25-.25V17.5c0-.552.448-1 1-1zm-11-13c3.866 0 7 3.134 7 7V13c0 3.866-3.134 7-7 7s-7-3.134-7-7v-2.5c0-3.866 3.134-7 7-7zm2 5.115c-.062 0-.12.026-.162.072C11.908 10.818 9.291 10.5 8 10.5h-.75c-.138 0-.25.112-.25.25V13c.003 2.76 2.24 4.997 5 5 2.76-.003 4.997-2.24 5-5v-2.5c0-.1-.068-.188-.165-.213-1.032-.252-1.963-.81-2.673-1.6-.041-.046-.1-.072-.162-.072zm-.959 6.291c.329-.239.787-.173 1.036.148.248.322.196.782-.118 1.04-1.16.875-2.758.875-3.918 0-.314-.258-.366-.718-.118-1.04.249-.321.707-.387 1.036-.148.63.424 1.453.424 2.082 0zM14 11.5c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1zm-4 0c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1zM6.5 0c.552 0 1 .448 1 1s-.448 1-1 1H2.25c-.138 0-.25.112-.25.25V6.5c0 .552-.448 1-1 1s-1-.448-1-1V2C0 .895.895 0 2 0zM22 0c1.105 0 2 .895 2 2v4.5c0 .552-.448 1-1 1s-1-.448-1-1V2.25c0-.138-.112-.25-.25-.25H17.5c-.552 0-1-.448-1-1s.448-1 1-1z"
-                transform="translate(-328 -627) translate(328 627)"
-              />
-            </g>
-          </g>
-        </g>
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+import { getIconSize } from '../../../utils/getIconSize';
+
+interface CustomSvgProps {
+  size?: 'sm' | 'base' | 'lg' | 'xl';
+}
+
+export default function FaceCenterIcon({
+  stroke,
+  strokeWidth,
+  fill = 'black',
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      sx={{ height: getIconSize(size), width: getIconSize(size) }}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+      >
+        <g fill="none" fillRule="evenodd">
+          <g fill={fill}>
+            <g>
+              <path
+                d="M1 16.5c.552 0 1 .448 1 1v4.25c0 .138.112.25.25.25H6.5c.552 0 1 .448 1 1s-.448 1-1 1H2c-1.105 0-2-.895-2-2v-4.5c0-.552.448-1 1-1zm22 0c.552 0 1 .448 1 1V22c0 1.105-.895 2-2 2h-4.5c-.552 0-1-.448-1-1s.448-1 1-1h4.25c.138 0 .25-.112.25-.25V17.5c0-.552.448-1 1-1zm-11-13c3.866 0 7 3.134 7 7V13c0 3.866-3.134 7-7 7s-7-3.134-7-7v-2.5c0-3.866 3.134-7 7-7zm2 5.115c-.062 0-.12.026-.162.072C11.908 10.818 9.291 10.5 8 10.5h-.75c-.138 0-.25.112-.25.25V13c.003 2.76 2.24 4.997 5 5 2.76-.003 4.997-2.24 5-5v-2.5c0-.1-.068-.188-.165-.213-1.032-.252-1.963-.81-2.673-1.6-.041-.046-.1-.072-.162-.072zm-.959 6.291c.329-.239.787-.173 1.036.148.248.322.196.782-.118 1.04-1.16.875-2.758.875-3.918 0-.314-.258-.366-.718-.118-1.04.249-.321.707-.387 1.036-.148.63.424 1.453.424 2.082 0zM14 11.5c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1zm-4 0c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1zM6.5 0c.552 0 1 .448 1 1s-.448 1-1 1H2.25c-.138 0-.25.112-.25.25V6.5c0 .552-.448 1-1 1s-1-.448-1-1V2C0 .895.895 0 2 0zM22 0c1.105 0 2 .895 2 2v4.5c0 .552-.448 1-1 1s-1-.448-1-1V2.25c0-.138-.112-.25-.25-.25H17.5c-.552 0-1-.448-1-1s.448-1 1-1z"
+                transform="translate(-328 -627) translate(328 627)"
+              />
+            </g>
+          </g>
+        </g>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/FaceRecognitionIcon.tsx

@@ -1,88 +1,88 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-import { getIconSize } from '../../../utils/getIconSize';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-
-export default function FaceRecognitionIcon({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      sx={{ height: getIconSize(size), width: getIconSize(size) }}
-      {...rest}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-      >
-        <g clipPath="url(#clip0_122_226)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M6.94571 16.3758C7.22475 16.0696 7.69912 16.0477 8.00524 16.3267C9.09747 17.3223 10.5221 17.8742 12 17.8742C13.4779 17.8742 14.9025 17.3223 15.9948 16.3267C16.3009 16.0477 16.7752 16.0696 17.0543 16.3758C17.3333 16.6819 17.3114 17.1562 17.0052 17.4353C15.6367 18.6827 13.8517 19.3742 12 19.3742C10.1483 19.3742 8.36328 18.6827 6.99476 17.4353C6.68864 17.1562 6.66668 16.6819 6.94571 16.3758Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M6.75 5.87399C7.16421 5.87399 7.5 6.20978 7.5 6.62399V8.87399C7.5 9.28821 7.16421 9.62399 6.75 9.62399C6.33579 9.62399 6 9.28821 6 8.87399V6.62399C6 6.20978 6.33579 5.87399 6.75 5.87399Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M17.25 5.87399C17.6642 5.87399 18 6.20978 18 6.62399V8.87399C18 9.28821 17.6642 9.62399 17.25 9.62399C16.8358 9.62399 16.5 9.28821 16.5 8.87399V6.62399C16.5 6.20978 16.8358 5.87399 17.25 5.87399Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12 5.87399C12.4142 5.87399 12.75 6.20978 12.75 6.62399V11.874C12.75 12.4707 12.5129 13.043 12.091 13.465C11.669 13.8869 11.0967 14.124 10.5 14.124H9.75C9.33579 14.124 9 13.7882 9 13.374C9 12.9598 9.33579 12.624 9.75 12.624H10.5C10.6989 12.624 10.8897 12.545 11.0303 12.4043C11.171 12.2637 11.25 12.0729 11.25 11.874V6.62399C11.25 6.20978 11.5858 5.87399 12 5.87399Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M23.25 17.874C23.6642 17.874 24 18.2098 24 18.624V21.624C24 22.2207 23.7629 22.793 23.341 23.215C22.919 23.6369 22.3467 23.874 21.75 23.874H18.75C18.3358 23.874 18 23.5382 18 23.124C18 22.7098 18.3358 22.374 18.75 22.374H21.75C21.9489 22.374 22.1397 22.295 22.2803 22.1543C22.421 22.0137 22.5 21.8229 22.5 21.624V18.624C22.5 18.2098 22.8358 17.874 23.25 17.874Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M18 0.623993C18 0.209779 18.3358 -0.126007 18.75 -0.126007H21.75C22.3467 -0.126007 22.919 0.111046 23.341 0.533003C23.7629 0.954959 24 1.52725 24 2.12399V5.12399C24 5.53821 23.6642 5.87399 23.25 5.87399C22.8358 5.87399 22.5 5.53821 22.5 5.12399V2.12399C22.5 1.92508 22.421 1.73432 22.2803 1.59366C22.1397 1.45301 21.9489 1.37399 21.75 1.37399H18.75C18.3358 1.37399 18 1.03821 18 0.623993Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M2.25 1.37399C2.05109 1.37399 1.86032 1.45301 1.71967 1.59366C1.57902 1.73432 1.5 1.92508 1.5 2.12399V5.12399C1.5 5.53821 1.16421 5.87399 0.75 5.87399C0.335786 5.87399 0 5.53821 0 5.12399V2.12399C0 1.52726 0.237053 0.95496 0.65901 0.533003C1.08097 0.111046 1.65326 -0.126007 2.25 -0.126007H5.25C5.66421 -0.126007 6 0.209779 6 0.623993C6 1.03821 5.66421 1.37399 5.25 1.37399H2.25Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M0.75 17.874C1.16421 17.874 1.5 18.2098 1.5 18.624V21.624C1.5 21.8229 1.57902 22.0137 1.71967 22.1543C1.86032 22.295 2.05109 22.374 2.25 22.374H5.25C5.66421 22.374 6 22.7098 6 23.124C6 23.5382 5.66421 23.874 5.25 23.874H2.25C1.65326 23.874 1.08097 23.6369 0.65901 23.215C0.237053 22.793 0 22.2207 0 21.624V18.624C0 18.2098 0.335786 17.874 0.75 17.874Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_122_226">
-            <rect width="24" height="24" fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+import { getIconSize } from '../../../utils/getIconSize';
+
+interface CustomSvgProps {
+  size?: 'sm' | 'base' | 'lg' | 'xl';
+}
+
+export default function FaceRecognitionIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      sx={{ height: getIconSize(size), width: getIconSize(size) }}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <g clipPath="url(#clip0_122_226)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.94571 16.3758C7.22475 16.0696 7.69912 16.0477 8.00524 16.3267C9.09747 17.3223 10.5221 17.8742 12 17.8742C13.4779 17.8742 14.9025 17.3223 15.9948 16.3267C16.3009 16.0477 16.7752 16.0696 17.0543 16.3758C17.3333 16.6819 17.3114 17.1562 17.0052 17.4353C15.6367 18.6827 13.8517 19.3742 12 19.3742C10.1483 19.3742 8.36328 18.6827 6.99476 17.4353C6.68864 17.1562 6.66668 16.6819 6.94571 16.3758Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.75 5.87399C7.16421 5.87399 7.5 6.20978 7.5 6.62399V8.87399C7.5 9.28821 7.16421 9.62399 6.75 9.62399C6.33579 9.62399 6 9.28821 6 8.87399V6.62399C6 6.20978 6.33579 5.87399 6.75 5.87399Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M17.25 5.87399C17.6642 5.87399 18 6.20978 18 6.62399V8.87399C18 9.28821 17.6642 9.62399 17.25 9.62399C16.8358 9.62399 16.5 9.28821 16.5 8.87399V6.62399C16.5 6.20978 16.8358 5.87399 17.25 5.87399Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 5.87399C12.4142 5.87399 12.75 6.20978 12.75 6.62399V11.874C12.75 12.4707 12.5129 13.043 12.091 13.465C11.669 13.8869 11.0967 14.124 10.5 14.124H9.75C9.33579 14.124 9 13.7882 9 13.374C9 12.9598 9.33579 12.624 9.75 12.624H10.5C10.6989 12.624 10.8897 12.545 11.0303 12.4043C11.171 12.2637 11.25 12.0729 11.25 11.874V6.62399C11.25 6.20978 11.5858 5.87399 12 5.87399Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M23.25 17.874C23.6642 17.874 24 18.2098 24 18.624V21.624C24 22.2207 23.7629 22.793 23.341 23.215C22.919 23.6369 22.3467 23.874 21.75 23.874H18.75C18.3358 23.874 18 23.5382 18 23.124C18 22.7098 18.3358 22.374 18.75 22.374H21.75C21.9489 22.374 22.1397 22.295 22.2803 22.1543C22.421 22.0137 22.5 21.8229 22.5 21.624V18.624C22.5 18.2098 22.8358 17.874 23.25 17.874Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M18 0.623993C18 0.209779 18.3358 -0.126007 18.75 -0.126007H21.75C22.3467 -0.126007 22.919 0.111046 23.341 0.533003C23.7629 0.954959 24 1.52725 24 2.12399V5.12399C24 5.53821 23.6642 5.87399 23.25 5.87399C22.8358 5.87399 22.5 5.53821 22.5 5.12399V2.12399C22.5 1.92508 22.421 1.73432 22.2803 1.59366C22.1397 1.45301 21.9489 1.37399 21.75 1.37399H18.75C18.3358 1.37399 18 1.03821 18 0.623993Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2.25 1.37399C2.05109 1.37399 1.86032 1.45301 1.71967 1.59366C1.57902 1.73432 1.5 1.92508 1.5 2.12399V5.12399C1.5 5.53821 1.16421 5.87399 0.75 5.87399C0.335786 5.87399 0 5.53821 0 5.12399V2.12399C0 1.52726 0.237053 0.95496 0.65901 0.533003C1.08097 0.111046 1.65326 -0.126007 2.25 -0.126007H5.25C5.66421 -0.126007 6 0.209779 6 0.623993C6 1.03821 5.66421 1.37399 5.25 1.37399H2.25Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0.75 17.874C1.16421 17.874 1.5 18.2098 1.5 18.624V21.624C1.5 21.8229 1.57902 22.0137 1.71967 22.1543C1.86032 22.295 2.05109 22.374 2.25 22.374H5.25C5.66421 22.374 6 22.7098 6 23.124C6 23.5382 5.66421 23.874 5.25 23.874H2.25C1.65326 23.874 1.08097 23.6369 0.65901 23.215C0.237053 22.793 0 22.2207 0 21.624V18.624C0 18.2098 0.335786 17.874 0.75 17.874Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_226">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}