odaptos_design_system 2.0.5 → 2.0.7

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

@@ -1,62 +1,62 @@
-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 ShareIcon({
-  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="M5.25 8.25C3.59315 8.25 2.25 9.59315 2.25 11.25C2.25 12.9069 3.59315 14.25 5.25 14.25C6.90685 14.25 8.25 12.9069 8.25 11.25C8.25 9.59315 6.90685 8.25 5.25 8.25ZM0.75 11.25C0.75 8.76472 2.76472 6.75 5.25 6.75C7.73528 6.75 9.75 8.76472 9.75 11.25C9.75 13.7353 7.73528 15.75 5.25 15.75C2.76472 15.75 0.75 13.7353 0.75 11.25Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M18.75 3C17.0931 3 15.75 4.34315 15.75 6C15.75 7.65685 17.0931 9 18.75 9C20.4069 9 21.75 7.65685 21.75 6C21.75 4.34315 20.4069 3 18.75 3ZM14.25 6C14.25 3.51472 16.2647 1.5 18.75 1.5C21.2353 1.5 23.25 3.51472 23.25 6C23.25 8.48528 21.2353 10.5 18.75 10.5C16.2647 10.5 14.25 8.48528 14.25 6Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M18.75 15C17.0931 15 15.75 16.3431 15.75 18C15.75 19.6569 17.0931 21 18.75 21C20.4069 21 21.75 19.6569 21.75 18C21.75 16.3431 20.4069 15 18.75 15ZM14.25 18C14.25 15.5147 16.2647 13.5 18.75 13.5C21.2353 13.5 23.25 15.5147 23.25 18C23.25 20.4853 21.2353 22.5 18.75 22.5C16.2647 22.5 14.25 20.4853 14.25 18Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M15.953 7.08815C16.1031 7.4742 15.9119 7.90886 15.5258 8.059L9.01785 10.59C8.6318 10.7401 8.19714 10.5489 8.047 10.1628C7.89686 9.7768 8.08811 9.34214 8.47415 9.192L14.9822 6.661C15.3682 6.51086 15.8029 6.70211 15.953 7.08815Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M7.93418 12.5926C8.11942 12.2221 8.56993 12.0719 8.94041 12.2572L15.7304 15.6522C16.1009 15.8374 16.2511 16.2879 16.0658 16.6584C15.8806 17.0289 15.4301 17.1791 15.0596 16.9938L8.26959 13.5988C7.89911 13.4136 7.74894 12.9631 7.93418 12.5926Z"
-          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 ShareIcon({
+  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="M5.25 8.25C3.59315 8.25 2.25 9.59315 2.25 11.25C2.25 12.9069 3.59315 14.25 5.25 14.25C6.90685 14.25 8.25 12.9069 8.25 11.25C8.25 9.59315 6.90685 8.25 5.25 8.25ZM0.75 11.25C0.75 8.76472 2.76472 6.75 5.25 6.75C7.73528 6.75 9.75 8.76472 9.75 11.25C9.75 13.7353 7.73528 15.75 5.25 15.75C2.76472 15.75 0.75 13.7353 0.75 11.25Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M18.75 3C17.0931 3 15.75 4.34315 15.75 6C15.75 7.65685 17.0931 9 18.75 9C20.4069 9 21.75 7.65685 21.75 6C21.75 4.34315 20.4069 3 18.75 3ZM14.25 6C14.25 3.51472 16.2647 1.5 18.75 1.5C21.2353 1.5 23.25 3.51472 23.25 6C23.25 8.48528 21.2353 10.5 18.75 10.5C16.2647 10.5 14.25 8.48528 14.25 6Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M18.75 15C17.0931 15 15.75 16.3431 15.75 18C15.75 19.6569 17.0931 21 18.75 21C20.4069 21 21.75 19.6569 21.75 18C21.75 16.3431 20.4069 15 18.75 15ZM14.25 18C14.25 15.5147 16.2647 13.5 18.75 13.5C21.2353 13.5 23.25 15.5147 23.25 18C23.25 20.4853 21.2353 22.5 18.75 22.5C16.2647 22.5 14.25 20.4853 14.25 18Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M15.953 7.08815C16.1031 7.4742 15.9119 7.90886 15.5258 8.059L9.01785 10.59C8.6318 10.7401 8.19714 10.5489 8.047 10.1628C7.89686 9.7768 8.08811 9.34214 8.47415 9.192L14.9822 6.661C15.3682 6.51086 15.8029 6.70211 15.953 7.08815Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M7.93418 12.5926C8.11942 12.2221 8.56993 12.0719 8.94041 12.2572L15.7304 15.6522C16.1009 15.8374 16.2511 16.2879 16.0658 16.6584C15.8806 17.0289 15.4301 17.1791 15.0596 16.9938L8.26959 13.5988C7.89911 13.4136 7.74894 12.9631 7.93418 12.5926Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Interaction/SortingIcon.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 SortingIcon({
-  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="23"
-        height="24"
-        viewBox="0 0 23 24"
-        fill="none"
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M7.35014 10L6.62807 7.62943H2.99728L2.2752 10H0L3.51499 0H6.09673L9.62534 10H7.35014ZM6.12398 5.85831L5.40191 3.54223C5.35649 3.38783 5.29519 3.19028 5.21798 2.94959C5.14532 2.70436 5.07039 2.45686 4.99319 2.20708C4.92053 1.95277 4.86149 1.73252 4.81608 1.54632C4.77066 1.73252 4.70708 1.96412 4.62534 2.24114C4.54814 2.51362 4.47321 2.77248 4.40054 3.01771C4.32788 3.26294 4.27566 3.43778 4.24387 3.54223L3.52861 5.85831H6.12398ZM8.53366 24H1.0918V22.6252L5.8866 15.751H1.22176V14H8.4037V15.368L3.61574 22.249H8.53366V24ZM17.3889 23.7188L22.5741 17.6094C22.8923 17.2345 22.8923 16.6267 22.5741 16.2518C22.2559 15.8769 21.74 15.8769 21.4218 16.2518L17.6275 20.7224V0H15.998L15.998 20.7224L12.2037 16.2518C11.8855 15.8769 11.3696 15.8769 11.0514 16.2518C10.7332 16.6267 10.7332 17.2345 11.0514 17.6094L16.2366 23.7188C16.5548 24.0937 17.0707 24.0937 17.3889 23.7188Z"
-          fill="black"
-        />
-      </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 SortingIcon({
+  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="23"
+        height="24"
+        viewBox="0 0 23 24"
+        fill="none"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M7.35014 10L6.62807 7.62943H2.99728L2.2752 10H0L3.51499 0H6.09673L9.62534 10H7.35014ZM6.12398 5.85831L5.40191 3.54223C5.35649 3.38783 5.29519 3.19028 5.21798 2.94959C5.14532 2.70436 5.07039 2.45686 4.99319 2.20708C4.92053 1.95277 4.86149 1.73252 4.81608 1.54632C4.77066 1.73252 4.70708 1.96412 4.62534 2.24114C4.54814 2.51362 4.47321 2.77248 4.40054 3.01771C4.32788 3.26294 4.27566 3.43778 4.24387 3.54223L3.52861 5.85831H6.12398ZM8.53366 24H1.0918V22.6252L5.8866 15.751H1.22176V14H8.4037V15.368L3.61574 22.249H8.53366V24ZM17.3889 23.7188L22.5741 17.6094C22.8923 17.2345 22.8923 16.6267 22.5741 16.2518C22.2559 15.8769 21.74 15.8769 21.4218 16.2518L17.6275 20.7224V0H15.998L15.998 20.7224L12.2037 16.2518C11.8855 15.8769 11.3696 15.8769 11.0514 16.2518C10.7332 16.6267 10.7332 17.2345 11.0514 17.6094L16.2366 23.7188C16.5548 24.0937 17.0707 24.0937 17.3889 23.7188Z"
+          fill="black"
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Interaction/TagAddIcon.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 TagAddIcon({
-  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_6604_24076)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M6.4 19.7C6.5 19.8 6.7 19.9 6.9 19.9C7.1 19.9 7.3 19.9 7.4 19.7C7.7 19.4 7.7 18.9 7.4 18.6L2 13.2C1.9 13.2 1.8 13.1 1.8 13C1.7 12.9 1.7 12.8 1.7 12.7C1.7 12.65 1.725 12.6 1.75 12.55C1.775 12.5 1.8 12.45 1.8 12.4C1.86181 12.4 1.88541 12.3618 1.91804 12.309C1.9382 12.2764 1.96181 12.2382 2 12.2L12.6 1.8C12.6 1.7 12.7 1.6 12.8 1.6C12.9 1.5 13 1.5 13.1 1.5H18.5C18.7 1.5 18.9 1.6 19 1.7C19.1 1.8 19.2 2 19.2 2.2V7.6C19.2 8 19.4 8.5 19.9 8.5C20.4 8.5 20.7 8.1 20.7 7.7V2.3C20.7 1.7 20.4 1.1 20 0.7C19.6 0.2 19 0 18.5 0H13.1C12.8 0 12.5 0.1 12.2 0.2C12 0.3 11.7 0.5 11.5 0.7L1 11.1C0.800003 11.3 0.600003 11.5 0.500003 11.8C0.400003 12.1 0.300003 12.4 0.300003 12.7C0.300003 13 0.400003 13.3 0.500003 13.6C0.600003 13.8 0.800003 14.1 1 14.3L6.4 19.7ZM16.1 8.35C15.9 8.45 15.6 8.55 15.3 8.55C15 8.55 14.7 8.45 14.4 8.35001L14.4 8.35C14.2 8.25 13.9 8.05 13.7 7.85C13.5 7.65 13.3 7.35 13.2 7.15C13.1 6.85 13 6.55 13 6.25C13 5.95 13.1 5.65 13.2 5.35C13.3 5.15 13.5 4.85 13.7 4.65C13.9 4.45 14.1 4.25 14.4 4.15C15 3.95 15.6 3.95 16.1 4.15C16.3 4.25 16.6 4.45 16.8 4.65C17 4.85 17.2 5.05 17.3 5.35C17.4 5.65 17.5 5.95 17.5 6.25C17.5 6.55 17.5 6.85 17.4 7.15C17.3 7.35 17.1 7.65 16.9 7.85C16.7 8.05 16.4 8.25 16.1 8.35ZM15.6 5.65C15.5 5.55 15.4 5.55 15.3 5.55H15C14.9618 5.5882 14.9236 5.6118 14.891 5.63197C14.8382 5.66459 14.8 5.6882 14.8 5.75C14.7 5.75 14.6 5.85 14.6 5.95C14.6 6 14.575 6.05 14.55 6.1C14.525 6.15 14.5 6.2 14.5 6.25C14.5 6.3 14.525 6.35 14.55 6.4C14.575 6.45 14.6 6.5 14.6 6.55C14.6 6.65 14.7 6.75 14.8 6.75C14.8 6.85 14.9 6.95 15 6.95C15.2 7.05 15.4 7.05 15.6 6.95C15.6618 6.95 15.6854 6.9118 15.718 6.85902C15.7382 6.82639 15.7618 6.7882 15.8 6.75C15.9 6.75 16 6.65 16 6.55C16.1 6.45 16.1 6.35 16.1 6.25C16.1 6.2 16.075 6.15 16.05 6.1C16.025 6.05 16 6 16 5.95C15.9425 5.8925 15.9181 5.86806 15.8887 5.85767C15.8669 5.85 15.8425 5.85 15.8 5.85C15.8 5.75 15.7 5.65 15.6 5.65ZM18 12C18.5232 12 18.9474 12.4242 18.9474 12.9474V17.0526H23.0526C23.5758 17.0526 24 17.4768 24 18C24 18.5232 23.5758 18.9473 23.0526 18.9473H18.9474V23.0526C18.9474 23.5758 18.5232 24 18 24C17.4768 24 17.0526 23.5758 17.0526 23.0526V18.9473H12.9474C12.4242 18.9473 12 18.5232 12 18C12 17.4768 12.4242 17.0526 12.9474 17.0526H17.0526V12.9474C17.0526 12.4242 17.4768 12 18 12Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_6604_24076">
-            <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 TagAddIcon({
+  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_6604_24076)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.4 19.7C6.5 19.8 6.7 19.9 6.9 19.9C7.1 19.9 7.3 19.9 7.4 19.7C7.7 19.4 7.7 18.9 7.4 18.6L2 13.2C1.9 13.2 1.8 13.1 1.8 13C1.7 12.9 1.7 12.8 1.7 12.7C1.7 12.65 1.725 12.6 1.75 12.55C1.775 12.5 1.8 12.45 1.8 12.4C1.86181 12.4 1.88541 12.3618 1.91804 12.309C1.9382 12.2764 1.96181 12.2382 2 12.2L12.6 1.8C12.6 1.7 12.7 1.6 12.8 1.6C12.9 1.5 13 1.5 13.1 1.5H18.5C18.7 1.5 18.9 1.6 19 1.7C19.1 1.8 19.2 2 19.2 2.2V7.6C19.2 8 19.4 8.5 19.9 8.5C20.4 8.5 20.7 8.1 20.7 7.7V2.3C20.7 1.7 20.4 1.1 20 0.7C19.6 0.2 19 0 18.5 0H13.1C12.8 0 12.5 0.1 12.2 0.2C12 0.3 11.7 0.5 11.5 0.7L1 11.1C0.800003 11.3 0.600003 11.5 0.500003 11.8C0.400003 12.1 0.300003 12.4 0.300003 12.7C0.300003 13 0.400003 13.3 0.500003 13.6C0.600003 13.8 0.800003 14.1 1 14.3L6.4 19.7ZM16.1 8.35C15.9 8.45 15.6 8.55 15.3 8.55C15 8.55 14.7 8.45 14.4 8.35001L14.4 8.35C14.2 8.25 13.9 8.05 13.7 7.85C13.5 7.65 13.3 7.35 13.2 7.15C13.1 6.85 13 6.55 13 6.25C13 5.95 13.1 5.65 13.2 5.35C13.3 5.15 13.5 4.85 13.7 4.65C13.9 4.45 14.1 4.25 14.4 4.15C15 3.95 15.6 3.95 16.1 4.15C16.3 4.25 16.6 4.45 16.8 4.65C17 4.85 17.2 5.05 17.3 5.35C17.4 5.65 17.5 5.95 17.5 6.25C17.5 6.55 17.5 6.85 17.4 7.15C17.3 7.35 17.1 7.65 16.9 7.85C16.7 8.05 16.4 8.25 16.1 8.35ZM15.6 5.65C15.5 5.55 15.4 5.55 15.3 5.55H15C14.9618 5.5882 14.9236 5.6118 14.891 5.63197C14.8382 5.66459 14.8 5.6882 14.8 5.75C14.7 5.75 14.6 5.85 14.6 5.95C14.6 6 14.575 6.05 14.55 6.1C14.525 6.15 14.5 6.2 14.5 6.25C14.5 6.3 14.525 6.35 14.55 6.4C14.575 6.45 14.6 6.5 14.6 6.55C14.6 6.65 14.7 6.75 14.8 6.75C14.8 6.85 14.9 6.95 15 6.95C15.2 7.05 15.4 7.05 15.6 6.95C15.6618 6.95 15.6854 6.9118 15.718 6.85902C15.7382 6.82639 15.7618 6.7882 15.8 6.75C15.9 6.75 16 6.65 16 6.55C16.1 6.45 16.1 6.35 16.1 6.25C16.1 6.2 16.075 6.15 16.05 6.1C16.025 6.05 16 6 16 5.95C15.9425 5.8925 15.9181 5.86806 15.8887 5.85767C15.8669 5.85 15.8425 5.85 15.8 5.85C15.8 5.75 15.7 5.65 15.6 5.65ZM18 12C18.5232 12 18.9474 12.4242 18.9474 12.9474V17.0526H23.0526C23.5758 17.0526 24 17.4768 24 18C24 18.5232 23.5758 18.9473 23.0526 18.9473H18.9474V23.0526C18.9474 23.5758 18.5232 24 18 24C17.4768 24 17.0526 23.5758 17.0526 23.0526V18.9473H12.9474C12.4242 18.9473 12 18.5232 12 18C12 17.4768 12.4242 17.0526 12.9474 17.0526H17.0526V12.9474C17.0526 12.4242 17.4768 12 18 12Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_6604_24076">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Interaction/TagEditIcon.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 TagEditIcon({
-  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_6604_24015)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M6.9 19.9C6.7 19.9 6.5 19.8 6.4 19.7L1 14.3C0.800003 14.1 0.600003 13.8 0.500003 13.6C0.400003 13.3 0.300003 13 0.300003 12.7C0.300003 12.4 0.400003 12.1 0.500003 11.8C0.600003 11.5 0.800003 11.3 1 11.1L11.5 0.7C11.7 0.5 12 0.3 12.2 0.2C12.5 0.1 12.8 0 13.1 0H18.5C19 0 19.6 0.2 20 0.7C20.4 1.1 20.7 1.7 20.7 2.3V7.7C20.7 8.1 20.4 8.5 19.9 8.5C19.4 8.5 19.2 8 19.2 7.6V2.2C19.2 2 19.1 1.8 19 1.7C18.9 1.6 18.7 1.5 18.5 1.5H13.1C13 1.5 12.9 1.5 12.8 1.6C12.7 1.6 12.6 1.7 12.6 1.8L2 12.2C1.96181 12.2382 1.9382 12.2764 1.91804 12.309C1.88541 12.3618 1.86181 12.4 1.8 12.4C1.8 12.45 1.775 12.5 1.75 12.55C1.725 12.6 1.7 12.65 1.7 12.7C1.7 12.8 1.7 12.9 1.8 13C1.8 13.1 1.9 13.2 2 13.2L7.4 18.6C7.7 18.9 7.7 19.4 7.4 19.7C7.3 19.9 7.1 19.9 6.9 19.9ZM10.9 24C10.7 24 10.5 23.9 10.4 23.8C10.2 23.6 10.1 23.4 10.2 23.1L11 19.3C11 19.2 11.1 19 11.2 18.9L18.8 11.3C19.9 10.2 21.8 10.2 22.9 11.3C23.4 11.8 23.7 12.6 23.7 13.3C23.7 14.1 23.4 14.8 22.9 15.3L15.2 23C15.1 23.1 15 23.2 14.8 23.2L11.1 24H10.9ZM12.4 19.9L11.9 22.3L14.3 21.8L21.8 14.3C22.1 14 22.2 13.7 22.2 13.3C22.2 12.9 22.1 12.6 21.8 12.3C21.3 11.8 20.4 11.8 19.9 12.3L12.4 19.9ZM16.1 8.35C15.9 8.45 15.6 8.55 15.3 8.55C15 8.55 14.7 8.45 14.4 8.35001L14.4 8.35C14.2 8.25 13.9 8.05 13.7 7.85C13.5 7.65 13.3 7.35 13.2 7.15C13.1 6.85 13 6.55 13 6.25C13 5.95 13.1 5.65 13.2 5.35C13.3 5.15 13.5 4.85 13.7 4.65C13.9 4.45 14.1 4.25 14.4 4.15C15 3.95 15.6 3.95 16.1 4.15C16.3 4.25 16.6 4.45 16.8 4.65C17 4.85 17.2 5.05 17.3 5.35C17.4 5.65 17.5 5.95 17.5 6.25C17.5 6.55 17.5 6.85 17.4 7.15C17.3 7.35 17.1 7.65 16.9 7.85C16.7 8.05 16.4 8.25 16.1 8.35ZM15.6 5.65C15.5 5.55 15.4 5.55 15.3 5.55H15C14.9618 5.5882 14.9236 5.6118 14.891 5.63197C14.8382 5.66459 14.8 5.6882 14.8 5.75C14.7 5.75 14.6 5.85 14.6 5.95C14.6 6 14.575 6.05 14.55 6.1C14.525 6.15 14.5 6.2 14.5 6.25C14.5 6.3 14.525 6.35 14.55 6.4C14.575 6.45 14.6 6.5 14.6 6.55C14.6 6.65 14.7 6.75 14.8 6.75C14.8 6.85 14.9 6.95 15 6.95C15.2 7.05 15.4 7.05 15.6 6.95C15.6618 6.95 15.6854 6.9118 15.718 6.85902C15.7382 6.82639 15.7618 6.7882 15.8 6.75C15.9 6.75 16 6.65 16 6.55C16.1 6.45 16.1 6.35 16.1 6.25C16.1 6.2 16.075 6.15 16.05 6.1C16.025 6.05 16 6 16 5.95C15.9425 5.8925 15.9181 5.86806 15.8887 5.85767C15.8669 5.85 15.8425 5.85 15.8 5.85C15.8 5.75 15.7 5.65 15.6 5.65Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_6604_24015">
-            <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 TagEditIcon({
+  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_6604_24015)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.9 19.9C6.7 19.9 6.5 19.8 6.4 19.7L1 14.3C0.800003 14.1 0.600003 13.8 0.500003 13.6C0.400003 13.3 0.300003 13 0.300003 12.7C0.300003 12.4 0.400003 12.1 0.500003 11.8C0.600003 11.5 0.800003 11.3 1 11.1L11.5 0.7C11.7 0.5 12 0.3 12.2 0.2C12.5 0.1 12.8 0 13.1 0H18.5C19 0 19.6 0.2 20 0.7C20.4 1.1 20.7 1.7 20.7 2.3V7.7C20.7 8.1 20.4 8.5 19.9 8.5C19.4 8.5 19.2 8 19.2 7.6V2.2C19.2 2 19.1 1.8 19 1.7C18.9 1.6 18.7 1.5 18.5 1.5H13.1C13 1.5 12.9 1.5 12.8 1.6C12.7 1.6 12.6 1.7 12.6 1.8L2 12.2C1.96181 12.2382 1.9382 12.2764 1.91804 12.309C1.88541 12.3618 1.86181 12.4 1.8 12.4C1.8 12.45 1.775 12.5 1.75 12.55C1.725 12.6 1.7 12.65 1.7 12.7C1.7 12.8 1.7 12.9 1.8 13C1.8 13.1 1.9 13.2 2 13.2L7.4 18.6C7.7 18.9 7.7 19.4 7.4 19.7C7.3 19.9 7.1 19.9 6.9 19.9ZM10.9 24C10.7 24 10.5 23.9 10.4 23.8C10.2 23.6 10.1 23.4 10.2 23.1L11 19.3C11 19.2 11.1 19 11.2 18.9L18.8 11.3C19.9 10.2 21.8 10.2 22.9 11.3C23.4 11.8 23.7 12.6 23.7 13.3C23.7 14.1 23.4 14.8 22.9 15.3L15.2 23C15.1 23.1 15 23.2 14.8 23.2L11.1 24H10.9ZM12.4 19.9L11.9 22.3L14.3 21.8L21.8 14.3C22.1 14 22.2 13.7 22.2 13.3C22.2 12.9 22.1 12.6 21.8 12.3C21.3 11.8 20.4 11.8 19.9 12.3L12.4 19.9ZM16.1 8.35C15.9 8.45 15.6 8.55 15.3 8.55C15 8.55 14.7 8.45 14.4 8.35001L14.4 8.35C14.2 8.25 13.9 8.05 13.7 7.85C13.5 7.65 13.3 7.35 13.2 7.15C13.1 6.85 13 6.55 13 6.25C13 5.95 13.1 5.65 13.2 5.35C13.3 5.15 13.5 4.85 13.7 4.65C13.9 4.45 14.1 4.25 14.4 4.15C15 3.95 15.6 3.95 16.1 4.15C16.3 4.25 16.6 4.45 16.8 4.65C17 4.85 17.2 5.05 17.3 5.35C17.4 5.65 17.5 5.95 17.5 6.25C17.5 6.55 17.5 6.85 17.4 7.15C17.3 7.35 17.1 7.65 16.9 7.85C16.7 8.05 16.4 8.25 16.1 8.35ZM15.6 5.65C15.5 5.55 15.4 5.55 15.3 5.55H15C14.9618 5.5882 14.9236 5.6118 14.891 5.63197C14.8382 5.66459 14.8 5.6882 14.8 5.75C14.7 5.75 14.6 5.85 14.6 5.95C14.6 6 14.575 6.05 14.55 6.1C14.525 6.15 14.5 6.2 14.5 6.25C14.5 6.3 14.525 6.35 14.55 6.4C14.575 6.45 14.6 6.5 14.6 6.55C14.6 6.65 14.7 6.75 14.8 6.75C14.8 6.85 14.9 6.95 15 6.95C15.2 7.05 15.4 7.05 15.6 6.95C15.6618 6.95 15.6854 6.9118 15.718 6.85902C15.7382 6.82639 15.7618 6.7882 15.8 6.75C15.9 6.75 16 6.65 16 6.55C16.1 6.45 16.1 6.35 16.1 6.25C16.1 6.2 16.075 6.15 16.05 6.1C16.025 6.05 16 6 16 5.95C15.9425 5.8925 15.9181 5.86806 15.8887 5.85767C15.8669 5.85 15.8425 5.85 15.8 5.85C15.8 5.75 15.7 5.65 15.6 5.65Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_6604_24015">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Interaction/TagRemoveIcon.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 TagRemoveIcon({
-  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_6604_24077)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M6.4 19.7C6.5 19.8 6.7 19.9 6.9 19.9C7.1 19.9 7.3 19.9 7.4 19.7C7.7 19.4 7.7 18.9 7.4 18.6L2 13.2C1.9 13.2 1.8 13.1 1.8 13C1.7 12.9 1.7 12.8 1.7 12.7C1.7 12.65 1.725 12.6 1.75 12.55C1.775 12.5 1.8 12.45 1.8 12.4C1.86181 12.4 1.88541 12.3618 1.91804 12.309C1.9382 12.2764 1.96181 12.2382 2 12.2L12.6 1.8C12.6 1.7 12.7 1.6 12.8 1.6C12.9 1.5 13 1.5 13.1 1.5H18.5C18.7 1.5 18.9 1.6 19 1.7C19.1 1.8 19.2 2 19.2 2.2V7.6C19.2 8 19.4 8.5 19.9 8.5C20.4 8.5 20.7 8.1 20.7 7.7V2.3C20.7 1.7 20.4 1.1 20 0.7C19.6 0.2 19 0 18.5 0H13.1C12.8 0 12.5 0.1 12.2 0.2C12 0.3 11.7 0.5 11.5 0.7L1 11.1C0.800003 11.3 0.600003 11.5 0.500003 11.8C0.400003 12.1 0.300003 12.4 0.300003 12.7C0.300003 13 0.400003 13.3 0.500003 13.6C0.600003 13.8 0.800003 14.1 1 14.3L6.4 19.7ZM16.1 8.35C15.9 8.45 15.6 8.55 15.3 8.55C15 8.55 14.7 8.45 14.4 8.35001L14.4 8.35C14.2 8.25 13.9 8.05 13.7 7.85C13.5 7.65 13.3 7.35 13.2 7.15C13.1 6.85 13 6.55 13 6.25C13 5.95 13.1 5.65 13.2 5.35C13.3 5.15 13.5 4.85 13.7 4.65C13.9 4.45 14.1 4.25 14.4 4.15C15 3.95 15.6 3.95 16.1 4.15C16.3 4.25 16.6 4.45 16.8 4.65C17 4.85 17.2 5.05 17.3 5.35C17.4 5.65 17.5 5.95 17.5 6.25C17.5 6.55 17.5 6.85 17.4 7.15C17.3 7.35 17.1 7.65 16.9 7.85C16.7 8.05 16.4 8.25 16.1 8.35ZM15.6 5.65C15.5 5.55 15.4 5.55 15.3 5.55H15C14.9618 5.5882 14.9236 5.6118 14.891 5.63197C14.8382 5.66459 14.8 5.6882 14.8 5.75C14.7 5.75 14.6 5.85 14.6 5.95C14.6 6 14.575 6.05 14.55 6.1C14.525 6.15 14.5 6.2 14.5 6.25C14.5 6.3 14.525 6.35 14.55 6.4C14.575 6.45 14.6 6.5 14.6 6.55C14.6 6.65 14.7 6.75 14.8 6.75C14.8 6.85 14.9 6.95 15 6.95C15.2 7.05 15.4 7.05 15.6 6.95C15.6618 6.95 15.6854 6.9118 15.718 6.85902C15.7382 6.82639 15.7618 6.7882 15.8 6.75C15.9 6.75 16 6.65 16 6.55C16.1 6.45 16.1 6.35 16.1 6.25C16.1 6.2 16.075 6.15 16.05 6.1C16.025 6.05 16 6 16 5.95C15.9425 5.8925 15.9181 5.86806 15.8887 5.85767C15.8669 5.85 15.8425 5.85 15.8 5.85C15.8 5.75 15.7 5.65 15.6 5.65ZM14.4592 14.4597C14.8316 14.0873 15.4354 14.0873 15.8077 14.4597L18.7295 17.3815L21.6513 14.4597C22.0236 14.0873 22.6274 14.0873 22.9998 14.4597C23.3721 14.8321 23.3721 15.4358 22.9998 15.8082L20.078 18.73L22.9998 21.6517C23.3721 22.0241 23.3721 22.6279 22.9998 23.0002C22.6274 23.3726 22.0236 23.3726 21.6513 23.0002L18.7295 20.0785L15.8077 23.0002C15.4354 23.3726 14.8316 23.3726 14.4592 23.0002C14.0869 22.6279 14.0869 22.0241 14.4592 21.6517L17.381 18.73L14.4592 15.8082C14.0869 15.4358 14.0869 14.8321 14.4592 14.4597Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_6604_24077">
-            <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 TagRemoveIcon({
+  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_6604_24077)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.4 19.7C6.5 19.8 6.7 19.9 6.9 19.9C7.1 19.9 7.3 19.9 7.4 19.7C7.7 19.4 7.7 18.9 7.4 18.6L2 13.2C1.9 13.2 1.8 13.1 1.8 13C1.7 12.9 1.7 12.8 1.7 12.7C1.7 12.65 1.725 12.6 1.75 12.55C1.775 12.5 1.8 12.45 1.8 12.4C1.86181 12.4 1.88541 12.3618 1.91804 12.309C1.9382 12.2764 1.96181 12.2382 2 12.2L12.6 1.8C12.6 1.7 12.7 1.6 12.8 1.6C12.9 1.5 13 1.5 13.1 1.5H18.5C18.7 1.5 18.9 1.6 19 1.7C19.1 1.8 19.2 2 19.2 2.2V7.6C19.2 8 19.4 8.5 19.9 8.5C20.4 8.5 20.7 8.1 20.7 7.7V2.3C20.7 1.7 20.4 1.1 20 0.7C19.6 0.2 19 0 18.5 0H13.1C12.8 0 12.5 0.1 12.2 0.2C12 0.3 11.7 0.5 11.5 0.7L1 11.1C0.800003 11.3 0.600003 11.5 0.500003 11.8C0.400003 12.1 0.300003 12.4 0.300003 12.7C0.300003 13 0.400003 13.3 0.500003 13.6C0.600003 13.8 0.800003 14.1 1 14.3L6.4 19.7ZM16.1 8.35C15.9 8.45 15.6 8.55 15.3 8.55C15 8.55 14.7 8.45 14.4 8.35001L14.4 8.35C14.2 8.25 13.9 8.05 13.7 7.85C13.5 7.65 13.3 7.35 13.2 7.15C13.1 6.85 13 6.55 13 6.25C13 5.95 13.1 5.65 13.2 5.35C13.3 5.15 13.5 4.85 13.7 4.65C13.9 4.45 14.1 4.25 14.4 4.15C15 3.95 15.6 3.95 16.1 4.15C16.3 4.25 16.6 4.45 16.8 4.65C17 4.85 17.2 5.05 17.3 5.35C17.4 5.65 17.5 5.95 17.5 6.25C17.5 6.55 17.5 6.85 17.4 7.15C17.3 7.35 17.1 7.65 16.9 7.85C16.7 8.05 16.4 8.25 16.1 8.35ZM15.6 5.65C15.5 5.55 15.4 5.55 15.3 5.55H15C14.9618 5.5882 14.9236 5.6118 14.891 5.63197C14.8382 5.66459 14.8 5.6882 14.8 5.75C14.7 5.75 14.6 5.85 14.6 5.95C14.6 6 14.575 6.05 14.55 6.1C14.525 6.15 14.5 6.2 14.5 6.25C14.5 6.3 14.525 6.35 14.55 6.4C14.575 6.45 14.6 6.5 14.6 6.55C14.6 6.65 14.7 6.75 14.8 6.75C14.8 6.85 14.9 6.95 15 6.95C15.2 7.05 15.4 7.05 15.6 6.95C15.6618 6.95 15.6854 6.9118 15.718 6.85902C15.7382 6.82639 15.7618 6.7882 15.8 6.75C15.9 6.75 16 6.65 16 6.55C16.1 6.45 16.1 6.35 16.1 6.25C16.1 6.2 16.075 6.15 16.05 6.1C16.025 6.05 16 6 16 5.95C15.9425 5.8925 15.9181 5.86806 15.8887 5.85767C15.8669 5.85 15.8425 5.85 15.8 5.85C15.8 5.75 15.7 5.65 15.6 5.65ZM14.4592 14.4597C14.8316 14.0873 15.4354 14.0873 15.8077 14.4597L18.7295 17.3815L21.6513 14.4597C22.0236 14.0873 22.6274 14.0873 22.9998 14.4597C23.3721 14.8321 23.3721 15.4358 22.9998 15.8082L20.078 18.73L22.9998 21.6517C23.3721 22.0241 23.3721 22.6279 22.9998 23.0002C22.6274 23.3726 22.0236 23.3726 21.6513 23.0002L18.7295 20.0785L15.8077 23.0002C15.4354 23.3726 14.8316 23.3726 14.4592 23.0002C14.0869 22.6279 14.0869 22.0241 14.4592 21.6517L17.381 18.73L14.4592 15.8082C14.0869 15.4358 14.0869 14.8321 14.4592 14.4597Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_6604_24077">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}