odaptos_design_system 2.0.4 → 2.0.6

package/src/DesignTokens/Icons/Arrows/ArrowFilledDownIcon.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 ArrowFilledDownIcon({
-  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
-          d="M12.7557 16.1272C12.3569 16.5876 11.6426 16.5876 11.2438 16.1272L3.0404 6.65471C2.47953 6.00707 2.93958 5.00006 3.79633 5.00006L20.2031 5.00006C21.0599 5.00006 21.5199 6.00707 20.9591 6.65471L12.7557 16.1272Z"
-          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 ArrowFilledDownIcon({
+  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
+          d="M12.7557 16.1272C12.3569 16.5876 11.6426 16.5876 11.2438 16.1272L3.0404 6.65471C2.47953 6.00707 2.93958 5.00006 3.79633 5.00006L20.2031 5.00006C21.0599 5.00006 21.5199 6.00707 20.9591 6.65471L12.7557 16.1272Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Arrows/ArrowFilledLeftIcon.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 ArrowFilledLeftIcon({
-  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
-          d="M6.60883 13.4922C6.14837 13.0934 6.14837 12.3791 6.60883 11.9804L16.0813 3.77696C16.729 3.21608 17.736 3.67614 17.736 4.53289L17.736 20.9397C17.736 21.7964 16.729 22.2565 16.0813 21.6956L6.60883 13.4922Z"
-          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 ArrowFilledLeftIcon({
+  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
+          d="M6.60883 13.4922C6.14837 13.0934 6.14837 12.3791 6.60883 11.9804L16.0813 3.77696C16.729 3.21608 17.736 3.67614 17.736 4.53289L17.736 20.9397C17.736 21.7964 16.729 22.2565 16.0813 21.6956L6.60883 13.4922Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Arrows/ArrowFilledRightIcon.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 ArrowFilledRightIcon({
-  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
-          d="M17.3906 11.9804C17.8511 12.3791 17.8511 13.0935 17.3906 13.4922L7.91814 21.6956C7.2705 22.2565 6.26349 21.7965 6.26349 20.9397L6.26349 4.5329C6.26349 3.67615 7.2705 3.21609 7.91814 3.77697L17.3906 11.9804Z"
-          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 ArrowFilledRightIcon({
+  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
+          d="M17.3906 11.9804C17.8511 12.3791 17.8511 13.0935 17.3906 13.4922L7.91814 21.6956C7.2705 22.2565 6.26349 21.7965 6.26349 20.9397L6.26349 4.5329C6.26349 3.67615 7.2705 3.21609 7.91814 3.77697L17.3906 11.9804Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Arrows/ArrowFilledUpIcon.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 ArrowFilledUpIcon({
-  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
-          d="M11.2438 7.34541C11.6426 6.88495 12.3569 6.88495 12.7557 7.34541L20.9591 16.8179C21.52 17.4655 21.0599 18.4725 20.2031 18.4725H3.79634C2.93959 18.4725 2.47954 17.4655 3.04041 16.8179L11.2438 7.34541Z"
-          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 ArrowFilledUpIcon({
+  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
+          d="M11.2438 7.34541C11.6426 6.88495 12.3569 6.88495 12.7557 7.34541L20.9591 16.8179C21.52 17.4655 21.0599 18.4725 20.2031 18.4725H3.79634C2.93959 18.4725 2.47954 17.4655 3.04041 16.8179L11.2438 7.34541Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Arrows/ArrowLineDownIcon.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 ArrowLineDowIcon({
-  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_1018)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M0.219645 6.78073C0.512525 6.48782 0.987399 6.4878 1.28031 6.78068L12 17.4994L22.7197 6.78068C23.0126 6.4878 23.4875 6.48782 23.7804 6.78073C24.0732 7.07364 24.0732 7.54851 23.7803 7.84139L13.0607 18.56C12.9215 18.6994 12.7561 18.81 12.5741 18.8855C12.3921 18.9609 12.197 18.9998 12 18.9998C11.803 18.9998 11.6079 18.9609 11.4259 18.8855C11.2439 18.81 11.0785 18.6994 10.9393 18.56L0.219695 7.84139C-0.0732122 7.54851 -0.0732344 7.07364 0.219645 6.78073Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_112_1018">
-            <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 ArrowLineDowIcon({
+  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_1018)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0.219645 6.78073C0.512525 6.48782 0.987399 6.4878 1.28031 6.78068L12 17.4994L22.7197 6.78068C23.0126 6.4878 23.4875 6.48782 23.7804 6.78073C24.0732 7.07364 24.0732 7.54851 23.7803 7.84139L13.0607 18.56C12.9215 18.6994 12.7561 18.81 12.5741 18.8855C12.3921 18.9609 12.197 18.9998 12 18.9998C11.803 18.9998 11.6079 18.9609 11.4259 18.8855C11.2439 18.81 11.0785 18.6994 10.9393 18.56L0.219695 7.84139C-0.0732122 7.54851 -0.0732344 7.07364 0.219645 6.78073Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_112_1018">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Arrows/ArrowLineLeftIcon.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 ArrowLineLeftIcon({
-  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_1019)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M18.2201 23.7803C17.9272 24.0732 17.4523 24.0732 17.1594 23.7803L6.4398 13.0607C6.30039 12.9215 6.18978 12.7561 6.11431 12.5741C6.03884 12.3921 6 12.197 6 12C6 11.803 6.03884 11.6079 6.11431 11.4259C6.18978 11.2438 6.30039 11.0785 6.4398 10.9393L17.1594 0.219669C17.4523 -0.0732231 17.9272 -0.0732231 18.2201 0.219669C18.513 0.512564 18.513 0.987436 18.2201 1.28033L7.50041 12L18.2201 22.7197C18.513 23.0126 18.513 23.4874 18.2201 23.7803Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_112_1019">
-            <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 ArrowLineLeftIcon({
+  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_1019)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M18.2201 23.7803C17.9272 24.0732 17.4523 24.0732 17.1594 23.7803L6.4398 13.0607C6.30039 12.9215 6.18978 12.7561 6.11431 12.5741C6.03884 12.3921 6 12.197 6 12C6 11.803 6.03884 11.6079 6.11431 11.4259C6.18978 11.2438 6.30039 11.0785 6.4398 10.9393L17.1594 0.219669C17.4523 -0.0732231 17.9272 -0.0732231 18.2201 0.219669C18.513 0.512564 18.513 0.987436 18.2201 1.28033L7.50041 12L18.2201 22.7197C18.513 23.0126 18.513 23.4874 18.2201 23.7803Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_112_1019">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Arrows/ArrowLineRightIcon.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 ArrowLineRightIcon({
-  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_1017)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M4.96967 0.21967C5.26256 -0.0732233 5.73744 -0.0732233 6.03033 0.21967L16.75 10.9393C16.8894 11.0785 17 11.2438 17.0754 11.4259C17.1509 11.6079 17.1898 11.803 17.1898 12C17.1898 12.197 17.1509 12.3921 17.0754 12.5741C17 12.7562 16.8894 12.9215 16.75 13.0607L6.03033 23.7803C5.73744 24.0732 5.26256 24.0732 4.96967 23.7803C4.67678 23.4874 4.67678 23.0126 4.96967 22.7197L15.6893 12L4.96967 1.28033C4.67678 0.987437 4.67678 0.512563 4.96967 0.21967Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_112_1017">
-            <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 ArrowLineRightIcon({
+  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_1017)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M4.96967 0.21967C5.26256 -0.0732233 5.73744 -0.0732233 6.03033 0.21967L16.75 10.9393C16.8894 11.0785 17 11.2438 17.0754 11.4259C17.1509 11.6079 17.1898 11.803 17.1898 12C17.1898 12.197 17.1509 12.3921 17.0754 12.5741C17 12.7562 16.8894 12.9215 16.75 13.0607L6.03033 23.7803C5.73744 24.0732 5.26256 24.0732 4.96967 23.7803C4.67678 23.4874 4.67678 23.0126 4.96967 22.7197L15.6893 12L4.96967 1.28033C4.67678 0.987437 4.67678 0.512563 4.96967 0.21967Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_112_1017">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}