odaptos_design_system 2.0.5 → 2.0.7

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

@@ -1,51 +1,51 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-import { getIconSize } from '../../../utils/getIconSize';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-export default function AddIcon({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.5}
-      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_141)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M0 12C0 11.5858 0.335786 11.25 0.75 11.25H23.25C23.6642 11.25 24 11.5858 24 12C24 12.4142 23.6642 12.75 23.25 12.75H0.75C0.335786 12.75 0 12.4142 0 12Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12 0C12.4142 0 12.75 0.335786 12.75 0.75V23.25C12.75 23.6642 12.4142 24 12 24C11.5858 24 11.25 23.6642 11.25 23.25V0.75C11.25 0.335786 11.5858 0 12 0Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_122_141">
-            <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 AddIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.5}
+      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_141)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 12C0 11.5858 0.335786 11.25 0.75 11.25H23.25C23.6642 11.25 24 11.5858 24 12C24 12.4142 23.6642 12.75 23.25 12.75H0.75C0.335786 12.75 0 12.4142 0 12Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 0C12.4142 0 12.75 0.335786 12.75 0.75V23.25C12.75 23.6642 12.4142 24 12 24C11.5858 24 11.25 23.6642 11.25 23.25V0.75C11.25 0.335786 11.5858 0 12 0Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_141">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

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

@@ -1,47 +1,47 @@
-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 AddTagIcon({
-  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
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <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}
-            stroke={stroke}
-            strokeWidth={strokeWidth}
-          />
-        </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 AddTagIcon({
+  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
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <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}
+            stroke={stroke}
+            strokeWidth={strokeWidth}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_6604_24076">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

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

@@ -1,76 +1,76 @@
-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 AgendaIcon({
-  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_179)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M2.25 4.5C1.83579 4.5 1.5 4.83579 1.5 5.25V21.75C1.5 22.1642 1.83579 22.5 2.25 22.5H21.75C22.1642 22.5 22.5 22.1642 22.5 21.75V5.25C22.5 4.83579 22.1642 4.5 21.75 4.5H2.25ZM0 5.25C0 4.00736 1.00736 3 2.25 3H21.75C22.9926 3 24 4.00736 24 5.25V21.75C24 22.9926 22.9926 24 21.75 24H2.25C1.00736 24 0 22.9926 0 21.75V5.25Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M23.25 10.5H0.75V9H23.25V10.5Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M6.75 0C7.16421 0 7.5 0.335786 7.5 0.75V6C7.5 6.41421 7.16421 6.75 6.75 6.75C6.33579 6.75 6 6.41421 6 6V0.75C6 0.335786 6.33579 0 6.75 0Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M17.25 0C17.6642 0 18 0.335786 18 0.75V6C18 6.41421 17.6642 6.75 17.25 6.75C16.8358 6.75 16.5 6.41421 16.5 6V0.75C16.5 0.335786 16.8358 0 17.25 0Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M11.375 13.5C10.9053 13.5 10.4461 13.6393 10.0555 13.9003C9.66496 14.1612 9.36054 14.5322 9.18079 14.9661C9.00103 15.4001 8.954 15.8776 9.04564 16.3383C9.13728 16.799 9.36347 17.2222 9.69562 17.5544C10.0278 17.8865 10.451 18.1127 10.9117 18.2044C11.3724 18.296 11.8499 18.249 12.2839 18.0692C12.7178 17.8895 13.0888 17.585 13.3497 17.1945C13.6107 16.8039 13.75 16.3447 13.75 15.875C13.75 15.2451 13.4998 14.641 13.0544 14.1956C12.609 13.7502 12.0049 13.5 11.375 13.5ZM9.22217 12.6531C9.85941 12.2273 10.6086 12 11.375 12C12.4027 12 13.3883 12.4083 14.115 13.135C14.8417 13.8617 15.25 14.8473 15.25 15.875C15.25 16.6414 15.0227 17.3906 14.5969 18.0278C14.1712 18.6651 13.566 19.1617 12.8579 19.455C12.1498 19.7483 11.3707 19.8251 10.619 19.6755C9.86735 19.526 9.17689 19.157 8.63496 18.615C8.09303 18.0731 7.72397 17.3827 7.57446 16.631C7.42494 15.8793 7.50168 15.1002 7.79497 14.3921C8.08826 13.684 8.58492 13.0788 9.22217 12.6531Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M13.0547 17.5547C13.3476 17.2618 13.8224 17.2618 14.1153 17.5547L16.2803 19.7197C16.5732 20.0126 16.5732 20.4874 16.2803 20.7803C15.9874 21.0732 15.5126 21.0732 15.2197 20.7803L13.0547 18.6153C12.7618 18.3224 12.7618 17.8476 13.0547 17.5547Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_122_179">
-            <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 AgendaIcon({
+  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_179)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2.25 4.5C1.83579 4.5 1.5 4.83579 1.5 5.25V21.75C1.5 22.1642 1.83579 22.5 2.25 22.5H21.75C22.1642 22.5 22.5 22.1642 22.5 21.75V5.25C22.5 4.83579 22.1642 4.5 21.75 4.5H2.25ZM0 5.25C0 4.00736 1.00736 3 2.25 3H21.75C22.9926 3 24 4.00736 24 5.25V21.75C24 22.9926 22.9926 24 21.75 24H2.25C1.00736 24 0 22.9926 0 21.75V5.25Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M23.25 10.5H0.75V9H23.25V10.5Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.75 0C7.16421 0 7.5 0.335786 7.5 0.75V6C7.5 6.41421 7.16421 6.75 6.75 6.75C6.33579 6.75 6 6.41421 6 6V0.75C6 0.335786 6.33579 0 6.75 0Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M17.25 0C17.6642 0 18 0.335786 18 0.75V6C18 6.41421 17.6642 6.75 17.25 6.75C16.8358 6.75 16.5 6.41421 16.5 6V0.75C16.5 0.335786 16.8358 0 17.25 0Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.375 13.5C10.9053 13.5 10.4461 13.6393 10.0555 13.9003C9.66496 14.1612 9.36054 14.5322 9.18079 14.9661C9.00103 15.4001 8.954 15.8776 9.04564 16.3383C9.13728 16.799 9.36347 17.2222 9.69562 17.5544C10.0278 17.8865 10.451 18.1127 10.9117 18.2044C11.3724 18.296 11.8499 18.249 12.2839 18.0692C12.7178 17.8895 13.0888 17.585 13.3497 17.1945C13.6107 16.8039 13.75 16.3447 13.75 15.875C13.75 15.2451 13.4998 14.641 13.0544 14.1956C12.609 13.7502 12.0049 13.5 11.375 13.5ZM9.22217 12.6531C9.85941 12.2273 10.6086 12 11.375 12C12.4027 12 13.3883 12.4083 14.115 13.135C14.8417 13.8617 15.25 14.8473 15.25 15.875C15.25 16.6414 15.0227 17.3906 14.5969 18.0278C14.1712 18.6651 13.566 19.1617 12.8579 19.455C12.1498 19.7483 11.3707 19.8251 10.619 19.6755C9.86735 19.526 9.17689 19.157 8.63496 18.615C8.09303 18.0731 7.72397 17.3827 7.57446 16.631C7.42494 15.8793 7.50168 15.1002 7.79497 14.3921C8.08826 13.684 8.58492 13.0788 9.22217 12.6531Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M13.0547 17.5547C13.3476 17.2618 13.8224 17.2618 14.1153 17.5547L16.2803 19.7197C16.5732 20.0126 16.5732 20.4874 16.2803 20.7803C15.9874 21.0732 15.5126 21.0732 15.2197 20.7803L13.0547 18.6153C12.7618 18.3224 12.7618 17.8476 13.0547 17.5547Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_179">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

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

@@ -1,75 +1,75 @@
-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 BillingIcon({
-  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="M3.75 1.5C3.55109 1.5 3.36032 1.57902 3.21967 1.71967C3.07902 1.86032 3 2.05109 3 2.25V21.75C3 21.9489 3.07902 22.1397 3.21967 22.2803C3.36032 22.421 3.55109 22.5 3.75 22.5H20.25C20.4489 22.5 20.6397 22.421 20.7803 22.2803C20.921 22.1397 21 21.9489 21 21.75V8.12116C21 8.12111 21 8.12121 21 8.12116C20.9999 7.92252 20.921 7.73187 20.7807 7.59133C20.7806 7.59127 20.7807 7.59139 20.7807 7.59133L14.9088 1.7195C14.7683 1.57903 14.5777 1.50008 14.379 1.5C14.3789 1.5 14.3791 1.5 14.379 1.5H3.75ZM2.15901 0.65901C2.58097 0.237053 3.15326 0 3.75 0H14.379C14.9753 0.000127316 15.5474 0.236973 15.9692 0.6585L21.8413 6.53067C22.2629 6.95247 22.4999 7.52452 22.5 8.12084V21.75C22.5 22.3467 22.2629 22.919 21.841 23.341C21.419 23.7629 20.8467 24 20.25 24H3.75C3.15326 24 2.58097 23.7629 2.15901 23.341C1.73705 22.919 1.5 22.3467 1.5 21.75V2.25C1.5 1.65326 1.73705 1.08097 2.15901 0.65901Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M14.25 0C14.6642 0 15 0.335786 15 0.75V6.75C15 6.94891 15.079 7.13968 15.2197 7.28033C15.3603 7.42098 15.5511 7.5 15.75 7.5H21.75C22.1642 7.5 22.5 7.83579 22.5 8.25C22.5 8.66421 22.1642 9 21.75 9H15.75C15.1533 9 14.581 8.76295 14.159 8.34099C13.7371 7.91903 13.5 7.34674 13.5 6.75V0.75C13.5 0.335786 13.8358 0 14.25 0Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M8.77867 7.16937C8.56443 7.06847 8.32899 7.02079 8.09237 7.03039C8.08225 7.0308 8.07213 7.031 8.062 7.031C7.63957 7.031 7.28562 7.16039 7.05419 7.33392C6.82304 7.50725 6.75 7.68953 6.75 7.828C6.75 7.9666 6.82316 8.14919 7.05444 8.32277C7.28594 8.49651 7.63983 8.626 8.062 8.626C8.77765 8.626 9.45416 8.84266 9.96864 9.22904C10.4834 9.61567 10.871 10.2066 10.871 10.922C10.871 11.6382 10.4819 12.2294 9.96659 12.6158C9.45501 12.9994 8.78347 13.216 8.07273 13.219C7.60013 13.2354 7.13036 13.1389 6.70241 12.9373C6.2699 12.7336 5.89287 12.4287 5.60327 12.0483C5.35235 11.7188 5.41611 11.2482 5.74567 10.9973C6.07523 10.7464 6.54581 10.8101 6.79673 11.1397C6.94026 11.3282 7.12713 11.4793 7.34149 11.5803C7.55586 11.6812 7.7914 11.729 8.02815 11.7196C8.0381 11.7192 8.04805 11.719 8.058 11.719C8.48081 11.719 8.83503 11.5894 9.06666 11.4157C9.29814 11.2421 9.371 11.0598 9.371 10.922C9.371 10.7834 9.29805 10.6013 9.06786 10.4285C8.83734 10.2553 8.48435 10.126 8.062 10.126C7.34617 10.126 6.66906 9.90899 6.15406 9.52248C5.63884 9.13581 5.25 8.5444 5.25 7.828C5.25 7.11147 5.63896 6.52025 6.15431 6.13383C6.66578 5.75031 7.33698 5.53403 8.04701 5.53103C8.51973 5.51433 8.98968 5.61073 9.41775 5.81232C9.85046 6.0161 10.2276 6.32134 10.517 6.70209C10.7677 7.03183 10.7036 7.50236 10.3739 7.75305C10.0442 8.00374 9.57364 7.93965 9.32295 7.60991C9.17963 7.42139 8.99291 7.27026 8.77867 7.16937Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M8.062 11.719C8.47621 11.719 8.812 12.0548 8.812 12.469V13.5C8.812 13.9142 8.47621 14.25 8.062 14.25C7.64779 14.25 7.312 13.9142 7.312 13.5V12.469C7.312 12.0548 7.64779 11.719 8.062 11.719Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M8.062 4.5C8.47621 4.5 8.812 4.83579 8.812 5.25V6.281C8.812 6.69521 8.47621 7.031 8.062 7.031C7.64779 7.031 7.312 6.69521 7.312 6.281V5.25C7.312 4.83579 7.64779 4.5 8.062 4.5Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M11.25 15C11.25 14.5858 11.5858 14.25 12 14.25H18C18.4142 14.25 18.75 14.5858 18.75 15C18.75 15.4142 18.4142 15.75 18 15.75H12C11.5858 15.75 11.25 15.4142 11.25 15Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M6 19.5C6 19.0858 6.33579 18.75 6.75 18.75H18C18.4142 18.75 18.75 19.0858 18.75 19.5C18.75 19.9142 18.4142 20.25 18 20.25H6.75C6.33579 20.25 6 19.9142 6 19.5Z"
-          fill={fill}
-        />
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+import { getIconSize } from '../../../utils/getIconSize';
+
+interface CustomSvgProps {
+  size?: 'sm' | 'base' | 'lg' | 'xl';
+}
+
+export default function BillingIcon({
+  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="M3.75 1.5C3.55109 1.5 3.36032 1.57902 3.21967 1.71967C3.07902 1.86032 3 2.05109 3 2.25V21.75C3 21.9489 3.07902 22.1397 3.21967 22.2803C3.36032 22.421 3.55109 22.5 3.75 22.5H20.25C20.4489 22.5 20.6397 22.421 20.7803 22.2803C20.921 22.1397 21 21.9489 21 21.75V8.12116C21 8.12111 21 8.12121 21 8.12116C20.9999 7.92252 20.921 7.73187 20.7807 7.59133C20.7806 7.59127 20.7807 7.59139 20.7807 7.59133L14.9088 1.7195C14.7683 1.57903 14.5777 1.50008 14.379 1.5C14.3789 1.5 14.3791 1.5 14.379 1.5H3.75ZM2.15901 0.65901C2.58097 0.237053 3.15326 0 3.75 0H14.379C14.9753 0.000127316 15.5474 0.236973 15.9692 0.6585L21.8413 6.53067C22.2629 6.95247 22.4999 7.52452 22.5 8.12084V21.75C22.5 22.3467 22.2629 22.919 21.841 23.341C21.419 23.7629 20.8467 24 20.25 24H3.75C3.15326 24 2.58097 23.7629 2.15901 23.341C1.73705 22.919 1.5 22.3467 1.5 21.75V2.25C1.5 1.65326 1.73705 1.08097 2.15901 0.65901Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M14.25 0C14.6642 0 15 0.335786 15 0.75V6.75C15 6.94891 15.079 7.13968 15.2197 7.28033C15.3603 7.42098 15.5511 7.5 15.75 7.5H21.75C22.1642 7.5 22.5 7.83579 22.5 8.25C22.5 8.66421 22.1642 9 21.75 9H15.75C15.1533 9 14.581 8.76295 14.159 8.34099C13.7371 7.91903 13.5 7.34674 13.5 6.75V0.75C13.5 0.335786 13.8358 0 14.25 0Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M8.77867 7.16937C8.56443 7.06847 8.32899 7.02079 8.09237 7.03039C8.08225 7.0308 8.07213 7.031 8.062 7.031C7.63957 7.031 7.28562 7.16039 7.05419 7.33392C6.82304 7.50725 6.75 7.68953 6.75 7.828C6.75 7.9666 6.82316 8.14919 7.05444 8.32277C7.28594 8.49651 7.63983 8.626 8.062 8.626C8.77765 8.626 9.45416 8.84266 9.96864 9.22904C10.4834 9.61567 10.871 10.2066 10.871 10.922C10.871 11.6382 10.4819 12.2294 9.96659 12.6158C9.45501 12.9994 8.78347 13.216 8.07273 13.219C7.60013 13.2354 7.13036 13.1389 6.70241 12.9373C6.2699 12.7336 5.89287 12.4287 5.60327 12.0483C5.35235 11.7188 5.41611 11.2482 5.74567 10.9973C6.07523 10.7464 6.54581 10.8101 6.79673 11.1397C6.94026 11.3282 7.12713 11.4793 7.34149 11.5803C7.55586 11.6812 7.7914 11.729 8.02815 11.7196C8.0381 11.7192 8.04805 11.719 8.058 11.719C8.48081 11.719 8.83503 11.5894 9.06666 11.4157C9.29814 11.2421 9.371 11.0598 9.371 10.922C9.371 10.7834 9.29805 10.6013 9.06786 10.4285C8.83734 10.2553 8.48435 10.126 8.062 10.126C7.34617 10.126 6.66906 9.90899 6.15406 9.52248C5.63884 9.13581 5.25 8.5444 5.25 7.828C5.25 7.11147 5.63896 6.52025 6.15431 6.13383C6.66578 5.75031 7.33698 5.53403 8.04701 5.53103C8.51973 5.51433 8.98968 5.61073 9.41775 5.81232C9.85046 6.0161 10.2276 6.32134 10.517 6.70209C10.7677 7.03183 10.7036 7.50236 10.3739 7.75305C10.0442 8.00374 9.57364 7.93965 9.32295 7.60991C9.17963 7.42139 8.99291 7.27026 8.77867 7.16937Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M8.062 11.719C8.47621 11.719 8.812 12.0548 8.812 12.469V13.5C8.812 13.9142 8.47621 14.25 8.062 14.25C7.64779 14.25 7.312 13.9142 7.312 13.5V12.469C7.312 12.0548 7.64779 11.719 8.062 11.719Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M8.062 4.5C8.47621 4.5 8.812 4.83579 8.812 5.25V6.281C8.812 6.69521 8.47621 7.031 8.062 7.031C7.64779 7.031 7.312 6.69521 7.312 6.281V5.25C7.312 4.83579 7.64779 4.5 8.062 4.5Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M11.25 15C11.25 14.5858 11.5858 14.25 12 14.25H18C18.4142 14.25 18.75 14.5858 18.75 15C18.75 15.4142 18.4142 15.75 18 15.75H12C11.5858 15.75 11.25 15.4142 11.25 15Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M6 19.5C6 19.0858 6.33579 18.75 6.75 18.75H18C18.4142 18.75 18.75 19.0858 18.75 19.5C18.75 19.9142 18.4142 20.25 18 20.25H6.75C6.33579 20.25 6 19.9142 6 19.5Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}