odaptos_design_system 2.0.5 → 2.0.7

package/src/DesignTokens/Icons/Arrows/ArrowPointerUp.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 ArrowPointerUp({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.5}
-      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_112_1067)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12 0C12.4142 0 12.75 0.335786 12.75 0.75V23.25C12.75 23.6642 12.4142 24 12 24C11.5858 24 11.25 23.6642 11.25 23.25V0.75C11.25 0.335786 11.5858 0 12 0Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M11.4697 0.21967C11.7626 -0.0732233 12.2374 -0.0732233 12.5303 0.21967L23.0303 10.7197C23.3232 11.0126 23.3232 11.4874 23.0303 11.7803C22.7374 12.0732 22.2626 12.0732 21.9697 11.7803L12 1.81066L2.03033 11.7803C1.73744 12.0732 1.26256 12.0732 0.96967 11.7803C0.676777 11.4874 0.676777 11.0126 0.96967 10.7197L11.4697 0.21967Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_112_1067">
-            <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 ArrowPointerUp({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.5}
+      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_112_1067)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 0C12.4142 0 12.75 0.335786 12.75 0.75V23.25C12.75 23.6642 12.4142 24 12 24C11.5858 24 11.25 23.6642 11.25 23.25V0.75C11.25 0.335786 11.5858 0 12 0Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.4697 0.21967C11.7626 -0.0732233 12.2374 -0.0732233 12.5303 0.21967L23.0303 10.7197C23.3232 11.0126 23.3232 11.4874 23.0303 11.7803C22.7374 12.0732 22.2626 12.0732 21.9697 11.7803L12 1.81066L2.03033 11.7803C1.73744 12.0732 1.26256 12.0732 0.96967 11.7803C0.676777 11.4874 0.676777 11.0126 0.96967 10.7197L11.4697 0.21967Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_112_1067">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Arrows/ArrowPointerUpLeft.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 ArrowPointerUpLeft({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.5}
-      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.4403 20.1903C20.1474 20.4832 19.6726 20.4832 19.3797 20.1903L3.46967 4.28033C3.17678 3.98744 3.17678 3.51257 3.46967 3.21967C3.76257 2.92678 4.23744 2.92678 4.53034 3.21967L20.4403 19.1297C20.7332 19.4226 20.7332 19.8974 20.4403 20.1903Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M4 19.5C3.58579 19.5 3.25 19.1642 3.25 18.75L3.25001 3.75C3.25001 3.33579 3.58579 3 4.00001 3L19 3C19.4142 3 19.75 3.33579 19.75 3.75C19.75 4.16422 19.4142 4.5 19 4.5L4.75001 4.5L4.75 18.75C4.75 19.1642 4.41422 19.5 4 19.5Z"
-          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 ArrowPointerUpLeft({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.5}
+      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.4403 20.1903C20.1474 20.4832 19.6726 20.4832 19.3797 20.1903L3.46967 4.28033C3.17678 3.98744 3.17678 3.51257 3.46967 3.21967C3.76257 2.92678 4.23744 2.92678 4.53034 3.21967L20.4403 19.1297C20.7332 19.4226 20.7332 19.8974 20.4403 20.1903Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M4 19.5C3.58579 19.5 3.25 19.1642 3.25 18.75L3.25001 3.75C3.25001 3.33579 3.58579 3 4.00001 3L19 3C19.4142 3 19.75 3.33579 19.75 3.75C19.75 4.16422 19.4142 4.5 19 4.5L4.75001 4.5L4.75 18.75C4.75 19.1642 4.41422 19.5 4 19.5Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Arrows/ArrowPointerUpRight.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 ArrowPointerUpRight({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.5}
-      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.71967 20.1903C3.42678 19.8974 3.42678 19.4226 3.71967 19.1297L19.6297 3.21967C19.9226 2.92678 20.3974 2.92678 20.6903 3.21967C20.9832 3.51256 20.9832 3.98744 20.6903 4.28033L4.78033 20.1903C4.48744 20.4832 4.01257 20.4832 3.71967 20.1903Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M20.16 19.5C19.7458 19.5 19.41 19.1642 19.41 18.75L19.41 4.5L5.16001 4.5C4.74579 4.5 4.41001 4.16421 4.41001 3.75C4.41001 3.33579 4.74579 3 5.16001 3L20.16 3C20.5742 3 20.91 3.33579 20.91 3.75L20.91 18.75C20.91 19.1642 20.5742 19.5 20.16 19.5Z"
-          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 ArrowPointerUpRight({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.5}
+      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.71967 20.1903C3.42678 19.8974 3.42678 19.4226 3.71967 19.1297L19.6297 3.21967C19.9226 2.92678 20.3974 2.92678 20.6903 3.21967C20.9832 3.51256 20.9832 3.98744 20.6903 4.28033L4.78033 20.1903C4.48744 20.4832 4.01257 20.4832 3.71967 20.1903Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M20.16 19.5C19.7458 19.5 19.41 19.1642 19.41 18.75L19.41 4.5L5.16001 4.5C4.74579 4.5 4.41001 4.16421 4.41001 3.75C4.41001 3.33579 4.74579 3 5.16001 3L20.16 3C20.5742 3 20.91 3.33579 20.91 3.75L20.91 18.75C20.91 19.1642 20.5742 19.5 20.16 19.5Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Circled/AddCircledIcon.tsx

@@ -1,51 +1,51 @@
-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 AddCircledIcon({
-  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="M12 6.75C12.4142 6.75 12.75 7.08579 12.75 7.5V16.5C12.75 16.9142 12.4142 17.25 12 17.25C11.5858 17.25 11.25 16.9142 11.25 16.5V7.5C11.25 7.08579 11.5858 6.75 12 6.75Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M6.75 12C6.75 11.5858 7.08579 11.25 7.5 11.25H16.5C16.9142 11.25 17.25 11.5858 17.25 12C17.25 12.4142 16.9142 12.75 16.5 12.75H7.5C7.08579 12.75 6.75 12.4142 6.75 12Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5ZM0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 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 AddCircledIcon({
+  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="M12 6.75C12.4142 6.75 12.75 7.08579 12.75 7.5V16.5C12.75 16.9142 12.4142 17.25 12 17.25C11.5858 17.25 11.25 16.9142 11.25 16.5V7.5C11.25 7.08579 11.5858 6.75 12 6.75Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M6.75 12C6.75 11.5858 7.08579 11.25 7.5 11.25H16.5C16.9142 11.25 17.25 11.5858 17.25 12C17.25 12.4142 16.9142 12.75 16.5 12.75H7.5C7.08579 12.75 6.75 12.4142 6.75 12Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5ZM0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Circled/AlertCircledIcon.tsx

@@ -1,64 +1,64 @@
-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 AlertCircledIcon({
-  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_222)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12 17.25C12.2071 17.25 12.375 17.0821 12.375 16.875C12.375 16.6679 12.2071 16.5 12 16.5V15.75C11.3787 15.75 10.875 16.2537 10.875 16.875C10.875 17.4963 11.3787 18 12 18V17.25Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12 15.75C12.6213 15.75 13.125 16.2537 13.125 16.875C13.125 17.4963 12.6213 18 12 18V17.25C11.7929 17.25 11.625 17.0821 11.625 16.875C11.625 16.6679 11.7929 16.5 12 16.5V15.75Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12 4.5C12.4142 4.5 12.75 4.83579 12.75 5.25V13.5C12.75 13.9142 12.4142 14.25 12 14.25C11.5858 14.25 11.25 13.9142 11.25 13.5V5.25C11.25 4.83579 11.5858 4.5 12 4.5Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M0 12C0 5.37259 5.37259 0 12 0C18.6274 0 24 5.37259 24 12C24 18.6274 18.6274 24 12 24C5.37259 24 0 18.6274 0 12ZM12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_122_222">
-            <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 AlertCircledIcon({
+  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_222)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 17.25C12.2071 17.25 12.375 17.0821 12.375 16.875C12.375 16.6679 12.2071 16.5 12 16.5V15.75C11.3787 15.75 10.875 16.2537 10.875 16.875C10.875 17.4963 11.3787 18 12 18V17.25Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 15.75C12.6213 15.75 13.125 16.2537 13.125 16.875C13.125 17.4963 12.6213 18 12 18V17.25C11.7929 17.25 11.625 17.0821 11.625 16.875C11.625 16.6679 11.7929 16.5 12 16.5V15.75Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 4.5C12.4142 4.5 12.75 4.83579 12.75 5.25V13.5C12.75 13.9142 12.4142 14.25 12 14.25C11.5858 14.25 11.25 13.9142 11.25 13.5V5.25C11.25 4.83579 11.5858 4.5 12 4.5Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 12C0 5.37259 5.37259 0 12 0C18.6274 0 24 5.37259 24 12C24 18.6274 18.6274 24 12 24C5.37259 24 0 18.6274 0 12ZM12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_222">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Circled/CheckedCircled.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 CheckedCircled({
-  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_223)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M23.7301 0.172801C24.0483 0.437955 24.0913 0.910876 23.8262 1.2291L13.0342 14.1811C12.8114 14.4484 12.5303 14.6611 12.2125 14.8028C11.8947 14.9445 11.5487 15.0114 11.201 14.9984C10.8532 14.9855 10.5131 14.893 10.2068 14.728C9.90043 14.5631 9.63597 14.3301 9.43373 14.047L6.13973 9.43596C5.89895 9.09892 5.97699 8.6305 6.31403 8.38972C6.65108 8.14895 7.1195 8.22699 7.36027 8.56403L10.6543 13.175C10.7232 13.2716 10.8134 13.351 10.9179 13.4073C11.0223 13.4635 11.1383 13.4951 11.2568 13.4995C11.3754 13.5039 11.4934 13.4811 11.6017 13.4328C11.7101 13.3845 11.8059 13.312 11.8818 13.2209L22.6738 0.268893C22.939 -0.0493306 23.4119 -0.0923524 23.7301 0.172801Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M9.49844 1.64413C12.1603 1.22055 14.8857 1.76786 17.1777 3.18624C17.5299 3.40422 17.6387 3.86645 17.4208 4.21867C17.2028 4.5709 16.7405 4.67972 16.3883 4.46175C14.4023 3.2327 12.0407 2.75845 9.73417 3.12549C7.42764 3.49253 5.32988 4.6764 3.82346 6.4612C2.31705 8.246 1.50235 10.5128 1.52795 12.8482C1.55355 15.1836 2.41774 17.432 3.96292 19.1834C5.50809 20.9347 7.6313 22.0723 9.94532 22.3887C12.2593 22.7051 14.61 22.1792 16.5686 20.9069C18.5272 19.6347 19.9632 17.7008 20.6148 15.4579C21.2664 13.2151 21.0901 10.8128 20.118 8.68913C19.9457 8.3125 20.1112 7.86742 20.4879 7.69504C20.8645 7.52265 21.3096 7.68822 21.482 8.06486C22.6037 10.5157 22.8072 13.2881 22.0552 15.8764C21.3033 18.4647 19.646 20.6966 17.3857 22.1648C15.1254 23.6331 12.4126 24.24 9.74212 23.8749C7.07162 23.5098 4.62133 22.1969 2.83812 20.1758C1.05491 18.1546 0.057586 15.5598 0.0280432 12.8647C-0.00149954 10.1695 0.938703 7.55347 2.67718 5.49371C4.41566 3.43396 6.83658 2.06771 9.49844 1.64413Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_122_223">
-            <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 CheckedCircled({
+  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_223)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M23.7301 0.172801C24.0483 0.437955 24.0913 0.910876 23.8262 1.2291L13.0342 14.1811C12.8114 14.4484 12.5303 14.6611 12.2125 14.8028C11.8947 14.9445 11.5487 15.0114 11.201 14.9984C10.8532 14.9855 10.5131 14.893 10.2068 14.728C9.90043 14.5631 9.63597 14.3301 9.43373 14.047L6.13973 9.43596C5.89895 9.09892 5.97699 8.6305 6.31403 8.38972C6.65108 8.14895 7.1195 8.22699 7.36027 8.56403L10.6543 13.175C10.7232 13.2716 10.8134 13.351 10.9179 13.4073C11.0223 13.4635 11.1383 13.4951 11.2568 13.4995C11.3754 13.5039 11.4934 13.4811 11.6017 13.4328C11.7101 13.3845 11.8059 13.312 11.8818 13.2209L22.6738 0.268893C22.939 -0.0493306 23.4119 -0.0923524 23.7301 0.172801Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M9.49844 1.64413C12.1603 1.22055 14.8857 1.76786 17.1777 3.18624C17.5299 3.40422 17.6387 3.86645 17.4208 4.21867C17.2028 4.5709 16.7405 4.67972 16.3883 4.46175C14.4023 3.2327 12.0407 2.75845 9.73417 3.12549C7.42764 3.49253 5.32988 4.6764 3.82346 6.4612C2.31705 8.246 1.50235 10.5128 1.52795 12.8482C1.55355 15.1836 2.41774 17.432 3.96292 19.1834C5.50809 20.9347 7.6313 22.0723 9.94532 22.3887C12.2593 22.7051 14.61 22.1792 16.5686 20.9069C18.5272 19.6347 19.9632 17.7008 20.6148 15.4579C21.2664 13.2151 21.0901 10.8128 20.118 8.68913C19.9457 8.3125 20.1112 7.86742 20.4879 7.69504C20.8645 7.52265 21.3096 7.68822 21.482 8.06486C22.6037 10.5157 22.8072 13.2881 22.0552 15.8764C21.3033 18.4647 19.646 20.6966 17.3857 22.1648C15.1254 23.6331 12.4126 24.24 9.74212 23.8749C7.07162 23.5098 4.62133 22.1969 2.83812 20.1758C1.05491 18.1546 0.057586 15.5598 0.0280432 12.8647C-0.00149954 10.1695 0.938703 7.55347 2.67718 5.49371C4.41566 3.43396 6.83658 2.06771 9.49844 1.64413Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_223">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}