odaptos_design_system 2.0.5 → 2.0.7

package/src/DesignTokens/Icons/Notifications/ConversationIdleIcon.tsx

@@ -1,39 +1,39 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-import { getIconSize } from '../../../utils/getIconSize';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-
-export default function ConversationIdleIcon({
-  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.1111 4.69999C2.71444 4.69999 2.34694 4.84248 2.08659 5.07679C1.82868 5.30891 1.69999 5.60695 1.69999 5.89999V15.4C1.69999 15.693 1.82868 15.9911 2.08659 16.2232C2.34694 16.4575 2.71444 16.6 3.1111 16.6H9.44443C9.61736 16.6 9.78417 16.664 9.91271 16.7797L15.0778 21.4282V17.3C15.0778 16.9134 15.3912 16.6 15.7778 16.6H17.8889C18.2855 16.6 18.653 16.4575 18.9134 16.2232C19.1713 15.9911 19.3 15.693 19.3 15.4V5.89999C19.3 5.60695 19.1713 5.30891 18.9134 5.07679C18.653 4.84248 18.2855 4.69999 17.8889 4.69999H3.1111ZM1.15004 4.03618C1.68152 3.55785 2.38796 3.29999 3.1111 3.29999H17.8889C18.612 3.29999 19.3185 3.55785 19.8499 4.03618C20.3838 4.5167 20.7 5.1852 20.7 5.89999V15.4C20.7 16.1148 20.3838 16.7833 19.8499 17.2638C19.3185 17.7421 18.612 18 17.8889 18H16.4778V23C16.4778 23.2764 16.3151 23.527 16.0626 23.6394C15.81 23.7519 15.515 23.7052 15.3095 23.5203L9.17582 18H3.1111C2.38796 18 1.68152 17.7421 1.15004 17.2638C0.616137 16.7833 0.299988 16.1148 0.299988 15.4V5.89999C0.299988 5.1852 0.616137 4.51669 1.15004 4.03618Z"
-          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 ConversationIdleIcon({
+  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.1111 4.69999C2.71444 4.69999 2.34694 4.84248 2.08659 5.07679C1.82868 5.30891 1.69999 5.60695 1.69999 5.89999V15.4C1.69999 15.693 1.82868 15.9911 2.08659 16.2232C2.34694 16.4575 2.71444 16.6 3.1111 16.6H9.44443C9.61736 16.6 9.78417 16.664 9.91271 16.7797L15.0778 21.4282V17.3C15.0778 16.9134 15.3912 16.6 15.7778 16.6H17.8889C18.2855 16.6 18.653 16.4575 18.9134 16.2232C19.1713 15.9911 19.3 15.693 19.3 15.4V5.89999C19.3 5.60695 19.1713 5.30891 18.9134 5.07679C18.653 4.84248 18.2855 4.69999 17.8889 4.69999H3.1111ZM1.15004 4.03618C1.68152 3.55785 2.38796 3.29999 3.1111 3.29999H17.8889C18.612 3.29999 19.3185 3.55785 19.8499 4.03618C20.3838 4.5167 20.7 5.1852 20.7 5.89999V15.4C20.7 16.1148 20.3838 16.7833 19.8499 17.2638C19.3185 17.7421 18.612 18 17.8889 18H16.4778V23C16.4778 23.2764 16.3151 23.527 16.0626 23.6394C15.81 23.7519 15.515 23.7052 15.3095 23.5203L9.17582 18H3.1111C2.38796 18 1.68152 17.7421 1.15004 17.2638C0.616137 16.7833 0.299988 16.1148 0.299988 15.4V5.89999C0.299988 5.1852 0.616137 4.51669 1.15004 4.03618Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Notifications/ConversationStatusIcon.tsx

@@ -1,54 +1,54 @@
-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 ConversationStatusIcon({
-  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_5385_59255)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M3.1111 4.7C2.71444 4.7 2.34694 4.84249 2.08659 5.07681C1.82868 5.30893 1.69999 5.60697 1.69999 5.9V15.4C1.69999 15.693 1.82868 15.9911 2.08659 16.2232C2.34694 16.4575 2.71444 16.6 3.1111 16.6H9.44443C9.61736 16.6 9.78417 16.664 9.91271 16.7797L15.0778 21.4283V17.3C15.0778 16.9134 15.3912 16.6 15.7778 16.6H17.8889C18.2855 16.6 18.653 16.4575 18.9134 16.2232C19.1713 15.9911 19.3 15.693 19.3 15.4C19.3 15.0134 19.6134 14.7 20 14.7C20.3866 14.7 20.7 15.0134 20.7 15.4C20.7 16.1148 20.3838 16.7833 19.8499 17.2638C19.3185 17.7421 18.612 18 17.8889 18H16.4778V23C16.4778 23.2764 16.3151 23.527 16.0626 23.6395C15.81 23.7519 15.515 23.7052 15.3095 23.5203L9.17582 18H3.1111C2.38796 18 1.68151 17.7421 1.15004 17.2638C0.616137 16.7833 0.299988 16.1148 0.299988 15.4V5.9C0.299988 5.18521 0.616137 4.51671 1.15004 4.03619C1.68152 3.55787 2.38796 3.3 3.1111 3.3H8.99999C9.38659 3.3 9.69999 3.6134 9.69999 4C9.69999 4.3866 9.38659 4.7 8.99999 4.7H3.1111Z"
-            fill={stroke}
-          />
-          <path
-            d="M11 7C11 8.5913 11.6321 10.1174 12.7574 11.2426C13.8826 12.3679 15.4087 13 17 13C18.5913 13 20.1174 12.3679 21.2426 11.2426C22.3679 10.1174 23 8.5913 23 7C23 5.4087 22.3679 3.88258 21.2426 2.75736C20.1174 1.63214 18.5913 1 17 1C15.4087 1 13.8826 1.63214 12.7574 2.75736C11.6321 3.88258 11 5.4087 11 7Z"
-            fill={fill}
-            stroke={stroke}
-            strokeWidth="1.5"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_5385_59255">
-            <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 ConversationStatusIcon({
+  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_5385_59255)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M3.1111 4.7C2.71444 4.7 2.34694 4.84249 2.08659 5.07681C1.82868 5.30893 1.69999 5.60697 1.69999 5.9V15.4C1.69999 15.693 1.82868 15.9911 2.08659 16.2232C2.34694 16.4575 2.71444 16.6 3.1111 16.6H9.44443C9.61736 16.6 9.78417 16.664 9.91271 16.7797L15.0778 21.4283V17.3C15.0778 16.9134 15.3912 16.6 15.7778 16.6H17.8889C18.2855 16.6 18.653 16.4575 18.9134 16.2232C19.1713 15.9911 19.3 15.693 19.3 15.4C19.3 15.0134 19.6134 14.7 20 14.7C20.3866 14.7 20.7 15.0134 20.7 15.4C20.7 16.1148 20.3838 16.7833 19.8499 17.2638C19.3185 17.7421 18.612 18 17.8889 18H16.4778V23C16.4778 23.2764 16.3151 23.527 16.0626 23.6395C15.81 23.7519 15.515 23.7052 15.3095 23.5203L9.17582 18H3.1111C2.38796 18 1.68151 17.7421 1.15004 17.2638C0.616137 16.7833 0.299988 16.1148 0.299988 15.4V5.9C0.299988 5.18521 0.616137 4.51671 1.15004 4.03619C1.68152 3.55787 2.38796 3.3 3.1111 3.3H8.99999C9.38659 3.3 9.69999 3.6134 9.69999 4C9.69999 4.3866 9.38659 4.7 8.99999 4.7H3.1111Z"
+            fill={stroke}
+          />
+          <path
+            d="M11 7C11 8.5913 11.6321 10.1174 12.7574 11.2426C13.8826 12.3679 15.4087 13 17 13C18.5913 13 20.1174 12.3679 21.2426 11.2426C22.3679 10.1174 23 8.5913 23 7C23 5.4087 22.3679 3.88258 21.2426 2.75736C20.1174 1.63214 18.5913 1 17 1C15.4087 1 13.8826 1.63214 12.7574 2.75736C11.6321 3.88258 11 5.4087 11 7Z"
+            fill={fill}
+            stroke={stroke}
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_5385_59255">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Notifications/NotifAlertIcon.tsx

@@ -1,41 +1,41 @@
-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 NotifAlertIcon({
-  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="14"
-        height="14"
-        viewBox="0 0 14 14"
-        fill="none"
-      >
-        <path
-          d="M1 7C1 8.5913 1.63214 10.1174 2.75736 11.2426C3.88258 12.3679 5.4087 13 7 13C8.5913 13 10.1174 12.3679 11.2426 11.2426C12.3679 10.1174 13 8.5913 13 7C13 5.4087 12.3679 3.88258 11.2426 2.75736C10.1174 1.63214 8.5913 1 7 1C5.4087 1 3.88258 1.63214 2.75736 2.75736C1.63214 3.88258 1 5.4087 1 7Z"
-          fill={fill}
-          stroke={stroke}
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </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 NotifAlertIcon({
+  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="14"
+        height="14"
+        viewBox="0 0 14 14"
+        fill="none"
+      >
+        <path
+          d="M1 7C1 8.5913 1.63214 10.1174 2.75736 11.2426C3.88258 12.3679 5.4087 13 7 13C8.5913 13 10.1174 12.3679 11.2426 11.2426C12.3679 10.1174 13 8.5913 13 7C13 5.4087 12.3679 3.88258 11.2426 2.75736C10.1174 1.63214 8.5913 1 7 1C5.4087 1 3.88258 1.63214 2.75736 2.75736C1.63214 3.88258 1 5.4087 1 7Z"
+          fill={fill}
+          stroke={stroke}
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Other/DashedArrowSvg.tsx

@@ -1,38 +1,38 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-
-export default function DashedArrow({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      width="100%"
-      height="100%"
-      {...rest}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="16"
-        height="68"
-        viewBox="0 0 16 68"
-        fill="none"
-      >
-        <path
-          d="M8.70711 0.792893C8.31658 0.402369 7.68342 0.402369 7.29289 0.792893L0.928932 7.15685C0.538408 7.54738 0.538408 8.18054 0.928932 8.57107C1.31946 8.96159 1.95262 8.96159 2.34315 8.57107L8 2.91421L13.6569 8.57107C14.0474 8.96159 14.6805 8.96159 15.0711 8.57107C15.4616 8.18054 15.4616 7.54738 15.0711 7.15685L8.70711 0.792893ZM7 1.5V3.57812H9V1.5H7ZM7 7.73438V11.8906H9V7.73438H7ZM7 16.0469V20.2031H9V16.0469H7ZM7 24.3594V28.5156H9V24.3594H7ZM7 32.6719V36.8281H9V32.6719H7ZM7 40.9844V45.1406H9V40.9844H7ZM7 49.2969V53.4531H9V49.2969H7ZM7 57.6094V61.7656H9V57.6094H7ZM7 65.9219V68H9V65.9219H7Z"
-          fill={fill}
-          stroke={stroke}
-        />
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+interface CustomSvgProps {
+  size?: 'sm' | 'base' | 'lg' | 'xl';
+}
+
+export default function DashedArrow({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      width="100%"
+      height="100%"
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="16"
+        height="68"
+        viewBox="0 0 16 68"
+        fill="none"
+      >
+        <path
+          d="M8.70711 0.792893C8.31658 0.402369 7.68342 0.402369 7.29289 0.792893L0.928932 7.15685C0.538408 7.54738 0.538408 8.18054 0.928932 8.57107C1.31946 8.96159 1.95262 8.96159 2.34315 8.57107L8 2.91421L13.6569 8.57107C14.0474 8.96159 14.6805 8.96159 15.0711 8.57107C15.4616 8.18054 15.4616 7.54738 15.0711 7.15685L8.70711 0.792893ZM7 1.5V3.57812H9V1.5H7ZM7 7.73438V11.8906H9V7.73438H7ZM7 16.0469V20.2031H9V16.0469H7ZM7 24.3594V28.5156H9V24.3594H7ZM7 32.6719V36.8281H9V32.6719H7ZM7 40.9844V45.1406H9V40.9844H7ZM7 49.2969V53.4531H9V49.2969H7ZM7 57.6094V61.7656H9V57.6094H7ZM7 65.9219V68H9V65.9219H7Z"
+          fill={fill}
+          stroke={stroke}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Other/ProjectHoverSvg.tsx

@@ -1,52 +1,52 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-
-export default function ProjectSvg({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      width="100%"
-      height="100%"
-      {...rest}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="100%"
-        height="100%"
-        viewBox="0 0 264 200"
-        fill="none"
-        preserveAspectRatio="none"
-      >
-        <mask id="path-1-inside-1_650_42678" fill="white">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M14.9713 0C6.9263 0 0.387664 6.33334 0.0166171 14.2861H0V15V31.25V192C0 196.419 3.58171 200 7.99999 200H256C260.418 200 264 196.419 264 192V22.2861C264 17.8679 260.418 14.2861 256 14.2861H126.808C126.781 14.2859 126.753 14.2857 126.725 14.2857C122.15 14.2857 117.612 11.1417 112.794 7.80351C107.343 4.02604 101.532 0 94.9021 0H14.9713Z"
-          />
-        </mask>
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M14.9713 0C6.9263 0 0.387664 6.33334 0.0166171 14.2861H0V15V31.25V192C0 196.419 3.58171 200 7.99999 200H256C260.418 200 264 196.419 264 192V22.2861C264 17.8679 260.418 14.2861 256 14.2861H126.808C126.781 14.2859 126.753 14.2857 126.725 14.2857C122.15 14.2857 117.612 11.1417 112.794 7.80351C107.343 4.02604 101.532 0 94.9021 0H14.9713Z"
-          fill="white"
-        />
-        <path
-          d="M0.0166171 14.2861V15.2861H0.971049L1.01553 14.3327L0.0166171 14.2861ZM0 14.2861V13.2861H-1V14.2861H0ZM126.808 14.2861L126.797 15.2861H126.808V14.2861ZM112.794 7.80351L112.225 8.62548L112.794 7.80351ZM1.01553 14.3327C1.3619 6.9088 7.46518 1 14.9713 1V-1C6.38741 -1 -0.586575 5.75788 -0.982296 14.2395L1.01553 14.3327ZM0 15.2861H0.0166171V13.2861H0V15.2861ZM1 15V14.2861H-1V15H1ZM1 31.25V15H-1V31.25H1ZM1 192V31.25H-1V192H1ZM7.99999 199C4.134 199 1 195.866 1 192H-1C-1 196.971 3.02943 201 7.99999 201V199ZM256 199H7.99999V201H256V199ZM263 192C263 195.866 259.866 199 256 199V201C260.971 201 265 196.971 265 192H263ZM263 22.2861V192H265V22.2861H263ZM256 15.2861C259.866 15.2861 263 18.4201 263 22.2861H265C265 17.3156 260.971 13.2861 256 13.2861V15.2861ZM126.808 15.2861H256V13.2861H126.808V15.2861ZM126.725 15.2857C126.75 15.2857 126.774 15.2858 126.797 15.2861L126.818 13.2862C126.787 13.2859 126.756 13.2857 126.725 13.2857V15.2857ZM112.225 8.62548C114.621 10.2859 117.014 11.9454 119.388 13.1832C121.766 14.4227 124.21 15.2857 126.725 15.2857V13.2857C124.664 13.2857 122.552 12.5767 120.313 11.4097C118.071 10.2409 115.785 8.65927 113.364 6.98155L112.225 8.62548ZM94.9021 1C101.163 1 106.711 4.80473 112.225 8.62548L113.364 6.98155C107.975 3.24734 101.901 -1 94.9021 -1V1ZM14.9713 1H94.9021V-1H14.9713V1Z"
-          fill="#0077FF"
-          mask="url(#path-1-inside-1_650_42678)"
-        />
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+interface CustomSvgProps {
+  size?: 'sm' | 'base' | 'lg' | 'xl';
+}
+
+export default function ProjectSvg({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      width="100%"
+      height="100%"
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="100%"
+        height="100%"
+        viewBox="0 0 264 200"
+        fill="none"
+        preserveAspectRatio="none"
+      >
+        <mask id="path-1-inside-1_650_42678" fill="white">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M14.9713 0C6.9263 0 0.387664 6.33334 0.0166171 14.2861H0V15V31.25V192C0 196.419 3.58171 200 7.99999 200H256C260.418 200 264 196.419 264 192V22.2861C264 17.8679 260.418 14.2861 256 14.2861H126.808C126.781 14.2859 126.753 14.2857 126.725 14.2857C122.15 14.2857 117.612 11.1417 112.794 7.80351C107.343 4.02604 101.532 0 94.9021 0H14.9713Z"
+          />
+        </mask>
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M14.9713 0C6.9263 0 0.387664 6.33334 0.0166171 14.2861H0V15V31.25V192C0 196.419 3.58171 200 7.99999 200H256C260.418 200 264 196.419 264 192V22.2861C264 17.8679 260.418 14.2861 256 14.2861H126.808C126.781 14.2859 126.753 14.2857 126.725 14.2857C122.15 14.2857 117.612 11.1417 112.794 7.80351C107.343 4.02604 101.532 0 94.9021 0H14.9713Z"
+          fill="white"
+        />
+        <path
+          d="M0.0166171 14.2861V15.2861H0.971049L1.01553 14.3327L0.0166171 14.2861ZM0 14.2861V13.2861H-1V14.2861H0ZM126.808 14.2861L126.797 15.2861H126.808V14.2861ZM112.794 7.80351L112.225 8.62548L112.794 7.80351ZM1.01553 14.3327C1.3619 6.9088 7.46518 1 14.9713 1V-1C6.38741 -1 -0.586575 5.75788 -0.982296 14.2395L1.01553 14.3327ZM0 15.2861H0.0166171V13.2861H0V15.2861ZM1 15V14.2861H-1V15H1ZM1 31.25V15H-1V31.25H1ZM1 192V31.25H-1V192H1ZM7.99999 199C4.134 199 1 195.866 1 192H-1C-1 196.971 3.02943 201 7.99999 201V199ZM256 199H7.99999V201H256V199ZM263 192C263 195.866 259.866 199 256 199V201C260.971 201 265 196.971 265 192H263ZM263 22.2861V192H265V22.2861H263ZM256 15.2861C259.866 15.2861 263 18.4201 263 22.2861H265C265 17.3156 260.971 13.2861 256 13.2861V15.2861ZM126.808 15.2861H256V13.2861H126.808V15.2861ZM126.725 15.2857C126.75 15.2857 126.774 15.2858 126.797 15.2861L126.818 13.2862C126.787 13.2859 126.756 13.2857 126.725 13.2857V15.2857ZM112.225 8.62548C114.621 10.2859 117.014 11.9454 119.388 13.1832C121.766 14.4227 124.21 15.2857 126.725 15.2857V13.2857C124.664 13.2857 122.552 12.5767 120.313 11.4097C118.071 10.2409 115.785 8.65927 113.364 6.98155L112.225 8.62548ZM94.9021 1C101.163 1 106.711 4.80473 112.225 8.62548L113.364 6.98155C107.975 3.24734 101.901 -1 94.9021 -1V1ZM14.9713 1H94.9021V-1H14.9713V1Z"
+          fill="#0077FF"
+          mask="url(#path-1-inside-1_650_42678)"
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Other/ProjectSvg.tsx

@@ -1,40 +1,40 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-
-export default function ProjectSvg({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      width="100%"
-      height="100%"
-      {...rest}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="100%"
-        height="100%"
-        viewBox="0 0 264 200"
-        fill="none"
-        preserveAspectRatio="none"
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M14.9713 0C6.9263 0 0.387664 6.33334 0.0166171 14.2861H0V15V31.25V192C0 196.419 3.58171 200 7.99999 200H256C260.418 200 264 196.419 264 192V22.2861C264 17.8679 260.418 14.2861 256 14.2861H126.808C126.781 14.2859 126.753 14.2857 126.725 14.2857C122.15 14.2857 117.612 11.1417 112.794 7.80351C107.343 4.02604 101.532 0 94.9021 0H14.9713Z"
-          fill="white"
-        />
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+interface CustomSvgProps {
+  size?: 'sm' | 'base' | 'lg' | 'xl';
+}
+
+export default function ProjectSvg({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      width="100%"
+      height="100%"
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="100%"
+        height="100%"
+        viewBox="0 0 264 200"
+        fill="none"
+        preserveAspectRatio="none"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M14.9713 0C6.9263 0 0.387664 6.33334 0.0166171 14.2861H0V15V31.25V192C0 196.419 3.58171 200 7.99999 200H256C260.418 200 264 196.419 264 192V22.2861C264 17.8679 260.418 14.2861 256 14.2861H126.808C126.781 14.2859 126.753 14.2857 126.725 14.2857C122.15 14.2857 117.612 11.1417 112.794 7.80351C107.343 4.02604 101.532 0 94.9021 0H14.9713Z"
+          fill="white"
+        />
+      </svg>
+    </SvgIcon>
+  );
+}