odaptos_design_system 2.0.5 → 2.0.6

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

@@ -1,83 +1,83 @@
-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 CopyPasteIcon({
-  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="25"
-        height="25"
-        viewBox="0 0 25 25"
-        fill="none"
-      >
-        <g clipPath="url(#clip0_3073_99626)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M14.6146 3.90521C14.6146 3.491 14.9504 3.15521 15.3646 3.15521H19.5312C20.1446 3.15521 20.7328 3.39885 21.1664 3.83253C21.6001 4.26621 21.8437 4.8544 21.8437 5.46771V8.59271C21.8437 9.00693 21.508 9.34271 21.0937 9.34271C20.6795 9.34271 20.3437 9.00693 20.3437 8.59271V5.46771C20.3437 5.25222 20.2581 5.04556 20.1058 4.89319C19.9534 4.74081 19.7467 4.65521 19.5312 4.65521H15.3646C14.9504 4.65521 14.6146 4.31943 14.6146 3.90521Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M0.708566 3.83253C1.14224 3.39885 1.73044 3.15521 2.34375 3.15521H6.51042C6.92463 3.15521 7.26042 3.491 7.26042 3.90521C7.26042 4.31943 6.92463 4.65521 6.51042 4.65521H2.34375C2.12826 4.65521 1.9216 4.74081 1.76923 4.89319C1.61685 5.04556 1.53125 5.25222 1.53125 5.46771V22.6552C1.53125 22.8707 1.61685 23.0774 1.76923 23.2297C1.9216 23.3821 2.12826 23.4677 2.34375 23.4677H8.59375C9.00796 23.4677 9.34375 23.8035 9.34375 24.2177C9.34375 24.6319 9.00796 24.9677 8.59375 24.9677H2.34375C1.73044 24.9677 1.14224 24.7241 0.708566 24.2904C0.274888 23.8567 0.03125 23.2685 0.03125 22.6552V5.46771C0.03125 4.8544 0.274888 4.26621 0.708566 3.83253Z"
-            fill={fill}
-          />
-          <path
-            d="M15.0223 4.93334C14.9704 5.08893 14.8708 5.22423 14.7377 5.32013C14.6046 5.41602 14.4447 5.46765 14.2807 5.46771H7.59525C7.43121 5.46765 7.27134 5.41602 7.13825 5.32013C7.00516 5.22423 6.90557 5.08893 6.85359 4.93334L5.81192 1.80834C5.77255 1.69087 5.76173 1.56571 5.78034 1.44322C5.79895 1.32074 5.84646 1.20444 5.91894 1.10397C5.99142 1.00349 6.08679 0.921719 6.19715 0.86542C6.30751 0.809121 6.4297 0.779914 6.55359 0.780215H15.3223C15.4462 0.779914 15.5684 0.809121 15.6788 0.86542C15.7891 0.921719 15.8845 1.00349 15.957 1.10397C16.0295 1.20444 16.077 1.32074 16.0956 1.44322C16.1142 1.56571 16.1034 1.69087 16.064 1.80834L15.0223 4.93334Z"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            strokeWidth="1.7"
-            fill="none"
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12.4688 13.2867V22.6552C12.4688 22.9146 12.5314 23.0593 12.5869 23.1425C12.6455 23.2304 12.7291 23.2984 12.8354 23.3516C12.9447 23.4062 13.063 23.4373 13.1604 23.4535C13.2073 23.4613 13.2448 23.4649 13.2675 23.4666C13.2776 23.4673 13.2845 23.4676 13.2877 23.4677H22.6562C22.9156 23.4677 23.0603 23.405 23.1435 23.3495C23.2315 23.2909 23.2994 23.2074 23.3526 23.1011C23.4073 22.9918 23.4383 22.8734 23.4545 22.7761C23.4624 22.7291 23.466 22.6917 23.4676 22.6689C23.4683 22.6588 23.4686 22.6519 23.4688 22.6487V13.2802C23.4688 13.0208 23.4061 12.8761 23.3506 12.7929C23.292 12.705 23.2084 12.637 23.1021 12.5838C22.9928 12.5292 22.8745 12.4981 22.7771 12.4819C22.7302 12.4741 22.6927 12.4705 22.67 12.4689C22.6599 12.4681 22.653 12.4678 22.6498 12.4677H13.2812C13.0219 12.4677 12.8772 12.5304 12.794 12.5859C12.706 12.6445 12.6381 12.728 12.5849 12.8344C12.5302 12.9436 12.4992 13.062 12.483 13.1594C12.4751 13.2063 12.4715 13.2437 12.4699 13.2665C12.4692 13.2766 12.4689 13.2835 12.4688 13.2867ZM22.6562 10.9677H13.2812C12.7594 10.9677 12.3181 11.1003 11.9619 11.3378C11.6104 11.5722 11.3854 11.8793 11.2432 12.1636C11.1026 12.4449 11.036 12.7172 11.0034 12.9128C10.9868 13.0124 10.9782 13.097 10.9737 13.1596C10.9715 13.1911 10.9702 13.2174 10.9695 13.2377L10.9689 13.2636L10.9688 13.2731L10.9688 13.277L10.9688 13.2787C10.9687 13.2808 10.9688 13.2802 10.9688 13.2802V22.6552C10.9688 23.1771 11.1014 23.6183 11.3389 23.9746C11.5732 24.3261 11.8803 24.5511 12.1646 24.6932C12.4459 24.8339 12.7182 24.9005 12.9138 24.9331C13.0134 24.9497 13.098 24.9583 13.1607 24.9628C13.1921 24.965 13.2184 24.9662 13.2387 24.9669L13.2647 24.9676L13.2742 24.9677L13.278 24.9677L13.2797 24.9677C13.2817 24.9677 13.2812 24.9677 13.2812 24.9677H22.6562C23.1781 24.9677 23.6194 24.8351 23.9756 24.5976C24.3271 24.3633 24.5521 24.0562 24.6943 23.7719C24.8349 23.4905 24.9015 23.2183 24.9341 23.0227C24.9507 22.9231 24.9593 22.8384 24.9638 22.7758C24.966 22.7443 24.9673 22.718 24.968 22.6977L24.9686 22.6718L24.9687 22.6623L24.9687 22.6584L24.9687 22.6568C24.9688 22.6547 24.9688 22.6552 24.9688 22.6552V13.2802C24.9688 12.7583 24.8361 12.3171 24.5986 11.9609C24.3643 11.6093 24.0572 11.3843 23.7729 11.2422C23.4916 11.1015 23.2193 11.0349 23.0237 11.0023C22.9241 10.9857 22.8395 10.9771 22.7768 10.9727C22.7454 10.9704 22.7191 10.9692 22.6988 10.9685L22.6728 10.9679L22.6633 10.9677L22.6595 10.9677L22.6578 10.9677L22.6562 10.9677Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M14.0938 14.8427C14.0938 14.4285 14.4295 14.0927 14.8438 14.0927H21.0938C21.508 14.0927 21.8438 14.4285 21.8438 14.8427C21.8438 15.2569 21.508 15.5927 21.0938 15.5927H14.8438C14.4295 15.5927 14.0938 15.2569 14.0938 14.8427Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M14.0938 17.9677C14.0938 17.5535 14.4295 17.2177 14.8438 17.2177H21.0938C21.508 17.2177 21.8438 17.5535 21.8438 17.9677C21.8438 18.3819 21.508 18.7177 21.0938 18.7177H14.8438C14.4295 18.7177 14.0938 18.3819 14.0938 17.9677Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M14.0938 21.0927C14.0938 20.6785 14.4295 20.3427 14.8438 20.3427H17.1875C17.6017 20.3427 17.9375 20.6785 17.9375 21.0927C17.9375 21.5069 17.6017 21.8427 17.1875 21.8427H14.8438C14.4295 21.8427 14.0938 21.5069 14.0938 21.0927Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_3073_99626">
-            <rect width="25" height="25" 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 CopyPasteIcon({
+  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="25"
+        height="25"
+        viewBox="0 0 25 25"
+        fill="none"
+      >
+        <g clipPath="url(#clip0_3073_99626)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M14.6146 3.90521C14.6146 3.491 14.9504 3.15521 15.3646 3.15521H19.5312C20.1446 3.15521 20.7328 3.39885 21.1664 3.83253C21.6001 4.26621 21.8437 4.8544 21.8437 5.46771V8.59271C21.8437 9.00693 21.508 9.34271 21.0937 9.34271C20.6795 9.34271 20.3437 9.00693 20.3437 8.59271V5.46771C20.3437 5.25222 20.2581 5.04556 20.1058 4.89319C19.9534 4.74081 19.7467 4.65521 19.5312 4.65521H15.3646C14.9504 4.65521 14.6146 4.31943 14.6146 3.90521Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0.708566 3.83253C1.14224 3.39885 1.73044 3.15521 2.34375 3.15521H6.51042C6.92463 3.15521 7.26042 3.491 7.26042 3.90521C7.26042 4.31943 6.92463 4.65521 6.51042 4.65521H2.34375C2.12826 4.65521 1.9216 4.74081 1.76923 4.89319C1.61685 5.04556 1.53125 5.25222 1.53125 5.46771V22.6552C1.53125 22.8707 1.61685 23.0774 1.76923 23.2297C1.9216 23.3821 2.12826 23.4677 2.34375 23.4677H8.59375C9.00796 23.4677 9.34375 23.8035 9.34375 24.2177C9.34375 24.6319 9.00796 24.9677 8.59375 24.9677H2.34375C1.73044 24.9677 1.14224 24.7241 0.708566 24.2904C0.274888 23.8567 0.03125 23.2685 0.03125 22.6552V5.46771C0.03125 4.8544 0.274888 4.26621 0.708566 3.83253Z"
+            fill={fill}
+          />
+          <path
+            d="M15.0223 4.93334C14.9704 5.08893 14.8708 5.22423 14.7377 5.32013C14.6046 5.41602 14.4447 5.46765 14.2807 5.46771H7.59525C7.43121 5.46765 7.27134 5.41602 7.13825 5.32013C7.00516 5.22423 6.90557 5.08893 6.85359 4.93334L5.81192 1.80834C5.77255 1.69087 5.76173 1.56571 5.78034 1.44322C5.79895 1.32074 5.84646 1.20444 5.91894 1.10397C5.99142 1.00349 6.08679 0.921719 6.19715 0.86542C6.30751 0.809121 6.4297 0.779914 6.55359 0.780215H15.3223C15.4462 0.779914 15.5684 0.809121 15.6788 0.86542C15.7891 0.921719 15.8845 1.00349 15.957 1.10397C16.0295 1.20444 16.077 1.32074 16.0956 1.44322C16.1142 1.56571 16.1034 1.69087 16.064 1.80834L15.0223 4.93334Z"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="1.7"
+            fill="none"
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12.4688 13.2867V22.6552C12.4688 22.9146 12.5314 23.0593 12.5869 23.1425C12.6455 23.2304 12.7291 23.2984 12.8354 23.3516C12.9447 23.4062 13.063 23.4373 13.1604 23.4535C13.2073 23.4613 13.2448 23.4649 13.2675 23.4666C13.2776 23.4673 13.2845 23.4676 13.2877 23.4677H22.6562C22.9156 23.4677 23.0603 23.405 23.1435 23.3495C23.2315 23.2909 23.2994 23.2074 23.3526 23.1011C23.4073 22.9918 23.4383 22.8734 23.4545 22.7761C23.4624 22.7291 23.466 22.6917 23.4676 22.6689C23.4683 22.6588 23.4686 22.6519 23.4688 22.6487V13.2802C23.4688 13.0208 23.4061 12.8761 23.3506 12.7929C23.292 12.705 23.2084 12.637 23.1021 12.5838C22.9928 12.5292 22.8745 12.4981 22.7771 12.4819C22.7302 12.4741 22.6927 12.4705 22.67 12.4689C22.6599 12.4681 22.653 12.4678 22.6498 12.4677H13.2812C13.0219 12.4677 12.8772 12.5304 12.794 12.5859C12.706 12.6445 12.6381 12.728 12.5849 12.8344C12.5302 12.9436 12.4992 13.062 12.483 13.1594C12.4751 13.2063 12.4715 13.2437 12.4699 13.2665C12.4692 13.2766 12.4689 13.2835 12.4688 13.2867ZM22.6562 10.9677H13.2812C12.7594 10.9677 12.3181 11.1003 11.9619 11.3378C11.6104 11.5722 11.3854 11.8793 11.2432 12.1636C11.1026 12.4449 11.036 12.7172 11.0034 12.9128C10.9868 13.0124 10.9782 13.097 10.9737 13.1596C10.9715 13.1911 10.9702 13.2174 10.9695 13.2377L10.9689 13.2636L10.9688 13.2731L10.9688 13.277L10.9688 13.2787C10.9687 13.2808 10.9688 13.2802 10.9688 13.2802V22.6552C10.9688 23.1771 11.1014 23.6183 11.3389 23.9746C11.5732 24.3261 11.8803 24.5511 12.1646 24.6932C12.4459 24.8339 12.7182 24.9005 12.9138 24.9331C13.0134 24.9497 13.098 24.9583 13.1607 24.9628C13.1921 24.965 13.2184 24.9662 13.2387 24.9669L13.2647 24.9676L13.2742 24.9677L13.278 24.9677L13.2797 24.9677C13.2817 24.9677 13.2812 24.9677 13.2812 24.9677H22.6562C23.1781 24.9677 23.6194 24.8351 23.9756 24.5976C24.3271 24.3633 24.5521 24.0562 24.6943 23.7719C24.8349 23.4905 24.9015 23.2183 24.9341 23.0227C24.9507 22.9231 24.9593 22.8384 24.9638 22.7758C24.966 22.7443 24.9673 22.718 24.968 22.6977L24.9686 22.6718L24.9687 22.6623L24.9687 22.6584L24.9687 22.6568C24.9688 22.6547 24.9688 22.6552 24.9688 22.6552V13.2802C24.9688 12.7583 24.8361 12.3171 24.5986 11.9609C24.3643 11.6093 24.0572 11.3843 23.7729 11.2422C23.4916 11.1015 23.2193 11.0349 23.0237 11.0023C22.9241 10.9857 22.8395 10.9771 22.7768 10.9727C22.7454 10.9704 22.7191 10.9692 22.6988 10.9685L22.6728 10.9679L22.6633 10.9677L22.6595 10.9677L22.6578 10.9677L22.6562 10.9677Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M14.0938 14.8427C14.0938 14.4285 14.4295 14.0927 14.8438 14.0927H21.0938C21.508 14.0927 21.8438 14.4285 21.8438 14.8427C21.8438 15.2569 21.508 15.5927 21.0938 15.5927H14.8438C14.4295 15.5927 14.0938 15.2569 14.0938 14.8427Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M14.0938 17.9677C14.0938 17.5535 14.4295 17.2177 14.8438 17.2177H21.0938C21.508 17.2177 21.8438 17.5535 21.8438 17.9677C21.8438 18.3819 21.508 18.7177 21.0938 18.7177H14.8438C14.4295 18.7177 14.0938 18.3819 14.0938 17.9677Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M14.0938 21.0927C14.0938 20.6785 14.4295 20.3427 14.8438 20.3427H17.1875C17.6017 20.3427 17.9375 20.6785 17.9375 21.0927C17.9375 21.5069 17.6017 21.8427 17.1875 21.8427H14.8438C14.4295 21.8427 14.0938 21.5069 14.0938 21.0927Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_3073_99626">
+            <rect width="25" height="25" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

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

@@ -1,42 +1,42 @@
-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 DragDropIcon({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      sx={{ height: getIconSize(size), width: getIconSize(size) }}
-      {...rest}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-      >
-        <circle cx="4" cy="4" r="2" fill={fill} />
-        <circle cx="4" cy="12" r="2" fill={fill} />
-        <circle cx="4" cy="20" r="2" fill={fill} />
-        <circle cx="12" cy="4" r="2" fill={fill} />
-        <circle cx="12" cy="12" r="2" fill={fill} />
-        <circle cx="12" cy="20" r="2" fill={fill} />
-        <circle cx="20" cy="4" r="2" fill={fill} />
-        <circle cx="20" cy="12" r="2" fill={fill} />
-        <circle cx="20" cy="20" r="2" 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 DragDropIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      sx={{ height: getIconSize(size), width: getIconSize(size) }}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <circle cx="4" cy="4" r="2" fill={fill} />
+        <circle cx="4" cy="12" r="2" fill={fill} />
+        <circle cx="4" cy="20" r="2" fill={fill} />
+        <circle cx="12" cy="4" r="2" fill={fill} />
+        <circle cx="12" cy="12" r="2" fill={fill} />
+        <circle cx="12" cy="20" r="2" fill={fill} />
+        <circle cx="20" cy="4" r="2" fill={fill} />
+        <circle cx="20" cy="12" r="2" fill={fill} />
+        <circle cx="20" cy="20" r="2" fill={fill} />
+      </svg>
+    </SvgIcon>
+  );
+}

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

@@ -1,56 +1,56 @@
-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 EditIcon({
-  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_145)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M21.892 11.9996C21.7062 11.9996 21.5222 12.035 21.3506 12.1037C21.1789 12.1724 21.023 12.273 20.8917 12.3999L13.1511 19.8697L12.6486 22.2939L15.1607 21.8091L22.901 14.3397C23.0325 14.213 23.1372 14.0621 23.2084 13.8965C23.2795 13.7308 23.3162 13.5533 23.3162 13.374C23.3162 13.1947 23.2795 13.0171 23.2084 12.8515C23.1372 12.6859 23.0329 12.5354 22.9014 12.4087L22.8926 12.4003C22.7614 12.2734 22.605 12.1724 22.4334 12.1037C22.2618 12.035 22.0778 11.9996 21.892 11.9996ZM24 15.4004L16.0934 23.0303C15.9849 23.135 15.8468 23.2064 15.6963 23.2354L11.8103 23.9854C11.5555 24.0346 11.2921 23.9576 11.1083 23.7803C10.9246 23.603 10.8448 23.3488 10.8958 23.1029L11.673 19.3529C11.7031 19.2077 11.777 19.0744 11.8855 18.9697L19.7918 11.3401C20.0673 11.0739 20.395 10.8622 20.7552 10.7181C21.1155 10.5739 21.5019 10.4996 21.892 10.4996C22.2821 10.4996 22.6684 10.5739 23.0288 10.7181C23.389 10.8622 23.7163 11.0735 23.9918 11.3397M23.9996 11.3472L23.9918 11.3397L23.9996 11.3472Z"
-            fill={fill}
-            stroke={stroke}
-            strokeWidth={strokeWidth}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M2.33158 1.5C2.12546 1.5 1.92777 1.57902 1.78202 1.71967C1.63627 1.86032 1.55439 2.05109 1.55439 2.25V18.75C1.55439 18.9489 1.63627 19.1397 1.78202 19.2803C1.92777 19.421 2.12546 19.5 2.33158 19.5H8.54913C8.97836 19.5 9.32632 19.8358 9.32632 20.25C9.32632 20.6642 8.97836 21 8.54913 21H2.33158C1.71321 21 1.12016 20.7629 0.682904 20.341C0.245648 19.919 0 19.3467 0 18.75V2.25C0 1.65326 0.245648 1.08097 0.682904 0.65901C1.12016 0.237053 1.71321 0 2.33158 0H13.346C13.9639 0.000127315 14.5567 0.236972 14.9938 0.6585L17.9701 3.53067C18.4069 3.95247 18.6525 4.52452 18.6526 5.12084V8.25C18.6526 8.66421 18.3047 9 17.8755 9C17.4462 9 17.0983 8.66421 17.0983 8.25V5.12116C17.0982 4.92244 17.0164 4.73172 16.8708 4.59116L13.895 1.7195C13.7494 1.57913 13.5518 1.50008 13.346 1.5H2.33158Z"
-            fill={fill}
-            stroke={stroke}
-            strokeWidth={strokeWidth}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_122_145">
-            <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 EditIcon({
+  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_145)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M21.892 11.9996C21.7062 11.9996 21.5222 12.035 21.3506 12.1037C21.1789 12.1724 21.023 12.273 20.8917 12.3999L13.1511 19.8697L12.6486 22.2939L15.1607 21.8091L22.901 14.3397C23.0325 14.213 23.1372 14.0621 23.2084 13.8965C23.2795 13.7308 23.3162 13.5533 23.3162 13.374C23.3162 13.1947 23.2795 13.0171 23.2084 12.8515C23.1372 12.6859 23.0329 12.5354 22.9014 12.4087L22.8926 12.4003C22.7614 12.2734 22.605 12.1724 22.4334 12.1037C22.2618 12.035 22.0778 11.9996 21.892 11.9996ZM24 15.4004L16.0934 23.0303C15.9849 23.135 15.8468 23.2064 15.6963 23.2354L11.8103 23.9854C11.5555 24.0346 11.2921 23.9576 11.1083 23.7803C10.9246 23.603 10.8448 23.3488 10.8958 23.1029L11.673 19.3529C11.7031 19.2077 11.777 19.0744 11.8855 18.9697L19.7918 11.3401C20.0673 11.0739 20.395 10.8622 20.7552 10.7181C21.1155 10.5739 21.5019 10.4996 21.892 10.4996C22.2821 10.4996 22.6684 10.5739 23.0288 10.7181C23.389 10.8622 23.7163 11.0735 23.9918 11.3397M23.9996 11.3472L23.9918 11.3397L23.9996 11.3472Z"
+            fill={fill}
+            stroke={stroke}
+            strokeWidth={strokeWidth}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2.33158 1.5C2.12546 1.5 1.92777 1.57902 1.78202 1.71967C1.63627 1.86032 1.55439 2.05109 1.55439 2.25V18.75C1.55439 18.9489 1.63627 19.1397 1.78202 19.2803C1.92777 19.421 2.12546 19.5 2.33158 19.5H8.54913C8.97836 19.5 9.32632 19.8358 9.32632 20.25C9.32632 20.6642 8.97836 21 8.54913 21H2.33158C1.71321 21 1.12016 20.7629 0.682904 20.341C0.245648 19.919 0 19.3467 0 18.75V2.25C0 1.65326 0.245648 1.08097 0.682904 0.65901C1.12016 0.237053 1.71321 0 2.33158 0H13.346C13.9639 0.000127315 14.5567 0.236972 14.9938 0.6585L17.9701 3.53067C18.4069 3.95247 18.6525 4.52452 18.6526 5.12084V8.25C18.6526 8.66421 18.3047 9 17.8755 9C17.4462 9 17.0983 8.66421 17.0983 8.25V5.12116C17.0982 4.92244 17.0164 4.73172 16.8708 4.59116L13.895 1.7195C13.7494 1.57913 13.5518 1.50008 13.346 1.5H2.33158Z"
+            fill={fill}
+            stroke={stroke}
+            strokeWidth={strokeWidth}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_145">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Interaction/EditTextIcon.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 EditTextIcon({
-  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_144)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M2.25 7.498C1.83579 7.498 1.5 7.83379 1.5 8.248V15.748C1.5 16.1622 1.83579 16.498 2.25 16.498H21.75C22.1642 16.498 22.5 16.1622 22.5 15.748V8.248C22.5 7.83379 22.1642 7.498 21.75 7.498H2.25ZM0 8.248C0 7.00536 1.00736 5.998 2.25 5.998H21.75C22.9926 5.998 24 7.00536 24 8.248V15.748C24 16.9906 22.9926 17.998 21.75 17.998H2.25C1.00736 17.998 0 16.9906 0 15.748V8.248Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M17.25 4.498C17.6642 4.498 18 4.83379 18 5.248V18.748C18 19.1622 17.6642 19.498 17.25 19.498C16.8358 19.498 16.5 19.1622 16.5 18.748V5.248C16.5 4.83379 16.8358 4.498 17.25 4.498Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M17.25 17.998C17.6642 17.998 18 18.3338 18 18.748C18 19.7426 18.3951 20.6964 19.0984 21.3997C19.8016 22.1029 20.7554 22.498 21.75 22.498C22.1642 22.498 22.5 22.8338 22.5 23.248C22.5 23.6622 22.1642 23.998 21.75 23.998C20.3576 23.998 19.0223 23.4449 18.0377 22.4603C17.7324 22.1551 17.4687 21.8161 17.25 21.4522C17.0313 21.8161 16.7676 22.1551 16.4623 22.4603C15.4777 23.4449 14.1424 23.998 12.75 23.998C12.3358 23.998 12 23.6622 12 23.248C12 22.8338 12.3358 22.498 12.75 22.498C13.7446 22.498 14.6984 22.1029 15.4016 21.3997C16.1049 20.6964 16.5 19.7426 16.5 18.748C16.5 18.3338 16.8358 17.998 17.25 17.998Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12 0.748001C12 0.333788 12.3358 -0.0019989 12.75 -0.0019989C14.1424 -0.0019989 15.4777 0.551125 16.4623 1.53569C16.7676 1.84093 17.0313 2.17989 17.25 2.54381C17.4687 2.17989 17.7324 1.84093 18.0377 1.53569C19.0223 0.551125 20.3576 -0.0019989 21.75 -0.0019989C22.1642 -0.0019989 22.5 0.333788 22.5 0.748001C22.5 1.16221 22.1642 1.498 21.75 1.498C20.7554 1.498 19.8016 1.89309 19.0984 2.59635C18.3951 3.29961 18 4.25344 18 5.248C18 5.66221 17.6642 5.998 17.25 5.998C16.8358 5.998 16.5 5.66221 16.5 5.248C16.5 4.25344 16.1049 3.29961 15.4016 2.59635C14.6984 1.89309 13.7446 1.498 12.75 1.498C12.3358 1.498 12 1.16221 12 0.748001Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_122_144">
-            <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 EditTextIcon({
+  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_144)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2.25 7.498C1.83579 7.498 1.5 7.83379 1.5 8.248V15.748C1.5 16.1622 1.83579 16.498 2.25 16.498H21.75C22.1642 16.498 22.5 16.1622 22.5 15.748V8.248C22.5 7.83379 22.1642 7.498 21.75 7.498H2.25ZM0 8.248C0 7.00536 1.00736 5.998 2.25 5.998H21.75C22.9926 5.998 24 7.00536 24 8.248V15.748C24 16.9906 22.9926 17.998 21.75 17.998H2.25C1.00736 17.998 0 16.9906 0 15.748V8.248Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M17.25 4.498C17.6642 4.498 18 4.83379 18 5.248V18.748C18 19.1622 17.6642 19.498 17.25 19.498C16.8358 19.498 16.5 19.1622 16.5 18.748V5.248C16.5 4.83379 16.8358 4.498 17.25 4.498Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M17.25 17.998C17.6642 17.998 18 18.3338 18 18.748C18 19.7426 18.3951 20.6964 19.0984 21.3997C19.8016 22.1029 20.7554 22.498 21.75 22.498C22.1642 22.498 22.5 22.8338 22.5 23.248C22.5 23.6622 22.1642 23.998 21.75 23.998C20.3576 23.998 19.0223 23.4449 18.0377 22.4603C17.7324 22.1551 17.4687 21.8161 17.25 21.4522C17.0313 21.8161 16.7676 22.1551 16.4623 22.4603C15.4777 23.4449 14.1424 23.998 12.75 23.998C12.3358 23.998 12 23.6622 12 23.248C12 22.8338 12.3358 22.498 12.75 22.498C13.7446 22.498 14.6984 22.1029 15.4016 21.3997C16.1049 20.6964 16.5 19.7426 16.5 18.748C16.5 18.3338 16.8358 17.998 17.25 17.998Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 0.748001C12 0.333788 12.3358 -0.0019989 12.75 -0.0019989C14.1424 -0.0019989 15.4777 0.551125 16.4623 1.53569C16.7676 1.84093 17.0313 2.17989 17.25 2.54381C17.4687 2.17989 17.7324 1.84093 18.0377 1.53569C19.0223 0.551125 20.3576 -0.0019989 21.75 -0.0019989C22.1642 -0.0019989 22.5 0.333788 22.5 0.748001C22.5 1.16221 22.1642 1.498 21.75 1.498C20.7554 1.498 19.8016 1.89309 19.0984 2.59635C18.3951 3.29961 18 4.25344 18 5.248C18 5.66221 17.6642 5.998 17.25 5.998C16.8358 5.998 16.5 5.66221 16.5 5.248C16.5 4.25344 16.1049 3.29961 15.4016 2.59635C14.6984 1.89309 13.7446 1.498 12.75 1.498C12.3358 1.498 12 1.16221 12 0.748001Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_144">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

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

@@ -1,49 +1,49 @@
-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 FilterIcon({
-  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="16"
-        height="16"
-        viewBox="0 0 16 16"
-        fill="none"
-      >
-        <mask
-          id="mask0_484_4303"
-          maskUnits="userSpaceOnUse"
-          x="0"
-          y="0"
-          width="16"
-          height="16"
-        >
-          <path d="M16 0H0V16H16V0Z" fill="white" />
-        </mask>
-        <g mask="url(#mask0_484_4303)">
-          <path
-            d="M7 15.7333C6.86667 15.7333 6.73333 15.7333 6.6 15.6667C6.4 15.6 6.26667 15.4667 6.2 15.2667C6.06667 15.1333 6 14.9333 6 14.7333V8.53333C4.46667 8.2 3 7.33333 2 6.13333C0.866667 4.79999 0.133333 3.13333 0 1.39999C0 1.26666 0 1.13333 0.0666667 0.999995C0.133333 0.866662 0.2 0.733328 0.266667 0.666662C0.333333 0.533328 0.466667 0.466662 0.6 0.399995C0.733333 0.333328 0.866667 0.333328 1 0.333328H15C15.1333 0.333328 15.2667 0.333328 15.4 0.399995C15.5333 0.466662 15.6667 0.533328 15.7333 0.666662C15.8 0.733328 15.8667 0.866662 15.9333 0.999995C16 1.13333 16 1.26666 16 1.39999C15.8667 3.13333 15.2 4.79999 14 6.13333C12.9333 7.33333 11.5333 8.2 10 8.59999V13.1333C10 13.2667 10 13.4 9.93333 13.5333C9.86667 13.6667 9.8 13.8 9.66667 13.8667L7.66667 15.5333C7.53333 15.6667 7.33333 15.7333 7.13333 15.7333C7.06667 15.7333 7 15.7333 7 15.7333ZM15 1.33333H1C1.13333 2.86666 1.73333 4.33333 2.73333 5.46666C3.73333 6.6 5.13333 7.4 6.6 7.73333C6.8 7.8 7 8 7 8.2V14.8L9 13.1333V8.2C9 7.93333 9.2 7.73333 9.4 7.73333C10.8667 7.4 12.2667 6.66666 13.2667 5.46666C14.2667 4.33333 14.8667 2.86666 15 1.33333Z"
-            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 FilterIcon({
+  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="16"
+        height="16"
+        viewBox="0 0 16 16"
+        fill="none"
+      >
+        <mask
+          id="mask0_484_4303"
+          maskUnits="userSpaceOnUse"
+          x="0"
+          y="0"
+          width="16"
+          height="16"
+        >
+          <path d="M16 0H0V16H16V0Z" fill="white" />
+        </mask>
+        <g mask="url(#mask0_484_4303)">
+          <path
+            d="M7 15.7333C6.86667 15.7333 6.73333 15.7333 6.6 15.6667C6.4 15.6 6.26667 15.4667 6.2 15.2667C6.06667 15.1333 6 14.9333 6 14.7333V8.53333C4.46667 8.2 3 7.33333 2 6.13333C0.866667 4.79999 0.133333 3.13333 0 1.39999C0 1.26666 0 1.13333 0.0666667 0.999995C0.133333 0.866662 0.2 0.733328 0.266667 0.666662C0.333333 0.533328 0.466667 0.466662 0.6 0.399995C0.733333 0.333328 0.866667 0.333328 1 0.333328H15C15.1333 0.333328 15.2667 0.333328 15.4 0.399995C15.5333 0.466662 15.6667 0.533328 15.7333 0.666662C15.8 0.733328 15.8667 0.866662 15.9333 0.999995C16 1.13333 16 1.26666 16 1.39999C15.8667 3.13333 15.2 4.79999 14 6.13333C12.9333 7.33333 11.5333 8.2 10 8.59999V13.1333C10 13.2667 10 13.4 9.93333 13.5333C9.86667 13.6667 9.8 13.8 9.66667 13.8667L7.66667 15.5333C7.53333 15.6667 7.33333 15.7333 7.13333 15.7333C7.06667 15.7333 7 15.7333 7 15.7333ZM15 1.33333H1C1.13333 2.86666 1.73333 4.33333 2.73333 5.46666C3.73333 6.6 5.13333 7.4 6.6 7.73333C6.8 7.8 7 8 7 8.2V14.8L9 13.1333V8.2C9 7.93333 9.2 7.73333 9.4 7.73333C10.8667 7.4 12.2667 6.66666 13.2667 5.46666C14.2667 4.33333 14.8667 2.86666 15 1.33333Z"
+            fill={fill}
+          />
+        </g>
+      </svg>
+    </SvgIcon>
+  );
+}