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

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/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-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-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-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-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);

package/dist/{chunk-ESRWL5TU.js → chunk-P7AJKPX3.js}

@@ -6,7 +6,7 @@ import Svg, { Circle, Path } from 'react-native-svg';
 // tmp/SuccessFill12Icon.tsx
 var SuccessFill12Icon = ({ 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 SuccessFill12Icon = ({ color = "darkGrey", width, height, ...props }, ref) =
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M1 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 6ZM8.35355 5.35355C8.54882 5.15829 8.54882 4.84171 8.35355 4.64645C8.15829 4.45118 7.84171 4.45118 7.64645 4.64645L5.5 6.79289L4.35355 5.64646C4.15829 5.45119 3.84171 5.4512 3.64645 5.64646C3.45118 5.84172 3.45118 6.1583 3.64645 6.35356L5.14645 7.85355C5.34171 8.04882 5.65829 8.04881 5.85355 7.85355L8.35355 5.35355Z",
-    fill: "#037D67"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(SuccessFill12Icon);

package/dist/{chunk-IA45TDA6.js → chunk-RO6APKZ7.js}

@@ -6,7 +6,7 @@ import Svg, { Path } from 'react-native-svg';
 // tmp/SuccessOutline24Icon.tsx
 var SuccessOutline24Icon = ({ color = "darkGrey", width, height, ...props }, ref) => {
   var _a, _b;
-  useTheme();
+  const theme = useTheme();
   return /* @__PURE__ */ React.createElement(Box, {
     ...props
   }, /* @__PURE__ */ React.createElement(Svg, {
@@ -21,12 +21,12 @@ var SuccessOutline24Icon = ({ 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 12Z",
-    fill: "#037D67"
+    fill: theme.colors[color] ?? "#2B2B2C"
   }), /* @__PURE__ */ React.createElement(Path, {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M16.8536 8.64645C17.0488 8.84171 17.0488 9.15829 16.8536 9.35355L11.3536 14.8536C11.1583 15.0488 10.8417 15.0488 10.6464 14.8536L8.14645 12.3536C7.95118 12.1583 7.95118 11.8417 8.14645 11.6464C8.34171 11.4512 8.65829 11.4512 8.85355 11.6464L11 13.7929L16.1464 8.64645C16.3417 8.45118 16.6583 8.45118 16.8536 8.64645Z",
-    fill: "#037D67"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(SuccessOutline24Icon);

package/dist/{chunk-64WHBDCE.js → chunk-S4T3JO3A.js}

@@ -6,7 +6,7 @@ import Svg, { Path } from 'react-native-svg';
 // tmp/ErrorOutline18Icon.tsx
 var ErrorOutline18Icon = ({ 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 ErrorOutline18Icon = ({ color = "darkGrey", width, height, ...props }, ref)
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M9 2.5C5.41015 2.5 2.5 5.41015 2.5 9C2.5 12.5899 5.41015 15.5 9 15.5C12.5899 15.5 15.5 12.5899 15.5 9C15.5 5.41015 12.5899 2.5 9 2.5ZM1.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 9ZM6.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(ErrorOutline18Icon);

package/dist/{chunk-5V7BOZAH.js → chunk-S54ZGVBC.js}

@@ -6,7 +6,7 @@ import Svg, { Path } from 'react-native-svg';
 // tmp/SuccessOutline12Icon.tsx
 var SuccessOutline12Icon = ({ 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 SuccessOutline12Icon = ({ color = "darkGrey", width, height, ...props }, ref
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1ZM8.35355 5.35355C8.54882 5.15829 8.54882 4.84171 8.35355 4.64645C8.15829 4.45118 7.84171 4.45118 7.64645 4.64645L5.5 6.79289L4.35355 5.64646C4.15829 5.45119 3.84171 5.4512 3.64645 5.64646C3.45118 5.84172 3.45118 6.1583 3.64645 6.35356L5.14645 7.85355C5.34171 8.04882 5.65829 8.04881 5.85355 7.85355L8.35355 5.35355Z",
-    fill: "#037D67"
+    fill: theme.colors[color] ?? "#2B2B2C"
   })));
 };
 var ForwardRef = forwardRef(SuccessOutline12Icon);

package/dist/{chunk-3SEMWTI5.js → chunk-TQDHVU4C.js}

@@ -6,7 +6,7 @@ import Svg, { Circle, Path } from 'react-native-svg';
 // tmp/ErrorFill12Icon.tsx
 var ErrorFill12Icon = ({ 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 ErrorFill12Icon = ({ color = "darkGrey", width, height, ...props }, ref) =>
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11C8.76142 11 11 8.76142 11 6C11 3.23858 8.76142 1 6 1ZM4.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(ErrorFill12Icon);

package/dist/index.js

@@ -182,10 +182,10 @@ export { TableFill30Icon_default as TableFill30Icon } from './chunk-ODNNEMTF.js'
 export { TableOutline18Icon_default as TableOutline18Icon } from './chunk-ZQCKSN5P.js';
 export { TableOutline24Icon_default as TableOutline24Icon } from './chunk-JFUYARIB.js';
 export { TableOutline30Icon_default as TableOutline30Icon } from './chunk-5L372WML.js';
-export { SuccessOutline12Icon_default as SuccessOutline12Icon } from './chunk-5V7BOZAH.js';
-export { SuccessOutline18Icon_default as SuccessOutline18Icon } from './chunk-I7HVBUHV.js';
-export { SuccessOutline24Icon_default as SuccessOutline24Icon } from './chunk-IA45TDA6.js';
-export { SuccessOutline30Icon_default as SuccessOutline30Icon } from './chunk-YT57XKK5.js';
+export { SuccessOutline12Icon_default as SuccessOutline12Icon } from './chunk-S54ZGVBC.js';
+export { SuccessOutline18Icon_default as SuccessOutline18Icon } from './chunk-LGKA7N2G.js';
+export { SuccessOutline24Icon_default as SuccessOutline24Icon } from './chunk-RO6APKZ7.js';
+export { SuccessOutline30Icon_default as SuccessOutline30Icon } from './chunk-242CJCZB.js';
 export { SummerFill18Icon_default as SummerFill18Icon } from './chunk-NWXVQCIB.js';
 export { SummerFill24Icon_default as SummerFill24Icon } from './chunk-TIFIV5QB.js';
 export { SummerFill30Icon_default as SummerFill30Icon } from './chunk-XCTP4DVB.js';
@@ -194,10 +194,10 @@ export { SubwayFill30Icon_default as SubwayFill30Icon } from './chunk-EWAMC3J6.j
 export { SubwayOutline18Icon_default as SubwayOutline18Icon } from './chunk-N6CIMM45.js';
 export { SubwayOutline24Icon_default as SubwayOutline24Icon } from './chunk-QWWMIXCB.js';
 export { SubwayOutline30Icon_default as SubwayOutline30Icon } from './chunk-RCK3FL6K.js';
-export { SuccessFill12Icon_default as SuccessFill12Icon } from './chunk-ESRWL5TU.js';
-export { SuccessFill18Icon_default as SuccessFill18Icon } from './chunk-3CEYJHW7.js';
-export { SuccessFill24Icon_default as SuccessFill24Icon } from './chunk-E25TQIRI.js';
-export { SuccessFill30Icon_default as SuccessFill30Icon } from './chunk-OCB2PJ6C.js';
+export { SuccessFill12Icon_default as SuccessFill12Icon } from './chunk-P7AJKPX3.js';
+export { SuccessFill18Icon_default as SuccessFill18Icon } from './chunk-BWNXRUVQ.js';
+export { SuccessFill24Icon_default as SuccessFill24Icon } from './chunk-IUYIM2NO.js';
+export { SuccessFill30Icon_default as SuccessFill30Icon } from './chunk-KVWLXEQS.js';
 export { SubtractFill18Icon_default as SubtractFill18Icon } from './chunk-3T73CNI7.js';
 export { SubtractFill24Icon_default as SubtractFill24Icon } from './chunk-PSZ7RWRX.js';
 export { SubtractFill30Icon_default as SubtractFill30Icon } from './chunk-FLH2ZSBW.js';
@@ -766,10 +766,10 @@ export { ExpressBusFill30Icon_default as ExpressBusFill30Icon } from './chunk-NX
 export { ExpressBusOutline18Icon_default as ExpressBusOutline18Icon } from './chunk-TOD3RHK2.js';
 export { ExpressBusOutline24Icon_default as ExpressBusOutline24Icon } from './chunk-K6UNJRKH.js';
 export { ExpressBusOutline30Icon_default as ExpressBusOutline30Icon } from './chunk-DVZEXPF6.js';
-export { ErrorOutline12Icon_default as ErrorOutline12Icon } from './chunk-3QDHZHPD.js';
-export { ErrorOutline18Icon_default as ErrorOutline18Icon } from './chunk-64WHBDCE.js';
-export { ErrorOutline24Icon_default as ErrorOutline24Icon } from './chunk-7TSLMQBD.js';
-export { ErrorOutline30Icon_default as ErrorOutline30Icon } from './chunk-6VRAX6MI.js';
+export { ErrorOutline12Icon_default as ErrorOutline12Icon } from './chunk-IROAU3DF.js';
+export { ErrorOutline18Icon_default as ErrorOutline18Icon } from './chunk-S4T3JO3A.js';
+export { ErrorOutline24Icon_default as ErrorOutline24Icon } from './chunk-MBINBJXA.js';
+export { ErrorOutline30Icon_default as ErrorOutline30Icon } from './chunk-7JIGWE6O.js';
 export { ExpandFill18Icon_default as ExpandFill18Icon } from './chunk-G5N6G4XM.js';
 export { ExpandFill24Icon_default as ExpandFill24Icon } from './chunk-ZKARLTUK.js';
 export { ExpandFill30Icon_default as ExpandFill30Icon } from './chunk-YL72DT3S.js';
@@ -778,10 +778,10 @@ export { EditFill30Icon_default as EditFill30Icon } from './chunk-WBOJVLET.js';
 export { EditOutline18Icon_default as EditOutline18Icon } from './chunk-RFQV7BRY.js';
 export { EditOutline24Icon_default as EditOutline24Icon } from './chunk-V2GWZ5BG.js';
 export { EditOutline30Icon_default as EditOutline30Icon } from './chunk-4FGIQLOY.js';
-export { ErrorFill12Icon_default as ErrorFill12Icon } from './chunk-3SEMWTI5.js';
-export { ErrorFill18Icon_default as ErrorFill18Icon } from './chunk-LOWN64G5.js';
-export { ErrorFill24Icon_default as ErrorFill24Icon } from './chunk-PELQWJYI.js';
-export { ErrorFill30Icon_default as ErrorFill30Icon } from './chunk-RCL3ZA5H.js';
+export { ErrorFill12Icon_default as ErrorFill12Icon } from './chunk-TQDHVU4C.js';
+export { ErrorFill18Icon_default as ErrorFill18Icon } from './chunk-KFTUWHOF.js';
+export { ErrorFill24Icon_default as ErrorFill24Icon } from './chunk-JMNWW5KV.js';
+export { ErrorFill30Icon_default as ErrorFill30Icon } from './chunk-4EGNWPG7.js';
 export { EMailFill18Icon_default as EMailFill18Icon } from './chunk-F7A5E7O2.js';
 export { EMailFill24Icon_default as EMailFill24Icon } from './chunk-LWHBQ53E.js';
 export { EMailFill30Icon_default as EMailFill30Icon } from './chunk-CGAPJIR6.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vygruppen/spor-icon-react-native",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "main": "./dist/index.js",
   "types": "./dist/types.d.ts",
   "license": "MIT",