odaptos_design_system 2.0.4 → 2.0.6

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

@@ -1,68 +1,68 @@
-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 ChatBubbleIcon({
-  stroke,
-  strokeWidth,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      fill="transparent"
-      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_4341_371)">
-          <path
-            d="M12.75 0.750016C10.8788 0.747318 9.04097 1.24543 7.42723 2.19266C5.81349 3.13989 4.48264 4.50172 3.5728 6.13683C2.66295 7.77193 2.20726 9.62074 2.25302 11.4914C2.29877 13.362 2.8443 15.1863 3.833 16.775L0.75 23.25L7.224 20.167C8.6047 21.0255 10.1659 21.5515 11.7846 21.7038C13.4032 21.8561 15.0351 21.6305 16.5517 21.0446C18.0683 20.4587 19.4281 19.5287 20.524 18.3278C21.62 17.1269 22.422 15.6878 22.8671 14.1241C23.3121 12.5604 23.3879 10.9147 23.0886 9.3167C22.7892 7.71868 22.1229 6.21201 21.142 4.9154C20.1612 3.61879 18.8926 2.56766 17.4363 1.84483C15.9801 1.122 14.3758 0.747216 12.75 0.750016Z"
-            stroke={stroke}
-            strokeWidth="1.5"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-          <path
-            d="M8.24609 8.25H17.2461"
-            stroke={stroke}
-            strokeWidth="1.5"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-          <path
-            d="M6.74609 11.25H18.7461"
-            stroke={stroke}
-            strokeWidth="1.5"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-          <path
-            d="M8.24609 14.25H17.2461"
-            stroke={stroke}
-            strokeWidth="1.5"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_4341_371">
-            <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 ChatBubbleIcon({
+  stroke,
+  strokeWidth,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      fill="transparent"
+      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_4341_371)">
+          <path
+            d="M12.75 0.750016C10.8788 0.747318 9.04097 1.24543 7.42723 2.19266C5.81349 3.13989 4.48264 4.50172 3.5728 6.13683C2.66295 7.77193 2.20726 9.62074 2.25302 11.4914C2.29877 13.362 2.8443 15.1863 3.833 16.775L0.75 23.25L7.224 20.167C8.6047 21.0255 10.1659 21.5515 11.7846 21.7038C13.4032 21.8561 15.0351 21.6305 16.5517 21.0446C18.0683 20.4587 19.4281 19.5287 20.524 18.3278C21.62 17.1269 22.422 15.6878 22.8671 14.1241C23.3121 12.5604 23.3879 10.9147 23.0886 9.3167C22.7892 7.71868 22.1229 6.21201 21.142 4.9154C20.1612 3.61879 18.8926 2.56766 17.4363 1.84483C15.9801 1.122 14.3758 0.747216 12.75 0.750016Z"
+            stroke={stroke}
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M8.24609 8.25H17.2461"
+            stroke={stroke}
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M6.74609 11.25H18.7461"
+            stroke={stroke}
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M8.24609 14.25H17.2461"
+            stroke={stroke}
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_4341_371">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/ChatIcon.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 ChatIcon({
-  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"
-      >
-        <g fillRule="evenodd">
-          <g>
-            <path d="M21.75 10.5c1.19 0 2.166.925 2.245 2.096l.005.154v4.5c0 1.19-.925 2.166-2.096 2.245l-.154.005H19.5v3.75c0 .633-.725.967-1.203.598l-.077-.068-4.281-4.28H2.25c-1.19 0-2.166-.925-2.245-2.096L0 17.25v-4.5c0-1.243 1.007-2.25 2.25-2.25.414 0 .75.336.75.75 0 .38-.282.693-.648.743L2.25 12c-.38 0-.693.282-.743.648l-.007.102v4.5c0 .38.282.693.648.743L2.25 18h12c.16 0 .313.05.44.143l.09.077L18 21.439V18.75c0-.38.282-.693.648-.743L18.75 18h3c.38 0 .693-.282.743-.648l.007-.102v-4.5c0-.38-.282-.693-.648-.743L21.75 12h-10.5c-.414 0-.75-.336-.75-.75 0-.38.282-.693.648-.743l.102-.007h10.5zm0-10.5C22.993 0 24 1.007 24 2.25v4.5C24 7.993 22.993 9 21.75 9H10.06l-4.28 4.28c-.447.448-1.196.171-1.273-.427L4.5 12.75V9H2.25C1.06 9 .084 8.075.005 6.904L0 6.75v-4.5C0 1.007 1.007 0 2.25 0zm0 1.5H2.25c-.414 0-.75.336-.75.75v4.5c0 .414.336.75.75.75h3c.414 0 .75.336.75.75v2.688L9.22 7.72c.112-.113.257-.186.412-.21l.118-.01h12c.414 0 .75-.336.75-.75v-4.5c0-.414-.336-.75-.75-.75z" />
-          </g>
-        </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 ChatIcon({
+  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"
+      >
+        <g fillRule="evenodd">
+          <g>
+            <path d="M21.75 10.5c1.19 0 2.166.925 2.245 2.096l.005.154v4.5c0 1.19-.925 2.166-2.096 2.245l-.154.005H19.5v3.75c0 .633-.725.967-1.203.598l-.077-.068-4.281-4.28H2.25c-1.19 0-2.166-.925-2.245-2.096L0 17.25v-4.5c0-1.243 1.007-2.25 2.25-2.25.414 0 .75.336.75.75 0 .38-.282.693-.648.743L2.25 12c-.38 0-.693.282-.743.648l-.007.102v4.5c0 .38.282.693.648.743L2.25 18h12c.16 0 .313.05.44.143l.09.077L18 21.439V18.75c0-.38.282-.693.648-.743L18.75 18h3c.38 0 .693-.282.743-.648l.007-.102v-4.5c0-.38-.282-.693-.648-.743L21.75 12h-10.5c-.414 0-.75-.336-.75-.75 0-.38.282-.693.648-.743l.102-.007h10.5zm0-10.5C22.993 0 24 1.007 24 2.25v4.5C24 7.993 22.993 9 21.75 9H10.06l-4.28 4.28c-.447.448-1.196.171-1.273-.427L4.5 12.75V9H2.25C1.06 9 .084 8.075.005 6.904L0 6.75v-4.5C0 1.007 1.007 0 2.25 0zm0 1.5H2.25c-.414 0-.75.336-.75.75v4.5c0 .414.336.75.75.75h3c.414 0 .75.336.75.75v2.688L9.22 7.72c.112-.113.257-.186.412-.21l.118-.01h12c.414 0 .75-.336.75-.75v-4.5c0-.414-.336-.75-.75-.75z" />
+          </g>
+        </g>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/CheckoutIcon.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 CheckoutIcon({
-  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"
-      >
-        <g fillRule="evenodd">
-          <g>
-            <path d="M18.554 15.414c.597-.623 1.445-.908 2.28-.768.833.141 1.551.692 1.929 1.479.506 1.054.308 2.326-.491 3.16l-4.27 4.638c-.045.05-.108.077-.173.077-.066 0-.128-.028-.174-.077l-4.268-4.638c-.664-.691-.923-1.7-.68-2.644.243-.945.951-1.682 1.858-1.935.907-.254 1.875.017 2.538.708l.556.578c.045.047.106.073.17.073.063 0 .124-.026.17-.073zM3.374 0c.86-.003 1.609.614 1.803 1.487l.843 3.819c.025.113.122.194.233.194H20.23c.595 0 1.154.298 1.502.801.347.504.442 1.15.253 1.738l-1.292 4.086c-.109.34-.383.593-.72.664-.336.072-.683-.048-.911-.316-.228-.268-.302-.642-.193-.981l1.056-3.334c.049-.152.024-.32-.066-.45s-.235-.208-.39-.208H6.806c-.072.001-.14.037-.185.097-.045.06-.06.137-.044.211l1.104 5c.025.111.12.19.23.192h3.28c.53 0 .96.448.96 1s-.43 1-.96 1H8.462c-.072 0-.14.034-.186.093-.045.058-.063.135-.048.209l.317 1.437c.016.07.06.13.121.165.86.477 1.307 1.495 1.092 2.484-.216.99-1.04 1.707-2.014 1.752-.973.044-1.854-.596-2.152-1.562-.297-.966.063-2.02.88-2.574.084-.057.125-.163.102-.265L3.35 2.139c-.025-.116-.125-.197-.24-.194L.96 2C.43 2 0 1.552 0 1s.43-1 .96-1z" />
-          </g>
-        </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 CheckoutIcon({
+  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"
+      >
+        <g fillRule="evenodd">
+          <g>
+            <path d="M18.554 15.414c.597-.623 1.445-.908 2.28-.768.833.141 1.551.692 1.929 1.479.506 1.054.308 2.326-.491 3.16l-4.27 4.638c-.045.05-.108.077-.173.077-.066 0-.128-.028-.174-.077l-4.268-4.638c-.664-.691-.923-1.7-.68-2.644.243-.945.951-1.682 1.858-1.935.907-.254 1.875.017 2.538.708l.556.578c.045.047.106.073.17.073.063 0 .124-.026.17-.073zM3.374 0c.86-.003 1.609.614 1.803 1.487l.843 3.819c.025.113.122.194.233.194H20.23c.595 0 1.154.298 1.502.801.347.504.442 1.15.253 1.738l-1.292 4.086c-.109.34-.383.593-.72.664-.336.072-.683-.048-.911-.316-.228-.268-.302-.642-.193-.981l1.056-3.334c.049-.152.024-.32-.066-.45s-.235-.208-.39-.208H6.806c-.072.001-.14.037-.185.097-.045.06-.06.137-.044.211l1.104 5c.025.111.12.19.23.192h3.28c.53 0 .96.448.96 1s-.43 1-.96 1H8.462c-.072 0-.14.034-.186.093-.045.058-.063.135-.048.209l.317 1.437c.016.07.06.13.121.165.86.477 1.307 1.495 1.092 2.484-.216.99-1.04 1.707-2.014 1.752-.973.044-1.854-.596-2.152-1.562-.297-.966.063-2.02.88-2.574.084-.057.125-.163.102-.265L3.35 2.139c-.025-.116-.125-.197-.24-.194L.96 2C.43 2 0 1.552 0 1s.43-1 .96-1z" />
+          </g>
+        </g>
+      </svg>
+    </SvgIcon>
+  );
+}

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

@@ -1,57 +1,57 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-import { getIconSize } from '../../../utils/getIconSize';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-
-export default function ClipIcon({
-  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="M9.85374 8.00159C10.1312 7.98956 10.4075 8.04481 10.6591 8.16261L10.6614 8.16367L14.6383 10.0424C14.9667 10.1881 15.2461 10.4255 15.4431 10.7261C15.6424 11.0303 15.7486 11.3861 15.7486 11.7498C15.7486 12.1135 15.6424 12.4693 15.4431 12.7736C15.2461 13.0742 14.9666 13.3115 14.6383 13.4572L10.6574 15.3374C10.406 15.4548 10.13 15.5098 9.85276 15.4978C9.57687 15.4858 9.3079 15.4078 9.06846 15.2703C8.82276 15.1311 8.61786 14.9299 8.47424 14.6868C8.32994 14.4424 8.2526 14.1644 8.25003 13.8806L8.24997 13.8738L8.25 9.61716C8.2529 9.33335 8.33067 9.05532 8.4754 8.81116C8.61923 8.5685 8.82418 8.36783 9.06975 8.22914C9.30906 8.09159 9.57793 8.01354 9.85374 8.00159ZM10.0222 9.52068C9.98982 9.50567 9.95433 9.49864 9.91868 9.50018C9.88277 9.50174 9.84776 9.51196 9.81665 9.52996L9.80774 9.53512C9.7904 9.54484 9.77589 9.5589 9.76575 9.57601C9.75596 9.59253 9.75054 9.61126 9.75 9.63044V13.8688C9.75048 13.8882 9.75592 13.9072 9.76581 13.924C9.776 13.9412 9.79056 13.9555 9.80802 13.9653L9.81497 13.9692C9.84631 13.9873 9.88154 13.9976 9.9177 13.9992C9.95349 14.0007 9.98914 13.9937 10.0217 13.9787L10.0226 13.9783L14.0067 12.0966C14.0136 12.0934 14.0205 12.0902 14.0275 12.0872C14.0932 12.0586 14.1491 12.0114 14.1884 11.9515C14.2277 11.8916 14.2486 11.8215 14.2486 11.7498C14.2486 11.6782 14.2277 11.6081 14.1884 11.5481C14.1491 11.4882 14.0932 11.441 14.0275 11.4124C14.0205 11.4094 14.0136 11.4062 14.0066 11.403L10.0222 9.52068Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M5.279 3.5C5.26298 3.5 5.25 3.51298 5.25 3.529V19.971C5.25 19.987 5.26298 20 5.279 20H18.721C18.737 20 18.75 19.987 18.75 19.971V3.529C18.75 3.51298 18.737 3.5 18.721 3.5H5.279ZM3.75 3.529C3.75 2.68456 4.43456 2 5.279 2H18.721C19.5654 2 20.25 2.68456 20.25 3.529V19.971C20.25 20.8154 19.5654 21.5 18.721 21.5H5.279C4.43456 21.5 3.75 20.8154 3.75 19.971V3.529Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M1.85594 6.4C1.83276 6.4 1.81072 6.41006 1.79555 6.42758C1.7338 6.49883 1.6998 6.58995 1.6998 6.68423V17.7158C1.6998 17.8101 1.7338 17.9012 1.79555 17.9724C1.81072 17.9899 1.83276 18 1.85594 18H1.9998C2.3864 18 2.6998 18.3134 2.6998 18.7C2.6998 19.0866 2.3864 19.4 1.9998 19.4H1.85594C1.42674 19.4 1.01868 19.2137 0.737581 18.8893C0.455233 18.5635 0.299805 18.1469 0.299805 17.7158V6.68423C0.299805 6.25312 0.455233 5.83646 0.737581 5.51067C1.01868 5.18633 1.42674 5 1.85594 5H1.9998C2.3864 5 2.6998 5.3134 2.6998 5.7C2.6998 6.0866 2.3864 6.4 1.9998 6.4H1.85594Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M21.8439 17.6C21.867 17.6 21.8891 17.5899 21.9043 17.5724C21.966 17.5012 22 17.41 22 17.3157V6.28421C22 6.18992 21.966 6.0988 21.9043 6.02755C21.8891 6.01004 21.867 5.99997 21.8439 5.99997H21.7C21.3134 5.99997 21 5.68657 21 5.29998C21 4.91338 21.3134 4.59998 21.7 4.59998H21.8439C22.2731 4.59998 22.6811 4.78631 22.9622 5.11065C23.2446 5.43644 23.4 5.8531 23.4 6.28421L23.4 17.3157C23.4 17.7469 23.2446 18.1635 22.9622 18.4893C22.6811 18.8136 22.2731 19 21.8439 19H21.7C21.3134 19 21 18.6866 21 18.3C21 17.9134 21.3134 17.6 21.7 17.6H21.8439Z"
-          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 ClipIcon({
+  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="M9.85374 8.00159C10.1312 7.98956 10.4075 8.04481 10.6591 8.16261L10.6614 8.16367L14.6383 10.0424C14.9667 10.1881 15.2461 10.4255 15.4431 10.7261C15.6424 11.0303 15.7486 11.3861 15.7486 11.7498C15.7486 12.1135 15.6424 12.4693 15.4431 12.7736C15.2461 13.0742 14.9666 13.3115 14.6383 13.4572L10.6574 15.3374C10.406 15.4548 10.13 15.5098 9.85276 15.4978C9.57687 15.4858 9.3079 15.4078 9.06846 15.2703C8.82276 15.1311 8.61786 14.9299 8.47424 14.6868C8.32994 14.4424 8.2526 14.1644 8.25003 13.8806L8.24997 13.8738L8.25 9.61716C8.2529 9.33335 8.33067 9.05532 8.4754 8.81116C8.61923 8.5685 8.82418 8.36783 9.06975 8.22914C9.30906 8.09159 9.57793 8.01354 9.85374 8.00159ZM10.0222 9.52068C9.98982 9.50567 9.95433 9.49864 9.91868 9.50018C9.88277 9.50174 9.84776 9.51196 9.81665 9.52996L9.80774 9.53512C9.7904 9.54484 9.77589 9.5589 9.76575 9.57601C9.75596 9.59253 9.75054 9.61126 9.75 9.63044V13.8688C9.75048 13.8882 9.75592 13.9072 9.76581 13.924C9.776 13.9412 9.79056 13.9555 9.80802 13.9653L9.81497 13.9692C9.84631 13.9873 9.88154 13.9976 9.9177 13.9992C9.95349 14.0007 9.98914 13.9937 10.0217 13.9787L10.0226 13.9783L14.0067 12.0966C14.0136 12.0934 14.0205 12.0902 14.0275 12.0872C14.0932 12.0586 14.1491 12.0114 14.1884 11.9515C14.2277 11.8916 14.2486 11.8215 14.2486 11.7498C14.2486 11.6782 14.2277 11.6081 14.1884 11.5481C14.1491 11.4882 14.0932 11.441 14.0275 11.4124C14.0205 11.4094 14.0136 11.4062 14.0066 11.403L10.0222 9.52068Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M5.279 3.5C5.26298 3.5 5.25 3.51298 5.25 3.529V19.971C5.25 19.987 5.26298 20 5.279 20H18.721C18.737 20 18.75 19.987 18.75 19.971V3.529C18.75 3.51298 18.737 3.5 18.721 3.5H5.279ZM3.75 3.529C3.75 2.68456 4.43456 2 5.279 2H18.721C19.5654 2 20.25 2.68456 20.25 3.529V19.971C20.25 20.8154 19.5654 21.5 18.721 21.5H5.279C4.43456 21.5 3.75 20.8154 3.75 19.971V3.529Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M1.85594 6.4C1.83276 6.4 1.81072 6.41006 1.79555 6.42758C1.7338 6.49883 1.6998 6.58995 1.6998 6.68423V17.7158C1.6998 17.8101 1.7338 17.9012 1.79555 17.9724C1.81072 17.9899 1.83276 18 1.85594 18H1.9998C2.3864 18 2.6998 18.3134 2.6998 18.7C2.6998 19.0866 2.3864 19.4 1.9998 19.4H1.85594C1.42674 19.4 1.01868 19.2137 0.737581 18.8893C0.455233 18.5635 0.299805 18.1469 0.299805 17.7158V6.68423C0.299805 6.25312 0.455233 5.83646 0.737581 5.51067C1.01868 5.18633 1.42674 5 1.85594 5H1.9998C2.3864 5 2.6998 5.3134 2.6998 5.7C2.6998 6.0866 2.3864 6.4 1.9998 6.4H1.85594Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M21.8439 17.6C21.867 17.6 21.8891 17.5899 21.9043 17.5724C21.966 17.5012 22 17.41 22 17.3157V6.28421C22 6.18992 21.966 6.0988 21.9043 6.02755C21.8891 6.01004 21.867 5.99997 21.8439 5.99997H21.7C21.3134 5.99997 21 5.68657 21 5.29998C21 4.91338 21.3134 4.59998 21.7 4.59998H21.8439C22.2731 4.59998 22.6811 4.78631 22.9622 5.11065C23.2446 5.43644 23.4 5.8531 23.4 6.28421L23.4 17.3157C23.4 17.7469 23.2446 18.1635 22.9622 18.4893C22.6811 18.8136 22.2731 19 21.8439 19H21.7C21.3134 19 21 18.6866 21 18.3C21 17.9134 21.3134 17.6 21.7 17.6H21.8439Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/ContentPenWriteIcon.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 ContentPenWriteIcon({
-  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_6978_27492)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M22.7 4.30003L23.3 4.90003C23.8 5.30003 24 5.90003 24 6.50003C24 7.10003 23.7 7.70003 23.3 8.10003L18.5 12.9C18.4 13 18.2 13.1 18 13.1C17.8 13.1 17.6 13 17.5 12.9C17.2 12.6 17.2 12.1 17.5 11.8L22.3 7.00003C22.4 6.90003 22.5 6.70003 22.5 6.50003C22.5 6.30003 22.4 6.10003 22.3 6.00003L21.7 5.40003L18.5 8.60003L12.1 15C12 15.1 11.8 15.2 11.6 15.2C11.55 15.2 11.5 15.175 11.45 15.15C11.4 15.125 11.35 15.1 11.3 15.1C11.2 15.6 10.9 16.1 10.5 16.5C9.5 17.6 6.4 17.8 5.8 17.8C5.6 17.8 5.4 17.7 5.3 17.6C5.2 17.4 5.1 17.2 5.1 17C5.11553 16.9068 5.13348 16.7533 5.15646 16.5567C5.28143 15.4877 5.55532 13.1447 6.4 12.3C6.8 11.9 7.3 11.6 7.8 11.5C7.7 11.3 7.8 10.9 8 10.7L14.2 4.30003L17.9 0.600026C18.8 -0.199974 20.2 -0.299974 21.1 0.600026L22.2 1.70003C22.7 2.10003 22.9 2.70003 22.9 3.30003C22.9 3.70003 22.8 4.00003 22.7 4.30003ZM20.2 1.70003C19.9 1.40003 19.4 1.40003 19.1 1.70003L15.9 4.90003L18 7.00003L21.3 3.80003C21.4 3.70003 21.5 3.50003 21.5 3.30003C21.5 3.10003 21.4 2.90003 21.3 2.80003L20.2 1.70003ZM6.6 16.3C7.9 16.1 9.2 15.8 9.5 15.5C9.8 15.2 10 14.8 10 14.4C10 14 9.8 13.7 9.6 13.4C9.3 13.2 8.9 13 8.5 13C8.1 13 7.7 13.1 7.4 13.4C7 13.7 6.7 15 6.6 16.3ZM10.6 12.3L11.7 13.4L17 8.10003L14.9 6.00003L9.5 11.2L10.6 12.3ZM3 22.5H18.8C19.2 22.5 19.6 22.7 19.6 23.2C19.6 23.7 19.2 24 18.8 24H3C2.2 24 1.4 23.7 0.9 23.1C0.3 22.6 0 21.8 0 21C0 20.2 0.3 19.4 0.9 18.9C1.4 18.3 2.2 18 3 18H3.7C4.2 18 4.5 18.2 4.5 18.7C4.5 19.2 4.1 19.5 3.7 19.5H3C2.6 19.5 2.1 19.6 1.9 19.9C1.7 20.2 1.5 20.6 1.5 21C1.5 21.4 1.6 21.8 1.9 22.1C2.2 22.3 2.6 22.5 3 22.5Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_6978_27492">
-            <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 ContentPenWriteIcon({
+  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_6978_27492)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M22.7 4.30003L23.3 4.90003C23.8 5.30003 24 5.90003 24 6.50003C24 7.10003 23.7 7.70003 23.3 8.10003L18.5 12.9C18.4 13 18.2 13.1 18 13.1C17.8 13.1 17.6 13 17.5 12.9C17.2 12.6 17.2 12.1 17.5 11.8L22.3 7.00003C22.4 6.90003 22.5 6.70003 22.5 6.50003C22.5 6.30003 22.4 6.10003 22.3 6.00003L21.7 5.40003L18.5 8.60003L12.1 15C12 15.1 11.8 15.2 11.6 15.2C11.55 15.2 11.5 15.175 11.45 15.15C11.4 15.125 11.35 15.1 11.3 15.1C11.2 15.6 10.9 16.1 10.5 16.5C9.5 17.6 6.4 17.8 5.8 17.8C5.6 17.8 5.4 17.7 5.3 17.6C5.2 17.4 5.1 17.2 5.1 17C5.11553 16.9068 5.13348 16.7533 5.15646 16.5567C5.28143 15.4877 5.55532 13.1447 6.4 12.3C6.8 11.9 7.3 11.6 7.8 11.5C7.7 11.3 7.8 10.9 8 10.7L14.2 4.30003L17.9 0.600026C18.8 -0.199974 20.2 -0.299974 21.1 0.600026L22.2 1.70003C22.7 2.10003 22.9 2.70003 22.9 3.30003C22.9 3.70003 22.8 4.00003 22.7 4.30003ZM20.2 1.70003C19.9 1.40003 19.4 1.40003 19.1 1.70003L15.9 4.90003L18 7.00003L21.3 3.80003C21.4 3.70003 21.5 3.50003 21.5 3.30003C21.5 3.10003 21.4 2.90003 21.3 2.80003L20.2 1.70003ZM6.6 16.3C7.9 16.1 9.2 15.8 9.5 15.5C9.8 15.2 10 14.8 10 14.4C10 14 9.8 13.7 9.6 13.4C9.3 13.2 8.9 13 8.5 13C8.1 13 7.7 13.1 7.4 13.4C7 13.7 6.7 15 6.6 16.3ZM10.6 12.3L11.7 13.4L17 8.10003L14.9 6.00003L9.5 11.2L10.6 12.3ZM3 22.5H18.8C19.2 22.5 19.6 22.7 19.6 23.2C19.6 23.7 19.2 24 18.8 24H3C2.2 24 1.4 23.7 0.9 23.1C0.3 22.6 0 21.8 0 21C0 20.2 0.3 19.4 0.9 18.9C1.4 18.3 2.2 18 3 18H3.7C4.2 18 4.5 18.2 4.5 18.7C4.5 19.2 4.1 19.5 3.7 19.5H3C2.6 19.5 2.1 19.6 1.9 19.9C1.7 20.2 1.5 20.6 1.5 21C1.5 21.4 1.6 21.8 1.9 22.1C2.2 22.3 2.6 22.5 3 22.5Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_6978_27492">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/CreditCardIcon.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 CreditCardIcon({
-  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"
-      >
-        <g fillRule="evenodd">
-          <g>
-            <path d="M21 3.5c1.657 0 3 1.343 3 3v11c0 1.657-1.343 3-3 3H3c-1.657 0-3-1.343-3-3v-11c0-1.657 1.343-3 3-3zm.5 7.5h-19c-.276 0-.5.224-.5.5v6c0 .552.448 1 1 1h18c.552 0 1-.448 1-1v-6c0-.276-.224-.5-.5-.5zM8 14.5c.552 0 1 .448 1 1s-.448 1-1 1H5c-.552 0-1-.448-1-1s.448-1 1-1zm13-9H3c-.552 0-1 .448-1 1v1c0 .276.224.5.5.5h19c.276 0 .5-.224.5-.5v-1c0-.552-.448-1-1-1z" />
-          </g>
-        </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 CreditCardIcon({
+  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"
+      >
+        <g fillRule="evenodd">
+          <g>
+            <path d="M21 3.5c1.657 0 3 1.343 3 3v11c0 1.657-1.343 3-3 3H3c-1.657 0-3-1.343-3-3v-11c0-1.657 1.343-3 3-3zm.5 7.5h-19c-.276 0-.5.224-.5.5v6c0 .552.448 1 1 1h18c.552 0 1-.448 1-1v-6c0-.276-.224-.5-.5-.5zM8 14.5c.552 0 1 .448 1 1s-.448 1-1 1H5c-.552 0-1-.448-1-1s.448-1 1-1zm13-9H3c-.552 0-1 .448-1 1v1c0 .276.224.5.5.5h19c.276 0 .5-.224.5-.5v-1c0-.552-.448-1-1-1z" />
+          </g>
+        </g>
+      </svg>
+    </SvgIcon>
+  );
+}