@vygruppen/spor-icon-react-native 0.2.7 → 0.4.0

package/dist/CheckmarkFill18Icon.js

@@ -0,0 +1 @@
+export { CheckmarkFill18Icon_default as default } from './chunk-KQC6LXJW.js';

package/dist/CheckmarkFill24Icon.js

@@ -0,0 +1 @@
+export { CheckmarkFill24Icon_default as default } from './chunk-WPC3KJRZ.js';

package/dist/CheckmarkFill30Icon.js

@@ -0,0 +1 @@
+export { CheckmarkFill30Icon_default as default } from './chunk-7ZD3GAFT.js';

package/dist/CheckmarkOutline18Icon.js

@@ -0,0 +1 @@
+export { CheckmarkOutline18Icon_default as default } from './chunk-S2XH4A3Y.js';

package/dist/CheckmarkOutline24Icon.js

@@ -0,0 +1 @@
+export { CheckmarkOutline24Icon_default as default } from './chunk-Q3YAZHSQ.js';

package/dist/CheckmarkOutline30Icon.js

@@ -0,0 +1 @@
+export { CheckmarkOutline30Icon_default as default } from './chunk-52DKCOAH.js';

package/dist/ErrorFill12Icon.js

@@ -1 +1 @@
-export { ErrorFill12Icon_default as default } from './chunk-3SEMWTI5.js';
+export { ErrorFill12Icon_default as default } from './chunk-TQDHVU4C.js';

package/dist/ErrorFill18Icon.js

@@ -1 +1 @@
-export { ErrorFill18Icon_default as default } from './chunk-LOWN64G5.js';
+export { ErrorFill18Icon_default as default } from './chunk-KFTUWHOF.js';

package/dist/ErrorFill24Icon.js

@@ -1 +1 @@
-export { ErrorFill24Icon_default as default } from './chunk-PELQWJYI.js';
+export { ErrorFill24Icon_default as default } from './chunk-JMNWW5KV.js';

package/dist/ErrorFill30Icon.js

@@ -1 +1 @@
-export { ErrorFill30Icon_default as default } from './chunk-RCL3ZA5H.js';
+export { ErrorFill30Icon_default as default } from './chunk-4EGNWPG7.js';

package/dist/ErrorOutline12Icon.js

@@ -1 +1 @@
-export { ErrorOutline12Icon_default as default } from './chunk-3QDHZHPD.js';
+export { ErrorOutline12Icon_default as default } from './chunk-IROAU3DF.js';

package/dist/ErrorOutline18Icon.js

@@ -1 +1 @@
-export { ErrorOutline18Icon_default as default } from './chunk-64WHBDCE.js';
+export { ErrorOutline18Icon_default as default } from './chunk-S4T3JO3A.js';

package/dist/ErrorOutline24Icon.js

@@ -1 +1 @@
-export { ErrorOutline24Icon_default as default } from './chunk-7TSLMQBD.js';
+export { ErrorOutline24Icon_default as default } from './chunk-MBINBJXA.js';

package/dist/ErrorOutline30Icon.js

@@ -1 +1 @@
-export { ErrorOutline30Icon_default as default } from './chunk-6VRAX6MI.js';
+export { ErrorOutline30Icon_default as default } from './chunk-7JIGWE6O.js';

package/dist/NotificationMuteOutline18Icon.js

@@ -1 +1 @@
-export { NotificationMuteOutline18Icon_default as default } from './chunk-6VPBKV2Y.js';
+export { NotificationMuteOutline18Icon_default as default } from './chunk-ZM5YFOHV.js';

package/dist/NotificationMuteOutline24Icon.js

@@ -1 +1 @@
-export { NotificationMuteOutline24Icon_default as default } from './chunk-KSKSJZG4.js';
+export { NotificationMuteOutline24Icon_default as default } from './chunk-AZ3S25N7.js';

package/dist/NotificationMuteOutline30Icon.js

@@ -1 +1 @@
-export { NotificationMuteOutline30Icon_default as default } from './chunk-EEN5C6K2.js';
+export { NotificationMuteOutline30Icon_default as default } from './chunk-MRQP6RRD.js';

package/dist/NotificationReceivedFill18Icon.js

@@ -1 +1 @@
-export { NotificationReceivedFill18Icon_default as default } from './chunk-JHZH6VRF.js';
+export { NotificationReceivedFill18Icon_default as default } from './chunk-AOS3W6ZI.js';

package/dist/NotificationReceivedFill24Icon.js

@@ -1 +1 @@
-export { NotificationReceivedFill24Icon_default as default } from './chunk-OTAQJGRG.js';
+export { NotificationReceivedFill24Icon_default as default } from './chunk-CWJNTQLP.js';

package/dist/NotificationReceivedFill30Icon.js

@@ -1 +1 @@
-export { NotificationReceivedFill30Icon_default as default } from './chunk-GNPAMHFD.js';
+export { NotificationReceivedFill30Icon_default as default } from './chunk-6XUHMPK2.js';

package/dist/NotificationReceivedOutline18Icon.js

@@ -1 +1 @@
-export { NotificationReceivedOutline18Icon_default as default } from './chunk-TNETJNSV.js';
+export { NotificationReceivedOutline18Icon_default as default } from './chunk-NGZHYZQM.js';

package/dist/NotificationReceivedOutline24Icon.js

@@ -1 +1 @@
-export { NotificationReceivedOutline24Icon_default as default } from './chunk-37IQZVPL.js';
+export { NotificationReceivedOutline24Icon_default as default } from './chunk-FBJ3ZWBF.js';

package/dist/NotificationReceivedOutline30Icon.js

@@ -1 +1 @@
-export { NotificationReceivedOutline30Icon_default as default } from './chunk-2NUVQTWD.js';
+export { NotificationReceivedOutline30Icon_default as default } from './chunk-VUIGOUQ2.js';

package/dist/SuccessFill12Icon.js

@@ -1 +1 @@
-export { SuccessFill12Icon_default as default } from './chunk-ESRWL5TU.js';
+export { SuccessFill12Icon_default as default } from './chunk-P7AJKPX3.js';

package/dist/SuccessFill18Icon.js

@@ -1 +1 @@
-export { SuccessFill18Icon_default as default } from './chunk-3CEYJHW7.js';
+export { SuccessFill18Icon_default as default } from './chunk-BWNXRUVQ.js';

package/dist/SuccessFill24Icon.js

@@ -1 +1 @@
-export { SuccessFill24Icon_default as default } from './chunk-E25TQIRI.js';
+export { SuccessFill24Icon_default as default } from './chunk-IUYIM2NO.js';

package/dist/SuccessFill30Icon.js

@@ -1 +1 @@
-export { SuccessFill30Icon_default as default } from './chunk-OCB2PJ6C.js';
+export { SuccessFill30Icon_default as default } from './chunk-KVWLXEQS.js';

package/dist/SuccessOutline12Icon.js

@@ -1 +1 @@
-export { SuccessOutline12Icon_default as default } from './chunk-5V7BOZAH.js';
+export { SuccessOutline12Icon_default as default } from './chunk-S54ZGVBC.js';

package/dist/SuccessOutline18Icon.js

@@ -1 +1 @@
-export { SuccessOutline18Icon_default as default } from './chunk-I7HVBUHV.js';
+export { SuccessOutline18Icon_default as default } from './chunk-LGKA7N2G.js';

package/dist/SuccessOutline24Icon.js

@@ -1 +1 @@
-export { SuccessOutline24Icon_default as default } from './chunk-IA45TDA6.js';
+export { SuccessOutline24Icon_default as default } from './chunk-RO6APKZ7.js';

package/dist/SuccessOutline30Icon.js

@@ -1 +1 @@
-export { SuccessOutline30Icon_default as default } from './chunk-YT57XKK5.js';
+export { SuccessOutline30Icon_default as default } from './chunk-242CJCZB.js';

package/dist/{chunk-YT57XKK5.js → chunk-242CJCZB.js}

@@ -6,7 +6,7 @@ import Svg, { Path } from 'react-native-svg';
 // tmp/SuccessOutline30Icon.tsx
 var SuccessOutline30Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
   var _a, _b;
-  useTheme();
+  const theme = useTheme();
   return /* @__PURE__ */ React.createElement(Box, {
     ...props
   }, /* @__PURE__ */ React.createElement(Svg, {
@@ -21,7 +21,7 @@ var SuccessOutline30Icon = ({ color = "darkGrey", width, height, ...props }, ref
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M4 15C4 8.92487 8.92487 4 15 4C21.0751 4 26 8.92487 26 15C26 21.0751 21.0751 26 15 26C8.92487 26 4 21.0751 4 15ZM15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3ZM21.8536 10.8536C22.0488 10.6583 22.0488 10.3417 21.8536 10.1464C21.6583 9.95118 21.3417 9.95118 21.1464 10.1464L13.5 17.7929L9.85355 14.1464C9.65829 13.9512 9.34171 13.9512 9.14645 14.1464C8.95118 14.3417 8.95118 14.6583 9.14645 14.8536L13.1464 18.8536C13.3417 19.0488 13.6583 19.0488 13.8536 18.8536L21.8536 10.8536Z",
-    fill: "#037D67"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(SuccessOutline30Icon);

package/dist/{chunk-RCL3ZA5H.js → chunk-4EGNWPG7.js}

@@ -6,7 +6,7 @@ import Svg, { Circle, Path } from 'react-native-svg';
 // tmp/ErrorFill30Icon.tsx
 var ErrorFill30Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
   var _a, _b;
-  useTheme();
+  const theme = useTheme();
   return /* @__PURE__ */ React.createElement(Box, {
     ...props
   }, /* @__PURE__ */ React.createElement(Svg, {
@@ -26,7 +26,7 @@ var ErrorFill30Icon = ({ color = "darkGrey", width, height, ...props }, ref) =>
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M15 3C8.37258 3 3 8.37258 3 15C3 21.6274 8.37258 27 15 27C21.6274 27 27 21.6274 27 15C27 8.37258 21.6274 3 15 3ZM10.1464 10.1464C10.3417 9.95118 10.6583 9.95118 10.8536 10.1464L15 14.2929L19.1464 10.1464C19.3417 9.95118 19.6583 9.95118 19.8536 10.1464C20.0488 10.3417 20.0488 10.6583 19.8536 10.8536L15.7071 15L19.8536 19.1464C20.0488 19.3417 20.0488 19.6583 19.8536 19.8536C19.6583 20.0488 19.3417 20.0488 19.1464 19.8536L15 15.7071L10.8536 19.8536C10.6583 20.0488 10.3417 20.0488 10.1464 19.8536C9.95118 19.6583 9.95118 19.3417 10.1464 19.1464L14.2929 15L10.1464 10.8536C9.95118 10.6583 9.95118 10.3417 10.1464 10.1464Z",
-    fill: "#ED0000"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(ErrorFill30Icon);

package/dist/chunk-52DKCOAH.js

@@ -0,0 +1,30 @@
+import { useTheme, Box } from 'app/spor';
+import * as React from 'react';
+import { forwardRef } from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+// tmp/CheckmarkOutline30Icon.tsx
+var CheckmarkOutline30Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
+  var _a, _b;
+  const theme = useTheme();
+  return /* @__PURE__ */ React.createElement(Box, {
+    ...props
+  }, /* @__PURE__ */ React.createElement(Svg, {
+    width: ((_a = props.style) == null ? void 0 : _a.width) ?? width ?? 30,
+    height: ((_b = props.style) == null ? void 0 : _b.height) ?? height ?? 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M26.3127 4.60986C26.5282 4.78258 26.5628 5.09726 26.3901 5.31272L11.1594 24.3127C11.0645 24.4311 10.921 24.5 10.7692 24.5C10.6175 24.5 10.474 24.4311 10.3791 24.3127L3.60988 15.8683C3.43716 15.6528 3.47181 15.3381 3.68727 15.1654C3.90273 14.9927 4.21741 15.0274 4.39013 15.2428L10.7692 23.2006L25.6099 4.68725C25.7826 4.47179 26.0973 4.43714 26.3127 4.60986Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef = forwardRef(CheckmarkOutline30Icon);
+var CheckmarkOutline30Icon_default = ForwardRef;
+
+export { CheckmarkOutline30Icon_default };

package/dist/{chunk-GNPAMHFD.js → chunk-6XUHMPK2.js}

@@ -18,9 +18,12 @@ var NotificationReceivedFill30Icon = ({ color = "darkGrey", width, height, ...pr
     role: "img",
     ref
   }, /* @__PURE__ */ React.createElement(Path, {
+    d: "M27 8.5C27 11.5376 24.5376 14 21.5 14C18.4624 14 16 11.5376 16 8.5C16 5.46243 18.4624 3 21.5 3C24.5376 3 27 5.46243 27 8.5Z",
+    fill: "#ED0000"
+  }), /* @__PURE__ */ React.createElement(Path, {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M21.5 3.5C18.7386 3.5 16.5 5.73858 16.5 8.5C16.5 11.2614 18.7386 13.5 21.5 13.5C24.2614 13.5 26.5 11.2614 26.5 8.5C26.5 5.73858 24.2614 3.5 21.5 3.5ZM19 23H24.5C24.6693 23 24.827 22.9144 24.9192 22.7725C25.0115 22.6305 25.0256 22.4516 24.9569 22.2969L21.4916 14.5C21.4944 14.5 21.4972 14.5 21.5 14.5C24.8137 14.5 27.5 11.8137 27.5 8.5C27.5 5.18629 24.8137 2.5 21.5 2.5C20.1332 2.5 18.8731 2.95703 17.8643 3.72662C17.0127 3.2632 16.0365 3 15 3C11.6863 3 9 5.68629 9 9V13.3939L5.0431 22.2969C4.97436 22.4516 4.98853 22.6305 5.08076 22.7725C5.17298 22.9144 5.33075 23 5.5 23H11C11 25.2091 12.7909 27 15 27C17.2091 27 19 25.2091 19 23ZM12 23C12 24.6569 13.3431 26 15 26C16.6569 26 18 24.6569 18 23H12ZM20.5 5.5C20.2239 5.5 20 5.72386 20 6C20 6.27614 20.2239 6.5 20.5 6.5H21V11C21 11.2761 21.2239 11.5 21.5 11.5C21.7761 11.5 22 11.2761 22 11V6C22 5.72386 21.7761 5.5 21.5 5.5H20.5Z",
+    d: "M15 3C15.8393 3 16.6392 3.17261 17.3653 3.48436C15.9207 4.67656 15 6.48075 15 8.5C15 12.0899 17.9101 15 21.5 15C21.571 15 21.6418 14.9989 21.7123 14.9966L24.9569 22.2969C25.0256 22.4516 25.0115 22.6305 24.9192 22.7725C24.827 22.9144 24.6693 23 24.5 23H19C19 25.2091 17.2091 27 15 27C12.7909 27 11 25.2091 11 23H5.5C5.33075 23 5.17298 22.9144 5.08076 22.7725C4.98853 22.6305 4.97436 22.4516 5.0431 22.2969L9 13.3939V9C9 5.68629 11.6863 3 15 3ZM12 23C12 24.6569 13.3431 26 15 26C16.6569 26 18 24.6569 18 23H12Z",
     fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };

package/dist/{chunk-6VRAX6MI.js → chunk-7JIGWE6O.js}

@@ -6,7 +6,7 @@ import Svg, { Path } from 'react-native-svg';
 // tmp/ErrorOutline30Icon.tsx
 var ErrorOutline30Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
   var _a, _b;
-  useTheme();
+  const theme = useTheme();
   return /* @__PURE__ */ React.createElement(Box, {
     ...props
   }, /* @__PURE__ */ React.createElement(Svg, {
@@ -21,7 +21,7 @@ var ErrorOutline30Icon = ({ color = "darkGrey", width, height, ...props }, ref)
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M15 4C8.92487 4 4 8.92487 4 15C4 21.0751 8.92487 26 15 26C21.0751 26 26 21.0751 26 15C26 8.92487 21.0751 4 15 4ZM3 15C3 8.37258 8.37258 3 15 3C21.6274 3 27 8.37258 27 15C27 21.6274 21.6274 27 15 27C8.37258 27 3 21.6274 3 15ZM10.1464 10.1464C10.3417 9.95118 10.6583 9.95118 10.8536 10.1464L15 14.2929L19.1464 10.1464C19.3417 9.95118 19.6583 9.95118 19.8536 10.1464C20.0488 10.3417 20.0488 10.6583 19.8536 10.8536L15.7071 15L19.8536 19.1464C20.0488 19.3417 20.0488 19.6583 19.8536 19.8536C19.6583 20.0488 19.3417 20.0488 19.1464 19.8536L15 15.7071L10.8536 19.8536C10.6583 20.0488 10.3417 20.0488 10.1464 19.8536C9.95118 19.6583 9.95118 19.3417 10.1464 19.1464L14.2929 15L10.1464 10.8536C9.95118 10.6583 9.95118 10.3417 10.1464 10.1464Z",
-    fill: "#ED0000"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(ErrorOutline30Icon);

package/dist/chunk-7ZD3GAFT.js

@@ -0,0 +1,30 @@
+import { useTheme, Box } from 'app/spor';
+import * as React from 'react';
+import { forwardRef } from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+// tmp/CheckmarkFill30Icon.tsx
+var CheckmarkFill30Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
+  var _a, _b;
+  const theme = useTheme();
+  return /* @__PURE__ */ React.createElement(Box, {
+    ...props
+  }, /* @__PURE__ */ React.createElement(Svg, {
+    width: ((_a = props.style) == null ? void 0 : _a.width) ?? width ?? 30,
+    height: ((_b = props.style) == null ? void 0 : _b.height) ?? height ?? 30,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M26.6255 4.21975C27.0564 4.56519 27.1257 5.19455 26.7803 5.62547L11.5495 24.6255C11.3597 24.8622 11.0727 25 10.7692 25C10.4658 25 10.1788 24.8622 9.98898 24.6255L3.21975 16.181C2.87431 15.7501 2.94361 15.1207 3.37453 14.7753C3.80546 14.4299 4.43482 14.4992 4.78025 14.9301L10.7692 22.4012L25.2197 4.37454C25.5652 3.94362 26.1945 3.87432 26.6255 4.21975Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef = forwardRef(CheckmarkFill30Icon);
+var CheckmarkFill30Icon_default = ForwardRef;
+
+export { CheckmarkFill30Icon_default };

package/dist/chunk-AOS3W6ZI.js

@@ -0,0 +1,33 @@
+import { useTheme, Box } from 'app/spor';
+import * as React from 'react';
+import { forwardRef } from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+// tmp/NotificationReceivedFill18Icon.tsx
+var NotificationReceivedFill18Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
+  var _a, _b;
+  const theme = useTheme();
+  return /* @__PURE__ */ React.createElement(Box, {
+    ...props
+  }, /* @__PURE__ */ React.createElement(Svg, {
+    width: ((_a = props.style) == null ? void 0 : _a.width) ?? width ?? 18,
+    height: ((_b = props.style) == null ? void 0 : _b.height) ?? height ?? 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React.createElement(Path, {
+    d: "M16 5.5C16 7.433 14.433 9 12.5 9C10.567 9 9 7.433 9 5.5C9 3.567 10.567 2 12.5 2C14.433 2 16 3.567 16 5.5Z",
+    fill: "#ED0000"
+  }), /* @__PURE__ */ React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.5 10C12.9245 10 13.3353 9.94121 13.7247 9.83134L15.4472 13.2764C15.5247 13.4314 15.5164 13.6155 15.4253 13.7629C15.3342 13.9103 15.1733 14 15 14L11.5 14C11.5 15.3807 10.3807 16.5 9 16.5C7.61929 16.5 6.5 15.3807 6.5 14L3 14C2.82671 14 2.66578 13.9103 2.57467 13.7629C2.48357 13.6155 2.47529 13.4314 2.55279 13.2764L5 8.38196V5.5C5 3.29086 6.79086 1.5 9 1.5H9.00117L9.0027 1.50001L9.00688 1.50003L9.01955 1.50019C9.02986 1.50036 9.04386 1.50068 9.06118 1.50127C9.09577 1.50247 9.14387 1.50478 9.20241 1.50928C9.31881 1.51824 9.48005 1.53611 9.66056 1.57221C9.79051 1.5982 9.94257 1.63593 10.1007 1.69228C8.83842 2.48934 8 3.89676 8 5.5C8 7.98528 10.0147 10 12.5 10ZM7.5 14C7.5 14.8284 8.17157 15.5 9 15.5C9.82843 15.5 10.5 14.8284 10.5 14H7.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef = forwardRef(NotificationReceivedFill18Icon);
+var NotificationReceivedFill18Icon_default = ForwardRef;
+
+export { NotificationReceivedFill18Icon_default };

package/dist/{chunk-KSKSJZG4.js → chunk-AZ3S25N7.js}

@@ -20,7 +20,12 @@ var NotificationMuteOutline24Icon = ({ color = "darkGrey", width, height, ...pro
   }, /* @__PURE__ */ React.createElement(Path, {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M19.3894 3.31368C19.5626 3.09864 19.5287 2.78387 19.3137 2.61064C19.0986 2.43741 18.7839 2.47131 18.6106 2.68635L16.4965 5.31078C15.6847 3.64656 13.9763 2.5 12 2.5C9.23858 2.5 7 4.73858 7 7.5V10.8902L4.04602 17.2905C3.97457 17.4453 3.98694 17.6258 4.07883 17.7695C4.17073 17.9131 4.32949 18 4.5 18H6.27465L4.11064 20.6864C3.93741 20.9014 3.97131 21.2162 4.18635 21.3894C4.4014 21.5626 4.71616 21.5287 4.88939 21.3137L7.55875 18H8.5C8.5 19.933 10.067 21.5 12 21.5C13.933 21.5 15.5 19.933 15.5 18H19.5C19.6705 18 19.8293 17.9131 19.9212 17.7695C20.0131 17.6258 20.0254 17.4453 19.954 17.2905L17 10.8902V7.5C17 7.13058 16.9599 6.77052 16.8839 6.42393L19.3894 3.31368ZM15.7829 6.19669C15.2423 4.62744 13.7528 3.5 12 3.5C9.79086 3.5 8 5.29086 8 7.5V11C8 11.0723 7.9843 11.1438 7.95398 11.2095L5.28146 17H7.0802L15.7829 6.19669ZM8.36431 17L16 7.5212V11C16 11.0723 16.0157 11.1438 16.046 11.2095L18.7185 17H8.36431ZM12 20.5C10.6193 20.5 9.5 19.3807 9.5 18H14.5C14.5 19.3807 13.3807 20.5 12 20.5Z",
+    d: "M19.3894 3.31368C19.5626 3.09864 19.5287 2.78387 19.3137 2.61064C19.0986 2.43741 18.7839 2.47131 18.6106 2.68635L16.4965 5.31078C15.6847 3.64656 13.9763 2.5 12 2.5C9.23858 2.5 7 4.73858 7 7.5V10.8902L4.04602 17.2905C3.97457 17.4453 3.98694 17.6258 4.07883 17.7695C4.17073 17.9131 4.32949 18 4.5 18H6.27465L4.11064 20.6864C3.93741 20.9014 3.97131 21.2162 4.18635 21.3894C4.4014 21.5626 4.71616 21.5287 4.88939 21.3137L7.55875 18H7.56292L8.36847 17H8.36431L16 7.5212V7.52638L16.8848 6.42799L16.8839 6.42393L19.3894 3.31368ZM15.7829 6.19669C15.2423 4.62744 13.7528 3.5 12 3.5C9.79086 3.5 8 5.29086 8 7.5V11C8 11.0723 7.9843 11.1438 7.95398 11.2095L5.28146 17H7.0802L15.7829 6.19669Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  }), /* @__PURE__ */ React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 21.5C10.2031 21.5 8.72244 20.1459 8.52288 18.4024L9.65257 17H18.7185L16.046 11.2095C16.0157 11.1438 16 11.0723 16 11V9.12043L17 7.87906V10.8902L19.954 17.2905C20.0254 17.4453 20.0131 17.6258 19.9212 17.7695C19.8293 17.9131 19.6705 18 19.5 18H15.5C15.5 19.933 13.933 21.5 12 21.5ZM9.5 18C9.5 19.3807 10.6193 20.5 12 20.5C13.3807 20.5 14.5 19.3807 14.5 18H9.5Z",
     fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };

package/dist/{chunk-3CEYJHW7.js → chunk-BWNXRUVQ.js}

@@ -6,7 +6,7 @@ import Svg, { Path } from 'react-native-svg';
 // tmp/SuccessFill18Icon.tsx
 var SuccessFill18Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
   var _a, _b;
-  useTheme();
+  const theme = useTheme();
   return /* @__PURE__ */ React.createElement(Box, {
     ...props
   }, /* @__PURE__ */ React.createElement(Svg, {
@@ -25,7 +25,7 @@ var SuccessFill18Icon = ({ color = "darkGrey", width, height, ...props }, ref) =
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9ZM12.8536 6.85355C13.0488 6.65829 13.0488 6.34171 12.8536 6.14645C12.6583 5.95118 12.3417 5.95118 12.1464 6.14645L8 10.2929L6.35355 8.64645C6.15829 8.45118 5.84171 8.45118 5.64645 8.64645C5.45118 8.84171 5.45118 9.15829 5.64645 9.35355L7.64645 11.3536C7.84171 11.5488 8.15829 11.5488 8.35355 11.3536L12.8536 6.85355Z",
-    fill: "#037D67"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(SuccessFill18Icon);

package/dist/chunk-CWJNTQLP.js

@@ -0,0 +1,33 @@
+import { useTheme, Box } from 'app/spor';
+import * as React from 'react';
+import { forwardRef } from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+// tmp/NotificationReceivedFill24Icon.tsx
+var NotificationReceivedFill24Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
+  var _a, _b;
+  const theme = useTheme();
+  return /* @__PURE__ */ React.createElement(Box, {
+    ...props
+  }, /* @__PURE__ */ React.createElement(Svg, {
+    width: ((_a = props.style) == null ? void 0 : _a.width) ?? width ?? 24,
+    height: ((_b = props.style) == null ? void 0 : _b.height) ?? height ?? 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React.createElement(Path, {
+    d: "M21 7C21 9.20914 19.2091 11 17 11C14.7909 11 13 9.20914 13 7C13 4.79086 14.7909 3 17 3C19.2091 3 21 4.79086 21 7Z",
+    fill: "#ED0000"
+  }), /* @__PURE__ */ React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.171 2.63695C13.4567 2.70046 13.7756 2.79709 14.0706 2.94753C12.8161 3.85596 12 5.33268 12 7C12 9.76142 14.2386 12 17 12C17.169 12 17.3361 11.9916 17.5008 11.9752L19.954 17.2905C20.0254 17.4453 20.0131 17.6259 19.9212 17.7695C19.8293 17.9132 19.6705 18 19.5 18H15.5C15.5 19.933 13.933 21.5 12 21.5C10.067 21.5 8.50003 19.933 8.5 18H4.5C4.32949 18 4.17073 17.9132 4.07883 17.7695C3.98694 17.6259 3.97457 17.4453 4.04602 17.2905L7 10.8902V7.50005C7 4.80762 8.80003 2.48778 11.5 2.50005L12.0063 2.50009C12.2391 2.51088 12.1755 2.50695 12.1297 2.50412C12.1108 2.50295 12.0949 2.50197 12.1044 2.50231C12.1666 2.50449 12.2542 2.50878 12.3602 2.51727C12.571 2.53413 12.8607 2.56801 13.171 2.63695ZM9.5 18C9.50003 19.3807 10.6193 20.5 12 20.5C13.3807 20.5 14.5 19.3807 14.5 18H9.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef = forwardRef(NotificationReceivedFill24Icon);
+var NotificationReceivedFill24Icon_default = ForwardRef;
+
+export { NotificationReceivedFill24Icon_default };

package/dist/chunk-FBJ3ZWBF.js

@@ -0,0 +1,33 @@
+import { useTheme, Box } from 'app/spor';
+import * as React from 'react';
+import { forwardRef } from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+// tmp/NotificationReceivedOutline24Icon.tsx
+var NotificationReceivedOutline24Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
+  var _a, _b;
+  const theme = useTheme();
+  return /* @__PURE__ */ React.createElement(Box, {
+    ...props
+  }, /* @__PURE__ */ React.createElement(Svg, {
+    width: ((_a = props.style) == null ? void 0 : _a.width) ?? width ?? 24,
+    height: ((_b = props.style) == null ? void 0 : _b.height) ?? height ?? 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React.createElement(Path, {
+    d: "M21 7C21 9.20914 19.2091 11 17 11C14.7909 11 13 9.20914 13 7C13 4.79086 14.7909 3 17 3C19.2091 3 21 4.79086 21 7Z",
+    fill: "#ED0000"
+  }), /* @__PURE__ */ React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.0707 2.94754C13.7756 2.79709 13.4567 2.70045 13.171 2.63695C12.8607 2.568 12.571 2.53412 12.3602 2.51726C12.2542 2.50878 12.1666 2.50448 12.1044 2.5023C12.0733 2.50121 12.0485 2.50064 12.0308 2.50035L12.0098 2.50009L12.0063 2.50008L12.0031 2.50005C9.30313 2.48778 7 4.80761 7 7.50004V10.8902L4.04602 17.2905C3.97457 17.4453 3.98694 17.6259 4.07883 17.7695C4.17073 17.9131 4.32949 18 4.5 18H8.5C8.5 19.933 10.067 21.5 12 21.5C13.933 21.5 15.5 19.933 15.5 18H19.5C19.6705 18 19.8293 17.9131 19.9212 17.7695C20.0131 17.6259 20.0254 17.4453 19.954 17.2905L17.5008 11.9753C17.3361 11.9917 17.169 12 17 12C16.7949 12 16.5927 11.9877 16.3941 11.9637L18.7185 17H5.28146L7.95398 11.2096C7.9843 11.1439 8 11.0724 8 11V7.50004C8 5.2909 9.79086 3.50004 12 3.50004L12.0017 3.50005C12.0243 3.50034 12.0468 3.50089 12.0694 3.50168C12.1186 3.50341 12.1911 3.50693 12.2804 3.51407C12.4603 3.52846 12.7018 3.55708 12.954 3.61313C13.0548 3.63553 13.1545 3.6617 13.2507 3.69197C13.4955 3.41475 13.7705 3.16488 14.0707 2.94754ZM12 20.5C10.6193 20.5 9.5 19.3808 9.5 18H14.5C14.5 19.3808 13.3807 20.5 12 20.5Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef = forwardRef(NotificationReceivedOutline24Icon);
+var NotificationReceivedOutline24Icon_default = ForwardRef;
+
+export { NotificationReceivedOutline24Icon_default };

package/dist/{chunk-3QDHZHPD.js → chunk-IROAU3DF.js}

@@ -6,7 +6,7 @@ import Svg, { Path } from 'react-native-svg';
 // tmp/ErrorOutline12Icon.tsx
 var ErrorOutline12Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
   var _a, _b;
-  useTheme();
+  const theme = useTheme();
   return /* @__PURE__ */ React.createElement(Box, {
     ...props
   }, /* @__PURE__ */ React.createElement(Svg, {
@@ -21,7 +21,7 @@ var ErrorOutline12Icon = ({ color = "darkGrey", width, height, ...props }, ref)
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M6 2C3.79086 2 2 3.79086 2 6C2 8.20914 3.79086 10 6 10C8.20914 10 10 8.20914 10 6C10 3.79086 8.20914 2 6 2ZM1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6ZM4.14645 4.14645C4.34171 3.95118 4.65829 3.95118 4.85355 4.14645L6 5.29289L7.14645 4.14645C7.34171 3.95118 7.65829 3.95118 7.85355 4.14645C8.04882 4.34171 8.04882 4.65829 7.85355 4.85355L6.70711 6L7.85355 7.14645C8.04882 7.34171 8.04882 7.65829 7.85355 7.85355C7.65829 8.04882 7.34171 8.04882 7.14645 7.85355L6 6.70711L4.85355 7.85355C4.65829 8.04882 4.34171 8.04882 4.14645 7.85355C3.95118 7.65829 3.95118 7.34171 4.14645 7.14645L5.29289 6L4.14645 4.85355C3.95118 4.65829 3.95118 4.34171 4.14645 4.14645Z",
-    fill: "#ED0000"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(ErrorOutline12Icon);

package/dist/{chunk-E25TQIRI.js → chunk-IUYIM2NO.js}

@@ -6,7 +6,7 @@ import Svg, { Circle, Path } from 'react-native-svg';
 // tmp/SuccessFill24Icon.tsx
 var SuccessFill24Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
   var _a, _b;
-  useTheme();
+  const theme = useTheme();
   return /* @__PURE__ */ React.createElement(Box, {
     ...props
   }, /* @__PURE__ */ React.createElement(Svg, {
@@ -27,7 +27,7 @@ var SuccessFill24Icon = ({ color = "darkGrey", width, height, ...props }, ref) =
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM16.8536 9.35355C17.0488 9.15829 17.0488 8.84171 16.8536 8.64645C16.6583 8.45118 16.3417 8.45118 16.1464 8.64645L11 13.7929L8.85355 11.6464C8.65829 11.4512 8.34171 11.4512 8.14645 11.6464C7.95118 11.8417 7.95118 12.1583 8.14645 12.3536L10.6464 14.8536C10.8417 15.0488 11.1583 15.0488 11.3536 14.8536L16.8536 9.35355Z",
-    fill: "#037D67"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(SuccessFill24Icon);

package/dist/{chunk-PELQWJYI.js → chunk-JMNWW5KV.js}

@@ -6,7 +6,7 @@ import Svg, { Circle, Path } from 'react-native-svg';
 // tmp/ErrorFill24Icon.tsx
 var ErrorFill24Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
   var _a, _b;
-  useTheme();
+  const theme = useTheme();
   return /* @__PURE__ */ React.createElement(Box, {
     ...props
   }, /* @__PURE__ */ React.createElement(Svg, {
@@ -26,7 +26,7 @@ var ErrorFill24Icon = ({ color = "darkGrey", width, height, ...props }, ref) =>
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM8.64645 8.64645C8.84171 8.45118 9.15829 8.45118 9.35355 8.64645L12 11.2929L14.6464 8.64645C14.8417 8.45118 15.1583 8.45118 15.3536 8.64645C15.5488 8.84171 15.5488 9.15829 15.3536 9.35355L12.7071 12L15.3536 14.6464C15.5488 14.8417 15.5488 15.1583 15.3536 15.3536C15.1583 15.5488 14.8417 15.5488 14.6464 15.3536L12 12.7071L9.35355 15.3536C9.15829 15.5488 8.84171 15.5488 8.64645 15.3536C8.45118 15.1583 8.45118 14.8417 8.64645 14.6464L11.2929 12L8.64645 9.35355C8.45118 9.15829 8.45118 8.84171 8.64645 8.64645Z",
-    fill: "#ED0000"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(ErrorFill24Icon);

package/dist/{chunk-LOWN64G5.js → chunk-KFTUWHOF.js}

@@ -6,7 +6,7 @@ import Svg, { Circle, Path } from 'react-native-svg';
 // tmp/ErrorFill18Icon.tsx
 var ErrorFill18Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
   var _a, _b;
-  useTheme();
+  const theme = useTheme();
   return /* @__PURE__ */ React.createElement(Box, {
     ...props
   }, /* @__PURE__ */ React.createElement(Svg, {
@@ -26,7 +26,7 @@ var ErrorFill18Icon = ({ color = "darkGrey", width, height, ...props }, ref) =>
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5ZM6.14645 6.14645C6.34171 5.95118 6.65829 5.95118 6.85355 6.14645L9 8.29289L11.1464 6.14645C11.3417 5.95118 11.6583 5.95118 11.8536 6.14645C12.0488 6.34171 12.0488 6.65829 11.8536 6.85355L9.70711 9L11.8536 11.1464C12.0488 11.3417 12.0488 11.6583 11.8536 11.8536C11.6583 12.0488 11.3417 12.0488 11.1464 11.8536L9 9.70711L6.85355 11.8536C6.65829 12.0488 6.34171 12.0488 6.14645 11.8536C5.95118 11.6583 5.95118 11.3417 6.14645 11.1464L8.29289 9L6.14645 6.85355C5.95118 6.65829 5.95118 6.34171 6.14645 6.14645Z",
-    fill: "#ED0000"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(ErrorFill18Icon);

package/dist/chunk-KQC6LXJW.js

@@ -0,0 +1,30 @@
+import { useTheme, Box } from 'app/spor';
+import * as React from 'react';
+import { forwardRef } from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+// tmp/CheckmarkFill18Icon.tsx
+var CheckmarkFill18Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
+  var _a, _b;
+  const theme = useTheme();
+  return /* @__PURE__ */ React.createElement(Box, {
+    ...props
+  }, /* @__PURE__ */ React.createElement(Svg, {
+    width: ((_a = props.style) == null ? void 0 : _a.width) ?? width ?? 18,
+    height: ((_b = props.style) == null ? void 0 : _b.height) ?? height ?? 18,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    ref
+  }, /* @__PURE__ */ React.createElement(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.4908 4.43289C14.804 4.70394 14.8382 5.17758 14.5671 5.49079L7.64406 13.4908C7.5016 13.6554 7.29464 13.75 7.07694 13.75C6.85923 13.75 6.65227 13.6554 6.50981 13.4908L3.43289 9.93524C3.16183 9.62202 3.19601 9.14838 3.50923 8.87733C3.82244 8.60628 4.29609 8.64046 4.56714 8.95367L7.07694 11.8539L13.4329 4.50923C13.7039 4.19601 14.1776 4.16183 14.4908 4.43289Z",
+    fill: theme.colors[color] ?? "#2B2B2C"
+  })));
+};
+var ForwardRef = forwardRef(CheckmarkFill18Icon);
+var CheckmarkFill18Icon_default = ForwardRef;
+
+export { CheckmarkFill18Icon_default };

package/dist/{chunk-OCB2PJ6C.js → chunk-KVWLXEQS.js}

@@ -6,7 +6,7 @@ import Svg, { Circle, Path } from 'react-native-svg';
 // tmp/SuccessFill30Icon.tsx
 var SuccessFill30Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
   var _a, _b;
-  useTheme();
+  const theme = useTheme();
   return /* @__PURE__ */ React.createElement(Box, {
     ...props
   }, /* @__PURE__ */ React.createElement(Svg, {
@@ -27,7 +27,7 @@ var SuccessFill30Icon = ({ color = "darkGrey", width, height, ...props }, ref) =
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M3 15C3 8.37258 8.37258 3 15 3C21.6274 3 27 8.37258 27 15C27 21.6274 21.6274 27 15 27C8.37258 27 3 21.6274 3 15ZM21.8536 10.8536C22.0488 10.6583 22.0488 10.3417 21.8536 10.1464C21.6583 9.95118 21.3417 9.95118 21.1464 10.1464L13.5 17.7929L9.85355 14.1464C9.65829 13.9512 9.34171 13.9512 9.14645 14.1464C8.95118 14.3417 8.95118 14.6583 9.14645 14.8536L13.1464 18.8536C13.3417 19.0488 13.6583 19.0488 13.8536 18.8536L21.8536 10.8536Z",
-    fill: "#037D67"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(SuccessFill30Icon);

package/dist/{chunk-I7HVBUHV.js → chunk-LGKA7N2G.js}

@@ -6,7 +6,7 @@ import Svg, { Path } from 'react-native-svg';
 // tmp/SuccessOutline18Icon.tsx
 var SuccessOutline18Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
   var _a, _b;
-  useTheme();
+  const theme = useTheme();
   return /* @__PURE__ */ React.createElement(Box, {
     ...props
   }, /* @__PURE__ */ React.createElement(Svg, {
@@ -21,7 +21,7 @@ var SuccessOutline18Icon = ({ color = "darkGrey", width, height, ...props }, ref
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M2.5 9C2.5 5.41015 5.41015 2.5 9 2.5C12.5899 2.5 15.5 5.41015 15.5 9C15.5 12.5899 12.5899 15.5 9 15.5C5.41015 15.5 2.5 12.5899 2.5 9ZM9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5ZM12.8536 6.85355C13.0488 6.65829 13.0488 6.34171 12.8536 6.14645C12.6583 5.95118 12.3417 5.95118 12.1464 6.14645L8 10.2929L6.35355 8.64645C6.15829 8.45118 5.84171 8.45118 5.64645 8.64645C5.45118 8.84171 5.45118 9.15829 5.64645 9.35355L7.64645 11.3536C7.84171 11.5488 8.15829 11.5488 8.35355 11.3536L12.8536 6.85355Z",
-    fill: "#037D67"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(SuccessOutline18Icon);

package/dist/{chunk-7TSLMQBD.js → chunk-MBINBJXA.js}

@@ -6,7 +6,7 @@ import Svg, { Path } from 'react-native-svg';
 // tmp/ErrorOutline24Icon.tsx
 var ErrorOutline24Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
   var _a, _b;
-  useTheme();
+  const theme = useTheme();
   return /* @__PURE__ */ React.createElement(Box, {
     ...props
   }, /* @__PURE__ */ React.createElement(Svg, {
@@ -21,7 +21,7 @@ var ErrorOutline24Icon = ({ color = "darkGrey", width, height, ...props }, ref)
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM8.64645 8.64645C8.84171 8.45118 9.15829 8.45118 9.35355 8.64645L12 11.2929L14.6464 8.64645C14.8417 8.45118 15.1583 8.45118 15.3536 8.64645C15.5488 8.84171 15.5488 9.15829 15.3536 9.35355L12.7071 12L15.3536 14.6464C15.5488 14.8417 15.5488 15.1583 15.3536 15.3536C15.1583 15.5488 14.8417 15.5488 14.6464 15.3536L12 12.7071L9.35355 15.3536C9.15829 15.5488 8.84171 15.5488 8.64645 15.3536C8.45118 15.1583 8.45118 14.8417 8.64645 14.6464L11.2929 12L8.64645 9.35355C8.45118 9.15829 8.45118 8.84171 8.64645 8.64645Z",
-    fill: "#ED0000"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(ErrorOutline24Icon);