odaptos_design_system 2.0.5 → 2.0.7

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

@@ -1,73 +1,73 @@
-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 BinIcon({
-  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="M3.46143 5.07692C3.46143 4.6627 3.79722 4.32692 4.21143 4.32692H19.7883C20.2025 4.32692 20.5383 4.6627 20.5383 5.07692V20.6538C20.5383 21.3118 20.277 21.9427 19.8117 22.408C19.3465 22.8733 18.7155 23.1346 18.0576 23.1346H5.94219C5.28431 23.1346 4.65329 22.8733 4.18801 22.408C3.72278 21.9428 3.46143 21.3118 3.46143 20.6538V5.07692ZM4.96143 5.82692V20.6538C4.96143 20.914 5.06476 21.1634 5.2487 21.3474C5.43258 21.5313 5.68203 21.6346 5.94219 21.6346H18.0576C18.3177 21.6346 18.5671 21.5313 18.7511 21.3474C18.935 21.1635 19.0383 20.914 19.0383 20.6538V5.82692H4.96143Z"
-          fill={fill}
-          stroke={stroke}
-          strokeWidth={strokeWidth}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M9.40381 9.5192C9.81802 9.5192 10.1538 9.85498 10.1538 10.2692V17.1923C10.1538 17.6065 9.81802 17.9423 9.40381 17.9423C8.9896 17.9423 8.65381 17.6065 8.65381 17.1923V10.2692C8.65381 9.85498 8.9896 9.5192 9.40381 9.5192Z"
-          fill={fill}
-          stroke={stroke}
-          strokeWidth={strokeWidth}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M14.5962 9.5192C15.0104 9.5192 15.3462 9.85498 15.3462 10.2692V17.1923C15.3462 17.6065 15.0104 17.9423 14.5962 17.9423C14.182 17.9423 13.8462 17.6065 13.8462 17.1923V10.2692C13.8462 9.85498 14.182 9.5192 14.5962 9.5192Z"
-          fill={fill}
-          stroke={stroke}
-          strokeWidth={strokeWidth}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M0 5.07692C0 4.6627 0.335786 4.32692 0.75 4.32692H23.25C23.6642 4.32692 24 4.6627 24 5.07692C24 5.49113 23.6642 5.82692 23.25 5.82692H0.75C0.335786 5.82692 0 5.49113 0 5.07692Z"
-          fill={fill}
-          stroke={stroke}
-          strokeWidth={strokeWidth}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M7.64971 1.59198C8.11494 1.12675 8.74593 0.865387 9.40386 0.865387H14.5962C15.2541 0.865387 15.8851 1.12677 16.3503 1.59197C16.8156 2.05725 17.0769 2.68827 17.0769 3.34616V5.07693C17.0769 5.49114 16.7411 5.82693 16.3269 5.82693H7.6731C7.25889 5.82693 6.9231 5.49114 6.9231 5.07693V3.34616C6.9231 2.68823 7.18446 2.05722 7.64971 1.59198ZM9.40386 2.36539C9.14375 2.36539 8.89429 2.46872 8.71036 2.65265C8.52644 2.83656 8.4231 3.08603 8.4231 3.34616V4.32693H15.5769V3.34616C15.5769 3.08599 15.4736 2.83655 15.2897 2.65266C15.1057 2.4687 14.8563 2.36539 14.5962 2.36539H9.40386Z"
-          fill={fill}
-          stroke={stroke}
-          strokeWidth={strokeWidth}
-        />
-      </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 BinIcon({
+  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="M3.46143 5.07692C3.46143 4.6627 3.79722 4.32692 4.21143 4.32692H19.7883C20.2025 4.32692 20.5383 4.6627 20.5383 5.07692V20.6538C20.5383 21.3118 20.277 21.9427 19.8117 22.408C19.3465 22.8733 18.7155 23.1346 18.0576 23.1346H5.94219C5.28431 23.1346 4.65329 22.8733 4.18801 22.408C3.72278 21.9428 3.46143 21.3118 3.46143 20.6538V5.07692ZM4.96143 5.82692V20.6538C4.96143 20.914 5.06476 21.1634 5.2487 21.3474C5.43258 21.5313 5.68203 21.6346 5.94219 21.6346H18.0576C18.3177 21.6346 18.5671 21.5313 18.7511 21.3474C18.935 21.1635 19.0383 20.914 19.0383 20.6538V5.82692H4.96143Z"
+          fill={fill}
+          stroke={stroke}
+          strokeWidth={strokeWidth}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M9.40381 9.5192C9.81802 9.5192 10.1538 9.85498 10.1538 10.2692V17.1923C10.1538 17.6065 9.81802 17.9423 9.40381 17.9423C8.9896 17.9423 8.65381 17.6065 8.65381 17.1923V10.2692C8.65381 9.85498 8.9896 9.5192 9.40381 9.5192Z"
+          fill={fill}
+          stroke={stroke}
+          strokeWidth={strokeWidth}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M14.5962 9.5192C15.0104 9.5192 15.3462 9.85498 15.3462 10.2692V17.1923C15.3462 17.6065 15.0104 17.9423 14.5962 17.9423C14.182 17.9423 13.8462 17.6065 13.8462 17.1923V10.2692C13.8462 9.85498 14.182 9.5192 14.5962 9.5192Z"
+          fill={fill}
+          stroke={stroke}
+          strokeWidth={strokeWidth}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M0 5.07692C0 4.6627 0.335786 4.32692 0.75 4.32692H23.25C23.6642 4.32692 24 4.6627 24 5.07692C24 5.49113 23.6642 5.82692 23.25 5.82692H0.75C0.335786 5.82692 0 5.49113 0 5.07692Z"
+          fill={fill}
+          stroke={stroke}
+          strokeWidth={strokeWidth}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M7.64971 1.59198C8.11494 1.12675 8.74593 0.865387 9.40386 0.865387H14.5962C15.2541 0.865387 15.8851 1.12677 16.3503 1.59197C16.8156 2.05725 17.0769 2.68827 17.0769 3.34616V5.07693C17.0769 5.49114 16.7411 5.82693 16.3269 5.82693H7.6731C7.25889 5.82693 6.9231 5.49114 6.9231 5.07693V3.34616C6.9231 2.68823 7.18446 2.05722 7.64971 1.59198ZM9.40386 2.36539C9.14375 2.36539 8.89429 2.46872 8.71036 2.65265C8.52644 2.83656 8.4231 3.08603 8.4231 3.34616V4.32693H15.5769V3.34616C15.5769 3.08599 15.4736 2.83655 15.2897 2.65266C15.1057 2.4687 14.8563 2.36539 14.5962 2.36539H9.40386Z"
+          fill={fill}
+          stroke={stroke}
+          strokeWidth={strokeWidth}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

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

@@ -1,38 +1,38 @@
-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 CheckedIcon({
-  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="M20.2715 3.21398C20.9819 3.6402 21.2122 4.56158 20.786 5.27194L11.7861 20.2717C11.5485 20.6678 11.1416 20.9323 10.6832 20.9888C10.2247 21.0452 9.76587 20.8873 9.43926 20.5607L3.43933 14.5607C2.85356 13.975 2.85356 13.0252 3.43933 12.4394C4.02511 11.8537 4.97485 11.8537 5.56063 12.4394L10.2021 17.0809L18.2136 3.72847C18.6398 3.01811 19.5612 2.78777 20.2715 3.21398Z"
-          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 CheckedIcon({
+  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="M20.2715 3.21398C20.9819 3.6402 21.2122 4.56158 20.786 5.27194L11.7861 20.2717C11.5485 20.6678 11.1416 20.9323 10.6832 20.9888C10.2247 21.0452 9.76587 20.8873 9.43926 20.5607L3.43933 14.5607C2.85356 13.975 2.85356 13.0252 3.43933 12.4394C4.02511 11.8537 4.97485 11.8537 5.56063 12.4394L10.2021 17.0809L18.2136 3.72847C18.6398 3.01811 19.5612 2.78777 20.2715 3.21398Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Interaction/ClockIcon.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 ClockIcon({
-  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_177)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM0.75 12C0.75 5.7868 5.7868 0.75 12 0.75C18.2132 0.75 23.25 5.7868 23.25 12C23.25 18.2132 18.2132 23.25 12 23.25C5.7868 23.25 0.75 18.2132 0.75 12Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12 7.5C12.4142 7.5 12.75 7.83579 12.75 8.25V12C12.75 12.4142 12.4142 12.75 12 12.75C11.5858 12.75 11.25 12.4142 11.25 12V8.25C11.25 7.83579 11.5858 7.5 12 7.5Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M11.4697 11.4696C11.7627 11.1768 12.2375 11.1768 12.5304 11.4697L17.2174 16.1577C17.5102 16.4507 17.5102 16.9255 17.2173 17.2184C16.9243 17.5112 16.4495 17.5112 16.1566 17.2183L11.4696 12.5303C11.1768 12.2373 11.1768 11.7625 11.4697 11.4696Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_122_177">
-            <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 ClockIcon({
+  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_177)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM0.75 12C0.75 5.7868 5.7868 0.75 12 0.75C18.2132 0.75 23.25 5.7868 23.25 12C23.25 18.2132 18.2132 23.25 12 23.25C5.7868 23.25 0.75 18.2132 0.75 12Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 7.5C12.4142 7.5 12.75 7.83579 12.75 8.25V12C12.75 12.4142 12.4142 12.75 12 12.75C11.5858 12.75 11.25 12.4142 11.25 12V8.25C11.25 7.83579 11.5858 7.5 12 7.5Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.4697 11.4696C11.7627 11.1768 12.2375 11.1768 12.5304 11.4697L17.2174 16.1577C17.5102 16.4507 17.5102 16.9255 17.2173 17.2184C16.9243 17.5112 16.4495 17.5112 16.1566 17.2183L11.4696 12.5303C11.1768 12.2373 11.1768 11.7625 11.4697 11.4696Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_177">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

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

@@ -1,37 +1,37 @@
-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 CloseIcon({
-  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
-          d="M14.1 12L21 5.10001C21.6 4.50001 21.6 3.60001 21 3.00001C20.4 2.40001 19.5 2.40001 18.9 3.00001L12 9.90001L5.1 2.90001C4.5 2.30001 3.6 2.30001 3 2.90001C2.4 3.50001 2.4 4.40001 3 5.00001L9.9 12L3 18.9C2.4 19.5 2.4 20.4 3 21C3.3 21.3 3.7 21.4 4.1 21.4C4.5 21.4 4.9 21.3 5.2 21L12.1 14.1L19 21C19.3 21.3 19.7 21.4 20.1 21.4C20.5 21.4 20.9 21.3 21.2 21C21.8 20.4 21.8 19.5 21.2 18.9L14.1 12Z"
-          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 CloseIcon({
+  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
+          d="M14.1 12L21 5.10001C21.6 4.50001 21.6 3.60001 21 3.00001C20.4 2.40001 19.5 2.40001 18.9 3.00001L12 9.90001L5.1 2.90001C4.5 2.30001 3.6 2.30001 3 2.90001C2.4 3.50001 2.4 4.40001 3 5.00001L9.9 12L3 18.9C2.4 19.5 2.4 20.4 3 21C3.3 21.3 3.7 21.4 4.1 21.4C4.5 21.4 4.9 21.3 5.2 21L12.1 14.1L19 21C19.3 21.3 19.7 21.4 20.1 21.4C20.5 21.4 20.9 21.3 21.2 21C21.8 20.4 21.8 19.5 21.2 18.9L14.1 12Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Interaction/CogIcon.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 CogIcon({
-  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_7428_1459)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M22.4 13.7333C22.8 14.0666 23.0667 14.5333 23.2 15.0666L23.2667 15.1333C23.4 15.6 23.3333 16.2 23.1333 16.6666C22.9333 17.1333 22.6 17.6 22.1333 17.8666C21.6667 18.2 21.1333 18.2666 20.6 18.2H19.2667C19.1566 18.2 19.0667 18.2202 18.9858 18.2383C18.9199 18.2532 18.8599 18.2666 18.8 18.2666C18.6667 18.3333 18.5333 18.4 18.4 18.5333C18.2667 18.6666 18.1333 18.8 18.1333 18.9333C18.1333 18.9755 18.1266 19.0244 18.1196 19.0758C18.1045 19.1866 18.0878 19.3088 18.1333 19.4V20.7333C18.1333 21.2666 18 21.8 17.7333 22.2666C17.4667 22.7333 17 23.0666 16.5333 23.2666C16.0667 23.4666 15.5333 23.5333 15 23.4C14.4667 23.2666 14 23 13.6667 22.6L12.8 21.6C12.7333 21.4666 12.6 21.3333 12.4667 21.3333C12.2 21.2 11.8667 21.2 11.6 21.3333C11.4667 21.4 11.4 21.4666 11.2667 21.6L10.4 22.6C10.0667 23 9.6 23.2666 9.06667 23.4H8.46666C8.13333 23.4 7.8 23.3333 7.46666 23.2C7 23 6.53333 22.6666 6.26666 22.2C5.93333 21.7333 5.86666 21.2 5.93333 20.6666V19.3333C5.93333 19.2232 5.91313 19.1333 5.89496 19.0525C5.88013 18.9865 5.86666 18.9266 5.86666 18.8666C5.8 18.7333 5.73333 18.6 5.6 18.4666C5.46666 18.3333 5.33333 18.2 5.2 18.2C5.15778 18.2 5.10888 18.1933 5.05753 18.1863C4.9467 18.1711 4.82445 18.1544 4.73333 18.2H3.4C2.86666 18.2 2.33333 18.0666 1.86666 17.8C1.4 17.5333 1.06666 17.0666 0.866665 16.6C0.666665 16.1333 0.599998 15.6 0.733331 15.0666C0.866665 14.5333 1.13333 14.0666 1.53333 13.7333L2.53333 12.8666C2.66666 12.8 2.8 12.6666 2.8 12.5333C2.86666 12.4 2.86666 12.2666 2.86666 12.0666C2.86666 11.9565 2.84646 11.8666 2.8283 11.7858C2.81347 11.7198 2.8 11.6599 2.8 11.6C2.73333 11.4666 2.66666 11.4 2.53333 11.2666L1.53333 10.4C1.13333 10.0666 0.866665 9.59996 0.733331 9.06663C0.599998 8.53329 0.666665 7.99996 0.866665 7.53329C1.06666 7.06663 1.4 6.59996 1.86666 6.33329C2.33333 5.99996 2.86666 5.93329 3.4 5.99996H4.73333C4.84343 5.99996 4.93333 5.97975 5.01415 5.96159C5.08013 5.94676 5.14007 5.93329 5.2 5.93329C5.33333 5.86663 5.46666 5.79996 5.6 5.66663C5.73333 5.53329 5.86666 5.39996 5.86666 5.26663C5.86666 5.22441 5.87335 5.17551 5.88037 5.12416C5.89551 5.01333 5.91222 4.89108 5.86666 4.79996V3.46663C5.86666 2.93329 6 2.39996 6.26666 1.93329C6.53333 1.46663 7 1.13329 7.46666 0.933292C7.93333 0.733292 8.46666 0.666625 9 0.799959C9.53333 0.933292 10 1.19996 10.3333 1.59996L11.2 2.59996C11.2667 2.73329 11.2667 2.73329 11.5333 2.86663C11.8 2.99996 12.1333 2.99996 12.4 2.86663C12.5333 2.79996 12.6 2.73329 12.7333 2.59996L13.6 1.59996C13.9333 1.19996 14.4 0.933292 14.9333 0.799959C15.4 0.666625 16 0.733292 16.4667 0.933292C16.9333 1.13329 17.4 1.46663 17.6667 1.93329C18 2.39996 18.0667 2.93329 18 3.46663V4.79996C18 4.91006 18.0202 4.99996 18.0384 5.08077C18.0532 5.14676 18.0667 5.20669 18.0667 5.26663C18.1333 5.39996 18.2 5.53329 18.3333 5.66663C18.4667 5.79996 18.6 5.93329 18.7333 5.93329C18.7755 5.93329 18.8244 5.93998 18.8758 5.94699C18.9866 5.96214 19.1089 5.97885 19.2 5.93329H20.5333C21.0667 5.93329 21.6 6.06663 22.0667 6.33329C22.5333 6.59996 22.8667 7.06663 23.0667 7.53329C23.2667 7.99996 23.3333 8.53329 23.2 9.06663C23.0667 9.59996 22.8 10.0666 22.4 10.4L21.4 11.2666C21.2667 11.3333 21.1333 11.4666 21.1333 11.6C21.0667 11.7333 21.0667 11.8666 21.0667 12.0666C21.0667 12.1767 21.0869 12.2666 21.105 12.3474C21.1199 12.4134 21.1333 12.4734 21.1333 12.5333C21.2 12.6666 21.2667 12.7333 21.4 12.8666L22.4 13.7333ZM21.3333 16.5333C21.5333 16.4 21.6667 16.2 21.7333 16L21.6 15.9333C21.6 15.8689 21.6069 15.8046 21.614 15.738C21.6291 15.5977 21.6452 15.4475 21.6 15.2666C21.5333 15 21.4667 14.8 21.2667 14.6666L20.2667 13.8C20 13.5333 19.8 13.2666 19.6667 12.9333C19.5333 12.6 19.4667 12.2666 19.4667 11.8666C19.4667 11.4666 19.5333 11.1333 19.6667 10.8C19.8 10.4666 20 10.2 20.2667 9.93329L21.2667 9.06663C21.4667 8.93329 21.6 8.73329 21.6 8.53329C21.7333 8.26663 21.6667 8.06663 21.6 7.86663C21.5333 7.59996 21.4 7.46663 21.2 7.33329C21 7.19996 20.7333 7.13329 20.5333 7.19996H19.2C18.8 7.19996 18.4667 7.13329 18.1333 6.99996C17.8 6.86663 17.5333 6.66663 17.2667 6.39996C17 6.19996 16.8 5.86663 16.6667 5.53329C16.5333 5.19996 16.4667 4.79996 16.5333 4.46663V3.13329C16.6 2.86663 16.5333 2.66663 16.4 2.46663C16.2667 2.26663 16.0667 2.13329 15.8667 2.06663H15.2C14.9333 2.13329 14.7333 2.19996 14.6 2.39996L13.7333 3.39996C13.4667 3.66663 13.2 3.86663 12.8667 3.99996C12.2 4.26663 11.4 4.26663 10.7333 3.99996C10.4 3.86663 10.1333 3.66663 9.86666 3.39996L9 2.39996C8.86666 2.19996 8.66667 2.06663 8.46666 2.06663C8.2 1.93329 8 1.99996 7.8 2.06663C7.53333 2.13329 7.4 2.26663 7.26666 2.46663C7.13333 2.66663 7.06666 2.93329 7.13333 3.13329V4.46663C7.13333 4.86663 7.06666 5.19996 6.93333 5.53329C6.8 5.93329 6.6 6.19996 6.33333 6.46663C6.06666 6.73329 5.73333 6.93329 5.4 7.06663C5.06666 7.19996 4.66666 7.26663 4.33333 7.19996H3C2.8 7.19996 2.6 7.26663 2.4 7.39996C2.2 7.53329 2.06666 7.73329 2 7.93329V8.59996C2.06666 8.79996 2.2 8.99996 2.33333 9.13329L3.33333 9.99996C3.6 10.2666 3.8 10.5333 3.93333 10.8666C4.06666 11.2 4.13333 11.5333 4.13333 11.9333C4.13333 12.3333 4.06666 12.6666 3.93333 13C3.8 13.3333 3.6 13.6 3.33333 13.8666L2.33333 14.7333C2.13333 14.8666 2 15.0666 2 15.2666C1.86666 15.4666 1.93333 15.7333 2 15.9333C2.06666 16.2 2.2 16.3333 2.4 16.4666C2.6 16.5333 2.86666 16.6 3.06666 16.5333H4.4H4.53333C4.86666 16.5333 5.2 16.6 5.46666 16.7333C5.86666 16.8666 6.13333 17.0666 6.4 17.3333C6.66667 17.6 6.86666 17.9333 7 18.2666C7.13333 18.6 7.2 19 7.13333 19.3333V20.6666C7.13333 20.8666 7.2 21.0666 7.33333 21.2666C7.46666 21.4666 7.66667 21.6 7.86666 21.6666H8.53333C8.73333 21.6 8.93333 21.4666 9.06667 21.3333L9.93333 20.3333C10.2 20.0666 10.4667 19.8666 10.8 19.7333C11.4667 19.4666 12.2667 19.4666 12.9333 19.7333C13.2667 19.8666 13.5333 20.0666 13.8 20.3333L14.6667 21.3333C14.8 21.5333 15 21.6666 15.2 21.6666C15.4667 21.8 15.6667 21.7333 15.8667 21.6666C16.1333 21.6 16.2667 21.4666 16.4 21.2666C16.5333 21.1333 16.6 20.8666 16.5333 20.6666V19.3333C16.5333 18.9333 16.6 18.6 16.7333 18.2666C16.8667 17.9333 17.0667 17.6666 17.3333 17.4C17.6 17.1333 17.9333 16.9333 18.2667 16.8C18.6 16.6666 19 16.6 19.3333 16.6666H20.6667C20.9333 16.7333 21.1333 16.6666 21.3333 16.5333ZM13.9333 7.4C14.5333 7.66667 15.0667 8 15.5333 8.46667H15.6C16.0667 8.93333 16.4 9.46667 16.6667 10.0667C16.9333 10.7333 17.0667 11.3333 17.0667 12C17.0667 12.6667 16.9333 13.3333 16.6667 13.9333C16.4 14.5333 16.0667 15.0667 15.6 15.5333C15.1333 16 14.6 16.3333 14 16.6C13.3333 16.8667 12.7333 17 12.0667 17C11.4 17 10.7333 16.8667 10.1333 16.6C9.53333 16.3333 9 16 8.53333 15.5333C8.06667 15.0667 7.73333 14.5333 7.46667 13.9333C7.2 13.2667 7.06667 12.6667 7.06667 12C7.06667 11.3333 7.2 10.6667 7.46667 10.0667C7.73333 9.46667 8.06667 8.93333 8.53333 8.46667C9 8 9.53333 7.66667 10.1333 7.4C11.3333 6.86667 12.7333 6.86667 13.9333 7.4ZM15.2 13.3334L15.2 13.3333C15.4 12.9333 15.4667 12.4667 15.4667 12C15.4667 11.5333 15.4 11.0667 15.2 10.6667C15.0667 10.2667 14.8 9.86667 14.4667 9.53333C14.1333 9.2 13.7333 9 13.3333 8.8C12.9333 8.6 12.4667 8.53333 12 8.53333C11.5333 8.53333 11.0667 8.6 10.6667 8.8C10.2667 8.93333 9.86667 9.2 9.53333 9.53333C9.2 9.86667 9 10.2667 8.8 10.6667C8.6 11.0667 8.53333 11.5333 8.53333 12C8.53333 12.4667 8.6 12.9333 8.8 13.3333C8.93333 13.7333 9.2 14.1333 9.53333 14.4667C9.86667 14.8 10.2667 15 10.6667 15.2C11.5333 15.5333 12.4667 15.5333 13.3333 15.2C13.7333 15.0667 14.1333 14.8 14.4667 14.4667C14.8 14.1333 15 13.7333 15.2 13.3334Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_7428_1459">
-            <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 CogIcon({
+  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_7428_1459)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M22.4 13.7333C22.8 14.0666 23.0667 14.5333 23.2 15.0666L23.2667 15.1333C23.4 15.6 23.3333 16.2 23.1333 16.6666C22.9333 17.1333 22.6 17.6 22.1333 17.8666C21.6667 18.2 21.1333 18.2666 20.6 18.2H19.2667C19.1566 18.2 19.0667 18.2202 18.9858 18.2383C18.9199 18.2532 18.8599 18.2666 18.8 18.2666C18.6667 18.3333 18.5333 18.4 18.4 18.5333C18.2667 18.6666 18.1333 18.8 18.1333 18.9333C18.1333 18.9755 18.1266 19.0244 18.1196 19.0758C18.1045 19.1866 18.0878 19.3088 18.1333 19.4V20.7333C18.1333 21.2666 18 21.8 17.7333 22.2666C17.4667 22.7333 17 23.0666 16.5333 23.2666C16.0667 23.4666 15.5333 23.5333 15 23.4C14.4667 23.2666 14 23 13.6667 22.6L12.8 21.6C12.7333 21.4666 12.6 21.3333 12.4667 21.3333C12.2 21.2 11.8667 21.2 11.6 21.3333C11.4667 21.4 11.4 21.4666 11.2667 21.6L10.4 22.6C10.0667 23 9.6 23.2666 9.06667 23.4H8.46666C8.13333 23.4 7.8 23.3333 7.46666 23.2C7 23 6.53333 22.6666 6.26666 22.2C5.93333 21.7333 5.86666 21.2 5.93333 20.6666V19.3333C5.93333 19.2232 5.91313 19.1333 5.89496 19.0525C5.88013 18.9865 5.86666 18.9266 5.86666 18.8666C5.8 18.7333 5.73333 18.6 5.6 18.4666C5.46666 18.3333 5.33333 18.2 5.2 18.2C5.15778 18.2 5.10888 18.1933 5.05753 18.1863C4.9467 18.1711 4.82445 18.1544 4.73333 18.2H3.4C2.86666 18.2 2.33333 18.0666 1.86666 17.8C1.4 17.5333 1.06666 17.0666 0.866665 16.6C0.666665 16.1333 0.599998 15.6 0.733331 15.0666C0.866665 14.5333 1.13333 14.0666 1.53333 13.7333L2.53333 12.8666C2.66666 12.8 2.8 12.6666 2.8 12.5333C2.86666 12.4 2.86666 12.2666 2.86666 12.0666C2.86666 11.9565 2.84646 11.8666 2.8283 11.7858C2.81347 11.7198 2.8 11.6599 2.8 11.6C2.73333 11.4666 2.66666 11.4 2.53333 11.2666L1.53333 10.4C1.13333 10.0666 0.866665 9.59996 0.733331 9.06663C0.599998 8.53329 0.666665 7.99996 0.866665 7.53329C1.06666 7.06663 1.4 6.59996 1.86666 6.33329C2.33333 5.99996 2.86666 5.93329 3.4 5.99996H4.73333C4.84343 5.99996 4.93333 5.97975 5.01415 5.96159C5.08013 5.94676 5.14007 5.93329 5.2 5.93329C5.33333 5.86663 5.46666 5.79996 5.6 5.66663C5.73333 5.53329 5.86666 5.39996 5.86666 5.26663C5.86666 5.22441 5.87335 5.17551 5.88037 5.12416C5.89551 5.01333 5.91222 4.89108 5.86666 4.79996V3.46663C5.86666 2.93329 6 2.39996 6.26666 1.93329C6.53333 1.46663 7 1.13329 7.46666 0.933292C7.93333 0.733292 8.46666 0.666625 9 0.799959C9.53333 0.933292 10 1.19996 10.3333 1.59996L11.2 2.59996C11.2667 2.73329 11.2667 2.73329 11.5333 2.86663C11.8 2.99996 12.1333 2.99996 12.4 2.86663C12.5333 2.79996 12.6 2.73329 12.7333 2.59996L13.6 1.59996C13.9333 1.19996 14.4 0.933292 14.9333 0.799959C15.4 0.666625 16 0.733292 16.4667 0.933292C16.9333 1.13329 17.4 1.46663 17.6667 1.93329C18 2.39996 18.0667 2.93329 18 3.46663V4.79996C18 4.91006 18.0202 4.99996 18.0384 5.08077C18.0532 5.14676 18.0667 5.20669 18.0667 5.26663C18.1333 5.39996 18.2 5.53329 18.3333 5.66663C18.4667 5.79996 18.6 5.93329 18.7333 5.93329C18.7755 5.93329 18.8244 5.93998 18.8758 5.94699C18.9866 5.96214 19.1089 5.97885 19.2 5.93329H20.5333C21.0667 5.93329 21.6 6.06663 22.0667 6.33329C22.5333 6.59996 22.8667 7.06663 23.0667 7.53329C23.2667 7.99996 23.3333 8.53329 23.2 9.06663C23.0667 9.59996 22.8 10.0666 22.4 10.4L21.4 11.2666C21.2667 11.3333 21.1333 11.4666 21.1333 11.6C21.0667 11.7333 21.0667 11.8666 21.0667 12.0666C21.0667 12.1767 21.0869 12.2666 21.105 12.3474C21.1199 12.4134 21.1333 12.4734 21.1333 12.5333C21.2 12.6666 21.2667 12.7333 21.4 12.8666L22.4 13.7333ZM21.3333 16.5333C21.5333 16.4 21.6667 16.2 21.7333 16L21.6 15.9333C21.6 15.8689 21.6069 15.8046 21.614 15.738C21.6291 15.5977 21.6452 15.4475 21.6 15.2666C21.5333 15 21.4667 14.8 21.2667 14.6666L20.2667 13.8C20 13.5333 19.8 13.2666 19.6667 12.9333C19.5333 12.6 19.4667 12.2666 19.4667 11.8666C19.4667 11.4666 19.5333 11.1333 19.6667 10.8C19.8 10.4666 20 10.2 20.2667 9.93329L21.2667 9.06663C21.4667 8.93329 21.6 8.73329 21.6 8.53329C21.7333 8.26663 21.6667 8.06663 21.6 7.86663C21.5333 7.59996 21.4 7.46663 21.2 7.33329C21 7.19996 20.7333 7.13329 20.5333 7.19996H19.2C18.8 7.19996 18.4667 7.13329 18.1333 6.99996C17.8 6.86663 17.5333 6.66663 17.2667 6.39996C17 6.19996 16.8 5.86663 16.6667 5.53329C16.5333 5.19996 16.4667 4.79996 16.5333 4.46663V3.13329C16.6 2.86663 16.5333 2.66663 16.4 2.46663C16.2667 2.26663 16.0667 2.13329 15.8667 2.06663H15.2C14.9333 2.13329 14.7333 2.19996 14.6 2.39996L13.7333 3.39996C13.4667 3.66663 13.2 3.86663 12.8667 3.99996C12.2 4.26663 11.4 4.26663 10.7333 3.99996C10.4 3.86663 10.1333 3.66663 9.86666 3.39996L9 2.39996C8.86666 2.19996 8.66667 2.06663 8.46666 2.06663C8.2 1.93329 8 1.99996 7.8 2.06663C7.53333 2.13329 7.4 2.26663 7.26666 2.46663C7.13333 2.66663 7.06666 2.93329 7.13333 3.13329V4.46663C7.13333 4.86663 7.06666 5.19996 6.93333 5.53329C6.8 5.93329 6.6 6.19996 6.33333 6.46663C6.06666 6.73329 5.73333 6.93329 5.4 7.06663C5.06666 7.19996 4.66666 7.26663 4.33333 7.19996H3C2.8 7.19996 2.6 7.26663 2.4 7.39996C2.2 7.53329 2.06666 7.73329 2 7.93329V8.59996C2.06666 8.79996 2.2 8.99996 2.33333 9.13329L3.33333 9.99996C3.6 10.2666 3.8 10.5333 3.93333 10.8666C4.06666 11.2 4.13333 11.5333 4.13333 11.9333C4.13333 12.3333 4.06666 12.6666 3.93333 13C3.8 13.3333 3.6 13.6 3.33333 13.8666L2.33333 14.7333C2.13333 14.8666 2 15.0666 2 15.2666C1.86666 15.4666 1.93333 15.7333 2 15.9333C2.06666 16.2 2.2 16.3333 2.4 16.4666C2.6 16.5333 2.86666 16.6 3.06666 16.5333H4.4H4.53333C4.86666 16.5333 5.2 16.6 5.46666 16.7333C5.86666 16.8666 6.13333 17.0666 6.4 17.3333C6.66667 17.6 6.86666 17.9333 7 18.2666C7.13333 18.6 7.2 19 7.13333 19.3333V20.6666C7.13333 20.8666 7.2 21.0666 7.33333 21.2666C7.46666 21.4666 7.66667 21.6 7.86666 21.6666H8.53333C8.73333 21.6 8.93333 21.4666 9.06667 21.3333L9.93333 20.3333C10.2 20.0666 10.4667 19.8666 10.8 19.7333C11.4667 19.4666 12.2667 19.4666 12.9333 19.7333C13.2667 19.8666 13.5333 20.0666 13.8 20.3333L14.6667 21.3333C14.8 21.5333 15 21.6666 15.2 21.6666C15.4667 21.8 15.6667 21.7333 15.8667 21.6666C16.1333 21.6 16.2667 21.4666 16.4 21.2666C16.5333 21.1333 16.6 20.8666 16.5333 20.6666V19.3333C16.5333 18.9333 16.6 18.6 16.7333 18.2666C16.8667 17.9333 17.0667 17.6666 17.3333 17.4C17.6 17.1333 17.9333 16.9333 18.2667 16.8C18.6 16.6666 19 16.6 19.3333 16.6666H20.6667C20.9333 16.7333 21.1333 16.6666 21.3333 16.5333ZM13.9333 7.4C14.5333 7.66667 15.0667 8 15.5333 8.46667H15.6C16.0667 8.93333 16.4 9.46667 16.6667 10.0667C16.9333 10.7333 17.0667 11.3333 17.0667 12C17.0667 12.6667 16.9333 13.3333 16.6667 13.9333C16.4 14.5333 16.0667 15.0667 15.6 15.5333C15.1333 16 14.6 16.3333 14 16.6C13.3333 16.8667 12.7333 17 12.0667 17C11.4 17 10.7333 16.8667 10.1333 16.6C9.53333 16.3333 9 16 8.53333 15.5333C8.06667 15.0667 7.73333 14.5333 7.46667 13.9333C7.2 13.2667 7.06667 12.6667 7.06667 12C7.06667 11.3333 7.2 10.6667 7.46667 10.0667C7.73333 9.46667 8.06667 8.93333 8.53333 8.46667C9 8 9.53333 7.66667 10.1333 7.4C11.3333 6.86667 12.7333 6.86667 13.9333 7.4ZM15.2 13.3334L15.2 13.3333C15.4 12.9333 15.4667 12.4667 15.4667 12C15.4667 11.5333 15.4 11.0667 15.2 10.6667C15.0667 10.2667 14.8 9.86667 14.4667 9.53333C14.1333 9.2 13.7333 9 13.3333 8.8C12.9333 8.6 12.4667 8.53333 12 8.53333C11.5333 8.53333 11.0667 8.6 10.6667 8.8C10.2667 8.93333 9.86667 9.2 9.53333 9.53333C9.2 9.86667 9 10.2667 8.8 10.6667C8.6 11.0667 8.53333 11.5333 8.53333 12C8.53333 12.4667 8.6 12.9333 8.8 13.3333C8.93333 13.7333 9.2 14.1333 9.53333 14.4667C9.86667 14.8 10.2667 15 10.6667 15.2C11.5333 15.5333 12.4667 15.5333 13.3333 15.2C13.7333 15.0667 14.1333 14.8 14.4667 14.4667C14.8 14.1333 15 13.7333 15.2 13.3334Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_7428_1459">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}