odaptos_design_system 2.0.4 → 2.0.6

package/src/DesignTokens/Icons/Interaction/TeamIcon.tsx

@@ -1,76 +1,76 @@
-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 TeamIcon({
-  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_176)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M4.17936 8.24016C4.4775 7.95261 4.9523 7.96121 5.23984 8.25936C6.10074 9.152 7.21323 9.76109 8.42905 10.0055C9.64488 10.2498 10.9063 10.1179 12.0452 9.6272C12.4257 9.46331 12.8669 9.63884 13.0308 10.0192C13.1947 10.3997 13.0192 10.8409 12.6388 11.0048C11.2198 11.6161 9.64822 11.7805 8.13347 11.4761C6.61872 11.1716 5.23272 10.4128 4.16016 9.30064C3.87261 9.0025 3.88121 8.5277 4.17936 8.24016Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M8.249 7.5C6.38504 7.5 4.874 9.01104 4.874 10.875C4.874 12.739 6.38504 14.25 8.249 14.25C10.113 14.25 11.624 12.739 11.624 10.875C11.624 9.01104 10.113 7.5 8.249 7.5ZM3.374 10.875C3.374 8.18261 5.55661 6 8.249 6C10.9414 6 13.124 8.18261 13.124 10.875C13.124 13.5674 10.9414 15.75 8.249 15.75C5.55661 15.75 3.374 13.5674 3.374 10.875Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M11.999 1.5C6.20001 1.5 1.499 6.20101 1.499 12C1.499 17.799 6.20001 22.5 11.999 22.5C17.798 22.5 22.499 17.799 22.499 12C22.499 6.20101 17.798 1.5 11.999 1.5ZM-0.000999451 12C-0.000999451 5.37258 5.37158 0 11.999 0C18.6264 0 23.999 5.37258 23.999 12C23.999 18.6274 18.6264 24 11.999 24C5.37158 24 -0.000999451 18.6274 -0.000999451 12Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M6.22741 16.0251C7.67012 15.621 9.20078 15.6584 10.622 16.1323C12.0433 16.6063 13.29 17.4951 14.2015 18.6842C15.1129 19.8733 15.6473 21.3081 15.7357 22.8037C15.7601 23.2172 15.4447 23.5723 15.0313 23.5967C14.6178 23.6211 14.2627 23.3057 14.2383 22.8923C14.1676 21.6958 13.7401 20.548 13.011 19.5967C12.2819 18.6455 11.2845 17.9345 10.1475 17.5553C9.01055 17.1762 7.78606 17.1463 6.63193 17.4695C5.47781 17.7927 4.44695 18.4542 3.67228 19.3688C3.40455 19.6848 2.9313 19.724 2.61524 19.4563C2.29918 19.1886 2.25999 18.7153 2.52772 18.3992C3.49609 17.256 4.7847 16.4291 6.22741 16.0251Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M17.624 11.25C16.5885 11.25 15.749 12.0895 15.749 13.125C15.749 14.1605 16.5885 15 17.624 15C18.6595 15 19.499 14.1605 19.499 13.125C19.499 12.0895 18.6595 11.25 17.624 11.25ZM14.249 13.125C14.249 11.261 15.76 9.75 17.624 9.75C19.488 9.75 20.999 11.261 20.999 13.125C20.999 14.989 19.488 16.5 17.624 16.5C15.76 16.5 14.249 14.989 14.249 13.125Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M17.1434 15.7715C18.0528 15.688 18.9682 15.8431 19.7993 16.2216C20.6304 16.6 21.3484 17.1886 21.8824 17.9294C22.1246 18.2654 22.0486 18.7342 21.7126 18.9764C21.3766 19.2186 20.9078 19.1426 20.6656 18.8066C20.2842 18.2775 19.7713 17.857 19.1777 17.5867C18.5841 17.3164 17.9302 17.2056 17.2806 17.2652C16.6311 17.3249 16.0084 17.553 15.4739 17.9269C14.9395 18.3008 14.5118 18.8077 14.2331 19.3974C14.0561 19.7719 13.6091 19.9321 13.2346 19.7551C12.8601 19.5781 12.6999 19.1311 12.8769 18.7566C13.267 17.9309 13.8658 17.2213 14.614 16.6978C15.3623 16.1743 16.2341 15.8551 17.1434 15.7715Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_122_176">
-            <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 TeamIcon({
+  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_176)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M4.17936 8.24016C4.4775 7.95261 4.9523 7.96121 5.23984 8.25936C6.10074 9.152 7.21323 9.76109 8.42905 10.0055C9.64488 10.2498 10.9063 10.1179 12.0452 9.6272C12.4257 9.46331 12.8669 9.63884 13.0308 10.0192C13.1947 10.3997 13.0192 10.8409 12.6388 11.0048C11.2198 11.6161 9.64822 11.7805 8.13347 11.4761C6.61872 11.1716 5.23272 10.4128 4.16016 9.30064C3.87261 9.0025 3.88121 8.5277 4.17936 8.24016Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M8.249 7.5C6.38504 7.5 4.874 9.01104 4.874 10.875C4.874 12.739 6.38504 14.25 8.249 14.25C10.113 14.25 11.624 12.739 11.624 10.875C11.624 9.01104 10.113 7.5 8.249 7.5ZM3.374 10.875C3.374 8.18261 5.55661 6 8.249 6C10.9414 6 13.124 8.18261 13.124 10.875C13.124 13.5674 10.9414 15.75 8.249 15.75C5.55661 15.75 3.374 13.5674 3.374 10.875Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.999 1.5C6.20001 1.5 1.499 6.20101 1.499 12C1.499 17.799 6.20001 22.5 11.999 22.5C17.798 22.5 22.499 17.799 22.499 12C22.499 6.20101 17.798 1.5 11.999 1.5ZM-0.000999451 12C-0.000999451 5.37258 5.37158 0 11.999 0C18.6264 0 23.999 5.37258 23.999 12C23.999 18.6274 18.6264 24 11.999 24C5.37158 24 -0.000999451 18.6274 -0.000999451 12Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.22741 16.0251C7.67012 15.621 9.20078 15.6584 10.622 16.1323C12.0433 16.6063 13.29 17.4951 14.2015 18.6842C15.1129 19.8733 15.6473 21.3081 15.7357 22.8037C15.7601 23.2172 15.4447 23.5723 15.0313 23.5967C14.6178 23.6211 14.2627 23.3057 14.2383 22.8923C14.1676 21.6958 13.7401 20.548 13.011 19.5967C12.2819 18.6455 11.2845 17.9345 10.1475 17.5553C9.01055 17.1762 7.78606 17.1463 6.63193 17.4695C5.47781 17.7927 4.44695 18.4542 3.67228 19.3688C3.40455 19.6848 2.9313 19.724 2.61524 19.4563C2.29918 19.1886 2.25999 18.7153 2.52772 18.3992C3.49609 17.256 4.7847 16.4291 6.22741 16.0251Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M17.624 11.25C16.5885 11.25 15.749 12.0895 15.749 13.125C15.749 14.1605 16.5885 15 17.624 15C18.6595 15 19.499 14.1605 19.499 13.125C19.499 12.0895 18.6595 11.25 17.624 11.25ZM14.249 13.125C14.249 11.261 15.76 9.75 17.624 9.75C19.488 9.75 20.999 11.261 20.999 13.125C20.999 14.989 19.488 16.5 17.624 16.5C15.76 16.5 14.249 14.989 14.249 13.125Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M17.1434 15.7715C18.0528 15.688 18.9682 15.8431 19.7993 16.2216C20.6304 16.6 21.3484 17.1886 21.8824 17.9294C22.1246 18.2654 22.0486 18.7342 21.7126 18.9764C21.3766 19.2186 20.9078 19.1426 20.6656 18.8066C20.2842 18.2775 19.7713 17.857 19.1777 17.5867C18.5841 17.3164 17.9302 17.2056 17.2806 17.2652C16.6311 17.3249 16.0084 17.553 15.4739 17.9269C14.9395 18.3008 14.5118 18.8077 14.2331 19.3974C14.0561 19.7719 13.6091 19.9321 13.2346 19.7551C12.8601 19.5781 12.6999 19.1311 12.8769 18.7566C13.267 17.9309 13.8658 17.2213 14.614 16.6978C15.3623 16.1743 16.2341 15.8551 17.1434 15.7715Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_176">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Interaction/UnLockIcon.tsx

@@ -1,46 +1,46 @@
-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 UnLockIcon({
-  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_6596_7915)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12 9H21.8C22.7 9 24 9.6 23.9 11.2V21.8C23.9 22.7 23.4 24 21.7 24H8.2C7.3 24 6 23.4 6 21.7V11.2C6 10.3 6.6 9 8.2 9H10.5V6C10.5 4.8 10 3.7 9.2 2.8C8.3 2 7.2 1.5 6 1.5C4.8 1.5 3.7 2 2.9 2.8C2.1 3.7 1.6 4.8 1.6 6V9.8C1.6 10.3 1.3 10.6 0.8 10.6C0.3 10.6 0 10.2 0 9.8V6C0 4.4 0.6 2.9 1.8 1.8C2.9 0.6 4.4 0 6 0C7.6 0 9.1 0.6 10.2 1.8C11.4 2.9 12 4.4 12 6V9ZM21.7 22.5C22.4 22.5 22.5 22 22.5 21.7H22.6V11.3C22.6 10.6 22.1 10.5 21.8 10.5H8.3C7.6 10.5 7.5 11 7.5 11.3V21.7C7.5 22.4 8 22.5 8.3 22.5H21.7ZM14.2 18C14.2 18.5 14.6 18.8 15 18.8C15.4 18.8 15.8 18.4 15.8 18V15C15.8 14.5 15.5 14.2 15 14.2C14.5 14.2 14.2 14.6 14.2 15V18Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_6596_7915">
-            <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 UnLockIcon({
+  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_6596_7915)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 9H21.8C22.7 9 24 9.6 23.9 11.2V21.8C23.9 22.7 23.4 24 21.7 24H8.2C7.3 24 6 23.4 6 21.7V11.2C6 10.3 6.6 9 8.2 9H10.5V6C10.5 4.8 10 3.7 9.2 2.8C8.3 2 7.2 1.5 6 1.5C4.8 1.5 3.7 2 2.9 2.8C2.1 3.7 1.6 4.8 1.6 6V9.8C1.6 10.3 1.3 10.6 0.8 10.6C0.3 10.6 0 10.2 0 9.8V6C0 4.4 0.6 2.9 1.8 1.8C2.9 0.6 4.4 0 6 0C7.6 0 9.1 0.6 10.2 1.8C11.4 2.9 12 4.4 12 6V9ZM21.7 22.5C22.4 22.5 22.5 22 22.5 21.7H22.6V11.3C22.6 10.6 22.1 10.5 21.8 10.5H8.3C7.6 10.5 7.5 11 7.5 11.3V21.7C7.5 22.4 8 22.5 8.3 22.5H21.7ZM14.2 18C14.2 18.5 14.6 18.8 15 18.8C15.4 18.8 15.8 18.4 15.8 18V15C15.8 14.5 15.5 14.2 15 14.2C14.5 14.2 14.2 14.6 14.2 15V18Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_6596_7915">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Interaction/UndoIcon.tsx

@@ -1,46 +1,46 @@
-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 UndoIcon({
-  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_7311_8)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M2.20312 1.45117C2.20312 1.03696 1.86734 0.701172 1.45312 0.701172C1.03891 0.701172 0.703125 1.03696 0.703125 1.45117V8.48242C0.703125 8.89664 1.03891 9.23242 1.45312 9.23242H2.04509C2.05686 9.2327 2.0686 9.2327 2.08032 9.23242H8.48438C8.89859 9.23242 9.23438 8.89664 9.23438 8.48242C9.23438 8.06821 8.89859 7.73242 8.48438 7.73242H3.18691C3.8074 6.44951 4.7024 5.31328 5.81336 4.40693C7.20524 3.2714 8.88254 2.5404 10.6619 2.29388C12.4412 2.04735 14.2541 2.29478 15.9022 3.00911C17.5504 3.72344 18.9705 4.87717 20.0072 6.34417C21.0438 7.81117 21.6572 9.53495 21.7803 11.3271C21.9033 13.1192 21.5312 14.9106 20.7048 16.5055C19.8783 18.1004 18.6292 19.4374 17.0941 20.3703C15.559 21.3031 13.797 21.796 12.0006 21.7949C11.5864 21.7947 11.2504 22.1303 11.2502 22.5445C11.25 22.9587 11.5856 23.2947 11.9998 23.2949C14.0711 23.2961 16.1029 22.7278 17.8731 21.6521C19.6432 20.5764 21.0835 19.0348 22.0366 17.1957C22.9896 15.3565 23.4186 13.2908 23.2767 11.2243C23.1349 9.15783 22.4276 7.17012 21.2322 5.47851C20.0368 3.7869 18.3993 2.45651 16.4987 1.63281C14.5982 0.809108 12.5078 0.523796 10.456 0.80807C8.40425 1.09234 6.47014 1.93526 4.86514 3.24466C3.78858 4.12295 2.88788 5.18844 2.20312 6.38419V1.45117Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_7311_8">
-            <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 UndoIcon({
+  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_7311_8)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2.20312 1.45117C2.20312 1.03696 1.86734 0.701172 1.45312 0.701172C1.03891 0.701172 0.703125 1.03696 0.703125 1.45117V8.48242C0.703125 8.89664 1.03891 9.23242 1.45312 9.23242H2.04509C2.05686 9.2327 2.0686 9.2327 2.08032 9.23242H8.48438C8.89859 9.23242 9.23438 8.89664 9.23438 8.48242C9.23438 8.06821 8.89859 7.73242 8.48438 7.73242H3.18691C3.8074 6.44951 4.7024 5.31328 5.81336 4.40693C7.20524 3.2714 8.88254 2.5404 10.6619 2.29388C12.4412 2.04735 14.2541 2.29478 15.9022 3.00911C17.5504 3.72344 18.9705 4.87717 20.0072 6.34417C21.0438 7.81117 21.6572 9.53495 21.7803 11.3271C21.9033 13.1192 21.5312 14.9106 20.7048 16.5055C19.8783 18.1004 18.6292 19.4374 17.0941 20.3703C15.559 21.3031 13.797 21.796 12.0006 21.7949C11.5864 21.7947 11.2504 22.1303 11.2502 22.5445C11.25 22.9587 11.5856 23.2947 11.9998 23.2949C14.0711 23.2961 16.1029 22.7278 17.8731 21.6521C19.6432 20.5764 21.0835 19.0348 22.0366 17.1957C22.9896 15.3565 23.4186 13.2908 23.2767 11.2243C23.1349 9.15783 22.4276 7.17012 21.2322 5.47851C20.0368 3.7869 18.3993 2.45651 16.4987 1.63281C14.5982 0.809108 12.5078 0.523796 10.456 0.80807C8.40425 1.09234 6.47014 1.93526 4.86514 3.24466C3.78858 4.12295 2.88788 5.18844 2.20312 6.38419V1.45117Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_7311_8">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Interaction/UnlockedIcon.tsx

@@ -1,46 +1,46 @@
-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 UnlockedIcon({
-  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="16"
-        height="16"
-        viewBox="0 0 16 16"
-        fill="none"
-      >
-        <g clipPath="url(#clip0_362_3712)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M8 6H14.5333C15.1333 6 16 6.4 15.9333 7.46667V14.5333C15.9333 15.1333 15.6 16 14.4667 16H5.46667C4.86667 16 4 15.6 4 14.4667V7.46667C4 6.86667 4.4 6 5.46667 6H7V4C7 3.2 6.66667 2.46667 6.13333 1.86667C5.53333 1.33333 4.8 1 4 1C3.2 1 2.46667 1.33333 1.93333 1.86667C1.4 2.46667 1.06667 3.2 1.06667 4V6.53333C1.06667 6.86667 0.866667 7.06667 0.533333 7.06667C0.2 7.06667 0 6.8 0 6.53333V4C0 2.93333 0.4 1.93333 1.2 1.2C1.93333 0.4 2.93333 0 4 0C5.06667 0 6.06667 0.4 6.8 1.2C7.6 1.93333 8 2.93333 8 4V6ZM14.4667 15C14.9333 15 15 14.6667 15 14.4667H15.0667V7.53333C15.0667 7.06667 14.7333 7 14.5333 7H5.53333C5.06667 7 5 7.33333 5 7.53333V14.4667C5 14.9333 5.33333 15 5.53333 15H14.4667ZM9.46666 12C9.46666 12.3333 9.73333 12.5333 10 12.5333C10.2667 12.5333 10.5333 12.2667 10.5333 12V10C10.5333 9.66667 10.3333 9.46667 10 9.46667C9.66666 9.46667 9.46666 9.73334 9.46666 10V12Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_362_3712">
-            <rect width="16" height="16" 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 UnlockedIcon({
+  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="16"
+        height="16"
+        viewBox="0 0 16 16"
+        fill="none"
+      >
+        <g clipPath="url(#clip0_362_3712)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M8 6H14.5333C15.1333 6 16 6.4 15.9333 7.46667V14.5333C15.9333 15.1333 15.6 16 14.4667 16H5.46667C4.86667 16 4 15.6 4 14.4667V7.46667C4 6.86667 4.4 6 5.46667 6H7V4C7 3.2 6.66667 2.46667 6.13333 1.86667C5.53333 1.33333 4.8 1 4 1C3.2 1 2.46667 1.33333 1.93333 1.86667C1.4 2.46667 1.06667 3.2 1.06667 4V6.53333C1.06667 6.86667 0.866667 7.06667 0.533333 7.06667C0.2 7.06667 0 6.8 0 6.53333V4C0 2.93333 0.4 1.93333 1.2 1.2C1.93333 0.4 2.93333 0 4 0C5.06667 0 6.06667 0.4 6.8 1.2C7.6 1.93333 8 2.93333 8 4V6ZM14.4667 15C14.9333 15 15 14.6667 15 14.4667H15.0667V7.53333C15.0667 7.06667 14.7333 7 14.5333 7H5.53333C5.06667 7 5 7.33333 5 7.53333V14.4667C5 14.9333 5.33333 15 5.53333 15H14.4667ZM9.46666 12C9.46666 12.3333 9.73333 12.5333 10 12.5333C10.2667 12.5333 10.5333 12.2667 10.5333 12V10C10.5333 9.66667 10.3333 9.46667 10 9.46667C9.66666 9.46667 9.46666 9.73334 9.46666 10V12Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_362_3712">
+            <rect width="16" height="16" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Logos/LogoBeta.tsx

@@ -1,52 +1,52 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-
-export default function LogoBeta({
-  stroke,
-  strokeWidth,
-  fill,
-  ...rest
-}: SvgIconProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      {...rest}
-    >
-      <svg
-        width="36"
-        height="16"
-        viewBox="0 0 36 16"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <rect
-          width="36"
-          height="16"
-          rx="4"
-          fill="url(#paint0_linear_2922_39675)"
-        />
-        <path
-          d="M10.357 8.04C10.8043 8.13533 11.1637 8.359 11.435 8.711C11.7063 9.05567 11.842 9.45167 11.842 9.899C11.842 10.5443 11.6147 11.0577 11.16 11.439C10.7127 11.813 10.0857 12 9.279 12H5.682V4.278H9.158C9.94267 4.278 10.555 4.45767 10.995 4.817C11.4423 5.17633 11.666 5.664 11.666 6.28C11.666 6.73467 11.545 7.11233 11.303 7.413C11.0683 7.71367 10.753 7.92267 10.357 8.04ZM7.563 7.402H8.795C9.103 7.402 9.33767 7.336 9.499 7.204C9.66767 7.06467 9.752 6.863 9.752 6.599C9.752 6.335 9.66767 6.13333 9.499 5.994C9.33767 5.85467 9.103 5.785 8.795 5.785H7.563V7.402ZM8.949 10.482C9.26433 10.482 9.50633 10.4123 9.675 10.273C9.851 10.1263 9.939 9.91733 9.939 9.646C9.939 9.37467 9.84733 9.162 9.664 9.008C9.488 8.854 9.24233 8.777 8.927 8.777H7.563V10.482H8.949ZM18.719 8.832C18.719 9.008 18.708 9.19133 18.686 9.382H14.429C14.4583 9.76333 14.5793 10.0567 14.792 10.262C15.012 10.46 15.2796 10.559 15.595 10.559C16.0643 10.559 16.3906 10.361 16.574 9.965H18.576C18.4733 10.3683 18.2863 10.7313 18.015 11.054C17.751 11.3767 17.4173 11.6297 17.014 11.813C16.6106 11.9963 16.1596 12.088 15.661 12.088C15.0596 12.088 14.5243 11.9597 14.055 11.703C13.5856 11.4463 13.219 11.0797 12.955 10.603C12.691 10.1263 12.559 9.569 12.559 8.931C12.559 8.293 12.6873 7.73567 12.944 7.259C13.208 6.78233 13.5746 6.41567 14.044 6.159C14.5133 5.90233 15.0523 5.774 15.661 5.774C16.255 5.774 16.783 5.89867 17.245 6.148C17.707 6.39733 18.0663 6.753 18.323 7.215C18.587 7.677 18.719 8.216 18.719 8.832ZM16.794 8.337C16.794 8.01433 16.684 7.75767 16.464 7.567C16.244 7.37633 15.969 7.281 15.639 7.281C15.3236 7.281 15.056 7.37267 14.836 7.556C14.6233 7.73933 14.4913 7.99967 14.44 8.337H16.794ZM23.1323 10.405V12H22.1753C21.4933 12 20.9616 11.835 20.5803 11.505C20.199 11.1677 20.0083 10.6213 20.0083 9.866V7.424H19.2603V5.862H20.0083V4.366H21.8893V5.862H23.1213V7.424H21.8893V9.888C21.8893 10.0713 21.9333 10.2033 22.0213 10.284C22.1093 10.3647 22.256 10.405 22.4613 10.405H23.1323ZM23.806 8.92C23.806 8.28933 23.9234 7.73567 24.158 7.259C24.4 6.78233 24.7264 6.41567 25.137 6.159C25.5477 5.90233 26.006 5.774 26.512 5.774C26.9447 5.774 27.3224 5.862 27.645 6.038C27.975 6.214 28.228 6.445 28.404 6.731V5.862H30.285V12H28.404V11.131C28.2207 11.417 27.964 11.648 27.634 11.824C27.3114 12 26.9337 12.088 26.501 12.088C26.0024 12.088 25.5477 11.9597 25.137 11.703C24.7264 11.439 24.4 11.0687 24.158 10.592C23.9234 10.108 23.806 9.55067 23.806 8.92ZM28.404 8.931C28.404 8.46167 28.272 8.09133 28.008 7.82C27.7514 7.54867 27.436 7.413 27.062 7.413C26.688 7.413 26.369 7.54867 26.105 7.82C25.8484 8.084 25.72 8.45067 25.72 8.92C25.72 9.38933 25.8484 9.76333 26.105 10.042C26.369 10.3133 26.688 10.449 27.062 10.449C27.436 10.449 27.7514 10.3133 28.008 10.042C28.272 9.77067 28.404 9.40033 28.404 8.931Z"
-          fill="white"
-        />
-        <defs>
-          <linearGradient
-            id="paint0_linear_2922_39675"
-            x1="-7.625"
-            y1="-2.70364"
-            x2="6.88516"
-            y2="28.8617"
-            gradientUnits="userSpaceOnUse"
-          >
-            <stop stopColor="#0077FF" />
-            <stop offset="0.275098" stopColor="#7434F8" />
-            <stop offset="0.461172" stopColor="#9024F6" />
-            <stop offset="0.621185" stopColor="#A62DD1" />
-            <stop offset="1" stopColor="#F54C4C" />
-          </linearGradient>
-        </defs>
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function LogoBeta({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        width="36"
+        height="16"
+        viewBox="0 0 36 16"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <rect
+          width="36"
+          height="16"
+          rx="4"
+          fill="url(#paint0_linear_2922_39675)"
+        />
+        <path
+          d="M10.357 8.04C10.8043 8.13533 11.1637 8.359 11.435 8.711C11.7063 9.05567 11.842 9.45167 11.842 9.899C11.842 10.5443 11.6147 11.0577 11.16 11.439C10.7127 11.813 10.0857 12 9.279 12H5.682V4.278H9.158C9.94267 4.278 10.555 4.45767 10.995 4.817C11.4423 5.17633 11.666 5.664 11.666 6.28C11.666 6.73467 11.545 7.11233 11.303 7.413C11.0683 7.71367 10.753 7.92267 10.357 8.04ZM7.563 7.402H8.795C9.103 7.402 9.33767 7.336 9.499 7.204C9.66767 7.06467 9.752 6.863 9.752 6.599C9.752 6.335 9.66767 6.13333 9.499 5.994C9.33767 5.85467 9.103 5.785 8.795 5.785H7.563V7.402ZM8.949 10.482C9.26433 10.482 9.50633 10.4123 9.675 10.273C9.851 10.1263 9.939 9.91733 9.939 9.646C9.939 9.37467 9.84733 9.162 9.664 9.008C9.488 8.854 9.24233 8.777 8.927 8.777H7.563V10.482H8.949ZM18.719 8.832C18.719 9.008 18.708 9.19133 18.686 9.382H14.429C14.4583 9.76333 14.5793 10.0567 14.792 10.262C15.012 10.46 15.2796 10.559 15.595 10.559C16.0643 10.559 16.3906 10.361 16.574 9.965H18.576C18.4733 10.3683 18.2863 10.7313 18.015 11.054C17.751 11.3767 17.4173 11.6297 17.014 11.813C16.6106 11.9963 16.1596 12.088 15.661 12.088C15.0596 12.088 14.5243 11.9597 14.055 11.703C13.5856 11.4463 13.219 11.0797 12.955 10.603C12.691 10.1263 12.559 9.569 12.559 8.931C12.559 8.293 12.6873 7.73567 12.944 7.259C13.208 6.78233 13.5746 6.41567 14.044 6.159C14.5133 5.90233 15.0523 5.774 15.661 5.774C16.255 5.774 16.783 5.89867 17.245 6.148C17.707 6.39733 18.0663 6.753 18.323 7.215C18.587 7.677 18.719 8.216 18.719 8.832ZM16.794 8.337C16.794 8.01433 16.684 7.75767 16.464 7.567C16.244 7.37633 15.969 7.281 15.639 7.281C15.3236 7.281 15.056 7.37267 14.836 7.556C14.6233 7.73933 14.4913 7.99967 14.44 8.337H16.794ZM23.1323 10.405V12H22.1753C21.4933 12 20.9616 11.835 20.5803 11.505C20.199 11.1677 20.0083 10.6213 20.0083 9.866V7.424H19.2603V5.862H20.0083V4.366H21.8893V5.862H23.1213V7.424H21.8893V9.888C21.8893 10.0713 21.9333 10.2033 22.0213 10.284C22.1093 10.3647 22.256 10.405 22.4613 10.405H23.1323ZM23.806 8.92C23.806 8.28933 23.9234 7.73567 24.158 7.259C24.4 6.78233 24.7264 6.41567 25.137 6.159C25.5477 5.90233 26.006 5.774 26.512 5.774C26.9447 5.774 27.3224 5.862 27.645 6.038C27.975 6.214 28.228 6.445 28.404 6.731V5.862H30.285V12H28.404V11.131C28.2207 11.417 27.964 11.648 27.634 11.824C27.3114 12 26.9337 12.088 26.501 12.088C26.0024 12.088 25.5477 11.9597 25.137 11.703C24.7264 11.439 24.4 11.0687 24.158 10.592C23.9234 10.108 23.806 9.55067 23.806 8.92ZM28.404 8.931C28.404 8.46167 28.272 8.09133 28.008 7.82C27.7514 7.54867 27.436 7.413 27.062 7.413C26.688 7.413 26.369 7.54867 26.105 7.82C25.8484 8.084 25.72 8.45067 25.72 8.92C25.72 9.38933 25.8484 9.76333 26.105 10.042C26.369 10.3133 26.688 10.449 27.062 10.449C27.436 10.449 27.7514 10.3133 28.008 10.042C28.272 9.77067 28.404 9.40033 28.404 8.931Z"
+          fill="white"
+        />
+        <defs>
+          <linearGradient
+            id="paint0_linear_2922_39675"
+            x1="-7.625"
+            y1="-2.70364"
+            x2="6.88516"
+            y2="28.8617"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stopColor="#0077FF" />
+            <stop offset="0.275098" stopColor="#7434F8" />
+            <stop offset="0.461172" stopColor="#9024F6" />
+            <stop offset="0.621185" stopColor="#A62DD1" />
+            <stop offset="1" stopColor="#F54C4C" />
+          </linearGradient>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}