odaptos_design_system 2.0.5 → 2.0.6

package/src/DesignTokens/ColorGuide/colors.ts

@@ -1,99 +1,99 @@
-interface ColorPalette {
-  [key: string]: string;
-}
-export const colors: ColorPalette = {
-  // BLUE
-  blue_50: '#F2F8FF',
-  blue_100: '#E5F1FF',
-  blue_200: '#99C9FF',
-  blue_300: '#66ADFF',
-  blue_400: '#3392FF',
-  blue_500: '#0077FF',
-  blue_600: '#005FCC',
-  blue_700: '#004799',
-  blue_800: '#003066',
-  blue_900: '#001E40',
-  blue_950: '#001833',
-  // PURPLE
-  purple_50: '#FAF4FF',
-  purple_100: '#E9D3FD',
-  purple_200: '#D3A7FC',
-  purple_300: '#BC7CFA',
-  purple_400: '#A650F8',
-  purple_500: '#9024F6',
-  purple_600: '#761FC5',
-  purple_700: '#5C1994',
-  purple_800: '#411462',
-  purple_900: '#270E31',
-  purple_950: '#1A0C19',
-  // YELLOW
-  yellow_50: '#FFFCF2',
-  yellow_100: '#FFF3D6',
-  yellow_200: '#FFE299',
-  yellow_300: '#FFD466',
-  yellow_400: '#FFC633',
-  yellow_500: '#FFB800',
-  yellow_600: '#CF9500',
-  yellow_700: '#9E7200',
-  yellow_800: '#6E4F00',
-  yellow_900: '#3D2C00',
-  yellow_950: '#251B00',
-  // RED
-  red_50: '#FFF6F6',
-  red_100: '#FDDBDB',
-  red_200: '#FBB7B7',
-  red_300: '#F99494',
-  red_400: '#F77070',
-  red_500: '#F54C4C',
-  red_600: '#C73F3D',
-  red_700: '#98312E',
-  red_800: '#6A241E',
-  red_900: '#3B160F',
-  red_950: '#241008',
-  // GREEN
-  green_50: '#F7FCF7',
-  green_100: '#E8F5EA',
-  green_200: '#D5EDD8',
-  green_300: '#9DD6A3',
-  green_400: '#7DC984',
-  green_500: '#5CBB65',
-  green_600: '#4C9751',
-  green_700: '#3C743D',
-  green_800: '#2D5028',
-  green_900: '#1D2D14',
-  green_950: '#151B0A',
-  // NEUTRAL
-  neutral_100: '#FAFAFA',
-  neutral_150: '#EEEEEE',
-  neutral_200: '#E1E1E2',
-  neutral_300: '#D5D5D6',
-  neutral_350: '#BCBDBE',
-  neutral_500: '#96989A',
-  neutral_550: '#8A8B8E',
-  neutral_600: '#717376',
-  neutral_700: '#64666A',
-  neutral_800: '#4B4E52',
-  neutral_900: '#32353A',
-  neutral_950: '#26292E',
-  // BASICS
-  black: '#00040A',
-  white: '#ffffff',
-};
-
-export const getColor = (
-  colorName: string,
-  shade: string
-): string | undefined => {
-  const colorKey = `${colorName}_${shade}`;
-  if (colorName === 'black') {
-    return colors.black;
-  }
-  if (colorName === 'white') {
-    return colors.white;
-  }
-  if (colors.hasOwnProperty(colorKey)) {
-    return colors[colorKey];
-  }
-  console.warn(`Color ${colorKey} not found`);
-  return undefined;
-};
+interface ColorPalette {
+  [key: string]: string;
+}
+export const colors: ColorPalette = {
+  // BLUE
+  blue_50: '#F2F8FF',
+  blue_100: '#E5F1FF',
+  blue_200: '#99C9FF',
+  blue_300: '#66ADFF',
+  blue_400: '#3392FF',
+  blue_500: '#0077FF',
+  blue_600: '#005FCC',
+  blue_700: '#004799',
+  blue_800: '#003066',
+  blue_900: '#001E40',
+  blue_950: '#001833',
+  // PURPLE
+  purple_50: '#FAF4FF',
+  purple_100: '#E9D3FD',
+  purple_200: '#D3A7FC',
+  purple_300: '#BC7CFA',
+  purple_400: '#A650F8',
+  purple_500: '#9024F6',
+  purple_600: '#761FC5',
+  purple_700: '#5C1994',
+  purple_800: '#411462',
+  purple_900: '#270E31',
+  purple_950: '#1A0C19',
+  // YELLOW
+  yellow_50: '#FFFCF2',
+  yellow_100: '#FFF3D6',
+  yellow_200: '#FFE299',
+  yellow_300: '#FFD466',
+  yellow_400: '#FFC633',
+  yellow_500: '#FFB800',
+  yellow_600: '#CF9500',
+  yellow_700: '#9E7200',
+  yellow_800: '#6E4F00',
+  yellow_900: '#3D2C00',
+  yellow_950: '#251B00',
+  // RED
+  red_50: '#FFF6F6',
+  red_100: '#FDDBDB',
+  red_200: '#FBB7B7',
+  red_300: '#F99494',
+  red_400: '#F77070',
+  red_500: '#F54C4C',
+  red_600: '#C73F3D',
+  red_700: '#98312E',
+  red_800: '#6A241E',
+  red_900: '#3B160F',
+  red_950: '#241008',
+  // GREEN
+  green_50: '#F7FCF7',
+  green_100: '#E8F5EA',
+  green_200: '#D5EDD8',
+  green_300: '#9DD6A3',
+  green_400: '#7DC984',
+  green_500: '#5CBB65',
+  green_600: '#4C9751',
+  green_700: '#3C743D',
+  green_800: '#2D5028',
+  green_900: '#1D2D14',
+  green_950: '#151B0A',
+  // NEUTRAL
+  neutral_100: '#FAFAFA',
+  neutral_150: '#EEEEEE',
+  neutral_200: '#E1E1E2',
+  neutral_300: '#D5D5D6',
+  neutral_350: '#BCBDBE',
+  neutral_500: '#96989A',
+  neutral_550: '#8A8B8E',
+  neutral_600: '#717376',
+  neutral_700: '#64666A',
+  neutral_800: '#4B4E52',
+  neutral_900: '#32353A',
+  neutral_950: '#26292E',
+  // BASICS
+  black: '#00040A',
+  white: '#ffffff',
+};
+
+export const getColor = (
+  colorName: string,
+  shade: string
+): string | undefined => {
+  const colorKey = `${colorName}_${shade}`;
+  if (colorName === 'black') {
+    return colors.black;
+  }
+  if (colorName === 'white') {
+    return colors.white;
+  }
+  if (colors.hasOwnProperty(colorKey)) {
+    return colors[colorKey];
+  }
+  console.warn(`Color ${colorKey} not found`);
+  return undefined;
+};

package/src/DesignTokens/Icons/Arrows/ArrowDoubleLineDownIcon.tsx

@@ -1,52 +1,52 @@
-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 ArrowDoubleLineDownIcon({
-  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_112_1021)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M0.219645 11.7807C0.512525 11.4878 0.987399 11.4878 1.28031 11.7806L12 22.4993L22.7197 11.7806C23.0126 11.4878 23.4875 11.4878 23.7804 11.7807C24.0732 12.0736 24.0732 12.5485 23.7803 12.8414L13.0607 23.5599C13.0607 23.56 13.0607 23.5599 13.0607 23.5599C12.9215 23.6994 12.7561 23.81 12.5741 23.8854C12.3921 23.9609 12.197 23.9998 12 23.9998C11.803 23.9998 11.6079 23.9609 11.4259 23.8854C11.2439 23.81 11.0785 23.6994 10.9393 23.56C10.9393 23.56 10.9393 23.56 10.9393 23.56L0.219695 12.8414C-0.0732122 12.5485 -0.0732344 12.0736 0.219645 11.7807Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M0.219645 0.530692C0.512525 0.237785 0.987398 0.237763 1.28031 0.530642L12 11.2493L22.7197 0.530642C23.0126 0.237763 23.4875 0.237785 23.7804 0.530692C24.0732 0.823599 24.0732 1.29847 23.7803 1.59135L13.0607 12.3099C13.0607 12.31 13.0607 12.3099 13.0607 12.3099C12.9215 12.4494 12.7561 12.56 12.5741 12.6354C12.3921 12.7109 12.197 12.7498 12 12.7498C11.803 12.7498 11.6079 12.7109 11.4259 12.6354C11.2439 12.56 11.0785 12.4494 10.9393 12.31C10.9393 12.31 10.9393 12.31 10.9393 12.31L0.219695 1.59135C-0.0732122 1.29847 -0.0732344 0.823599 0.219645 0.530692Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_112_1021">
-            <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 ArrowDoubleLineDownIcon({
+  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_112_1021)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0.219645 11.7807C0.512525 11.4878 0.987399 11.4878 1.28031 11.7806L12 22.4993L22.7197 11.7806C23.0126 11.4878 23.4875 11.4878 23.7804 11.7807C24.0732 12.0736 24.0732 12.5485 23.7803 12.8414L13.0607 23.5599C13.0607 23.56 13.0607 23.5599 13.0607 23.5599C12.9215 23.6994 12.7561 23.81 12.5741 23.8854C12.3921 23.9609 12.197 23.9998 12 23.9998C11.803 23.9998 11.6079 23.9609 11.4259 23.8854C11.2439 23.81 11.0785 23.6994 10.9393 23.56C10.9393 23.56 10.9393 23.56 10.9393 23.56L0.219695 12.8414C-0.0732122 12.5485 -0.0732344 12.0736 0.219645 11.7807Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0.219645 0.530692C0.512525 0.237785 0.987398 0.237763 1.28031 0.530642L12 11.2493L22.7197 0.530642C23.0126 0.237763 23.4875 0.237785 23.7804 0.530692C24.0732 0.823599 24.0732 1.29847 23.7803 1.59135L13.0607 12.3099C13.0607 12.31 13.0607 12.3099 13.0607 12.3099C12.9215 12.4494 12.7561 12.56 12.5741 12.6354C12.3921 12.7109 12.197 12.7498 12 12.7498C11.803 12.7498 11.6079 12.7109 11.4259 12.6354C11.2439 12.56 11.0785 12.4494 10.9393 12.31C10.9393 12.31 10.9393 12.31 10.9393 12.31L0.219695 1.59135C-0.0732122 1.29847 -0.0732344 0.823599 0.219645 0.530692Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_112_1021">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Arrows/ArrowDoubleLineLeftIcon.tsx

@@ -1,52 +1,52 @@
-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 ArrowDoubleLineLeftIcon({
-  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_112_1023)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12.2191 0.219645C12.512 0.512525 12.512 0.987398 12.2191 1.28031L1.50041 12L12.2191 22.7197C12.512 23.0126 12.512 23.4875 12.2191 23.7804C11.9262 24.0732 11.4513 24.0732 11.1584 23.7803L0.439802 13.0607C0.43978 13.0607 0.439824 13.0607 0.439802 13.0607C0.300414 12.9215 0.189763 12.7561 0.114309 12.5741C0.0388434 12.3921 0 12.197 0 12C0 11.803 0.0388434 11.6079 0.114309 11.4259C0.189763 11.2439 0.300347 11.0786 0.439735 10.9394C0.439713 10.9394 0.439757 10.9393 0.439735 10.9394L11.1584 0.219695C11.4513 -0.0732122 11.9262 -0.0732344 12.2191 0.219645Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M23.2191 0.219645C23.512 0.512525 23.512 0.987398 23.2191 1.28031L12.5004 12L23.2191 22.7197C23.512 23.0126 23.512 23.4875 23.2191 23.7804C22.9262 24.0732 22.4513 24.0732 22.1584 23.7803L11.4398 13.0607C11.4398 13.0607 11.4398 13.0607 11.4398 13.0607C11.3004 12.9215 11.1898 12.7561 11.1143 12.5741C11.0388 12.3921 11 12.197 11 12C11 11.803 11.0388 11.6079 11.1143 11.4259C11.1898 11.2439 11.3003 11.0786 11.4397 10.9394C11.4397 10.9394 11.4398 10.9393 11.4397 10.9394L22.1584 0.219695C22.4513 -0.0732122 22.9262 -0.0732344 23.2191 0.219645Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_112_1023">
-            <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 ArrowDoubleLineLeftIcon({
+  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_112_1023)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12.2191 0.219645C12.512 0.512525 12.512 0.987398 12.2191 1.28031L1.50041 12L12.2191 22.7197C12.512 23.0126 12.512 23.4875 12.2191 23.7804C11.9262 24.0732 11.4513 24.0732 11.1584 23.7803L0.439802 13.0607C0.43978 13.0607 0.439824 13.0607 0.439802 13.0607C0.300414 12.9215 0.189763 12.7561 0.114309 12.5741C0.0388434 12.3921 0 12.197 0 12C0 11.803 0.0388434 11.6079 0.114309 11.4259C0.189763 11.2439 0.300347 11.0786 0.439735 10.9394C0.439713 10.9394 0.439757 10.9393 0.439735 10.9394L11.1584 0.219695C11.4513 -0.0732122 11.9262 -0.0732344 12.2191 0.219645Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M23.2191 0.219645C23.512 0.512525 23.512 0.987398 23.2191 1.28031L12.5004 12L23.2191 22.7197C23.512 23.0126 23.512 23.4875 23.2191 23.7804C22.9262 24.0732 22.4513 24.0732 22.1584 23.7803L11.4398 13.0607C11.4398 13.0607 11.4398 13.0607 11.4398 13.0607C11.3004 12.9215 11.1898 12.7561 11.1143 12.5741C11.0388 12.3921 11 12.197 11 12C11 11.803 11.0388 11.6079 11.1143 11.4259C11.1898 11.2439 11.3003 11.0786 11.4397 10.9394C11.4397 10.9394 11.4398 10.9393 11.4397 10.9394L22.1584 0.219695C22.4513 -0.0732122 22.9262 -0.0732344 23.2191 0.219645Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_112_1023">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Arrows/ArrowDoubleLineRightIcon.tsx

@@ -1,52 +1,52 @@
-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 ArrowDoubleLineRightIcon({
-  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_112_1024)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M11.7807 0.219645C12.0736 -0.0732344 12.5485 -0.0732122 12.8414 0.219695L23.56 10.9393C23.5599 10.9393 23.56 10.9393 23.56 10.9393C23.6994 11.0785 23.81 11.2439 23.8854 11.4259C23.9609 11.6079 23.9998 11.803 23.9998 12C23.9998 12.197 23.9609 12.3921 23.8854 12.5741C23.81 12.7561 23.6994 12.9215 23.56 13.0607C23.56 13.0607 23.56 13.0607 23.56 13.0607L12.8414 23.7803C12.5485 24.0732 12.0736 24.0732 11.7807 23.7804C11.4878 23.4875 11.4878 23.0126 11.7806 22.7197L22.4993 12L11.7806 1.28031C11.4878 0.987399 11.4878 0.512525 11.7807 0.219645Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M0.219695 0.219645C0.512602 -0.0732344 0.987475 -0.0732122 1.28035 0.219695L11.999 10.9393C11.9989 10.9393 11.999 10.9393 11.999 10.9393C12.1384 11.0785 12.249 11.2439 12.3244 11.4259C12.3999 11.6079 12.4388 11.803 12.4388 12C12.4388 12.197 12.3999 12.3921 12.3244 12.5741C12.249 12.7561 12.1384 12.9215 11.999 13.0607C11.999 13.0607 11.999 13.0607 11.999 13.0607L1.28035 23.7803C0.987475 24.0732 0.512602 24.0732 0.219695 23.7804C-0.0732122 23.4875 -0.0732344 23.0126 0.219645 22.7197L10.9383 12L0.219645 1.28031C-0.0732344 0.987398 -0.0732122 0.512525 0.219695 0.219645Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_112_1024">
-            <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 ArrowDoubleLineRightIcon({
+  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_112_1024)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.7807 0.219645C12.0736 -0.0732344 12.5485 -0.0732122 12.8414 0.219695L23.56 10.9393C23.5599 10.9393 23.56 10.9393 23.56 10.9393C23.6994 11.0785 23.81 11.2439 23.8854 11.4259C23.9609 11.6079 23.9998 11.803 23.9998 12C23.9998 12.197 23.9609 12.3921 23.8854 12.5741C23.81 12.7561 23.6994 12.9215 23.56 13.0607C23.56 13.0607 23.56 13.0607 23.56 13.0607L12.8414 23.7803C12.5485 24.0732 12.0736 24.0732 11.7807 23.7804C11.4878 23.4875 11.4878 23.0126 11.7806 22.7197L22.4993 12L11.7806 1.28031C11.4878 0.987399 11.4878 0.512525 11.7807 0.219645Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0.219695 0.219645C0.512602 -0.0732344 0.987475 -0.0732122 1.28035 0.219695L11.999 10.9393C11.9989 10.9393 11.999 10.9393 11.999 10.9393C12.1384 11.0785 12.249 11.2439 12.3244 11.4259C12.3999 11.6079 12.4388 11.803 12.4388 12C12.4388 12.197 12.3999 12.3921 12.3244 12.5741C12.249 12.7561 12.1384 12.9215 11.999 13.0607C11.999 13.0607 11.999 13.0607 11.999 13.0607L1.28035 23.7803C0.987475 24.0732 0.512602 24.0732 0.219695 23.7804C-0.0732122 23.4875 -0.0732344 23.0126 0.219645 22.7197L10.9383 12L0.219645 1.28031C-0.0732344 0.987398 -0.0732122 0.512525 0.219695 0.219645Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_112_1024">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Arrows/ArrowDoubleLineUpIcon.tsx

@@ -1,52 +1,52 @@
-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 ArrowDoubleLineUpIcon({
-  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_112_1022)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12 1.50066L1.28031 12.2194C0.987398 12.5122 0.512525 12.5122 0.219645 12.2193C-0.0732344 11.9264 -0.0732122 11.4515 0.219695 11.1586L10.9393 0.440046C10.9393 0.440068 10.9393 0.440024 10.9393 0.440046C11.0785 0.300658 11.2439 0.190007 11.4259 0.114553C11.6079 0.0390875 11.803 0.000244141 12 0.000244141C12.197 0.000244141 12.3921 0.0390875 12.5741 0.114553C12.7561 0.190007 12.9214 0.300591 13.0606 0.439979C13.0606 0.439957 13.0607 0.440002 13.0606 0.439979L23.7803 11.1586C24.0732 11.4515 24.0732 11.9264 23.7804 12.2193C23.4875 12.5122 23.0126 12.5122 22.7197 12.2194L12 1.50066Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12 12.5004L1.28031 23.2191C0.987398 23.512 0.512525 23.512 0.219645 23.2191C-0.0732344 22.9262 -0.0732122 22.4513 0.219695 22.1584L10.9393 11.4398C10.9393 11.4398 10.9393 11.4398 10.9393 11.4398C11.0785 11.3004 11.2439 11.1898 11.4259 11.1143C11.6079 11.0388 11.803 11 12 11C12.197 11 12.3921 11.0388 12.5741 11.1143C12.7561 11.1898 12.9214 11.3003 13.0606 11.4397C13.0606 11.4397 13.0607 11.4398 13.0606 11.4397L23.7803 22.1584C24.0732 22.4513 24.0732 22.9262 23.7804 23.2191C23.4875 23.512 23.0126 23.512 22.7197 23.2191L12 12.5004Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_112_1022">
-            <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 ArrowDoubleLineUpIcon({
+  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_112_1022)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 1.50066L1.28031 12.2194C0.987398 12.5122 0.512525 12.5122 0.219645 12.2193C-0.0732344 11.9264 -0.0732122 11.4515 0.219695 11.1586L10.9393 0.440046C10.9393 0.440068 10.9393 0.440024 10.9393 0.440046C11.0785 0.300658 11.2439 0.190007 11.4259 0.114553C11.6079 0.0390875 11.803 0.000244141 12 0.000244141C12.197 0.000244141 12.3921 0.0390875 12.5741 0.114553C12.7561 0.190007 12.9214 0.300591 13.0606 0.439979C13.0606 0.439957 13.0607 0.440002 13.0606 0.439979L23.7803 11.1586C24.0732 11.4515 24.0732 11.9264 23.7804 12.2193C23.4875 12.5122 23.0126 12.5122 22.7197 12.2194L12 1.50066Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 12.5004L1.28031 23.2191C0.987398 23.512 0.512525 23.512 0.219645 23.2191C-0.0732344 22.9262 -0.0732122 22.4513 0.219695 22.1584L10.9393 11.4398C10.9393 11.4398 10.9393 11.4398 10.9393 11.4398C11.0785 11.3004 11.2439 11.1898 11.4259 11.1143C11.6079 11.0388 11.803 11 12 11C12.197 11 12.3921 11.0388 12.5741 11.1143C12.7561 11.1898 12.9214 11.3003 13.0606 11.4397C13.0606 11.4397 13.0607 11.4398 13.0606 11.4397L23.7803 22.1584C24.0732 22.4513 24.0732 22.9262 23.7804 23.2191C23.4875 23.512 23.0126 23.512 22.7197 23.2191L12 12.5004Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_112_1022">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}