odaptos_design_system 2.0.5 → 2.0.6

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

@@ -1,57 +1,57 @@
-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 MenuVerticalIcon({
-  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"
-      >
-        <circle
-          cx="12"
-          cy="4"
-          r="2"
-          transform="rotate(90 12 4)"
-          fill={fill}
-          stroke={stroke}
-        />
-        <circle
-          cx="12"
-          cy="12"
-          r="2"
-          transform="rotate(90 12 12)"
-          fill={fill}
-          stroke={stroke}
-        />
-        <circle
-          cx="12"
-          cy="20"
-          r="2"
-          transform="rotate(90 12 20)"
-          fill={fill}
-          stroke={stroke}
-        />
-      </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 MenuVerticalIcon({
+  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"
+      >
+        <circle
+          cx="12"
+          cy="4"
+          r="2"
+          transform="rotate(90 12 4)"
+          fill={fill}
+          stroke={stroke}
+        />
+        <circle
+          cx="12"
+          cy="12"
+          r="2"
+          transform="rotate(90 12 12)"
+          fill={fill}
+          stroke={stroke}
+        />
+        <circle
+          cx="12"
+          cy="20"
+          r="2"
+          transform="rotate(90 12 20)"
+          fill={fill}
+          stroke={stroke}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

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

@@ -1,34 +1,34 @@
-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 MinusIcon({
-  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"
-      >
-        <rect x="3" y="11" width="18" height="3" rx="1.5" fill={fill} />
-      </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 MinusIcon({
+  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"
+      >
+        <rect x="3" y="11" width="18" height="3" rx="1.5" fill={fill} />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Interaction/PencilWriteIcon.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 PencilWriteIcon({
-  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="12"
-        height="12"
-        viewBox="0 0 12 12"
-        fill="none"
-      >
-        <g clipPath="url(#clip0_5721_3458)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M9.56139 1.30064C9.68886 1.17317 9.86174 1.10156 10.042 1.10156C10.2223 1.10156 10.3952 1.17317 10.5226 1.30064C10.6501 1.42811 10.7217 1.60099 10.7217 1.78126C10.7217 1.96152 10.6501 2.13441 10.5226 2.26187L6.1363 6.6482L5.015 6.8086L5.17511 5.68692L9.56139 1.30064ZM10.042 0.351562C9.66283 0.351562 9.29918 0.502191 9.03106 0.77031L4.55638 5.245C4.49899 5.30238 4.46177 5.37683 4.45031 5.45717L4.20187 7.19764C4.18519 7.31449 4.2245 7.43238 4.30798 7.51584C4.39146 7.59929 4.50936 7.63857 4.62621 7.62185L6.36621 7.37295C6.44651 7.36146 6.52091 7.32425 6.57827 7.26689L11.053 2.7922C11.3211 2.52408 11.4717 2.16044 11.4717 1.78126C11.4717 1.40208 11.3211 1.03843 11.053 0.77031C10.7848 0.502191 10.4212 0.351562 10.042 0.351562ZM1.37247 3.30738C1.43401 3.24584 1.51747 3.21127 1.60449 3.21127H5.12012C5.32722 3.21127 5.49512 3.04338 5.49512 2.83627C5.49512 2.62917 5.32722 2.46127 5.12012 2.46127H1.60449C1.31856 2.46127 1.04433 2.57486 0.842143 2.77705C0.639955 2.97924 0.526367 3.25346 0.526367 3.5394V10.5706C0.526367 10.8566 0.639955 11.1308 0.842143 11.333C1.04433 11.5352 1.31856 11.6488 1.60449 11.6488H8.63574C8.92168 11.6488 9.1959 11.5352 9.39809 11.333C9.60028 11.1308 9.71387 10.8566 9.71387 10.5706V7.05502C9.71387 6.84792 9.54597 6.68002 9.33887 6.68002C9.13176 6.68002 8.96387 6.84792 8.96387 7.05502V10.5706C8.96387 10.6577 8.9293 10.7411 8.86776 10.8027C8.80623 10.8642 8.72277 10.8988 8.63574 10.8988H1.60449C1.51747 10.8988 1.43401 10.8642 1.37247 10.8027C1.31094 10.7411 1.27637 10.6577 1.27637 10.5706V3.5394C1.27637 3.45237 1.31094 3.36891 1.37247 3.30738Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_5721_3458">
-            <rect width="12" height="12" 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 PencilWriteIcon({
+  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="12"
+        height="12"
+        viewBox="0 0 12 12"
+        fill="none"
+      >
+        <g clipPath="url(#clip0_5721_3458)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M9.56139 1.30064C9.68886 1.17317 9.86174 1.10156 10.042 1.10156C10.2223 1.10156 10.3952 1.17317 10.5226 1.30064C10.6501 1.42811 10.7217 1.60099 10.7217 1.78126C10.7217 1.96152 10.6501 2.13441 10.5226 2.26187L6.1363 6.6482L5.015 6.8086L5.17511 5.68692L9.56139 1.30064ZM10.042 0.351562C9.66283 0.351562 9.29918 0.502191 9.03106 0.77031L4.55638 5.245C4.49899 5.30238 4.46177 5.37683 4.45031 5.45717L4.20187 7.19764C4.18519 7.31449 4.2245 7.43238 4.30798 7.51584C4.39146 7.59929 4.50936 7.63857 4.62621 7.62185L6.36621 7.37295C6.44651 7.36146 6.52091 7.32425 6.57827 7.26689L11.053 2.7922C11.3211 2.52408 11.4717 2.16044 11.4717 1.78126C11.4717 1.40208 11.3211 1.03843 11.053 0.77031C10.7848 0.502191 10.4212 0.351562 10.042 0.351562ZM1.37247 3.30738C1.43401 3.24584 1.51747 3.21127 1.60449 3.21127H5.12012C5.32722 3.21127 5.49512 3.04338 5.49512 2.83627C5.49512 2.62917 5.32722 2.46127 5.12012 2.46127H1.60449C1.31856 2.46127 1.04433 2.57486 0.842143 2.77705C0.639955 2.97924 0.526367 3.25346 0.526367 3.5394V10.5706C0.526367 10.8566 0.639955 11.1308 0.842143 11.333C1.04433 11.5352 1.31856 11.6488 1.60449 11.6488H8.63574C8.92168 11.6488 9.1959 11.5352 9.39809 11.333C9.60028 11.1308 9.71387 10.8566 9.71387 10.5706V7.05502C9.71387 6.84792 9.54597 6.68002 9.33887 6.68002C9.13176 6.68002 8.96387 6.84792 8.96387 7.05502V10.5706C8.96387 10.6577 8.9293 10.7411 8.86776 10.8027C8.80623 10.8642 8.72277 10.8988 8.63574 10.8988H1.60449C1.51747 10.8988 1.43401 10.8642 1.37247 10.8027C1.31094 10.7411 1.27637 10.6577 1.27637 10.5706V3.5394C1.27637 3.45237 1.31094 3.36891 1.37247 3.30738Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_5721_3458">
+            <rect width="12" height="12" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

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

@@ -1,52 +1,52 @@
-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 SearchIcon({
-  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_139)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M6.56155 2.1614C2.33616 3.95714 0.36655 8.83823 2.1623 13.0636C3.95804 17.289 8.83913 19.2586 13.0645 17.4629C17.2899 15.6671 19.2595 10.786 17.4638 6.56065C15.668 2.33526 10.7869 0.36565 6.56155 2.1614ZM0.781795 13.6503C-1.33798 8.66251 0.987033 2.90067 5.97485 0.780895C10.9627 -1.33888 16.7245 0.986134 18.8443 5.97395C20.964 10.9618 18.639 16.7236 13.6512 18.8434C8.6634 20.9631 2.90157 18.6381 0.781795 13.6503Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M15.6907 15.6896C15.9836 15.3968 16.4585 15.3968 16.7514 15.6897L23.7804 22.7197C24.0732 23.0126 24.0732 23.4875 23.7803 23.7804C23.4874 24.0732 23.0125 24.0732 22.7196 23.7803L15.6906 16.7503C15.3978 16.4574 15.3978 15.9825 15.6907 15.6896Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_122_139">
-            <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 SearchIcon({
+  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_139)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.56155 2.1614C2.33616 3.95714 0.36655 8.83823 2.1623 13.0636C3.95804 17.289 8.83913 19.2586 13.0645 17.4629C17.2899 15.6671 19.2595 10.786 17.4638 6.56065C15.668 2.33526 10.7869 0.36565 6.56155 2.1614ZM0.781795 13.6503C-1.33798 8.66251 0.987033 2.90067 5.97485 0.780895C10.9627 -1.33888 16.7245 0.986134 18.8443 5.97395C20.964 10.9618 18.639 16.7236 13.6512 18.8434C8.6634 20.9631 2.90157 18.6381 0.781795 13.6503Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M15.6907 15.6896C15.9836 15.3968 16.4585 15.3968 16.7514 15.6897L23.7804 22.7197C24.0732 23.0126 24.0732 23.4875 23.7803 23.7804C23.4874 24.0732 23.0125 24.0732 22.7196 23.7803L15.6906 16.7503C15.3978 16.4574 15.3978 15.9825 15.6907 15.6896Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_139">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

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

@@ -1,63 +1,63 @@
-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 SearchRemoveIcon({
-  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_137)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M9.81291 1.5C8.16868 1.49982 6.56132 1.98724 5.19411 2.90061C3.82691 3.81399 2.76127 5.11229 2.13196 6.63133C1.50266 8.15037 1.33795 9.82191 1.65868 11.4346C1.97941 13.0472 2.77117 14.5285 3.93382 15.6912C5.09647 16.8538 6.57779 17.6456 8.19044 17.9663C9.80309 18.287 11.4746 18.1223 12.9937 17.493C14.5127 16.8637 15.811 15.7981 16.7244 14.4309C17.6378 13.0637 18.1252 11.4563 18.125 9.81208C18.125 8.72054 17.91 7.63959 17.4923 6.63114C17.0746 5.62268 16.4623 4.70637 15.6905 3.93453C14.9186 3.16269 14.0023 2.55043 12.9939 2.13271C11.9854 1.715 10.9045 1.5 9.81291 1.5ZM9.813 5.09663e-08C7.87211 -0.000197717 5.97474 0.575169 4.36086 1.65334C2.74696 2.73152 1.48903 4.26409 0.746175 6.05723C0.00331771 7.85036 -0.191104 9.82352 0.187499 11.7272C0.566101 13.6308 1.50072 15.3794 2.87316 16.7518C4.2456 18.1243 5.9942 19.0589 7.89784 19.4375C9.80148 19.8161 11.7746 19.6217 13.5678 18.8788C15.3609 18.136 16.8935 16.878 17.9717 15.2641C19.0498 13.6503 19.6252 11.7529 19.625 9.812M9.813 5.09663e-08C11.1015 1.09586e-05 12.3775 0.253806 13.5679 0.746894C14.7583 1.23999 15.84 1.96274 16.7511 2.87387C17.6623 3.785 18.385 4.86666 18.8781 6.05711C19.3712 7.24753 19.625 8.5235 19.625 9.812"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M6.03767 6.03767C6.33056 5.74478 6.80543 5.74478 7.09833 6.03767L13.4623 12.4017C13.7552 12.6946 13.7552 13.1694 13.4623 13.4623C13.1694 13.7552 12.6946 13.7552 12.4017 13.4623L6.03767 7.09833C5.74477 6.80544 5.74477 6.33056 6.03767 6.03767Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M13.4623 6.03767C13.7552 6.33056 13.7552 6.80544 13.4623 7.09833L7.09833 13.4623C6.80543 13.7552 6.33056 13.7552 6.03767 13.4623C5.74477 13.1694 5.74477 12.6946 6.03767 12.4017L12.4017 6.03767C12.6946 5.74478 13.1694 5.74478 13.4623 6.03767Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M15.6907 15.6896C15.9836 15.3968 16.4585 15.3968 16.7514 15.6897L23.7804 22.7197C24.0732 23.0126 24.0732 23.4875 23.7803 23.7804C23.4874 24.0732 23.0125 24.0732 22.7196 23.7803L15.6906 16.7503C15.3978 16.4574 15.3978 15.9825 15.6907 15.6896Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_122_137">
-            <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 SearchRemoveIcon({
+  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_137)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M9.81291 1.5C8.16868 1.49982 6.56132 1.98724 5.19411 2.90061C3.82691 3.81399 2.76127 5.11229 2.13196 6.63133C1.50266 8.15037 1.33795 9.82191 1.65868 11.4346C1.97941 13.0472 2.77117 14.5285 3.93382 15.6912C5.09647 16.8538 6.57779 17.6456 8.19044 17.9663C9.80309 18.287 11.4746 18.1223 12.9937 17.493C14.5127 16.8637 15.811 15.7981 16.7244 14.4309C17.6378 13.0637 18.1252 11.4563 18.125 9.81208C18.125 8.72054 17.91 7.63959 17.4923 6.63114C17.0746 5.62268 16.4623 4.70637 15.6905 3.93453C14.9186 3.16269 14.0023 2.55043 12.9939 2.13271C11.9854 1.715 10.9045 1.5 9.81291 1.5ZM9.813 5.09663e-08C7.87211 -0.000197717 5.97474 0.575169 4.36086 1.65334C2.74696 2.73152 1.48903 4.26409 0.746175 6.05723C0.00331771 7.85036 -0.191104 9.82352 0.187499 11.7272C0.566101 13.6308 1.50072 15.3794 2.87316 16.7518C4.2456 18.1243 5.9942 19.0589 7.89784 19.4375C9.80148 19.8161 11.7746 19.6217 13.5678 18.8788C15.3609 18.136 16.8935 16.878 17.9717 15.2641C19.0498 13.6503 19.6252 11.7529 19.625 9.812M9.813 5.09663e-08C11.1015 1.09586e-05 12.3775 0.253806 13.5679 0.746894C14.7583 1.23999 15.84 1.96274 16.7511 2.87387C17.6623 3.785 18.385 4.86666 18.8781 6.05711C19.3712 7.24753 19.625 8.5235 19.625 9.812"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.03767 6.03767C6.33056 5.74478 6.80543 5.74478 7.09833 6.03767L13.4623 12.4017C13.7552 12.6946 13.7552 13.1694 13.4623 13.4623C13.1694 13.7552 12.6946 13.7552 12.4017 13.4623L6.03767 7.09833C5.74477 6.80544 5.74477 6.33056 6.03767 6.03767Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M13.4623 6.03767C13.7552 6.33056 13.7552 6.80544 13.4623 7.09833L7.09833 13.4623C6.80543 13.7552 6.33056 13.7552 6.03767 13.4623C5.74477 13.1694 5.74477 12.6946 6.03767 12.4017L12.4017 6.03767C12.6946 5.74478 13.1694 5.74478 13.4623 6.03767Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M15.6907 15.6896C15.9836 15.3968 16.4585 15.3968 16.7514 15.6897L23.7804 22.7197C24.0732 23.0126 24.0732 23.4875 23.7803 23.7804C23.4874 24.0732 23.0125 24.0732 22.7196 23.7803L15.6906 16.7503C15.3978 16.4574 15.3978 15.9825 15.6907 15.6896Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_137">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

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

@@ -1,45 +1,45 @@
-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 SettingsSliderIcon({
-  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_7309_18142)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M2.20312 21.1406V2.86667L2.20397 2.85239C2.20529 2.83387 2.2083 2.80253 2.21489 2.76295C2.22868 2.68023 2.25485 2.58141 2.29973 2.49166C2.34313 2.40485 2.39646 2.34086 2.46241 2.29689C2.52367 2.25605 2.63905 2.20312 2.85938 2.20312H21.1333L21.1476 2.20397C21.1661 2.20529 21.1975 2.2083 21.2371 2.21489C21.3198 2.22868 21.4186 2.25485 21.5083 2.29973C21.5951 2.34313 21.6591 2.39646 21.7031 2.46241C21.7439 2.52367 21.7969 2.63905 21.7969 2.85938V21.1333L21.7968 21.136L21.796 21.1476C21.7947 21.1661 21.7917 21.1975 21.7851 21.2371C21.7713 21.3198 21.7451 21.4186 21.7003 21.5083C21.6569 21.5951 21.6035 21.6591 21.5376 21.7031C21.4763 21.7439 21.361 21.7969 21.1406 21.7969H2.86666L2.85239 21.796C2.83387 21.7947 2.80253 21.7917 2.76295 21.7851C2.68023 21.7713 2.58141 21.7451 2.49166 21.7003C2.40485 21.6569 2.34086 21.6035 2.29689 21.5376C2.25605 21.4763 2.20312 21.361 2.20312 21.1406ZM21.1406 0.703125V1.45312C21.1406 0.703125 21.141 0.703125 21.1414 0.703125H21.1422L21.1438 0.703131L21.1476 0.703154L21.1568 0.703265L21.1814 0.703885C21.2006 0.704523 21.2252 0.705683 21.2545 0.707778C21.3129 0.711948 21.3914 0.719926 21.4837 0.735302C21.6646 0.765461 21.9173 0.827177 22.1792 0.958086C22.4439 1.09046 22.7315 1.30081 22.9512 1.63036C23.174 1.96461 23.2969 2.37657 23.2969 2.85938V21.1406H22.5469C23.2969 21.1406 23.2969 21.141 23.2969 21.1414V21.1422L23.2969 21.1438L23.2968 21.1476L23.2967 21.1568L23.2961 21.1814C23.2955 21.2006 23.2943 21.2252 23.2922 21.2545C23.2881 21.3129 23.2801 21.3914 23.2647 21.4837C23.2345 21.6646 23.1728 21.9173 23.0419 22.1792C22.9095 22.4439 22.6992 22.7315 22.3696 22.9512C22.0354 23.174 21.6234 23.2969 21.1406 23.2969H2.85938V22.5469C2.85938 23.2969 2.859 23.2969 2.85863 23.2969H2.85784L2.85617 23.2969L2.8524 23.2968L2.84325 23.2967L2.8186 23.2961C2.79945 23.2955 2.77484 23.2943 2.74551 23.2922C2.68712 23.2881 2.6086 23.2801 2.51635 23.2647C2.33539 23.2345 2.08266 23.1728 1.82084 23.0419C1.55609 22.9095 1.26852 22.6992 1.04881 22.3696C0.82598 22.0354 0.703125 21.6234 0.703125 21.1406V2.85938H1.45312C0.703125 2.85938 0.703125 2.859 0.703125 2.85863V2.85784L0.703131 2.85617L0.703154 2.8524L0.703265 2.84325L0.703885 2.8186C0.704523 2.79945 0.705683 2.77484 0.707778 2.74551C0.711948 2.68712 0.719926 2.6086 0.735302 2.51635C0.765461 2.33539 0.827177 2.08266 0.958086 1.82084C1.09046 1.55609 1.30081 1.26852 1.63036 1.04881C1.96461 0.82598 2.37657 0.703125 2.85938 0.703125H21.1406ZM12.1875 15.5142C12.1871 15.092 12.0193 14.6872 11.7207 14.3887C11.4218 14.0898 11.0164 13.9219 10.5938 13.9219C10.2785 13.9219 9.9704 14.0153 9.70831 14.1905C9.44622 14.3656 9.24195 14.6145 9.12132 14.9057C9.00069 15.1969 8.96913 15.5174 9.03062 15.8265C9.09212 16.1357 9.24391 16.4197 9.4668 16.6426C9.68969 16.8655 9.97367 17.0173 10.2828 17.0788C10.592 17.1402 10.9124 17.1087 11.2037 16.9881C11.4949 16.8674 11.7438 16.6632 11.9189 16.4011C12.094 16.139 12.1875 15.8308 12.1875 15.5156L12.1875 15.5142ZM13.5952 16.2656C13.5094 16.609 13.3648 16.937 13.1661 17.2344C12.8262 17.7432 12.343 18.1397 11.7777 18.3739C11.2124 18.608 10.5903 18.6693 9.99019 18.5499C9.39006 18.4306 8.83881 18.1359 8.40614 17.7032C8.00891 17.306 7.72801 16.8088 7.59229 16.2656H5.67188C5.25766 16.2656 4.92188 15.9298 4.92188 15.5156C4.92188 15.1014 5.25766 14.7656 5.67188 14.7656H7.59228C7.62911 14.6182 7.67689 14.4732 7.7355 14.3317C7.96966 13.7664 8.36619 13.2832 8.87496 12.9433C9.38372 12.6033 9.98187 12.4219 10.5938 12.4219C11.4143 12.4219 12.2012 12.7478 12.7814 13.328C13.1813 13.7279 13.4604 14.226 13.5952 14.7656H18.3281C18.7423 14.7656 19.0781 15.1014 19.0781 15.5156C19.0781 15.9298 18.7423 16.2656 18.3281 16.2656H13.5952ZM4.92188 8.48438C4.92188 8.07016 5.25766 7.73438 5.67188 7.73438H13.2173C13.353 7.19118 13.6339 6.694 14.0311 6.29677C14.4638 5.8641 15.0151 5.56945 15.6152 5.45007C16.2153 5.3307 16.8374 5.39197 17.4027 5.62612C17.968 5.86028 18.4512 6.25682 18.7911 6.76558C19.1311 7.27435 19.3125 7.87249 19.3125 8.48438C19.3125 9.30489 18.9866 10.0918 18.4064 10.672C17.8262 11.2522 17.0393 11.5781 16.2188 11.5781C15.6069 11.5781 15.0087 11.3967 14.5 11.0567C13.9912 10.7168 13.5947 10.2336 13.3605 9.6683C13.3019 9.5268 13.2541 9.38175 13.2173 9.23438H5.67188C5.25766 9.23438 4.92188 8.89859 4.92188 8.48438ZM15.9078 6.92125C16.217 6.85975 16.5374 6.89132 16.8287 7.01194C17.1199 7.13257 17.3688 7.33685 17.5439 7.59894C17.719 7.86103 17.8125 8.16916 17.8125 8.48438C17.8125 8.90707 17.6446 9.31244 17.3457 9.61133C17.0468 9.91021 16.6414 10.0781 16.2188 10.0781C15.9035 10.0781 15.5954 9.98466 15.3333 9.80953C15.0712 9.63441 14.8669 9.3855 14.7463 9.09428C14.6257 8.80306 14.5941 8.48261 14.6556 8.17345C14.7171 7.86429 14.8689 7.58032 15.0918 7.35743C15.3147 7.13454 15.5987 6.98275 15.9078 6.92125Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_7309_18142">
-            <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 SettingsSliderIcon({
+  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_7309_18142)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2.20312 21.1406V2.86667L2.20397 2.85239C2.20529 2.83387 2.2083 2.80253 2.21489 2.76295C2.22868 2.68023 2.25485 2.58141 2.29973 2.49166C2.34313 2.40485 2.39646 2.34086 2.46241 2.29689C2.52367 2.25605 2.63905 2.20312 2.85938 2.20312H21.1333L21.1476 2.20397C21.1661 2.20529 21.1975 2.2083 21.2371 2.21489C21.3198 2.22868 21.4186 2.25485 21.5083 2.29973C21.5951 2.34313 21.6591 2.39646 21.7031 2.46241C21.7439 2.52367 21.7969 2.63905 21.7969 2.85938V21.1333L21.7968 21.136L21.796 21.1476C21.7947 21.1661 21.7917 21.1975 21.7851 21.2371C21.7713 21.3198 21.7451 21.4186 21.7003 21.5083C21.6569 21.5951 21.6035 21.6591 21.5376 21.7031C21.4763 21.7439 21.361 21.7969 21.1406 21.7969H2.86666L2.85239 21.796C2.83387 21.7947 2.80253 21.7917 2.76295 21.7851C2.68023 21.7713 2.58141 21.7451 2.49166 21.7003C2.40485 21.6569 2.34086 21.6035 2.29689 21.5376C2.25605 21.4763 2.20312 21.361 2.20312 21.1406ZM21.1406 0.703125V1.45312C21.1406 0.703125 21.141 0.703125 21.1414 0.703125H21.1422L21.1438 0.703131L21.1476 0.703154L21.1568 0.703265L21.1814 0.703885C21.2006 0.704523 21.2252 0.705683 21.2545 0.707778C21.3129 0.711948 21.3914 0.719926 21.4837 0.735302C21.6646 0.765461 21.9173 0.827177 22.1792 0.958086C22.4439 1.09046 22.7315 1.30081 22.9512 1.63036C23.174 1.96461 23.2969 2.37657 23.2969 2.85938V21.1406H22.5469C23.2969 21.1406 23.2969 21.141 23.2969 21.1414V21.1422L23.2969 21.1438L23.2968 21.1476L23.2967 21.1568L23.2961 21.1814C23.2955 21.2006 23.2943 21.2252 23.2922 21.2545C23.2881 21.3129 23.2801 21.3914 23.2647 21.4837C23.2345 21.6646 23.1728 21.9173 23.0419 22.1792C22.9095 22.4439 22.6992 22.7315 22.3696 22.9512C22.0354 23.174 21.6234 23.2969 21.1406 23.2969H2.85938V22.5469C2.85938 23.2969 2.859 23.2969 2.85863 23.2969H2.85784L2.85617 23.2969L2.8524 23.2968L2.84325 23.2967L2.8186 23.2961C2.79945 23.2955 2.77484 23.2943 2.74551 23.2922C2.68712 23.2881 2.6086 23.2801 2.51635 23.2647C2.33539 23.2345 2.08266 23.1728 1.82084 23.0419C1.55609 22.9095 1.26852 22.6992 1.04881 22.3696C0.82598 22.0354 0.703125 21.6234 0.703125 21.1406V2.85938H1.45312C0.703125 2.85938 0.703125 2.859 0.703125 2.85863V2.85784L0.703131 2.85617L0.703154 2.8524L0.703265 2.84325L0.703885 2.8186C0.704523 2.79945 0.705683 2.77484 0.707778 2.74551C0.711948 2.68712 0.719926 2.6086 0.735302 2.51635C0.765461 2.33539 0.827177 2.08266 0.958086 1.82084C1.09046 1.55609 1.30081 1.26852 1.63036 1.04881C1.96461 0.82598 2.37657 0.703125 2.85938 0.703125H21.1406ZM12.1875 15.5142C12.1871 15.092 12.0193 14.6872 11.7207 14.3887C11.4218 14.0898 11.0164 13.9219 10.5938 13.9219C10.2785 13.9219 9.9704 14.0153 9.70831 14.1905C9.44622 14.3656 9.24195 14.6145 9.12132 14.9057C9.00069 15.1969 8.96913 15.5174 9.03062 15.8265C9.09212 16.1357 9.24391 16.4197 9.4668 16.6426C9.68969 16.8655 9.97367 17.0173 10.2828 17.0788C10.592 17.1402 10.9124 17.1087 11.2037 16.9881C11.4949 16.8674 11.7438 16.6632 11.9189 16.4011C12.094 16.139 12.1875 15.8308 12.1875 15.5156L12.1875 15.5142ZM13.5952 16.2656C13.5094 16.609 13.3648 16.937 13.1661 17.2344C12.8262 17.7432 12.343 18.1397 11.7777 18.3739C11.2124 18.608 10.5903 18.6693 9.99019 18.5499C9.39006 18.4306 8.83881 18.1359 8.40614 17.7032C8.00891 17.306 7.72801 16.8088 7.59229 16.2656H5.67188C5.25766 16.2656 4.92188 15.9298 4.92188 15.5156C4.92188 15.1014 5.25766 14.7656 5.67188 14.7656H7.59228C7.62911 14.6182 7.67689 14.4732 7.7355 14.3317C7.96966 13.7664 8.36619 13.2832 8.87496 12.9433C9.38372 12.6033 9.98187 12.4219 10.5938 12.4219C11.4143 12.4219 12.2012 12.7478 12.7814 13.328C13.1813 13.7279 13.4604 14.226 13.5952 14.7656H18.3281C18.7423 14.7656 19.0781 15.1014 19.0781 15.5156C19.0781 15.9298 18.7423 16.2656 18.3281 16.2656H13.5952ZM4.92188 8.48438C4.92188 8.07016 5.25766 7.73438 5.67188 7.73438H13.2173C13.353 7.19118 13.6339 6.694 14.0311 6.29677C14.4638 5.8641 15.0151 5.56945 15.6152 5.45007C16.2153 5.3307 16.8374 5.39197 17.4027 5.62612C17.968 5.86028 18.4512 6.25682 18.7911 6.76558C19.1311 7.27435 19.3125 7.87249 19.3125 8.48438C19.3125 9.30489 18.9866 10.0918 18.4064 10.672C17.8262 11.2522 17.0393 11.5781 16.2188 11.5781C15.6069 11.5781 15.0087 11.3967 14.5 11.0567C13.9912 10.7168 13.5947 10.2336 13.3605 9.6683C13.3019 9.5268 13.2541 9.38175 13.2173 9.23438H5.67188C5.25766 9.23438 4.92188 8.89859 4.92188 8.48438ZM15.9078 6.92125C16.217 6.85975 16.5374 6.89132 16.8287 7.01194C17.1199 7.13257 17.3688 7.33685 17.5439 7.59894C17.719 7.86103 17.8125 8.16916 17.8125 8.48438C17.8125 8.90707 17.6446 9.31244 17.3457 9.61133C17.0468 9.91021 16.6414 10.0781 16.2188 10.0781C15.9035 10.0781 15.5954 9.98466 15.3333 9.80953C15.0712 9.63441 14.8669 9.3855 14.7463 9.09428C14.6257 8.80306 14.5941 8.48261 14.6556 8.17345C14.7171 7.86429 14.8689 7.58032 15.0918 7.35743C15.3147 7.13454 15.5987 6.98275 15.9078 6.92125Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_7309_18142">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}