odaptos_design_system 2.0.5 → 2.0.7

package/src/DesignTokens/Icons/Miscellaneous/UnmoderatedIcon.tsx

@@ -1,63 +1,63 @@
-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 UnmoderatedIcon({
-  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.25 0C4.92725 0 3.65324 0.499312 2.68275 1.39809C0.439084 3.47595 0.439085 7.02405 2.68275 9.10191C2.9493 9.34876 3.23875 9.56549 3.54581 9.75C3.23875 9.93452 2.9493 10.1512 2.68275 10.3981C0.439084 12.4759 0.439085 16.0241 2.68275 18.1019C3.65324 19.0007 4.92725 19.5 6.25 19.5H9.25C9.66421 19.5 10 19.1642 10 18.75C10 18.3358 9.66421 18 9.25 18H6.25C5.30518 18 4.39517 17.6433 3.70196 17.0014C2.09935 15.5172 2.09935 12.9828 3.70196 11.4986C4.39517 10.8567 5.30518 10.5 6.25 10.5C6.25 10.5 6.33552 10.509 6.45524 10.5H14.377C14.7912 10.5 15.127 10.1642 15.127 9.75C15.127 9.33579 14.7912 9 14.377 9H6.25C5.30518 9 4.39517 8.64335 3.70196 8.00136C2.09935 6.51718 2.09935 3.98282 3.70196 2.49864C4.39517 1.85665 5.30518 1.5 6.25 1.5H18.4642C19.7308 1.5 20.9153 2.12682 21.6277 3.17408C22.7508 4.82506 22.4155 7.06212 20.8576 8.31122L20.4166 8.66487C20.0934 8.92398 20.0415 9.39601 20.3006 9.71917C20.5597 10.0423 21.0318 10.0942 21.3549 9.83513L21.796 9.48149C23.9646 7.74268 24.4314 4.62861 22.8679 2.33038C21.8762 0.872561 20.2273 0 18.4642 0H6.25Z"
-          fill={fill}
-        />
-        <path
-          d="M6 6.5C6.55228 6.5 7 6.05228 7 5.5C7 4.94772 6.55228 4.5 6 4.5C5.44772 4.5 5 4.94772 5 5.5C5 6.05228 5.44772 6.5 6 6.5Z"
-          fill={fill}
-        />
-        <path
-          d="M11.501 4.50024C11.0868 4.50024 10.751 4.83603 10.751 5.25024C10.751 5.66445 11.0868 6.00024 11.501 6.00024H18.251C18.6652 6.00024 19.001 5.66445 19.001 5.25024C19.001 4.83603 18.6652 4.50024 18.251 4.50024H11.501Z"
-          fill={fill}
-        />
-        <path
-          d="M7 14C7 14.5523 6.55228 15 6 15C5.44772 15 5 14.5523 5 14C5 13.4477 5.44772 13 6 13C6.55228 13 7 13.4477 7 14Z"
-          fill={fill}
-        />
-        <path
-          d="M16.7551 16.0423C16.6037 15.4367 17.0618 14.85 17.6861 14.85H17.7295C18.3341 14.85 18.7986 15.3855 18.7131 15.984L18.6932 16.1231C18.6172 16.655 18.1617 17.05 17.6245 17.05C17.2655 17.05 16.9745 17.341 16.9745 17.7C16.9745 18.059 17.2655 18.35 17.6245 18.35C18.8087 18.35 19.8127 17.4792 19.9801 16.307L20 16.1679C20.1974 14.7862 19.1252 13.55 17.7295 13.55H17.6861C16.216 13.55 15.1374 14.9315 15.4939 16.3576C15.581 16.7059 15.9339 16.9176 16.2822 16.8306C16.6304 16.7435 16.8422 16.3906 16.7551 16.0423Z"
-          fill={fill}
-        />
-        <path
-          d="M17.7131 21.25C18.2654 21.25 18.7131 20.8023 18.7131 20.25C18.7131 19.6977 18.2654 19.25 17.7131 19.25C17.1608 19.25 16.7131 19.6977 16.7131 20.25C16.7131 20.8023 17.1608 21.25 17.7131 21.25Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M17.6 11.25C14.093 11.25 11.25 14.093 11.25 17.6C11.25 21.1071 14.093 23.95 17.6 23.95C21.107 23.95 23.95 21.1071 23.95 17.6C23.95 14.093 21.107 11.25 17.6 11.25ZM12.75 17.6C12.75 14.9214 14.9214 12.75 17.6 12.75C20.2786 12.75 22.45 14.9214 22.45 17.6C22.45 20.2787 20.2786 22.45 17.6 22.45C14.9214 22.45 12.75 20.2787 12.75 17.6Z"
-          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 UnmoderatedIcon({
+  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.25 0C4.92725 0 3.65324 0.499312 2.68275 1.39809C0.439084 3.47595 0.439085 7.02405 2.68275 9.10191C2.9493 9.34876 3.23875 9.56549 3.54581 9.75C3.23875 9.93452 2.9493 10.1512 2.68275 10.3981C0.439084 12.4759 0.439085 16.0241 2.68275 18.1019C3.65324 19.0007 4.92725 19.5 6.25 19.5H9.25C9.66421 19.5 10 19.1642 10 18.75C10 18.3358 9.66421 18 9.25 18H6.25C5.30518 18 4.39517 17.6433 3.70196 17.0014C2.09935 15.5172 2.09935 12.9828 3.70196 11.4986C4.39517 10.8567 5.30518 10.5 6.25 10.5C6.25 10.5 6.33552 10.509 6.45524 10.5H14.377C14.7912 10.5 15.127 10.1642 15.127 9.75C15.127 9.33579 14.7912 9 14.377 9H6.25C5.30518 9 4.39517 8.64335 3.70196 8.00136C2.09935 6.51718 2.09935 3.98282 3.70196 2.49864C4.39517 1.85665 5.30518 1.5 6.25 1.5H18.4642C19.7308 1.5 20.9153 2.12682 21.6277 3.17408C22.7508 4.82506 22.4155 7.06212 20.8576 8.31122L20.4166 8.66487C20.0934 8.92398 20.0415 9.39601 20.3006 9.71917C20.5597 10.0423 21.0318 10.0942 21.3549 9.83513L21.796 9.48149C23.9646 7.74268 24.4314 4.62861 22.8679 2.33038C21.8762 0.872561 20.2273 0 18.4642 0H6.25Z"
+          fill={fill}
+        />
+        <path
+          d="M6 6.5C6.55228 6.5 7 6.05228 7 5.5C7 4.94772 6.55228 4.5 6 4.5C5.44772 4.5 5 4.94772 5 5.5C5 6.05228 5.44772 6.5 6 6.5Z"
+          fill={fill}
+        />
+        <path
+          d="M11.501 4.50024C11.0868 4.50024 10.751 4.83603 10.751 5.25024C10.751 5.66445 11.0868 6.00024 11.501 6.00024H18.251C18.6652 6.00024 19.001 5.66445 19.001 5.25024C19.001 4.83603 18.6652 4.50024 18.251 4.50024H11.501Z"
+          fill={fill}
+        />
+        <path
+          d="M7 14C7 14.5523 6.55228 15 6 15C5.44772 15 5 14.5523 5 14C5 13.4477 5.44772 13 6 13C6.55228 13 7 13.4477 7 14Z"
+          fill={fill}
+        />
+        <path
+          d="M16.7551 16.0423C16.6037 15.4367 17.0618 14.85 17.6861 14.85H17.7295C18.3341 14.85 18.7986 15.3855 18.7131 15.984L18.6932 16.1231C18.6172 16.655 18.1617 17.05 17.6245 17.05C17.2655 17.05 16.9745 17.341 16.9745 17.7C16.9745 18.059 17.2655 18.35 17.6245 18.35C18.8087 18.35 19.8127 17.4792 19.9801 16.307L20 16.1679C20.1974 14.7862 19.1252 13.55 17.7295 13.55H17.6861C16.216 13.55 15.1374 14.9315 15.4939 16.3576C15.581 16.7059 15.9339 16.9176 16.2822 16.8306C16.6304 16.7435 16.8422 16.3906 16.7551 16.0423Z"
+          fill={fill}
+        />
+        <path
+          d="M17.7131 21.25C18.2654 21.25 18.7131 20.8023 18.7131 20.25C18.7131 19.6977 18.2654 19.25 17.7131 19.25C17.1608 19.25 16.7131 19.6977 16.7131 20.25C16.7131 20.8023 17.1608 21.25 17.7131 21.25Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M17.6 11.25C14.093 11.25 11.25 14.093 11.25 17.6C11.25 21.1071 14.093 23.95 17.6 23.95C21.107 23.95 23.95 21.1071 23.95 17.6C23.95 14.093 21.107 11.25 17.6 11.25ZM12.75 17.6C12.75 14.9214 14.9214 12.75 17.6 12.75C20.2786 12.75 22.45 14.9214 22.45 17.6C22.45 20.2787 20.2786 22.45 17.6 22.45C14.9214 22.45 12.75 20.2787 12.75 17.6Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/ViewIcon.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 ViewIcon({
-  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="16"
-        viewBox="0 0 24 16"
-        fill="none"
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M0.6 9.59998C3.2 12.5 7.5 15.5 11.8 15.5H12C16.4 15.6 20.8 12.5 23.4 9.59998C23.8 9.19998 24 8.59998 24 7.99998C24 7.39998 23.8 6.79998 23.4 6.39998C20.8 3.49998 16.4 0.399977 12 0.499977C7.6 0.399977 3.2 3.49998 0.6 6.39998C0.2 6.79998 0 7.39998 0 7.99998C0 8.59998 0.2 9.19998 0.6 9.59998ZM1.7 7.39998C4.1 4.79998 8 1.99998 11.9 1.99998H12C15.9 1.89998 19.9 4.69998 22.3 7.39998C22.4 7.59998 22.5 7.79998 22.5 7.99998C22.5 8.19998 22.4 8.39998 22.3 8.59998C19.9 11.3 15.9 14.1 12 14C8.1 14.1 4.1 11.3 1.7 8.59998C1.6 8.39998 1.5 8.19998 1.5 7.99998C1.5 7.79998 1.6 7.59998 1.7 7.39998ZM11.1 12.4C11.4 12.5 11.7 12.5 12 12.5C12.6 12.5 13.2 12.4 13.8 12.3L13.8 12.3C14.6 11.9 15.3 11.3 15.8 10.6C16.3 9.90001 16.6 9.00001 16.6 8.10001C16.6 7.50001 16.5 6.90001 16.3 6.40001C16 5.80001 15.7 5.30001 15.3 4.90001C14.8 4.50001 14.3 4.10001 13.8 3.90001C12.4 3.30001 10.8 3.50001 9.6 4.30001C8.8 4.80001 8.2 5.50001 7.9 6.30001C7.5 7.10001 7.4 8.00001 7.6 8.90001C7.7 9.80001 8.2 10.6 8.8 11.2C9.4 11.8 10.2 12.2 11.1 12.4ZM10.3 5.50001C10.8 5.20001 11.4 5.00001 12 5.00001C12.1033 5.00001 12.2 4.99334 12.2934 4.98689C12.5617 4.96837 12.8033 4.95168 13.1 5.10001C13.5 5.30001 13.8 5.50001 14.1 5.80001C14.3 6.10001 14.5 6.40001 14.7 6.80001C14.8 7.10001 14.9 7.50001 14.9 7.90001C14.9 8.50001 14.7 9.10001 14.4 9.60001C14.1 10.1 13.6 10.5 13.1 10.7C12.6 11 12 11 11.4 10.9C10.9 10.8 10.3 10.5 9.9 10.1C9.5 9.70001 9.3 9.20001 9.1 8.60001C8.9 8.00001 9 7.40001 9.2 6.80001C9.4 6.30001 9.8 5.80001 10.3 5.50001Z"
-          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 ViewIcon({
+  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="16"
+        viewBox="0 0 24 16"
+        fill="none"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M0.6 9.59998C3.2 12.5 7.5 15.5 11.8 15.5H12C16.4 15.6 20.8 12.5 23.4 9.59998C23.8 9.19998 24 8.59998 24 7.99998C24 7.39998 23.8 6.79998 23.4 6.39998C20.8 3.49998 16.4 0.399977 12 0.499977C7.6 0.399977 3.2 3.49998 0.6 6.39998C0.2 6.79998 0 7.39998 0 7.99998C0 8.59998 0.2 9.19998 0.6 9.59998ZM1.7 7.39998C4.1 4.79998 8 1.99998 11.9 1.99998H12C15.9 1.89998 19.9 4.69998 22.3 7.39998C22.4 7.59998 22.5 7.79998 22.5 7.99998C22.5 8.19998 22.4 8.39998 22.3 8.59998C19.9 11.3 15.9 14.1 12 14C8.1 14.1 4.1 11.3 1.7 8.59998C1.6 8.39998 1.5 8.19998 1.5 7.99998C1.5 7.79998 1.6 7.59998 1.7 7.39998ZM11.1 12.4C11.4 12.5 11.7 12.5 12 12.5C12.6 12.5 13.2 12.4 13.8 12.3L13.8 12.3C14.6 11.9 15.3 11.3 15.8 10.6C16.3 9.90001 16.6 9.00001 16.6 8.10001C16.6 7.50001 16.5 6.90001 16.3 6.40001C16 5.80001 15.7 5.30001 15.3 4.90001C14.8 4.50001 14.3 4.10001 13.8 3.90001C12.4 3.30001 10.8 3.50001 9.6 4.30001C8.8 4.80001 8.2 5.50001 7.9 6.30001C7.5 7.10001 7.4 8.00001 7.6 8.90001C7.7 9.80001 8.2 10.6 8.8 11.2C9.4 11.8 10.2 12.2 11.1 12.4ZM10.3 5.50001C10.8 5.20001 11.4 5.00001 12 5.00001C12.1033 5.00001 12.2 4.99334 12.2934 4.98689C12.5617 4.96837 12.8033 4.95168 13.1 5.10001C13.5 5.30001 13.8 5.50001 14.1 5.80001C14.3 6.10001 14.5 6.40001 14.7 6.80001C14.8 7.10001 14.9 7.50001 14.9 7.90001C14.9 8.50001 14.7 9.10001 14.4 9.60001C14.1 10.1 13.6 10.5 13.1 10.7C12.6 11 12 11 11.4 10.9C10.9 10.8 10.3 10.5 9.9 10.1C9.5 9.70001 9.3 9.20001 9.1 8.60001C8.9 8.00001 9 7.40001 9.2 6.80001C9.4 6.30001 9.8 5.80001 10.3 5.50001Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/ViewOffIcon.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 ViewOffIcon({
-  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="M22.071 2.4806C22.3579 2.77941 22.3482 3.25419 22.0494 3.54104L17.6718 7.74355C17.6325 7.7919 17.5879 7.83444 17.5393 7.87074L15.1499 10.1646C15.1323 10.195 15.1123 10.2246 15.09 10.253C15.0221 10.3395 14.939 10.4071 14.8475 10.4548L9.6501 15.4444C9.59863 15.5339 9.52775 15.6141 9.43855 15.6784C9.40922 15.6996 9.37887 15.7183 9.34776 15.7346L6.77743 18.2021C6.77192 18.2129 6.76611 18.2235 6.76003 18.2341C6.67951 18.374 6.56074 18.4781 6.42451 18.5409L3.2994 21.541C3.00059 21.8279 2.52581 21.8182 2.23896 21.5194C1.9521 21.2206 1.96179 20.7458 2.2606 20.459L4.8518 17.9714C3.28795 16.9643 1.86527 15.7506 0.622882 14.3621C0.222582 13.9207 0.000816345 13.346 0.000816345 12.75C0.000816345 12.1531 0.223258 11.5776 0.624712 11.1359C1.98289 9.63779 3.74973 8.1575 5.70443 7.05652C7.65421 5.95831 9.83591 5.21265 12.0105 5.25007C13.7171 5.2683 15.3983 5.64852 16.9437 6.36318L21.0106 2.45896C21.3094 2.1721 21.7842 2.18179 22.071 2.4806ZM15.769 7.49091L14.3891 8.81556C13.6344 8.38835 12.7697 8.18081 11.8942 8.22446C10.7871 8.27965 9.73717 8.73273 8.93755 9.50037C8.13793 10.268 7.64238 11.2986 7.54207 12.4025C7.46274 13.2755 7.63482 14.148 8.03088 14.9195L5.96658 16.9012C4.39561 15.9304 2.97161 14.7379 1.73899 13.36L1.73901 13.36L1.73491 13.3555C1.58428 13.1898 1.50082 12.9739 1.50082 12.75C1.50082 12.5261 1.58428 12.3102 1.73491 12.1445L1.73565 12.1437C2.99742 10.7519 4.64044 9.37739 6.44057 8.36347C8.24499 7.34713 10.1623 6.71795 11.9869 6.74988L11.9921 6.74996C13.2889 6.76353 14.5689 7.01576 15.769 7.49091ZM13.2339 9.92457L9.1861 13.8105C9.04907 13.4046 8.99654 12.9715 9.03591 12.5382C9.10352 11.7943 9.43747 11.0998 9.97635 10.5825C10.5152 10.0651 11.2228 9.75979 11.9688 9.7226C12.4034 9.70094 12.834 9.77109 13.2339 9.92457ZM19.1436 8.43863C19.3874 8.10373 19.8565 8.02986 20.1914 8.27362C21.3486 9.11595 22.4158 10.0754 23.3761 11.1368C23.7771 11.5784 23.9992 12.1535 23.9992 12.75C23.9992 13.3468 23.7768 13.9222 23.3755 14.3639C20.7606 17.2542 16.4128 20.3215 11.9954 20.25C10.904 20.2544 9.8184 20.0911 8.77653 19.7659C8.38113 19.6425 8.16064 19.2219 8.28406 18.8265C8.40748 18.4311 8.82806 18.2106 9.22346 18.3341C10.121 18.6142 11.0562 18.7545 11.9964 18.75L12.0128 18.7501C15.7922 18.8146 19.7602 16.1246 22.2638 13.3569L22.2651 13.3555C22.4157 13.1898 22.4992 12.9739 22.4992 12.75C22.4992 12.5261 22.4157 12.3102 22.2651 12.1445L22.2638 12.1432C21.3728 11.1583 20.3824 10.268 19.3086 9.48637C18.9737 9.24261 18.8999 8.77352 19.1436 8.43863ZM16.5 12.75C16.5 12.3358 16.1642 12 15.75 12C15.3358 12 15 12.3358 15 12.75C15 13.144 14.9224 13.5341 14.7716 13.8981C14.6209 14.262 14.3999 14.5927 14.1213 14.8713C13.8427 15.1499 13.512 15.3709 13.148 15.5216C12.7841 15.6724 12.394 15.75 12 15.75C11.5858 15.75 11.25 16.0858 11.25 16.5C11.25 16.9142 11.5858 17.25 12 17.25C12.5909 17.25 13.1761 17.1336 13.7221 16.9075C14.268 16.6813 14.7641 16.3498 15.182 15.932C15.5998 15.5141 15.9313 15.018 16.1575 14.4721C16.3836 13.9261 16.5 13.3409 16.5 12.75Z"
-          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 ViewOffIcon({
+  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="M22.071 2.4806C22.3579 2.77941 22.3482 3.25419 22.0494 3.54104L17.6718 7.74355C17.6325 7.7919 17.5879 7.83444 17.5393 7.87074L15.1499 10.1646C15.1323 10.195 15.1123 10.2246 15.09 10.253C15.0221 10.3395 14.939 10.4071 14.8475 10.4548L9.6501 15.4444C9.59863 15.5339 9.52775 15.6141 9.43855 15.6784C9.40922 15.6996 9.37887 15.7183 9.34776 15.7346L6.77743 18.2021C6.77192 18.2129 6.76611 18.2235 6.76003 18.2341C6.67951 18.374 6.56074 18.4781 6.42451 18.5409L3.2994 21.541C3.00059 21.8279 2.52581 21.8182 2.23896 21.5194C1.9521 21.2206 1.96179 20.7458 2.2606 20.459L4.8518 17.9714C3.28795 16.9643 1.86527 15.7506 0.622882 14.3621C0.222582 13.9207 0.000816345 13.346 0.000816345 12.75C0.000816345 12.1531 0.223258 11.5776 0.624712 11.1359C1.98289 9.63779 3.74973 8.1575 5.70443 7.05652C7.65421 5.95831 9.83591 5.21265 12.0105 5.25007C13.7171 5.2683 15.3983 5.64852 16.9437 6.36318L21.0106 2.45896C21.3094 2.1721 21.7842 2.18179 22.071 2.4806ZM15.769 7.49091L14.3891 8.81556C13.6344 8.38835 12.7697 8.18081 11.8942 8.22446C10.7871 8.27965 9.73717 8.73273 8.93755 9.50037C8.13793 10.268 7.64238 11.2986 7.54207 12.4025C7.46274 13.2755 7.63482 14.148 8.03088 14.9195L5.96658 16.9012C4.39561 15.9304 2.97161 14.7379 1.73899 13.36L1.73901 13.36L1.73491 13.3555C1.58428 13.1898 1.50082 12.9739 1.50082 12.75C1.50082 12.5261 1.58428 12.3102 1.73491 12.1445L1.73565 12.1437C2.99742 10.7519 4.64044 9.37739 6.44057 8.36347C8.24499 7.34713 10.1623 6.71795 11.9869 6.74988L11.9921 6.74996C13.2889 6.76353 14.5689 7.01576 15.769 7.49091ZM13.2339 9.92457L9.1861 13.8105C9.04907 13.4046 8.99654 12.9715 9.03591 12.5382C9.10352 11.7943 9.43747 11.0998 9.97635 10.5825C10.5152 10.0651 11.2228 9.75979 11.9688 9.7226C12.4034 9.70094 12.834 9.77109 13.2339 9.92457ZM19.1436 8.43863C19.3874 8.10373 19.8565 8.02986 20.1914 8.27362C21.3486 9.11595 22.4158 10.0754 23.3761 11.1368C23.7771 11.5784 23.9992 12.1535 23.9992 12.75C23.9992 13.3468 23.7768 13.9222 23.3755 14.3639C20.7606 17.2542 16.4128 20.3215 11.9954 20.25C10.904 20.2544 9.8184 20.0911 8.77653 19.7659C8.38113 19.6425 8.16064 19.2219 8.28406 18.8265C8.40748 18.4311 8.82806 18.2106 9.22346 18.3341C10.121 18.6142 11.0562 18.7545 11.9964 18.75L12.0128 18.7501C15.7922 18.8146 19.7602 16.1246 22.2638 13.3569L22.2651 13.3555C22.4157 13.1898 22.4992 12.9739 22.4992 12.75C22.4992 12.5261 22.4157 12.3102 22.2651 12.1445L22.2638 12.1432C21.3728 11.1583 20.3824 10.268 19.3086 9.48637C18.9737 9.24261 18.8999 8.77352 19.1436 8.43863ZM16.5 12.75C16.5 12.3358 16.1642 12 15.75 12C15.3358 12 15 12.3358 15 12.75C15 13.144 14.9224 13.5341 14.7716 13.8981C14.6209 14.262 14.3999 14.5927 14.1213 14.8713C13.8427 15.1499 13.512 15.3709 13.148 15.5216C12.7841 15.6724 12.394 15.75 12 15.75C11.5858 15.75 11.25 16.0858 11.25 16.5C11.25 16.9142 11.5858 17.25 12 17.25C12.5909 17.25 13.1761 17.1336 13.7221 16.9075C14.268 16.6813 14.7641 16.3498 15.182 15.932C15.5998 15.5141 15.9313 15.018 16.1575 14.4721C16.3836 13.9261 16.5 13.3409 16.5 12.75Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/VoiceIcon.tsx

@@ -1,47 +1,47 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-import { getIconSize } from '../../../utils/getIconSize';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-
-export default function VoiceIcon({
-  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_7337_13741)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M2.39534 2.39534C2.51841 2.27227 2.68533 2.20312 2.85938 2.20312H8.48438C8.89859 2.20312 9.23438 1.86734 9.23438 1.45312C9.23438 1.03891 8.89859 0.703125 8.48438 0.703125H2.85938C2.2875 0.703125 1.73905 0.930301 1.33468 1.33468C0.930301 1.73905 0.703125 2.2875 0.703125 2.85938V8.48438C0.703125 8.89859 1.03891 9.23438 1.45312 9.23438C1.86734 9.23438 2.20312 8.89859 2.20312 8.48438V2.85938C2.20312 2.68533 2.27227 2.51841 2.39534 2.39534ZM14.7656 1.45312C14.7656 1.03891 15.1014 0.703125 15.5156 0.703125H21.1406C21.7125 0.703125 22.2609 0.9303 22.6653 1.33468C23.0697 1.73905 23.2969 2.2875 23.2969 2.85938V8.48438C23.2969 8.89859 22.9611 9.23438 22.5469 9.23438C22.1327 9.23438 21.7969 8.89859 21.7969 8.48438V2.85938C21.7969 2.68533 21.7277 2.51841 21.6047 2.39534C21.4816 2.27227 21.3147 2.20312 21.1406 2.20312H15.5156C15.1014 2.20312 14.7656 1.86734 14.7656 1.45312ZM22.5469 14.7656C22.9611 14.7656 23.2969 15.1014 23.2969 15.5156V21.1406C23.2969 21.7125 23.0697 22.2609 22.6653 22.6653C22.2609 23.0697 21.7125 23.2969 21.1406 23.2969H15.5156C15.1014 23.2969 14.7656 22.9611 14.7656 22.5469C14.7656 22.1327 15.1014 21.7969 15.5156 21.7969H21.1406C21.3147 21.7969 21.4816 21.7277 21.6047 21.6047C21.7277 21.4816 21.7969 21.3147 21.7969 21.1406V15.5156C21.7969 15.1014 22.1327 14.7656 22.5469 14.7656ZM1.45312 14.7656C1.86734 14.7656 2.20312 15.1014 2.20312 15.5156V21.1406C2.20312 21.3147 2.27227 21.4816 2.39534 21.6047C2.51841 21.7277 2.68533 21.7969 2.85938 21.7969H8.48438C8.89859 21.7969 9.23438 22.1327 9.23438 22.5469C9.23438 22.9611 8.89859 23.2969 8.48438 23.2969H2.85938C2.2875 23.2969 1.73905 23.0697 1.33468 22.6653C0.9303 22.2609 0.703125 21.7125 0.703125 21.1406V15.5156C0.703125 15.1014 1.03891 14.7656 1.45312 14.7656ZM12.75 7.07812C12.75 6.66391 12.4142 6.32812 12 6.32812C11.5858 6.32812 11.25 6.66391 11.25 7.07812V16.9219C11.25 17.3361 11.5858 17.6719 12 17.6719C12.4142 17.6719 12.75 17.3361 12.75 16.9219V7.07812ZM8.48438 8.4375C8.89859 8.4375 9.23438 8.77329 9.23438 9.1875V14.8125C9.23438 15.2267 8.89859 15.5625 8.48438 15.5625C8.07016 15.5625 7.73438 15.2267 7.73438 14.8125V9.1875C7.73438 8.77329 8.07016 8.4375 8.48438 8.4375ZM16.2656 9.1875C16.2656 8.77329 15.9298 8.4375 15.5156 8.4375C15.1014 8.4375 14.7656 8.77329 14.7656 9.1875V14.8125C14.7656 15.2267 15.1014 15.5625 15.5156 15.5625C15.9298 15.5625 16.2656 15.2267 16.2656 14.8125V9.1875ZM4.96875 9.84375C5.38296 9.84375 5.71875 10.1795 5.71875 10.5938V13.4062C5.71875 13.8205 5.38296 14.1562 4.96875 14.1562C4.55454 14.1562 4.21875 13.8205 4.21875 13.4062V10.5938C4.21875 10.1795 4.55454 9.84375 4.96875 9.84375ZM19.7812 10.5938C19.7812 10.1795 19.4455 9.84375 19.0312 9.84375C18.617 9.84375 18.2812 10.1795 18.2812 10.5938V13.4062C18.2812 13.8205 18.617 14.1562 19.0312 14.1562C19.4455 14.1562 19.7812 13.8205 19.7812 13.4062V10.5938Z"
-            fill={fill}
-            stroke={stroke}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_7337_13741">
-            <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 VoiceIcon({
+  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_7337_13741)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2.39534 2.39534C2.51841 2.27227 2.68533 2.20312 2.85938 2.20312H8.48438C8.89859 2.20312 9.23438 1.86734 9.23438 1.45312C9.23438 1.03891 8.89859 0.703125 8.48438 0.703125H2.85938C2.2875 0.703125 1.73905 0.930301 1.33468 1.33468C0.930301 1.73905 0.703125 2.2875 0.703125 2.85938V8.48438C0.703125 8.89859 1.03891 9.23438 1.45312 9.23438C1.86734 9.23438 2.20312 8.89859 2.20312 8.48438V2.85938C2.20312 2.68533 2.27227 2.51841 2.39534 2.39534ZM14.7656 1.45312C14.7656 1.03891 15.1014 0.703125 15.5156 0.703125H21.1406C21.7125 0.703125 22.2609 0.9303 22.6653 1.33468C23.0697 1.73905 23.2969 2.2875 23.2969 2.85938V8.48438C23.2969 8.89859 22.9611 9.23438 22.5469 9.23438C22.1327 9.23438 21.7969 8.89859 21.7969 8.48438V2.85938C21.7969 2.68533 21.7277 2.51841 21.6047 2.39534C21.4816 2.27227 21.3147 2.20312 21.1406 2.20312H15.5156C15.1014 2.20312 14.7656 1.86734 14.7656 1.45312ZM22.5469 14.7656C22.9611 14.7656 23.2969 15.1014 23.2969 15.5156V21.1406C23.2969 21.7125 23.0697 22.2609 22.6653 22.6653C22.2609 23.0697 21.7125 23.2969 21.1406 23.2969H15.5156C15.1014 23.2969 14.7656 22.9611 14.7656 22.5469C14.7656 22.1327 15.1014 21.7969 15.5156 21.7969H21.1406C21.3147 21.7969 21.4816 21.7277 21.6047 21.6047C21.7277 21.4816 21.7969 21.3147 21.7969 21.1406V15.5156C21.7969 15.1014 22.1327 14.7656 22.5469 14.7656ZM1.45312 14.7656C1.86734 14.7656 2.20312 15.1014 2.20312 15.5156V21.1406C2.20312 21.3147 2.27227 21.4816 2.39534 21.6047C2.51841 21.7277 2.68533 21.7969 2.85938 21.7969H8.48438C8.89859 21.7969 9.23438 22.1327 9.23438 22.5469C9.23438 22.9611 8.89859 23.2969 8.48438 23.2969H2.85938C2.2875 23.2969 1.73905 23.0697 1.33468 22.6653C0.9303 22.2609 0.703125 21.7125 0.703125 21.1406V15.5156C0.703125 15.1014 1.03891 14.7656 1.45312 14.7656ZM12.75 7.07812C12.75 6.66391 12.4142 6.32812 12 6.32812C11.5858 6.32812 11.25 6.66391 11.25 7.07812V16.9219C11.25 17.3361 11.5858 17.6719 12 17.6719C12.4142 17.6719 12.75 17.3361 12.75 16.9219V7.07812ZM8.48438 8.4375C8.89859 8.4375 9.23438 8.77329 9.23438 9.1875V14.8125C9.23438 15.2267 8.89859 15.5625 8.48438 15.5625C8.07016 15.5625 7.73438 15.2267 7.73438 14.8125V9.1875C7.73438 8.77329 8.07016 8.4375 8.48438 8.4375ZM16.2656 9.1875C16.2656 8.77329 15.9298 8.4375 15.5156 8.4375C15.1014 8.4375 14.7656 8.77329 14.7656 9.1875V14.8125C14.7656 15.2267 15.1014 15.5625 15.5156 15.5625C15.9298 15.5625 16.2656 15.2267 16.2656 14.8125V9.1875ZM4.96875 9.84375C5.38296 9.84375 5.71875 10.1795 5.71875 10.5938V13.4062C5.71875 13.8205 5.38296 14.1562 4.96875 14.1562C4.55454 14.1562 4.21875 13.8205 4.21875 13.4062V10.5938C4.21875 10.1795 4.55454 9.84375 4.96875 9.84375ZM19.7812 10.5938C19.7812 10.1795 19.4455 9.84375 19.0312 9.84375C18.617 9.84375 18.2812 10.1795 18.2812 10.5938V13.4062C18.2812 13.8205 18.617 14.1562 19.0312 14.1562C19.4455 14.1562 19.7812 13.8205 19.7812 13.4062V10.5938Z"
+            fill={fill}
+            stroke={stroke}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_7337_13741">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

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

@@ -1,50 +1,50 @@
-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 AlamBellIdleIcon({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 1.7}
-      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="M10 21.75C10.127 22.1827 10.3908 22.5626 10.7518 22.8328C11.1127 23.1031 11.5516 23.2492 12.0025 23.2492C12.4534 23.2492 12.8923 23.1031 13.2532 22.8328C13.6142 22.5626 13.878 22.1827 14.005 21.75"
-          stroke={stroke}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M12 3V0.75"
-          stroke={stroke}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-          d="M12 3C13.9891 3 15.8968 3.79018 17.3033 5.1967C18.7098 6.60322 19.5 8.51088 19.5 10.5C19.5 17.546 21 18.75 21 18.75H3C3 18.75 4.5 16.834 4.5 10.5C4.5 8.51088 5.29018 6.60322 6.6967 5.1967C8.10322 3.79018 10.0109 3 12 3Z"
-          stroke={stroke}
-          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 AlamBellIdleIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 1.7}
+      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="M10 21.75C10.127 22.1827 10.3908 22.5626 10.7518 22.8328C11.1127 23.1031 11.5516 23.2492 12.0025 23.2492C12.4534 23.2492 12.8923 23.1031 13.2532 22.8328C13.6142 22.5626 13.878 22.1827 14.005 21.75"
+          stroke={stroke}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M12 3V0.75"
+          stroke={stroke}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+        <path
+          d="M12 3C13.9891 3 15.8968 3.79018 17.3033 5.1967C18.7098 6.60322 19.5 8.51088 19.5 10.5C19.5 17.546 21 18.75 21 18.75H3C3 18.75 4.5 16.834 4.5 10.5C4.5 8.51088 5.29018 6.60322 6.6967 5.1967C8.10322 3.79018 10.0109 3 12 3Z"
+          stroke={stroke}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

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

@@ -1,56 +1,56 @@
-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 AlarmBellStatusIcon({
-  stroke = 'transparent',
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.3}
-      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_5600_459396)">
-          <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}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12.227 2.22703C13.4929 0.961159 15.2098 0.25 17 0.25C18.7902 0.25 20.5071 0.961159 21.773 2.22703C23.0388 3.4929 23.75 5.20979 23.75 7C23.75 8.79021 23.0388 10.5071 21.773 11.773C20.5071 13.0388 18.7902 13.75 17 13.75C15.2098 13.75 13.4929 13.0388 12.227 11.773C10.9612 10.5071 10.25 8.79021 10.25 7C10.25 5.20979 10.9612 3.4929 12.227 2.22703ZM17 1.75C15.6076 1.75 14.2723 2.30312 13.2877 3.28769C12.3031 4.27226 11.75 5.60761 11.75 7C11.75 8.39239 12.3031 9.72774 13.2877 10.7123C14.2723 11.6969 15.6076 12.25 17 12.25C18.3924 12.25 19.7277 11.6969 20.7123 10.7123C21.6969 9.72774 22.25 8.39239 22.25 7C22.25 5.60761 21.6969 4.27225 20.7123 3.28769C19.7277 2.30312 18.3924 1.75 17 1.75Z"
-            fill={stroke}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M10.2296 3.91403C10.5999 3.79539 10.8215 3.40924 10.7293 3.025C10.6326 2.62222 10.2278 2.37405 9.825 2.4707C8.0216 2.90344 6.41661 3.9312 5.26904 5.38811C4.12155 6.84492 3.49835 8.64586 3.5 10.5003C3.5 10.5002 3.5 10.5001 3.5 10.5H4.25L3.5 10.5007C3.5 10.5006 3.5 10.5004 3.5 10.5003C3.49997 13.3962 3.13317 15.3894 2.77845 16.6404C2.601 17.2662 2.42623 17.7075 2.30101 17.9844C2.24614 18.1057 2.20072 18.1956 2.16867 18.2557L2.11655 18.3485C1.97069 18.5785 1.96101 18.8698 2.0916 19.1092C2.22303 19.3501 2.47556 19.5 2.75 19.5H20.75C21.032 19.5 21.2901 19.3418 21.4182 19.0906C21.5463 18.8394 21.5226 18.5375 21.3569 18.3094C20.8985 17.6779 20.5623 16.9663 20.3658 16.2111C20.2615 15.8103 19.852 15.5699 19.4511 15.6742C19.0503 15.7785 18.8099 16.188 18.9142 16.5889C19.0409 17.076 19.2145 17.5485 19.432 18H3.91361C4.01242 17.7329 4.11736 17.4171 4.22155 17.0496C4.47277 16.1637 4.7191 14.9797 4.86529 13.4581L10.2296 3.91403ZM2.16804 18.2569C2.16825 18.2565 2.16846 18.2561 2.16867 18.2557L4.86529 13.458C4.86529 13.458 4.86529 13.458 4.86529 13.4581L2.16804 18.2569ZM2.16804 18.2569C2.16374 18.265 2.15968 18.2725 2.15588 18.2795C2.13978 18.309 2.12821 18.3289 2.12189 18.3396L2.11682 18.348L2.16804 18.2569ZM4.86529 13.458L10.2296 3.91403C10.2117 3.91975 10.1935 3.92485 10.175 3.9293C8.69949 4.28336 7.38631 5.12425 6.44739 6.31627C5.50847 7.50829 4.99858 8.9819 5 10.4993L5 10.5C5 11.602 4.94911 12.5855 4.86529 13.458ZM10.9491 22.2405C10.7183 22.0664 10.5506 21.8219 10.4712 21.544C10.3574 21.1457 9.94229 20.9151 9.54401 21.0288C9.14572 21.1426 8.91508 21.5577 9.02886 21.956C9.19778 22.5474 9.55475 23.0676 10.0457 23.438C10.5367 23.8083 11.135 24.0087 11.75 24.0087C12.365 24.0087 12.9633 23.8083 13.4543 23.438C13.9453 23.0676 14.3022 22.5474 14.4712 21.956C14.5849 21.5577 14.3543 21.1426 13.956 21.0288C13.5577 20.9151 13.1426 21.1457 13.0289 21.544C12.9495 21.8219 12.7817 22.0664 12.551 22.2405C12.3202 22.4145 12.039 22.5087 11.75 22.5087C11.461 22.5087 11.1798 22.4145 10.9491 22.2405Z"
-            fill={stroke}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_5600_459396">
-            <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 AlarmBellStatusIcon({
+  stroke = 'transparent',
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.3}
+      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_5600_459396)">
+          <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}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12.227 2.22703C13.4929 0.961159 15.2098 0.25 17 0.25C18.7902 0.25 20.5071 0.961159 21.773 2.22703C23.0388 3.4929 23.75 5.20979 23.75 7C23.75 8.79021 23.0388 10.5071 21.773 11.773C20.5071 13.0388 18.7902 13.75 17 13.75C15.2098 13.75 13.4929 13.0388 12.227 11.773C10.9612 10.5071 10.25 8.79021 10.25 7C10.25 5.20979 10.9612 3.4929 12.227 2.22703ZM17 1.75C15.6076 1.75 14.2723 2.30312 13.2877 3.28769C12.3031 4.27226 11.75 5.60761 11.75 7C11.75 8.39239 12.3031 9.72774 13.2877 10.7123C14.2723 11.6969 15.6076 12.25 17 12.25C18.3924 12.25 19.7277 11.6969 20.7123 10.7123C21.6969 9.72774 22.25 8.39239 22.25 7C22.25 5.60761 21.6969 4.27225 20.7123 3.28769C19.7277 2.30312 18.3924 1.75 17 1.75Z"
+            fill={stroke}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M10.2296 3.91403C10.5999 3.79539 10.8215 3.40924 10.7293 3.025C10.6326 2.62222 10.2278 2.37405 9.825 2.4707C8.0216 2.90344 6.41661 3.9312 5.26904 5.38811C4.12155 6.84492 3.49835 8.64586 3.5 10.5003C3.5 10.5002 3.5 10.5001 3.5 10.5H4.25L3.5 10.5007C3.5 10.5006 3.5 10.5004 3.5 10.5003C3.49997 13.3962 3.13317 15.3894 2.77845 16.6404C2.601 17.2662 2.42623 17.7075 2.30101 17.9844C2.24614 18.1057 2.20072 18.1956 2.16867 18.2557L2.11655 18.3485C1.97069 18.5785 1.96101 18.8698 2.0916 19.1092C2.22303 19.3501 2.47556 19.5 2.75 19.5H20.75C21.032 19.5 21.2901 19.3418 21.4182 19.0906C21.5463 18.8394 21.5226 18.5375 21.3569 18.3094C20.8985 17.6779 20.5623 16.9663 20.3658 16.2111C20.2615 15.8103 19.852 15.5699 19.4511 15.6742C19.0503 15.7785 18.8099 16.188 18.9142 16.5889C19.0409 17.076 19.2145 17.5485 19.432 18H3.91361C4.01242 17.7329 4.11736 17.4171 4.22155 17.0496C4.47277 16.1637 4.7191 14.9797 4.86529 13.4581L10.2296 3.91403ZM2.16804 18.2569C2.16825 18.2565 2.16846 18.2561 2.16867 18.2557L4.86529 13.458C4.86529 13.458 4.86529 13.458 4.86529 13.4581L2.16804 18.2569ZM2.16804 18.2569C2.16374 18.265 2.15968 18.2725 2.15588 18.2795C2.13978 18.309 2.12821 18.3289 2.12189 18.3396L2.11682 18.348L2.16804 18.2569ZM4.86529 13.458L10.2296 3.91403C10.2117 3.91975 10.1935 3.92485 10.175 3.9293C8.69949 4.28336 7.38631 5.12425 6.44739 6.31627C5.50847 7.50829 4.99858 8.9819 5 10.4993L5 10.5C5 11.602 4.94911 12.5855 4.86529 13.458ZM10.9491 22.2405C10.7183 22.0664 10.5506 21.8219 10.4712 21.544C10.3574 21.1457 9.94229 20.9151 9.54401 21.0288C9.14572 21.1426 8.91508 21.5577 9.02886 21.956C9.19778 22.5474 9.55475 23.0676 10.0457 23.438C10.5367 23.8083 11.135 24.0087 11.75 24.0087C12.365 24.0087 12.9633 23.8083 13.4543 23.438C13.9453 23.0676 14.3022 22.5474 14.4712 21.956C14.5849 21.5577 14.3543 21.1426 13.956 21.0288C13.5577 20.9151 13.1426 21.1457 13.0289 21.544C12.9495 21.8219 12.7817 22.0664 12.551 22.2405C12.3202 22.4145 12.039 22.5087 11.75 22.5087C11.461 22.5087 11.1798 22.4145 10.9491 22.2405Z"
+            fill={stroke}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_5600_459396">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}