odaptos_design_system 2.0.5 → 2.0.7

package/src/DesignTokens/Icons/Miscellaneous/FileUploadIcon.tsx

@@ -1,65 +1,65 @@
-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 FileUploadIcon({
-  stroke = 'transparent',
-  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"
-      >
-        <mask
-          id="mask0_5879_32591"
-          maskUnits="userSpaceOnUse"
-          x="0"
-          y="0"
-          width="24"
-          height="24"
-        >
-          <path d="M24 0H0V24H24V0Z" fill="white" />
-        </mask>
-        <g mask="url(#mask0_5879_32591)">
-          <path
-            d="M17.2 24C15.4 24 13.7 23.3 12.4 22C11.1 20.7 10.4 19 10.4 17.2C10.4 15.4 11.1 13.7 12.4 12.4C13.7 11.1 15.4 10.4 17.2 10.4C19 10.4 20.7 11.1 22 12.4C23.3 13.7 24 15.4 24 17.2C24 19 23.3 20.7 22 22C20.7 23.3 19.1 24 17.2 24ZM17.2 12C15.8 12 14.5 12.5 13.5 13.5C12.5 14.5 12 15.8 12 17.2C12 18.6 12.5 19.9 13.5 20.9C14.5 21.9 15.8 22.4 17.2 22.4C18.6 22.4 20 22 21 21C22 20 22.5 18.7 22.5 17.3C22.5 15.9 22 14.5 21 13.5C20 12.5 18.7 12 17.2 12Z"
-            fill={fill}
-          />
-          <path
-            d="M17.2 21C16.8 21 16.4 20.7 16.4 20.2V14.2C16.4 13.8 16.7 13.4 17.2 13.4C17.7 13.4 18 13.7 18 14.2V20.2C18 20.7 17.7 21 17.2 21Z"
-            fill={fill}
-          />
-          <path
-            d="M15 17.2C14.8 17.2 14.6 17.1 14.5 17C14.2 16.7 14.2 16.2 14.5 15.9L16.7 13.7C17 13.4 17.5 13.4 17.8 13.7C18.1 14 18.1 14.5 17.8 14.8L15.5 17C15.4 17.2 15.2 17.2 15 17.2Z"
-            fill={fill}
-          />
-          <path
-            d="M19.5 17.2C19.3 17.2 19.1 17.1 19 17L16.8 14.8C16.5 14.5 16.5 14 16.8 13.7C17.1 13.4 17.6 13.4 17.9 13.7L20 16C20.3 16.3 20.3 16.8 20 17.1C19.9 17.2 19.7 17.2 19.5 17.2Z"
-            fill={fill}
-          />
-          <path
-            d="M8.2 21H2.2C1.6 21 1 20.8 0.600002 20.3C0.200002 19.9 -0.0999985 19.3 -0.0999985 18.7V2.2C-0.0999985 1.6 0.100002 1 0.600002 0.6C1.1 0.2 1.6 0 2.2 0H12.8C13.4 0 14 0.2 14.4 0.7L17.3 3.6C17.8 4 18 4.5 18 5.1V8.2C18 8.7 17.7 9 17.2 9C16.7 9 16.4 8.7 16.4 8.2V5.1C16.4 4.9 16.3 4.7 16.2 4.6L13.3 1.7C13.2 1.6 13 1.5 12.8 1.5H2.2C2 1.5 1.9 1.6 1.7 1.7C1.5 1.8 1.5 2 1.5 2.2V18.7C1.5 18.9 1.6 19.1 1.7 19.2C1.8 19.3 2 19.4 2.2 19.4H8.2C8.6 19.4 9 19.7 9 20.2C9 20.7 8.7 21 8.2 21Z"
-            fill={fill}
-          />
-        </g>
-      </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 FileUploadIcon({
+  stroke = 'transparent',
+  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"
+      >
+        <mask
+          id="mask0_5879_32591"
+          maskUnits="userSpaceOnUse"
+          x="0"
+          y="0"
+          width="24"
+          height="24"
+        >
+          <path d="M24 0H0V24H24V0Z" fill="white" />
+        </mask>
+        <g mask="url(#mask0_5879_32591)">
+          <path
+            d="M17.2 24C15.4 24 13.7 23.3 12.4 22C11.1 20.7 10.4 19 10.4 17.2C10.4 15.4 11.1 13.7 12.4 12.4C13.7 11.1 15.4 10.4 17.2 10.4C19 10.4 20.7 11.1 22 12.4C23.3 13.7 24 15.4 24 17.2C24 19 23.3 20.7 22 22C20.7 23.3 19.1 24 17.2 24ZM17.2 12C15.8 12 14.5 12.5 13.5 13.5C12.5 14.5 12 15.8 12 17.2C12 18.6 12.5 19.9 13.5 20.9C14.5 21.9 15.8 22.4 17.2 22.4C18.6 22.4 20 22 21 21C22 20 22.5 18.7 22.5 17.3C22.5 15.9 22 14.5 21 13.5C20 12.5 18.7 12 17.2 12Z"
+            fill={fill}
+          />
+          <path
+            d="M17.2 21C16.8 21 16.4 20.7 16.4 20.2V14.2C16.4 13.8 16.7 13.4 17.2 13.4C17.7 13.4 18 13.7 18 14.2V20.2C18 20.7 17.7 21 17.2 21Z"
+            fill={fill}
+          />
+          <path
+            d="M15 17.2C14.8 17.2 14.6 17.1 14.5 17C14.2 16.7 14.2 16.2 14.5 15.9L16.7 13.7C17 13.4 17.5 13.4 17.8 13.7C18.1 14 18.1 14.5 17.8 14.8L15.5 17C15.4 17.2 15.2 17.2 15 17.2Z"
+            fill={fill}
+          />
+          <path
+            d="M19.5 17.2C19.3 17.2 19.1 17.1 19 17L16.8 14.8C16.5 14.5 16.5 14 16.8 13.7C17.1 13.4 17.6 13.4 17.9 13.7L20 16C20.3 16.3 20.3 16.8 20 17.1C19.9 17.2 19.7 17.2 19.5 17.2Z"
+            fill={fill}
+          />
+          <path
+            d="M8.2 21H2.2C1.6 21 1 20.8 0.600002 20.3C0.200002 19.9 -0.0999985 19.3 -0.0999985 18.7V2.2C-0.0999985 1.6 0.100002 1 0.600002 0.6C1.1 0.2 1.6 0 2.2 0H12.8C13.4 0 14 0.2 14.4 0.7L17.3 3.6C17.8 4 18 4.5 18 5.1V8.2C18 8.7 17.7 9 17.2 9C16.7 9 16.4 8.7 16.4 8.2V5.1C16.4 4.9 16.3 4.7 16.2 4.6L13.3 1.7C13.2 1.6 13 1.5 12.8 1.5H2.2C2 1.5 1.9 1.6 1.7 1.7C1.5 1.8 1.5 2 1.5 2.2V18.7C1.5 18.9 1.6 19.1 1.7 19.2C1.8 19.3 2 19.4 2.2 19.4H8.2C8.6 19.4 9 19.7 9 20.2C9 20.7 8.7 21 8.2 21Z"
+            fill={fill}
+          />
+        </g>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/FilesIcon.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 FilesIcon({
-  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="M2.25 4.5C2.66421 4.5 3 4.83579 3 5.25V21.75C3 21.9489 3.07902 22.1397 3.21967 22.2803C3.36032 22.421 3.55109 22.5 3.75 22.5H17.25C17.6642 22.5 18 22.8358 18 23.25C18 23.6642 17.6642 24 17.25 24H3.75C3.15326 24 2.58097 23.7629 2.15901 23.341C1.73705 22.919 1.5 22.3467 1.5 21.75V5.25C1.5 4.83579 1.83579 4.5 2.25 4.5Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M5.25 1.5C5.66421 1.5 6 1.83579 6 2.25V18.75C6 18.9489 6.07902 19.1397 6.21967 19.2803C6.36032 19.421 6.55109 19.5 6.75 19.5H20.25C20.6642 19.5 21 19.8358 21 20.25C21 20.6642 20.6642 21 20.25 21H6.75C6.15326 21 5.58097 20.7629 5.15901 20.341C4.73705 19.919 4.5 19.3467 4.5 18.75V2.25C4.5 1.83579 4.83579 1.5 5.25 1.5Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M9.75 1.5C9.55109 1.5 9.36032 1.57902 9.21967 1.71967C9.07902 1.86032 9 2.05109 9 2.25V15.75C9 15.9489 9.07902 16.1397 9.21967 16.2803C9.36032 16.421 9.55109 16.5 9.75 16.5H20.25C20.4489 16.5 20.6397 16.421 20.7803 16.2803C20.921 16.1397 21 15.9489 21 15.75V5.12116C20.9999 4.92244 20.921 4.73172 20.7805 4.59116L17.9088 1.7195C17.7683 1.57913 17.5776 1.50008 17.379 1.5H9.75ZM8.15901 0.65901C8.58097 0.237053 9.15326 0 9.75 0H17.379C17.9753 0.000127316 18.5474 0.236973 18.9692 0.6585L21.8413 3.53067C22.2629 3.95247 22.4999 4.52452 22.5 5.12084V15.75C22.5 16.3467 22.2629 16.919 21.841 17.341C21.419 17.7629 20.8467 18 20.25 18H9.75C9.15326 18 8.58097 17.7629 8.15901 17.341C7.73705 16.919 7.5 16.3467 7.5 15.75V2.25C7.5 1.65326 7.73705 1.08097 8.15901 0.65901Z"
-          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 FilesIcon({
+  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="M2.25 4.5C2.66421 4.5 3 4.83579 3 5.25V21.75C3 21.9489 3.07902 22.1397 3.21967 22.2803C3.36032 22.421 3.55109 22.5 3.75 22.5H17.25C17.6642 22.5 18 22.8358 18 23.25C18 23.6642 17.6642 24 17.25 24H3.75C3.15326 24 2.58097 23.7629 2.15901 23.341C1.73705 22.919 1.5 22.3467 1.5 21.75V5.25C1.5 4.83579 1.83579 4.5 2.25 4.5Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M5.25 1.5C5.66421 1.5 6 1.83579 6 2.25V18.75C6 18.9489 6.07902 19.1397 6.21967 19.2803C6.36032 19.421 6.55109 19.5 6.75 19.5H20.25C20.6642 19.5 21 19.8358 21 20.25C21 20.6642 20.6642 21 20.25 21H6.75C6.15326 21 5.58097 20.7629 5.15901 20.341C4.73705 19.919 4.5 19.3467 4.5 18.75V2.25C4.5 1.83579 4.83579 1.5 5.25 1.5Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M9.75 1.5C9.55109 1.5 9.36032 1.57902 9.21967 1.71967C9.07902 1.86032 9 2.05109 9 2.25V15.75C9 15.9489 9.07902 16.1397 9.21967 16.2803C9.36032 16.421 9.55109 16.5 9.75 16.5H20.25C20.4489 16.5 20.6397 16.421 20.7803 16.2803C20.921 16.1397 21 15.9489 21 15.75V5.12116C20.9999 4.92244 20.921 4.73172 20.7805 4.59116L17.9088 1.7195C17.7683 1.57913 17.5776 1.50008 17.379 1.5H9.75ZM8.15901 0.65901C8.58097 0.237053 9.15326 0 9.75 0H17.379C17.9753 0.000127316 18.5474 0.236973 18.9692 0.6585L21.8413 3.53067C22.2629 3.95247 22.4999 4.52452 22.5 5.12084V15.75C22.5 16.3467 22.2629 16.919 21.841 17.341C21.419 17.7629 20.8467 18 20.25 18H9.75C9.15326 18 8.58097 17.7629 8.15901 17.341C7.73705 16.919 7.5 16.3467 7.5 15.75V2.25C7.5 1.65326 7.73705 1.08097 8.15901 0.65901Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/FillRecordIcon.tsx

@@ -1,39 +1,39 @@
-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 FillRecordIcon({
-  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="21"
-        viewBox="0 0 24 21"
-        fill="none"
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M22.9813 2.24C22.9813 3.47712 21.9785 4.48 20.7413 4.48C20.5549 4.48 20.3738 4.45722 20.2006 4.4143L16.8905 8.55173C17.1065 8.89615 17.2313 9.30349 17.2313 9.74C17.2313 10.9771 16.2285 11.98 14.9913 11.98C13.7542 11.98 12.7513 10.9771 12.7513 9.74C12.7513 9.67877 12.7538 9.61812 12.7586 9.55814L9.87221 8.27554C9.46372 8.70923 8.88415 8.98 8.24134 8.98C7.6972 8.98 7.19838 8.78598 6.81028 8.46335L1.12264 11.8756C0.771624 12.0862 0.316355 11.9723 0.105767 11.6213C-0.0856758 11.3022 -0.00899678 10.8969 0.270251 10.6677L0.360037 10.6044L6.04708 7.19257C6.01709 7.0464 6.00134 6.89504 6.00134 6.74C6.00134 5.50288 7.00422 4.5 8.24134 4.5C9.47846 4.5 10.4813 5.50288 10.4813 6.74C10.4813 6.8009 10.4789 6.86122 10.4741 6.92089L13.3611 8.20376C13.7696 7.77047 14.3489 7.5 14.9913 7.5C15.2513 7.5 15.5009 7.54428 15.733 7.62571L18.9576 3.59515C18.6713 3.21889 18.5013 2.74929 18.5013 2.24C18.5013 1.00288 19.5042 0 20.7413 0C21.9785 0 22.9813 1.00288 22.9813 2.24ZM19.525 13.4564C19.5094 13.3499 19.5013 13.2409 19.5013 13.13C19.5013 11.8929 20.5042 10.89 21.7413 10.89C22.9785 10.89 23.9813 11.8929 23.9813 13.13C23.9813 14.3671 22.9785 15.37 21.7413 15.37C21.1513 15.37 20.6146 15.1419 20.2145 14.7691L16.4493 16.8606C16.4704 16.9839 16.4813 17.1107 16.4813 17.24C16.4813 18.4771 15.4785 19.48 14.2413 19.48C13.264 19.48 12.4328 18.8541 12.1269 17.9812H8.85581C8.54986 18.8541 7.7187 19.48 6.74134 19.48C6.13526 19.48 5.5854 19.2393 5.18214 18.8483L1.0728 20.9029C0.706678 21.086 0.261473 20.9376 0.0784104 20.5715C-0.089397 20.2358 0.0213176 19.8338 0.322945 19.6281L0.409875 19.5771L4.51898 17.5225C4.50734 17.43 4.50134 17.3357 4.50134 17.24C4.50134 16.0029 5.50422 15 6.74134 15C7.7187 15 8.54986 15.6259 8.85581 16.4988H12.1269C12.4328 15.6259 13.264 15 14.2413 15C14.8122 15 15.3332 15.2136 15.7288 15.5651L19.525 13.4564Z"
-          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 FillRecordIcon({
+  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="21"
+        viewBox="0 0 24 21"
+        fill="none"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M22.9813 2.24C22.9813 3.47712 21.9785 4.48 20.7413 4.48C20.5549 4.48 20.3738 4.45722 20.2006 4.4143L16.8905 8.55173C17.1065 8.89615 17.2313 9.30349 17.2313 9.74C17.2313 10.9771 16.2285 11.98 14.9913 11.98C13.7542 11.98 12.7513 10.9771 12.7513 9.74C12.7513 9.67877 12.7538 9.61812 12.7586 9.55814L9.87221 8.27554C9.46372 8.70923 8.88415 8.98 8.24134 8.98C7.6972 8.98 7.19838 8.78598 6.81028 8.46335L1.12264 11.8756C0.771624 12.0862 0.316355 11.9723 0.105767 11.6213C-0.0856758 11.3022 -0.00899678 10.8969 0.270251 10.6677L0.360037 10.6044L6.04708 7.19257C6.01709 7.0464 6.00134 6.89504 6.00134 6.74C6.00134 5.50288 7.00422 4.5 8.24134 4.5C9.47846 4.5 10.4813 5.50288 10.4813 6.74C10.4813 6.8009 10.4789 6.86122 10.4741 6.92089L13.3611 8.20376C13.7696 7.77047 14.3489 7.5 14.9913 7.5C15.2513 7.5 15.5009 7.54428 15.733 7.62571L18.9576 3.59515C18.6713 3.21889 18.5013 2.74929 18.5013 2.24C18.5013 1.00288 19.5042 0 20.7413 0C21.9785 0 22.9813 1.00288 22.9813 2.24ZM19.525 13.4564C19.5094 13.3499 19.5013 13.2409 19.5013 13.13C19.5013 11.8929 20.5042 10.89 21.7413 10.89C22.9785 10.89 23.9813 11.8929 23.9813 13.13C23.9813 14.3671 22.9785 15.37 21.7413 15.37C21.1513 15.37 20.6146 15.1419 20.2145 14.7691L16.4493 16.8606C16.4704 16.9839 16.4813 17.1107 16.4813 17.24C16.4813 18.4771 15.4785 19.48 14.2413 19.48C13.264 19.48 12.4328 18.8541 12.1269 17.9812H8.85581C8.54986 18.8541 7.7187 19.48 6.74134 19.48C6.13526 19.48 5.5854 19.2393 5.18214 18.8483L1.0728 20.9029C0.706678 21.086 0.261473 20.9376 0.0784104 20.5715C-0.089397 20.2358 0.0213176 19.8338 0.322945 19.6281L0.409875 19.5771L4.51898 17.5225C4.50734 17.43 4.50134 17.3357 4.50134 17.24C4.50134 16.0029 5.50422 15 6.74134 15C7.7187 15 8.54986 15.6259 8.85581 16.4988H12.1269C12.4328 15.6259 13.264 15 14.2413 15C14.8122 15 15.3332 15.2136 15.7288 15.5651L19.525 13.4564Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/FilledTaskIcon.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 FilledTaskIcon({
-  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) }}
-      fill={fill}
-      {...rest}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill={fill}
-      >
-        <path
-          d="M18.59 6.68C18.5658 6.65668 18.5466 6.62872 18.5334 6.59779C18.5203 6.56686 18.5135 6.53361 18.5135 6.5C18.5135 6.46639 18.5203 6.43314 18.5334 6.40221C18.5466 6.37128 18.5658 6.34332 18.59 6.32L21.21 3.71C21.3488 3.56938 21.4428 3.3908 21.4801 3.19681C21.5175 3.00282 21.4966 2.80211 21.42 2.62C21.345 2.43738 21.2176 2.28105 21.0539 2.17072C20.8901 2.06039 20.6974 2.00099 20.5 2H11.25C11.1837 2 11.1201 1.97366 11.0732 1.92678C11.0263 1.87989 11 1.8163 11 1.75V1C11 0.734784 10.8946 0.48043 10.7071 0.292893C10.5196 0.105357 10.2652 0 10 0C9.73478 0 9.48043 0.105357 9.29289 0.292893C9.10536 0.48043 9 0.734784 9 1V21C9 21.1989 8.92098 21.3897 8.78033 21.5303C8.63968 21.671 8.44891 21.75 8.25 21.75C8.05109 21.75 7.86032 21.671 7.71967 21.5303C7.57902 21.3897 7.5 21.1989 7.5 21V18.45C7.49969 18.4137 7.49149 18.3779 7.47594 18.3451C7.4604 18.3123 7.4379 18.2832 7.41 18.26C7.35212 18.2185 7.2806 18.2006 7.21 18.21C4.63 18.6 2.5 19.55 2.5 21C2.5 22.95 6.36 24 10 24C13.64 24 17.5 22.95 17.5 21C17.5 19.27 14.5 18.25 11.23 18C11.1672 17.995 11.1087 17.9664 11.066 17.9201C11.0234 17.8737 10.9998 17.813 11 17.75V11.25C11 11.1837 11.0263 11.1201 11.0732 11.0732C11.1201 11.0263 11.1837 11 11.25 11H20.5C20.6974 10.999 20.8901 10.9396 21.0539 10.8293C21.2176 10.7189 21.345 10.5626 21.42 10.38C21.4966 10.1979 21.5175 9.99718 21.4801 9.80319C21.4428 9.6092 21.3488 9.43062 21.21 9.29L18.59 6.68Z"
-          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 FilledTaskIcon({
+  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) }}
+      fill={fill}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill={fill}
+      >
+        <path
+          d="M18.59 6.68C18.5658 6.65668 18.5466 6.62872 18.5334 6.59779C18.5203 6.56686 18.5135 6.53361 18.5135 6.5C18.5135 6.46639 18.5203 6.43314 18.5334 6.40221C18.5466 6.37128 18.5658 6.34332 18.59 6.32L21.21 3.71C21.3488 3.56938 21.4428 3.3908 21.4801 3.19681C21.5175 3.00282 21.4966 2.80211 21.42 2.62C21.345 2.43738 21.2176 2.28105 21.0539 2.17072C20.8901 2.06039 20.6974 2.00099 20.5 2H11.25C11.1837 2 11.1201 1.97366 11.0732 1.92678C11.0263 1.87989 11 1.8163 11 1.75V1C11 0.734784 10.8946 0.48043 10.7071 0.292893C10.5196 0.105357 10.2652 0 10 0C9.73478 0 9.48043 0.105357 9.29289 0.292893C9.10536 0.48043 9 0.734784 9 1V21C9 21.1989 8.92098 21.3897 8.78033 21.5303C8.63968 21.671 8.44891 21.75 8.25 21.75C8.05109 21.75 7.86032 21.671 7.71967 21.5303C7.57902 21.3897 7.5 21.1989 7.5 21V18.45C7.49969 18.4137 7.49149 18.3779 7.47594 18.3451C7.4604 18.3123 7.4379 18.2832 7.41 18.26C7.35212 18.2185 7.2806 18.2006 7.21 18.21C4.63 18.6 2.5 19.55 2.5 21C2.5 22.95 6.36 24 10 24C13.64 24 17.5 22.95 17.5 21C17.5 19.27 14.5 18.25 11.23 18C11.1672 17.995 11.1087 17.9664 11.066 17.9201C11.0234 17.8737 10.9998 17.813 11 17.75V11.25C11 11.1837 11.0263 11.1201 11.0732 11.0732C11.1201 11.0263 11.1837 11 11.25 11H20.5C20.6974 10.999 20.8901 10.9396 21.0539 10.8293C21.2176 10.7189 21.345 10.5626 21.42 10.38C21.4966 10.1979 21.5175 9.99718 21.4801 9.80319C21.4428 9.6092 21.3488 9.43062 21.21 9.29L18.59 6.68Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/FlashIcon.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 FlashIcon({
-  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) }}
-      fill={fill}
-      {...rest}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="16"
-        height="16"
-        viewBox="0 0 16 16"
-        fill="none"
-      >
-        <g clipPath="url(#clip0_1140_3161)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12.1575 7.80149L7.25888 15.7622C7.14154 15.9528 6.91221 16.0422 6.69688 15.9815C6.48154 15.9202 6.33288 15.7242 6.33288 15.5002V10.0002H4.51554C4.30488 10.0002 4.09821 9.94416 3.91688 9.83816C3.73554 9.73149 3.58554 9.57883 3.48288 9.39549C3.38021 9.21149 3.32888 9.00416 3.33354 8.79416C3.33754 8.58349 3.39821 8.37816 3.50821 8.19949L8.40688 0.238159C8.52421 0.0474925 8.75354 -0.0418408 8.96888 0.0188259C9.18421 0.0801592 9.33288 0.276159 9.33288 0.500159V6.00016H11.1509C11.3609 6.00016 11.5675 6.05616 11.7489 6.16283C11.9302 6.26949 12.0802 6.42216 12.1822 6.60549C12.2849 6.78883 12.3369 6.99683 12.3322 7.20683C12.3282 7.41683 12.2675 7.62216 12.1575 7.80149ZM11.3055 7.27749C11.3229 7.25016 11.3322 7.21816 11.3329 7.18616C11.3335 7.15349 11.3255 7.12149 11.3095 7.09349C11.2935 7.06483 11.2709 7.04149 11.2429 7.02549C11.2149 7.00883 11.1829 7.00016 11.1509 7.00016H8.83288C8.55688 7.00016 8.33288 6.77616 8.33288 6.50016V2.26683L4.36021 8.72349C4.34288 8.75149 4.33354 8.78283 4.33288 8.81483C4.33221 8.84749 4.34021 8.87883 4.35621 8.90749C4.37154 8.93549 4.39488 8.95883 4.42221 8.97549C4.45021 8.99149 4.48221 9.00016 4.51421 9.00016H6.83288C7.10888 9.00016 7.33288 9.22416 7.33288 9.50016V13.7335L11.3055 7.27749Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_1140_3161">
-            <rect width="16" height="16" fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+import { getIconSize } from '../../../utils/getIconSize';
+
+interface CustomSvgProps {
+  size?: 'sm' | 'base' | 'lg' | 'xl';
+}
+export default function FlashIcon({
+  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) }}
+      fill={fill}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="16"
+        height="16"
+        viewBox="0 0 16 16"
+        fill="none"
+      >
+        <g clipPath="url(#clip0_1140_3161)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12.1575 7.80149L7.25888 15.7622C7.14154 15.9528 6.91221 16.0422 6.69688 15.9815C6.48154 15.9202 6.33288 15.7242 6.33288 15.5002V10.0002H4.51554C4.30488 10.0002 4.09821 9.94416 3.91688 9.83816C3.73554 9.73149 3.58554 9.57883 3.48288 9.39549C3.38021 9.21149 3.32888 9.00416 3.33354 8.79416C3.33754 8.58349 3.39821 8.37816 3.50821 8.19949L8.40688 0.238159C8.52421 0.0474925 8.75354 -0.0418408 8.96888 0.0188259C9.18421 0.0801592 9.33288 0.276159 9.33288 0.500159V6.00016H11.1509C11.3609 6.00016 11.5675 6.05616 11.7489 6.16283C11.9302 6.26949 12.0802 6.42216 12.1822 6.60549C12.2849 6.78883 12.3369 6.99683 12.3322 7.20683C12.3282 7.41683 12.2675 7.62216 12.1575 7.80149ZM11.3055 7.27749C11.3229 7.25016 11.3322 7.21816 11.3329 7.18616C11.3335 7.15349 11.3255 7.12149 11.3095 7.09349C11.2935 7.06483 11.2709 7.04149 11.2429 7.02549C11.2149 7.00883 11.1829 7.00016 11.1509 7.00016H8.83288C8.55688 7.00016 8.33288 6.77616 8.33288 6.50016V2.26683L4.36021 8.72349C4.34288 8.75149 4.33354 8.78283 4.33288 8.81483C4.33221 8.84749 4.34021 8.87883 4.35621 8.90749C4.37154 8.93549 4.39488 8.95883 4.42221 8.97549C4.45021 8.99149 4.48221 9.00016 4.51421 9.00016H6.83288C7.10888 9.00016 7.33288 9.22416 7.33288 9.50016V13.7335L11.3055 7.27749Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_1140_3161">
+            <rect width="16" height="16" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/FolderIcon.tsx

@@ -1,39 +1,39 @@
-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 FolderIcon({
-  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="M1.90901 3.90901C2.33097 3.48705 2.90326 3.25 3.5 3.25H7.25C7.5993 3.25 7.94381 3.33133 8.25623 3.48754C8.56866 3.64375 8.84042 3.87056 9.05 4.15L10.625 6.25H20C20.5967 6.25 21.169 6.48705 21.591 6.90901C22.0129 7.33097 22.25 7.90326 22.25 8.5V19C22.25 19.5967 22.0129 20.169 21.591 20.591C21.169 21.0129 20.5967 21.25 20 21.25H3.5C2.90326 21.25 2.33097 21.0129 1.90901 20.591C1.48705 20.169 1.25 19.5967 1.25 19V5.5C1.25 4.90326 1.48705 4.33097 1.90901 3.90901ZM3.5 4.75C3.30109 4.75 3.11032 4.82902 2.96967 4.96967C2.82902 5.11032 2.75 5.30109 2.75 5.5V19C2.75 19.1989 2.82902 19.3897 2.96967 19.5303C3.11032 19.671 3.30109 19.75 3.5 19.75H20C20.1989 19.75 20.3897 19.671 20.5303 19.5303C20.671 19.3897 20.75 19.1989 20.75 19V8.5C20.75 8.30109 20.671 8.11032 20.5303 7.96967C20.3897 7.82902 20.1989 7.75 20 7.75H10.25C10.0139 7.75 9.79164 7.63885 9.65 7.45L7.85 5.05C7.78014 4.95685 7.68955 4.88125 7.58541 4.82918C7.48127 4.77711 7.36643 4.75 7.25 4.75H3.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 FolderIcon({
+  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="M1.90901 3.90901C2.33097 3.48705 2.90326 3.25 3.5 3.25H7.25C7.5993 3.25 7.94381 3.33133 8.25623 3.48754C8.56866 3.64375 8.84042 3.87056 9.05 4.15L10.625 6.25H20C20.5967 6.25 21.169 6.48705 21.591 6.90901C22.0129 7.33097 22.25 7.90326 22.25 8.5V19C22.25 19.5967 22.0129 20.169 21.591 20.591C21.169 21.0129 20.5967 21.25 20 21.25H3.5C2.90326 21.25 2.33097 21.0129 1.90901 20.591C1.48705 20.169 1.25 19.5967 1.25 19V5.5C1.25 4.90326 1.48705 4.33097 1.90901 3.90901ZM3.5 4.75C3.30109 4.75 3.11032 4.82902 2.96967 4.96967C2.82902 5.11032 2.75 5.30109 2.75 5.5V19C2.75 19.1989 2.82902 19.3897 2.96967 19.5303C3.11032 19.671 3.30109 19.75 3.5 19.75H20C20.1989 19.75 20.3897 19.671 20.5303 19.5303C20.671 19.3897 20.75 19.1989 20.75 19V8.5C20.75 8.30109 20.671 8.11032 20.5303 7.96967C20.3897 7.82902 20.1989 7.75 20 7.75H10.25C10.0139 7.75 9.79164 7.63885 9.65 7.45L7.85 5.05C7.78014 4.95685 7.68955 4.88125 7.58541 4.82918C7.48127 4.77711 7.36643 4.75 7.25 4.75H3.5Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}