odaptos_design_system 2.0.5 → 2.0.7

package/src/DesignTokens/Icons/MediaControl/RecordingIcon.tsx

@@ -1,82 +1,82 @@
-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 RecordingIcon({
-  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_114_120)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M2.25 1.49999C2.05109 1.49999 1.86032 1.57901 1.71967 1.71966C1.57903 1.8603 1.5 2.05108 1.5 2.24999V4.49999H22.5V2.24999C22.5 2.05103 22.421 1.86027 22.2804 1.71966C22.1397 1.57903 21.9489 1.49999 21.75 1.49999H2.25ZM0.659015 0.658995C1.08097 0.237036 1.65328 -1.01547e-05 2.25 -1.01547e-05H21.75C22.3467 -1.01547e-05 22.9191 0.237019 23.341 0.659C23.763 1.08099 24 1.65331 24 2.24999V5.24999C24 5.6642 23.6642 5.99999 23.25 5.99999H0.75C0.335786 5.99999 0 5.6642 0 5.24999V2.24999C0 1.65327 0.237055 1.08095 0.659015 0.658995C0.659018 0.658992 0.659011 0.658998 0.659015 0.658995Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M0 8.24999C0 7.83578 0.335786 7.49999 0.75 7.49999H23.25C23.6642 7.49999 24 7.83578 24 8.24999V11.25C24 11.6642 23.6642 12 23.25 12C22.8358 12 22.5 11.6642 22.5 11.25V8.99999H1.5V20.25C1.5 20.4489 1.57904 20.6397 1.71967 20.7804C1.86028 20.921 2.05104 21 2.25 21H10.5C10.9142 21 11.25 21.3358 11.25 21.75C11.25 22.1642 10.9142 22.5 10.5 22.5H2.25C1.65332 22.5 1.081 22.263 0.659015 21.841C0.237031 21.419 0 20.8467 0 20.25V8.24999Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M8.48717 0.0384774C8.88013 0.169463 9.0925 0.594203 8.96151 0.987161L7.46151 5.48716C7.33053 5.88012 6.90579 6.09249 6.51283 5.9615C6.11987 5.83052 5.9075 5.40578 6.03849 5.01282L7.53849 0.512819C7.66947 0.119861 8.09421 -0.0925085 8.48717 0.0384774Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M17.4872 0.0384774C17.8801 0.169463 18.0925 0.594203 17.9615 0.987161L16.4615 5.48716C16.3305 5.88012 15.9058 6.09249 15.5128 5.9615C15.1199 5.83052 14.9075 5.40578 15.0385 5.01282L16.5385 0.512819C16.6695 0.119861 17.0942 -0.0925085 17.4872 0.0384774Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M13.5 18.75C13.5 15.8505 15.8505 13.5 18.75 13.5C21.6495 13.5 24 15.8505 24 18.75C24 21.6495 21.6495 24 18.75 24C15.8505 24 13.5 21.6495 13.5 18.75ZM18.75 15C16.6789 15 15 16.6789 15 18.75C15 20.8211 16.6789 22.5 18.75 22.5C20.8211 22.5 22.5 20.8211 22.5 18.75C22.5 16.6789 20.8211 15 18.75 15Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M18.75 19.125C18.9571 19.125 19.125 18.9571 19.125 18.75C19.125 18.5429 18.9571 18.375 18.75 18.375V17.625C18.1287 17.625 17.625 18.1287 17.625 18.75C17.625 19.3713 18.1287 19.875 18.75 19.875V19.125Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M18.75 17.625C19.3713 17.625 19.875 18.1287 19.875 18.75C19.875 19.3713 19.3713 19.875 18.75 19.875V19.125C18.5429 19.125 18.375 18.9571 18.375 18.75C18.375 18.5429 18.5429 18.375 18.75 18.375V17.625Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_114_120">
-            <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 RecordingIcon({
+  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_114_120)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2.25 1.49999C2.05109 1.49999 1.86032 1.57901 1.71967 1.71966C1.57903 1.8603 1.5 2.05108 1.5 2.24999V4.49999H22.5V2.24999C22.5 2.05103 22.421 1.86027 22.2804 1.71966C22.1397 1.57903 21.9489 1.49999 21.75 1.49999H2.25ZM0.659015 0.658995C1.08097 0.237036 1.65328 -1.01547e-05 2.25 -1.01547e-05H21.75C22.3467 -1.01547e-05 22.9191 0.237019 23.341 0.659C23.763 1.08099 24 1.65331 24 2.24999V5.24999C24 5.6642 23.6642 5.99999 23.25 5.99999H0.75C0.335786 5.99999 0 5.6642 0 5.24999V2.24999C0 1.65327 0.237055 1.08095 0.659015 0.658995C0.659018 0.658992 0.659011 0.658998 0.659015 0.658995Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 8.24999C0 7.83578 0.335786 7.49999 0.75 7.49999H23.25C23.6642 7.49999 24 7.83578 24 8.24999V11.25C24 11.6642 23.6642 12 23.25 12C22.8358 12 22.5 11.6642 22.5 11.25V8.99999H1.5V20.25C1.5 20.4489 1.57904 20.6397 1.71967 20.7804C1.86028 20.921 2.05104 21 2.25 21H10.5C10.9142 21 11.25 21.3358 11.25 21.75C11.25 22.1642 10.9142 22.5 10.5 22.5H2.25C1.65332 22.5 1.081 22.263 0.659015 21.841C0.237031 21.419 0 20.8467 0 20.25V8.24999Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M8.48717 0.0384774C8.88013 0.169463 9.0925 0.594203 8.96151 0.987161L7.46151 5.48716C7.33053 5.88012 6.90579 6.09249 6.51283 5.9615C6.11987 5.83052 5.9075 5.40578 6.03849 5.01282L7.53849 0.512819C7.66947 0.119861 8.09421 -0.0925085 8.48717 0.0384774Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M17.4872 0.0384774C17.8801 0.169463 18.0925 0.594203 17.9615 0.987161L16.4615 5.48716C16.3305 5.88012 15.9058 6.09249 15.5128 5.9615C15.1199 5.83052 14.9075 5.40578 15.0385 5.01282L16.5385 0.512819C16.6695 0.119861 17.0942 -0.0925085 17.4872 0.0384774Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M13.5 18.75C13.5 15.8505 15.8505 13.5 18.75 13.5C21.6495 13.5 24 15.8505 24 18.75C24 21.6495 21.6495 24 18.75 24C15.8505 24 13.5 21.6495 13.5 18.75ZM18.75 15C16.6789 15 15 16.6789 15 18.75C15 20.8211 16.6789 22.5 18.75 22.5C20.8211 22.5 22.5 20.8211 22.5 18.75C22.5 16.6789 20.8211 15 18.75 15Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M18.75 19.125C18.9571 19.125 19.125 18.9571 19.125 18.75C19.125 18.5429 18.9571 18.375 18.75 18.375V17.625C18.1287 17.625 17.625 18.1287 17.625 18.75C17.625 19.3713 18.1287 19.875 18.75 19.875V19.125Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M18.75 17.625C19.3713 17.625 19.875 18.1287 19.875 18.75C19.875 19.3713 19.3713 19.875 18.75 19.875V19.125C18.5429 19.125 18.375 18.9571 18.375 18.75C18.375 18.5429 18.5429 18.375 18.75 18.375V17.625Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_114_120">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/MediaControl/StopRecordIcon.tsx

@@ -1,38 +1,38 @@
-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 StopRecordingIcon({
-  stroke = '#F54C4C',
-  strokeWidth,
-  fill = '#F54C4C',
-  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.3347 4L17.3388 4.00001L17.3449 4.00005L17.3587 4.00021L17.3927 4.00107C17.4182 4.00192 17.4494 4.00341 17.4856 4.00599C17.5575 4.01113 17.6515 4.02075 17.7609 4.03897C17.9732 4.07436 18.2767 4.14762 18.5963 4.30743C18.9211 4.46985 19.2865 4.73442 19.5677 5.15623C19.8545 5.58639 20 6.10002 20 6.66667V17.3333L20 17.336L20 17.3388L20 17.3449L19.9998 17.3587L19.9989 17.3927C19.9981 17.4182 19.9966 17.4494 19.994 17.4856C19.9889 17.5575 19.9792 17.6515 19.961 17.7609C19.9256 17.9732 19.8524 18.2767 19.6926 18.5963C19.5301 18.9211 19.2656 19.2865 18.8438 19.5677C18.4136 19.8545 17.9 20 17.3333 20H6.66667L6.66399 20L6.66117 20L6.65512 20L6.64134 19.9998L6.60727 19.9989C6.58178 19.9981 6.55056 19.9966 6.51438 19.994C6.44247 19.9889 6.34846 19.9792 6.23913 19.961C6.02681 19.9256 5.72333 19.8524 5.40372 19.6926C5.07888 19.5301 4.71348 19.2656 4.43227 18.8438C4.14549 18.4136 4 17.9 4 17.3333V6.66667L4 6.66399L4.00001 6.66117L4.00005 6.65512L4.00021 6.64134L4.00107 6.60727C4.00192 6.58178 4.00341 6.55056 4.00599 6.51438C4.01113 6.44247 4.02075 6.34846 4.03897 6.23913C4.07436 6.02681 4.14762 5.72333 4.30743 5.40372C4.46985 5.07888 4.73442 4.71348 5.15623 4.43227C5.58639 4.14549 6.10002 4 6.66667 4H17.3347Z"
-          fill={fill}
-          stroke={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 StopRecordingIcon({
+  stroke = '#F54C4C',
+  strokeWidth,
+  fill = '#F54C4C',
+  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.3347 4L17.3388 4.00001L17.3449 4.00005L17.3587 4.00021L17.3927 4.00107C17.4182 4.00192 17.4494 4.00341 17.4856 4.00599C17.5575 4.01113 17.6515 4.02075 17.7609 4.03897C17.9732 4.07436 18.2767 4.14762 18.5963 4.30743C18.9211 4.46985 19.2865 4.73442 19.5677 5.15623C19.8545 5.58639 20 6.10002 20 6.66667V17.3333L20 17.336L20 17.3388L20 17.3449L19.9998 17.3587L19.9989 17.3927C19.9981 17.4182 19.9966 17.4494 19.994 17.4856C19.9889 17.5575 19.9792 17.6515 19.961 17.7609C19.9256 17.9732 19.8524 18.2767 19.6926 18.5963C19.5301 18.9211 19.2656 19.2865 18.8438 19.5677C18.4136 19.8545 17.9 20 17.3333 20H6.66667L6.66399 20L6.66117 20L6.65512 20L6.64134 19.9998L6.60727 19.9989C6.58178 19.9981 6.55056 19.9966 6.51438 19.994C6.44247 19.9889 6.34846 19.9792 6.23913 19.961C6.02681 19.9256 5.72333 19.8524 5.40372 19.6926C5.07888 19.5301 4.71348 19.2656 4.43227 18.8438C4.14549 18.4136 4 17.9 4 17.3333V6.66667L4 6.66399L4.00001 6.66117L4.00005 6.65512L4.00021 6.64134L4.00107 6.60727C4.00192 6.58178 4.00341 6.55056 4.00599 6.51438C4.01113 6.44247 4.02075 6.34846 4.03897 6.23913C4.07436 6.02681 4.14762 5.72333 4.30743 5.40372C4.46985 5.07888 4.73442 4.71348 5.15623 4.43227C5.58639 4.14549 6.10002 4 6.66667 4H17.3347Z"
+          fill={fill}
+          stroke={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/MediaControl/TagIcon.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 TagIcon({
-  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_6604_24014)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M11 23C10.6 23.5 10 23.7 9.4 23.7C8.8 23.7 8.3 23.4 7.8 23L1 16.2C0.500004 15.8 0.300003 15.2 0.300003 14.6C0.300003 14 0.600004 13.4 1 13L12.4 1.39999C13.2 0.699988 14.1 0.299988 15.1 0.299988H21.4C22 0.299988 22.6 0.599988 23 0.999988C23.5 1.39999 23.7 1.99999 23.7 2.59999V8.79999C23.7 9.89999 23.3 10.8 22.6 11.5L11 23ZM22 1.99999C21.8 1.89999 21.6 1.79999 21.4 1.79999H15.2C14.6 1.79999 14 1.99999 13.6 2.49999L2 14C1.9 14.2 1.8 14.4 1.8 14.6C1.8 14.8 1.9 15 2 15.1L8.9 22C9.2 22.3 9.7 22.3 10 22L21.5 10.5C22 10.1 22.2 9.49999 22.2 8.89999V2.59999C22.2 2.39999 22.2 2.09999 22 1.99999ZM18.5 8.39999C18.3 8.49999 18 8.59999 17.7 8.59999C17.4 8.59999 17.1 8.49999 16.8 8.4L16.8 8.39999C16.6 8.29999 16.3 8.09999 16.1 7.89999C15.9 7.69999 15.7 7.39999 15.6 7.19999C15.5 6.89999 15.4 6.59999 15.4 6.29999C15.4 5.99999 15.5 5.69999 15.6 5.39999C15.7 5.19999 15.9 4.89999 16.1 4.69999C16.3 4.49999 16.5 4.29999 16.8 4.19999C17.4 3.99999 18 3.99999 18.5 4.19999C18.7 4.29999 19 4.49999 19.2 4.69999C19.4 4.89999 19.6 5.09999 19.7 5.39999C19.8 5.69999 19.9 5.99999 19.9 6.29999C19.9 6.59999 19.9 6.89999 19.8 7.19999C19.7 7.39999 19.5 7.69999 19.3 7.89999C19.1 8.09999 18.8 8.29999 18.5 8.39999ZM18 5.69999C17.9 5.59999 17.8 5.59999 17.7 5.59999H17.4C17.3618 5.63818 17.3236 5.66179 17.291 5.68195C17.2382 5.71458 17.2 5.73818 17.2 5.79999C17.1 5.79999 17 5.89999 17 5.99999C17 6.04999 16.975 6.09999 16.95 6.14999C16.925 6.19999 16.9 6.24999 16.9 6.29999C16.9 6.34999 16.925 6.39999 16.95 6.44999C16.975 6.49999 17 6.54999 17 6.59999C17 6.69999 17.1 6.79999 17.2 6.79999C17.2 6.89999 17.3 6.99999 17.4 6.99999C17.6 7.09999 17.8 7.09999 18 6.99999C18.0618 6.99999 18.0854 6.96179 18.118 6.90901C18.1382 6.87638 18.1618 6.83819 18.2 6.79999C18.3 6.79999 18.4 6.69999 18.4 6.59999C18.5 6.49999 18.5 6.39999 18.5 6.29999C18.5 6.24999 18.475 6.19999 18.45 6.14999C18.425 6.09999 18.4 6.04999 18.4 5.99999C18.3425 5.94248 18.3181 5.91805 18.2887 5.90766C18.2669 5.89999 18.2425 5.89999 18.2 5.89999C18.2 5.79999 18.1 5.69999 18 5.69999Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_6604_24014">
-            <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 TagIcon({
+  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_6604_24014)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11 23C10.6 23.5 10 23.7 9.4 23.7C8.8 23.7 8.3 23.4 7.8 23L1 16.2C0.500004 15.8 0.300003 15.2 0.300003 14.6C0.300003 14 0.600004 13.4 1 13L12.4 1.39999C13.2 0.699988 14.1 0.299988 15.1 0.299988H21.4C22 0.299988 22.6 0.599988 23 0.999988C23.5 1.39999 23.7 1.99999 23.7 2.59999V8.79999C23.7 9.89999 23.3 10.8 22.6 11.5L11 23ZM22 1.99999C21.8 1.89999 21.6 1.79999 21.4 1.79999H15.2C14.6 1.79999 14 1.99999 13.6 2.49999L2 14C1.9 14.2 1.8 14.4 1.8 14.6C1.8 14.8 1.9 15 2 15.1L8.9 22C9.2 22.3 9.7 22.3 10 22L21.5 10.5C22 10.1 22.2 9.49999 22.2 8.89999V2.59999C22.2 2.39999 22.2 2.09999 22 1.99999ZM18.5 8.39999C18.3 8.49999 18 8.59999 17.7 8.59999C17.4 8.59999 17.1 8.49999 16.8 8.4L16.8 8.39999C16.6 8.29999 16.3 8.09999 16.1 7.89999C15.9 7.69999 15.7 7.39999 15.6 7.19999C15.5 6.89999 15.4 6.59999 15.4 6.29999C15.4 5.99999 15.5 5.69999 15.6 5.39999C15.7 5.19999 15.9 4.89999 16.1 4.69999C16.3 4.49999 16.5 4.29999 16.8 4.19999C17.4 3.99999 18 3.99999 18.5 4.19999C18.7 4.29999 19 4.49999 19.2 4.69999C19.4 4.89999 19.6 5.09999 19.7 5.39999C19.8 5.69999 19.9 5.99999 19.9 6.29999C19.9 6.59999 19.9 6.89999 19.8 7.19999C19.7 7.39999 19.5 7.69999 19.3 7.89999C19.1 8.09999 18.8 8.29999 18.5 8.39999ZM18 5.69999C17.9 5.59999 17.8 5.59999 17.7 5.59999H17.4C17.3618 5.63818 17.3236 5.66179 17.291 5.68195C17.2382 5.71458 17.2 5.73818 17.2 5.79999C17.1 5.79999 17 5.89999 17 5.99999C17 6.04999 16.975 6.09999 16.95 6.14999C16.925 6.19999 16.9 6.24999 16.9 6.29999C16.9 6.34999 16.925 6.39999 16.95 6.44999C16.975 6.49999 17 6.54999 17 6.59999C17 6.69999 17.1 6.79999 17.2 6.79999C17.2 6.89999 17.3 6.99999 17.4 6.99999C17.6 7.09999 17.8 7.09999 18 6.99999C18.0618 6.99999 18.0854 6.96179 18.118 6.90901C18.1382 6.87638 18.1618 6.83819 18.2 6.79999C18.3 6.79999 18.4 6.69999 18.4 6.59999C18.5 6.49999 18.5 6.39999 18.5 6.29999C18.5 6.24999 18.475 6.19999 18.45 6.14999C18.425 6.09999 18.4 6.04999 18.4 5.99999C18.3425 5.94248 18.3181 5.91805 18.2887 5.90766C18.2669 5.89999 18.2425 5.89999 18.2 5.89999C18.2 5.79999 18.1 5.69999 18 5.69999Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_6604_24014">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/MediaControl/VolumeIcon.tsx

@@ -1,57 +1,57 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-import { getIconSize } from '../../../utils/getIconSize';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-
-export default function VolumeIcon({
-  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="M13.2978 3.75887C13.714 3.72124 14.1325 3.80029 14.5063 3.98713C14.8801 4.17408 15.1946 4.46152 15.4142 4.81707C15.6338 5.17255 15.7501 5.58216 15.75 6V18C15.75 18.4179 15.6336 18.8274 15.414 19.1829C15.1943 19.5383 14.88 19.8256 14.5062 20.0125C14.1325 20.1993 13.7141 20.2784 13.2979 20.2409C12.8923 20.2043 12.5044 20.0584 12.1755 19.8188L5.7816 15.75H3C2.40326 15.75 1.83097 15.5129 1.40901 15.091C0.987053 14.669 0.75 14.0967 0.75 13.5V10.5C0.75 9.90326 0.987053 9.33097 1.40901 8.90901C1.83097 8.48705 2.40326 8.25 3 8.25H5.7816L12.1754 4.18121C12.5043 3.9416 12.8922 3.79553 13.2978 3.75887ZM13.8357 5.32886C13.9602 5.39118 14.0649 5.48693 14.1381 5.60539C14.2113 5.72391 14.25 5.86047 14.25 5.99978V18C14.25 18.1393 14.2112 18.2758 14.138 18.3943C14.0648 18.5128 13.96 18.6085 13.8354 18.6708C13.7108 18.7331 13.5714 18.7595 13.4326 18.747C13.2939 18.7345 13.1614 18.6836 13.05 18.6C13.0346 18.5885 13.0189 18.5776 13.0027 18.5673L6.40266 14.3673C6.28232 14.2907 6.14264 14.25 6 14.25H3C2.80109 14.25 2.61032 14.171 2.46967 14.0303C2.32902 13.8897 2.25 13.6989 2.25 13.5V10.5C2.25 10.3011 2.32902 10.1103 2.46967 9.96967C2.61032 9.82902 2.80109 9.75 3 9.75H6C6.14264 9.75 6.28232 9.70932 6.40266 9.63275L13.0027 5.43275C13.0189 5.4224 13.0348 5.41143 13.0502 5.39987C13.1616 5.31625 13.2941 5.26532 13.4328 5.25278C13.5715 5.24024 13.7111 5.26665 13.8357 5.32886Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M21.0596 8.01773C21.4088 7.79494 21.8725 7.8974 22.0953 8.24659C22.8487 9.42752 23.2491 10.7992 23.2491 12.2C23.2491 13.6008 22.8487 14.9725 22.0953 16.1534C21.8725 16.5026 21.4088 16.6051 21.0596 16.3823C20.7104 16.1595 20.6079 15.6958 20.8307 15.3466C21.4304 14.4067 21.7491 13.3149 21.7491 12.2C21.7491 11.0851 21.4304 9.99333 20.8307 9.05341C20.6079 8.70422 20.7104 8.24053 21.0596 8.01773Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M18.0891 9.45389C18.4106 9.19271 18.8829 9.2416 19.1441 9.56309C19.7585 10.3194 20.0939 11.2641 20.0939 12.2385C20.0939 13.2129 19.7585 14.1576 19.1441 14.9139C18.8829 15.2354 18.4106 15.2843 18.0891 15.0231C17.7676 14.7619 17.7187 14.2896 17.9799 13.9681C18.3771 13.4792 18.5939 12.8684 18.5939 12.2385C18.5939 11.6086 18.3771 10.9978 17.9799 10.5089C17.7187 10.1874 17.7676 9.71507 18.0891 9.45389Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M6 8.25C6.41421 8.25 6.75 8.58579 6.75 9V15C6.75 15.4142 6.41421 15.75 6 15.75C5.58579 15.75 5.25 15.4142 5.25 15V9C5.25 8.58579 5.58579 8.25 6 8.25Z"
-          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 VolumeIcon({
+  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="M13.2978 3.75887C13.714 3.72124 14.1325 3.80029 14.5063 3.98713C14.8801 4.17408 15.1946 4.46152 15.4142 4.81707C15.6338 5.17255 15.7501 5.58216 15.75 6V18C15.75 18.4179 15.6336 18.8274 15.414 19.1829C15.1943 19.5383 14.88 19.8256 14.5062 20.0125C14.1325 20.1993 13.7141 20.2784 13.2979 20.2409C12.8923 20.2043 12.5044 20.0584 12.1755 19.8188L5.7816 15.75H3C2.40326 15.75 1.83097 15.5129 1.40901 15.091C0.987053 14.669 0.75 14.0967 0.75 13.5V10.5C0.75 9.90326 0.987053 9.33097 1.40901 8.90901C1.83097 8.48705 2.40326 8.25 3 8.25H5.7816L12.1754 4.18121C12.5043 3.9416 12.8922 3.79553 13.2978 3.75887ZM13.8357 5.32886C13.9602 5.39118 14.0649 5.48693 14.1381 5.60539C14.2113 5.72391 14.25 5.86047 14.25 5.99978V18C14.25 18.1393 14.2112 18.2758 14.138 18.3943C14.0648 18.5128 13.96 18.6085 13.8354 18.6708C13.7108 18.7331 13.5714 18.7595 13.4326 18.747C13.2939 18.7345 13.1614 18.6836 13.05 18.6C13.0346 18.5885 13.0189 18.5776 13.0027 18.5673L6.40266 14.3673C6.28232 14.2907 6.14264 14.25 6 14.25H3C2.80109 14.25 2.61032 14.171 2.46967 14.0303C2.32902 13.8897 2.25 13.6989 2.25 13.5V10.5C2.25 10.3011 2.32902 10.1103 2.46967 9.96967C2.61032 9.82902 2.80109 9.75 3 9.75H6C6.14264 9.75 6.28232 9.70932 6.40266 9.63275L13.0027 5.43275C13.0189 5.4224 13.0348 5.41143 13.0502 5.39987C13.1616 5.31625 13.2941 5.26532 13.4328 5.25278C13.5715 5.24024 13.7111 5.26665 13.8357 5.32886Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M21.0596 8.01773C21.4088 7.79494 21.8725 7.8974 22.0953 8.24659C22.8487 9.42752 23.2491 10.7992 23.2491 12.2C23.2491 13.6008 22.8487 14.9725 22.0953 16.1534C21.8725 16.5026 21.4088 16.6051 21.0596 16.3823C20.7104 16.1595 20.6079 15.6958 20.8307 15.3466C21.4304 14.4067 21.7491 13.3149 21.7491 12.2C21.7491 11.0851 21.4304 9.99333 20.8307 9.05341C20.6079 8.70422 20.7104 8.24053 21.0596 8.01773Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M18.0891 9.45389C18.4106 9.19271 18.8829 9.2416 19.1441 9.56309C19.7585 10.3194 20.0939 11.2641 20.0939 12.2385C20.0939 13.2129 19.7585 14.1576 19.1441 14.9139C18.8829 15.2354 18.4106 15.2843 18.0891 15.0231C17.7676 14.7619 17.7187 14.2896 17.9799 13.9681C18.3771 13.4792 18.5939 12.8684 18.5939 12.2385C18.5939 11.6086 18.3771 10.9978 17.9799 10.5089C17.7187 10.1874 17.7676 9.71507 18.0891 9.45389Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M6 8.25C6.41421 8.25 6.75 8.58579 6.75 9V15C6.75 15.4142 6.41421 15.75 6 15.75C5.58579 15.75 5.25 15.4142 5.25 15V9C5.25 8.58579 5.58579 8.25 6 8.25Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/AddSeatIcon.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 AddSeatIcon({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      sx={{ height: getIconSize(size), width: getIconSize(size) }}
-      {...rest}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-      >
-        <g fillRule="evenodd">
-          <g>
-            <path d="M18.192 11.89c3.206.003 5.804 2.497 5.808 5.574 0 2.256-1.414 4.289-3.585 5.152-2.17.864-4.668.387-6.33-1.208-1.66-1.594-2.158-3.993-1.259-6.076.899-2.084 3.017-3.442 5.366-3.442zm0 2.732c-.414 0-.75.322-.75.72v1.162c0 .133-.112.24-.25.24H15.98c-.414 0-.75.323-.75.72 0 .398.336.72.75.72h1.212c.138 0 .25.108.25.24v1.16c0 .398.336.72.75.72s.75-.322.75-.72v-1.16c0-.132.112-.24.25-.24H20.4c.414 0 .75-.322.75-.72 0-.397-.336-.72-.75-.72h-1.208c-.138 0-.25-.107-.25-.24v-1.162c0-.398-.336-.72-.75-.72zM3.515 0c.896-.003 1.675.59 1.878 1.428l.878 3.666c.026.109.127.186.243.186h14.558c.62-.001 1.204.284 1.568.767.363.484.462 1.105.265 1.67l-1 2.88c-.113.326-.399.57-.75.638-.35.07-.712-.047-.95-.304-.236-.256-.313-.615-.2-.941l.749-2.158c.05-.147.025-.307-.069-.433-.094-.125-.244-.199-.405-.199H7.089c-.076.001-.147.035-.193.093-.047.057-.064.132-.046.203l1.15 4.8c.026.106.125.182.239.184h3.418c.552 0 1 .43 1 .96s-.448.96-1 .96H8.814c-.075 0-.147.033-.194.09-.047.055-.066.13-.05.2l.33 1.38c.017.067.063.124.126.158.896.458 1.361 1.435 1.137 2.385-.224.95-1.083 1.638-2.097 1.681-1.014.043-1.932-.571-2.242-1.5-.31-.927.065-1.939.916-2.47.088-.055.13-.157.107-.255L3.49 2.053c-.027-.11-.131-.188-.25-.186L1 1.92c-.552 0-1-.43-1-.96S.448 0 1 0z" />
-          </g>
-        </g>
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+import { getIconSize } from '../../../utils/getIconSize';
+
+interface CustomSvgProps {
+  size?: 'sm' | 'base' | 'lg' | 'xl';
+}
+
+export default function AddSeatIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      sx={{ height: getIconSize(size), width: getIconSize(size) }}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+      >
+        <g fillRule="evenodd">
+          <g>
+            <path d="M18.192 11.89c3.206.003 5.804 2.497 5.808 5.574 0 2.256-1.414 4.289-3.585 5.152-2.17.864-4.668.387-6.33-1.208-1.66-1.594-2.158-3.993-1.259-6.076.899-2.084 3.017-3.442 5.366-3.442zm0 2.732c-.414 0-.75.322-.75.72v1.162c0 .133-.112.24-.25.24H15.98c-.414 0-.75.323-.75.72 0 .398.336.72.75.72h1.212c.138 0 .25.108.25.24v1.16c0 .398.336.72.75.72s.75-.322.75-.72v-1.16c0-.132.112-.24.25-.24H20.4c.414 0 .75-.322.75-.72 0-.397-.336-.72-.75-.72h-1.208c-.138 0-.25-.107-.25-.24v-1.162c0-.398-.336-.72-.75-.72zM3.515 0c.896-.003 1.675.59 1.878 1.428l.878 3.666c.026.109.127.186.243.186h14.558c.62-.001 1.204.284 1.568.767.363.484.462 1.105.265 1.67l-1 2.88c-.113.326-.399.57-.75.638-.35.07-.712-.047-.95-.304-.236-.256-.313-.615-.2-.941l.749-2.158c.05-.147.025-.307-.069-.433-.094-.125-.244-.199-.405-.199H7.089c-.076.001-.147.035-.193.093-.047.057-.064.132-.046.203l1.15 4.8c.026.106.125.182.239.184h3.418c.552 0 1 .43 1 .96s-.448.96-1 .96H8.814c-.075 0-.147.033-.194.09-.047.055-.066.13-.05.2l.33 1.38c.017.067.063.124.126.158.896.458 1.361 1.435 1.137 2.385-.224.95-1.083 1.638-2.097 1.681-1.014.043-1.932-.571-2.242-1.5-.31-.927.065-1.939.916-2.47.088-.055.13-.157.107-.255L3.49 2.053c-.027-.11-.131-.188-.25-.186L1 1.92c-.552 0-1-.43-1-.96S.448 0 1 0z" />
+          </g>
+        </g>
+      </svg>
+    </SvgIcon>
+  );
+}