odaptos_design_system 2.0.5 → 2.0.7

package/src/DesignTokens/Icons/Circled/InfoCircledIcon.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 InfoCircledIcon({
-  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_2527_33176)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M9.75 10.5C9.75 10.0858 10.0858 9.75 10.5 9.75H11.25C11.6478 9.75 12.0294 9.90804 12.3107 10.1893C12.592 10.4706 12.75 10.8522 12.75 11.25V15C12.75 15.1989 12.829 15.3897 12.9697 15.5303C13.1103 15.671 13.3011 15.75 13.5 15.75H14.25C14.6642 15.75 15 16.0858 15 16.5C15 16.9142 14.6642 17.25 14.25 17.25H13.5C12.9033 17.25 12.331 17.0129 11.909 16.591C11.4871 16.169 11.25 15.5967 11.25 15V11.25H10.5C10.0858 11.25 9.75 10.9142 9.75 10.5Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M11.625 7.5C11.7245 7.5 11.8198 7.46049 11.8902 7.39017C11.9605 7.31984 12 7.22446 12 7.125C12 7.02554 11.9605 6.93016 11.8902 6.85983C11.8198 6.78951 11.7245 6.75 11.625 6.75V6C11.3266 6 11.0405 6.11853 10.8295 6.32951C10.6185 6.54048 10.5 6.82663 10.5 7.125C10.5 7.42337 10.6185 7.70952 10.8295 7.92049C11.0405 8.13147 11.3266 8.25 11.625 8.25V7.5Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M11.625 6C11.9234 6 12.2095 6.11853 12.4205 6.32951C12.6315 6.54048 12.75 6.82663 12.75 7.125C12.75 7.42337 12.6315 7.70952 12.4205 7.92049C12.2095 8.13147 11.9234 8.25 11.625 8.25V7.5C11.5255 7.5 11.4302 7.46049 11.3598 7.39017C11.2895 7.31984 11.25 7.22446 11.25 7.125C11.25 7.02554 11.2895 6.93016 11.3598 6.85983C11.4302 6.78951 11.5255 6.75 11.625 6.75V6Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M0 12C0 5.37279 5.37279 0 12 0C18.6272 0 24 5.37279 24 12C24 18.6272 18.6272 24 12 24C5.37279 24 0 18.6272 0 12ZM12 1.5C6.20121 1.5 1.5 6.20121 1.5 12C1.5 17.7988 6.20121 22.5 12 22.5C17.7988 22.5 22.5 17.7988 22.5 12C22.5 6.20121 17.7988 1.5 12 1.5Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_2527_33176">
-            <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 InfoCircledIcon({
+  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_2527_33176)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M9.75 10.5C9.75 10.0858 10.0858 9.75 10.5 9.75H11.25C11.6478 9.75 12.0294 9.90804 12.3107 10.1893C12.592 10.4706 12.75 10.8522 12.75 11.25V15C12.75 15.1989 12.829 15.3897 12.9697 15.5303C13.1103 15.671 13.3011 15.75 13.5 15.75H14.25C14.6642 15.75 15 16.0858 15 16.5C15 16.9142 14.6642 17.25 14.25 17.25H13.5C12.9033 17.25 12.331 17.0129 11.909 16.591C11.4871 16.169 11.25 15.5967 11.25 15V11.25H10.5C10.0858 11.25 9.75 10.9142 9.75 10.5Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.625 7.5C11.7245 7.5 11.8198 7.46049 11.8902 7.39017C11.9605 7.31984 12 7.22446 12 7.125C12 7.02554 11.9605 6.93016 11.8902 6.85983C11.8198 6.78951 11.7245 6.75 11.625 6.75V6C11.3266 6 11.0405 6.11853 10.8295 6.32951C10.6185 6.54048 10.5 6.82663 10.5 7.125C10.5 7.42337 10.6185 7.70952 10.8295 7.92049C11.0405 8.13147 11.3266 8.25 11.625 8.25V7.5Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.625 6C11.9234 6 12.2095 6.11853 12.4205 6.32951C12.6315 6.54048 12.75 6.82663 12.75 7.125C12.75 7.42337 12.6315 7.70952 12.4205 7.92049C12.2095 8.13147 11.9234 8.25 11.625 8.25V7.5C11.5255 7.5 11.4302 7.46049 11.3598 7.39017C11.2895 7.31984 11.25 7.22446 11.25 7.125C11.25 7.02554 11.2895 6.93016 11.3598 6.85983C11.4302 6.78951 11.5255 6.75 11.625 6.75V6Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 12C0 5.37279 5.37279 0 12 0C18.6272 0 24 5.37279 24 12C24 18.6272 18.6272 24 12 24C5.37279 24 0 18.6272 0 12ZM12 1.5C6.20121 1.5 1.5 6.20121 1.5 12C1.5 17.7988 6.20121 22.5 12 22.5C17.7988 22.5 22.5 17.7988 22.5 12C22.5 6.20121 17.7988 1.5 12 1.5Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_2527_33176">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Circled/MinusCircledIcon.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 MinusCircledIcon({
-  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_131_53)">
-          <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}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_131_53">
-            <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 MinusCircledIcon({
+  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_131_53)">
+          <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}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_131_53">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Circled/NavigationCircledIcon.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 NavigationCircledIcon({
-  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_403_2867)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M6.751 11.997C6.751 11.5828 7.08679 11.247 7.501 11.247H16.501C16.9152 11.247 17.251 11.5828 17.251 11.997C17.251 12.4112 16.9152 12.747 16.501 12.747H7.501C7.08679 12.747 6.751 12.4112 6.751 11.997Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12.2207 7.71667C12.5136 7.42378 12.9884 7.42378 13.2813 7.71667L17.0313 11.4667C17.3242 11.7596 17.3242 12.2344 17.0313 12.5273L13.2813 16.2773C12.9884 16.5702 12.5136 16.5702 12.2207 16.2773C11.9278 15.9844 11.9278 15.5096 12.2207 15.2167L15.4403 11.997L12.2207 8.77733C11.9278 8.48444 11.9278 8.00956 12.2207 7.71667Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12.001 2.247C6.61622 2.247 2.251 6.61223 2.251 11.997C2.251 17.3818 6.61622 21.747 12.001 21.747C17.3858 21.747 21.751 17.3818 21.751 11.997C21.751 6.61223 17.3858 2.247 12.001 2.247ZM0.751 11.997C0.751 5.7838 5.7878 0.747002 12.001 0.747002C18.2142 0.747002 23.251 5.7838 23.251 11.997C23.251 18.2102 18.2142 23.247 12.001 23.247C5.7878 23.247 0.751 18.2102 0.751 11.997Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_403_2867">
-            <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 NavigationCircledIcon({
+  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_403_2867)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.751 11.997C6.751 11.5828 7.08679 11.247 7.501 11.247H16.501C16.9152 11.247 17.251 11.5828 17.251 11.997C17.251 12.4112 16.9152 12.747 16.501 12.747H7.501C7.08679 12.747 6.751 12.4112 6.751 11.997Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12.2207 7.71667C12.5136 7.42378 12.9884 7.42378 13.2813 7.71667L17.0313 11.4667C17.3242 11.7596 17.3242 12.2344 17.0313 12.5273L13.2813 16.2773C12.9884 16.5702 12.5136 16.5702 12.2207 16.2773C11.9278 15.9844 11.9278 15.5096 12.2207 15.2167L15.4403 11.997L12.2207 8.77733C11.9278 8.48444 11.9278 8.00956 12.2207 7.71667Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12.001 2.247C6.61622 2.247 2.251 6.61223 2.251 11.997C2.251 17.3818 6.61622 21.747 12.001 21.747C17.3858 21.747 21.751 17.3818 21.751 11.997C21.751 6.61223 17.3858 2.247 12.001 2.247ZM0.751 11.997C0.751 5.7838 5.7878 0.747002 12.001 0.747002C18.2142 0.747002 23.251 5.7838 23.251 11.997C23.251 18.2102 18.2142 23.247 12.001 23.247C5.7878 23.247 0.751 18.2102 0.751 11.997Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_403_2867">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Circled/QuestionCircledIcon.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 QuestionCircledIcon({
-  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.1552 6.75593C11.7437 6.72748 11.3323 6.81269 10.966 7.00226C10.5996 7.19182 10.2924 7.47844 10.078 7.83079C9.86354 8.18314 9.75008 8.58766 9.75 9.00014C9.74992 9.41436 9.41407 9.75008 8.99986 9.75C8.58564 9.74992 8.24992 9.41407 8.25 8.99986C8.25013 8.31239 8.43924 7.63819 8.79665 7.05094C9.15407 6.46369 9.66603 5.98599 10.2766 5.67005C10.8872 5.35411 11.5728 5.21209 12.2587 5.2595C12.9445 5.30692 13.6041 5.54196 14.1654 5.93892C14.7266 6.33588 15.168 6.87949 15.4412 7.51034C15.7144 8.14119 15.8089 8.83501 15.7144 9.51595C15.6199 10.1969 15.3401 10.8388 14.9055 11.3714C14.4708 11.904 13.8981 12.307 13.25 12.5361C13.1037 12.5878 12.9771 12.6836 12.8875 12.8104C12.798 12.9371 12.7499 13.0884 12.75 13.2436V14.25C12.75 14.6642 12.4142 15 12 15C11.5858 15 11.25 14.6642 11.25 14.25V13.2444C11.25 13.2443 11.25 13.2445 11.25 13.2444C11.2498 12.779 11.394 12.3247 11.6625 11.9447C11.9312 11.5645 12.3111 11.2771 12.75 11.1219C13.1389 10.9844 13.4825 10.7427 13.7433 10.4231C14.0041 10.1035 14.172 9.71836 14.2286 9.3098C14.2853 8.90123 14.2286 8.48495 14.0647 8.10644C13.9008 7.72792 13.636 7.40176 13.2992 7.16358C12.9624 6.9254 12.5667 6.78438 12.1552 6.75593Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M12 18C12.0995 18 12.1948 17.9605 12.2652 17.8902C12.3355 17.8198 12.375 17.7245 12.375 17.625C12.375 17.5255 12.3355 17.4302 12.2652 17.3598C12.1948 17.2895 12.0995 17.25 12 17.25V16.5C11.7016 16.5 11.4155 16.6185 11.2045 16.8295C10.9935 17.0405 10.875 17.3266 10.875 17.625C10.875 17.9234 10.9935 18.2095 11.2045 18.4205C11.4155 18.6315 11.7016 18.75 12 18.75V18Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M12 16.5C12.2984 16.5 12.5845 16.6185 12.7955 16.8295C13.0065 17.0405 13.125 17.3266 13.125 17.625C13.125 17.9234 13.0065 18.2095 12.7955 18.4205C12.5845 18.6315 12.2984 18.75 12 18.75V18C11.9005 18 11.8052 17.9605 11.7348 17.8902C11.6645 17.8198 11.625 17.7245 11.625 17.625C11.625 17.5255 11.6645 17.4302 11.7348 17.3598C11.8052 17.2895 11.9005 17.25 12 17.25V16.5Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M12 21.5C17.2465 21.5 21.5 17.2465 21.5 12C21.5 6.75349 17.2465 2.5 12 2.5C6.75349 2.5 2.5 6.75349 2.5 12C2.5 17.2465 6.75349 21.5 12 21.5ZM23 12C23 18.0749 18.0749 23 12 23C5.92507 23 1 18.0749 1 12C1 5.92507 5.92507 1 12 1C18.0749 1 23 5.92507 23 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 QuestionCircledIcon({
+  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.1552 6.75593C11.7437 6.72748 11.3323 6.81269 10.966 7.00226C10.5996 7.19182 10.2924 7.47844 10.078 7.83079C9.86354 8.18314 9.75008 8.58766 9.75 9.00014C9.74992 9.41436 9.41407 9.75008 8.99986 9.75C8.58564 9.74992 8.24992 9.41407 8.25 8.99986C8.25013 8.31239 8.43924 7.63819 8.79665 7.05094C9.15407 6.46369 9.66603 5.98599 10.2766 5.67005C10.8872 5.35411 11.5728 5.21209 12.2587 5.2595C12.9445 5.30692 13.6041 5.54196 14.1654 5.93892C14.7266 6.33588 15.168 6.87949 15.4412 7.51034C15.7144 8.14119 15.8089 8.83501 15.7144 9.51595C15.6199 10.1969 15.3401 10.8388 14.9055 11.3714C14.4708 11.904 13.8981 12.307 13.25 12.5361C13.1037 12.5878 12.9771 12.6836 12.8875 12.8104C12.798 12.9371 12.7499 13.0884 12.75 13.2436V14.25C12.75 14.6642 12.4142 15 12 15C11.5858 15 11.25 14.6642 11.25 14.25V13.2444C11.25 13.2443 11.25 13.2445 11.25 13.2444C11.2498 12.779 11.394 12.3247 11.6625 11.9447C11.9312 11.5645 12.3111 11.2771 12.75 11.1219C13.1389 10.9844 13.4825 10.7427 13.7433 10.4231C14.0041 10.1035 14.172 9.71836 14.2286 9.3098C14.2853 8.90123 14.2286 8.48495 14.0647 8.10644C13.9008 7.72792 13.636 7.40176 13.2992 7.16358C12.9624 6.9254 12.5667 6.78438 12.1552 6.75593Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M12 18C12.0995 18 12.1948 17.9605 12.2652 17.8902C12.3355 17.8198 12.375 17.7245 12.375 17.625C12.375 17.5255 12.3355 17.4302 12.2652 17.3598C12.1948 17.2895 12.0995 17.25 12 17.25V16.5C11.7016 16.5 11.4155 16.6185 11.2045 16.8295C10.9935 17.0405 10.875 17.3266 10.875 17.625C10.875 17.9234 10.9935 18.2095 11.2045 18.4205C11.4155 18.6315 11.7016 18.75 12 18.75V18Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M12 16.5C12.2984 16.5 12.5845 16.6185 12.7955 16.8295C13.0065 17.0405 13.125 17.3266 13.125 17.625C13.125 17.9234 13.0065 18.2095 12.7955 18.4205C12.5845 18.6315 12.2984 18.75 12 18.75V18C11.9005 18 11.8052 17.9605 11.7348 17.8902C11.6645 17.8198 11.625 17.7245 11.625 17.625C11.625 17.5255 11.6645 17.4302 11.7348 17.3598C11.8052 17.2895 11.9005 17.25 12 17.25V16.5Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M12 21.5C17.2465 21.5 21.5 17.2465 21.5 12C21.5 6.75349 17.2465 2.5 12 2.5C6.75349 2.5 2.5 6.75349 2.5 12C2.5 17.2465 6.75349 21.5 12 21.5ZM23 12C23 18.0749 18.0749 23 12 23C5.92507 23 1 18.0749 1 12C1 5.92507 5.92507 1 12 1C18.0749 1 23 5.92507 23 12Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Circled/RemoveCircledIcon.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 RemoveCircledIcon({
-  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="M15.7124 8.28771C16.0052 8.58063 16.0052 9.0555 15.7123 9.34837L9.34829 15.7114C9.05537 16.0042 8.5805 16.0042 8.28763 15.7113C7.99476 15.4184 7.99479 14.9435 8.28771 14.6506L14.6517 8.28763C14.9446 7.99476 15.4195 7.99479 15.7124 8.28771Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M8.28763 8.28771C8.5805 7.99479 9.05537 7.99476 9.34829 8.28763L15.7123 14.6506C16.0052 14.9435 16.0052 15.4184 15.7124 15.7113C15.4195 16.0042 14.9446 16.0042 14.6517 15.7114L8.28771 9.34837C7.99479 9.0555 7.99476 8.58063 8.28763 8.28771Z"
-          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 RemoveCircledIcon({
+  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="M15.7124 8.28771C16.0052 8.58063 16.0052 9.0555 15.7123 9.34837L9.34829 15.7114C9.05537 16.0042 8.5805 16.0042 8.28763 15.7113C7.99476 15.4184 7.99479 14.9435 8.28771 14.6506L14.6517 8.28763C14.9446 7.99476 15.4195 7.99479 15.7124 8.28771Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M8.28763 8.28771C8.5805 7.99479 9.05537 7.99476 9.34829 8.28763L15.7123 14.6506C16.0052 14.9435 16.0052 15.4184 15.7124 15.7113C15.4195 16.0042 14.9446 16.0042 14.6517 15.7114L8.28771 9.34837C7.99479 9.0555 7.99476 8.58063 8.28763 8.28771Z"
+          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>
+  );
+}