@freightos/icons 1.0.2 → 1.0.4

package/dist/esm/icons/IconDoubleRight.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconDoubleRight = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5 16.59L6.41 18l6-6-6-6L5 7.41 9.58 12 5 16.59zm6.59 0L13 18l6-6-6-6-1.41 1.41L16.17 12l-4.58 4.59z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconDoubleRight = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5 16.59L6.41 18l6-6-6-6L5 7.41 9.58 12 5 16.59zm6.59 0L13 18l6-6-6-6-1.41 1.41L16.17 12l-4.58 4.59z", fill: "currentColor" })));
+});
 IconDoubleRight.displayName = 'IconDoubleRight';

package/dist/esm/icons/IconDown.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconDown = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { fill: "currentColor", "fill-rule": "evenodd", d: "M9.88 11.45L16 17.56l6.12-6.11L24 13.33l-8 8-8-8 1.88-1.88z" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconDown = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { fill: "currentColor", "fill-rule": "evenodd", d: "M9.88 11.45L16 17.56l6.12-6.11L24 13.33l-8 8-8-8 1.88-1.88z" })));
+});
 IconDown.displayName = 'IconDown';

package/dist/esm/icons/IconDownload.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconDownload = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.117 10.32a6.758 6.758 0 00-1.843-3.514 6.119 6.119 0 00-3.418-1.741 5.946 5.946 0 00-3.737.671 6.46 6.46 0 00-2.687 2.838c-1.261.134-2.425.78-3.25 1.803a5.432 5.432 0 00-1.174 3.685 5.365 5.365 0 001.551 3.526A4.773 4.773 0 006.977 19h10.846a3.966 3.966 0 002.895-1.185 4.465 4.465 0 001.28-3 4.5 4.5 0 00-1.073-3.09 4.001 4.001 0 00-2.808-1.404zm-.294 6.94H6.977a3.185 3.185 0 01-2.27-.946 3.579 3.579 0 01-1.03-2.345c-.047-.892.23-1.77.776-2.452a3.233 3.233 0 012.154-1.21l.895-.093.42-.83a4.743 4.743 0 011.973-2.058 4.37 4.37 0 012.728-.486c.935.14 1.807.58 2.498 1.264a4.962 4.962 0 011.362 2.555l.25 1.328 1.252.093a2.402 2.402 0 011.639.806c.43.48.672 1.115.677 1.777a2.736 2.736 0 01-.744 1.83 2.433 2.433 0 01-1.734.766zm-9.175-5.233h2.128V9.41h2.415v2.617h2.128l-3.336 3.486-3.335-3.486z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconDownload = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.117 10.32a6.758 6.758 0 00-1.843-3.514 6.119 6.119 0 00-3.418-1.741 5.946 5.946 0 00-3.737.671 6.46 6.46 0 00-2.687 2.838c-1.261.134-2.425.78-3.25 1.803a5.432 5.432 0 00-1.174 3.685 5.365 5.365 0 001.551 3.526A4.773 4.773 0 006.977 19h10.846a3.966 3.966 0 002.895-1.185 4.465 4.465 0 001.28-3 4.5 4.5 0 00-1.073-3.09 4.001 4.001 0 00-2.808-1.404zm-.294 6.94H6.977a3.185 3.185 0 01-2.27-.946 3.579 3.579 0 01-1.03-2.345c-.047-.892.23-1.77.776-2.452a3.233 3.233 0 012.154-1.21l.895-.093.42-.83a4.743 4.743 0 011.973-2.058 4.37 4.37 0 012.728-.486c.935.14 1.807.58 2.498 1.264a4.962 4.962 0 011.362 2.555l.25 1.328 1.252.093a2.402 2.402 0 011.639.806c.43.48.672 1.115.677 1.777a2.736 2.736 0 01-.744 1.83 2.433 2.433 0 01-1.734.766zm-9.175-5.233h2.128V9.41h2.415v2.617h2.128l-3.336 3.486-3.335-3.486z", fill: "currentColor" })));
+});
 IconDownload.displayName = 'IconDownload';

package/dist/esm/icons/IconDownloadAlt.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconDownloadAlt = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { d: "M20 9.059h-4.571v-7.06H8.57v7.06H4l8 8.235 8-8.235zm-9.143 2.353v-7.06h2.286v7.06h1.337L12 13.965l-2.48-2.553h1.337zM4 19.647h16V22H4v-2.353z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconDownloadAlt = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { d: "M20 9.059h-4.571v-7.06H8.57v7.06H4l8 8.235 8-8.235zm-9.143 2.353v-7.06h2.286v7.06h1.337L12 13.965l-2.48-2.553h1.337zM4 19.647h16V22H4v-2.353z", fill: "currentColor" })));
+});
 IconDownloadAlt.displayName = 'IconDownloadAlt';

package/dist/esm/icons/IconDownloadDocs.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconDownloadDocs = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.856 11.63v4.785H22L16.503 22l-5.496-5.585h3.144V11.63h4.705zM5.546 4.963v14.074h5.783l1.54 1.482h-7.33a1.538 1.538 0 01-1.061-.432A1.57 1.57 0 014 19.037V6.444c.02-.38.177-.741.442-1.014.264-.273.618-.439.994-.467h.11zM14.62 2l4.639 4.681v3.467h-1.547V7.467H13.85V3.563H8.441v14.074a1.53 1.53 0 01-1.058-.432 1.563 1.563 0 01-.473-1.05V3.564c.001-.411.163-.806.45-1.098a1.54 1.54 0 011.081-.465h6.179z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconDownloadDocs = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.856 11.63v4.785H22L16.503 22l-5.496-5.585h3.144V11.63h4.705zM5.546 4.963v14.074h5.783l1.54 1.482h-7.33a1.538 1.538 0 01-1.061-.432A1.57 1.57 0 014 19.037V6.444c.02-.38.177-.741.442-1.014.264-.273.618-.439.994-.467h.11zM14.62 2l4.639 4.681v3.467h-1.547V7.467H13.85V3.563H8.441v14.074a1.53 1.53 0 01-1.058-.432 1.563 1.563 0 01-.473-1.05V3.564c.001-.411.163-.806.45-1.098a1.54 1.54 0 011.081-.465h6.179z", fill: "currentColor" })));
+});
 IconDownloadDocs.displayName = 'IconDownloadDocs';

package/dist/esm/icons/IconDownloadEntry.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconDownloadEntry = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.7 11.63v4.785H23L17.23 22l-5.769-5.585h3.3V11.63H19.7zM15.854 2a2.094 2.094 0 011.447.582c.384.37.599.873.599 1.396v6.17h-2.077v-6.17H5.053V19.31h7.178l1.969 1.95H5.054a2.098 2.098 0 01-1.408-.534A1.949 1.949 0 013 19.407V3.977c.002-.523.22-1.025.604-1.396A2.1 2.1 0 015.054 2h10.8zm-8.046 9.63c.19 0 .376.054.534.156a.934.934 0 01.354.415.894.894 0 01-.208 1.01.996.996 0 01-1.048.2.955.955 0 01-.432-.341.902.902 0 01.12-1.17.98.98 0 01.68-.27z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconDownloadEntry = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.7 11.63v4.785H23L17.23 22l-5.769-5.585h3.3V11.63H19.7zM15.854 2a2.094 2.094 0 011.447.582c.384.37.599.873.599 1.396v6.17h-2.077v-6.17H5.053V19.31h7.178l1.969 1.95H5.054a2.098 2.098 0 01-1.408-.534A1.949 1.949 0 013 19.407V3.977c.002-.523.22-1.025.604-1.396A2.1 2.1 0 015.054 2h10.8zm-8.046 9.63c.19 0 .376.054.534.156a.934.934 0 01.354.415.894.894 0 01-.208 1.01.996.996 0 01-1.048.2.955.955 0 01-.432-.341.902.902 0 01.12-1.17.98.98 0 01.68-.27z", fill: "currentColor" })));
+});
 IconDownloadEntry.displayName = 'IconDownloadEntry';

package/dist/esm/icons/IconDrag.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconDrag = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.804 19.498c0 .495-.141.978-.405 1.39a2.426 2.426 0 01-1.078.921c-.439.19-.922.24-1.388.143a2.374 2.374 0 01-1.23-.685 2.537 2.537 0 01-.657-1.281 2.6 2.6 0 01.137-1.446c.182-.457.49-.848.884-1.123.395-.275.86-.422 1.335-.422a2.363 2.363 0 011.696.736 2.57 2.57 0 01.706 1.767zm-2.402-10c-.475 0-.94.146-1.335.421a2.483 2.483 0 00-.884 1.123 2.6 2.6 0 00-.137 1.446c.093.486.322.931.657 1.281.336.35.764.589 1.23.685.466.097.95.047 1.388-.142.439-.19.814-.51 1.078-.922a2.578 2.578 0 00-.301-3.157 2.363 2.363 0 00-1.696-.735zm0-7.498c-.475 0-.94.147-1.335.422a2.483 2.483 0 00-.884 1.123 2.6 2.6 0 00-.137 1.446c.093.485.322.93.657 1.28.336.35.764.59 1.23.686.466.096.95.047 1.388-.143.439-.19.814-.51 1.078-.921a2.578 2.578 0 00-.301-3.157A2.363 2.363 0 008.402 2zm7.196 5.005c.475 0 .94-.147 1.335-.422s.702-.666.884-1.123a2.6 2.6 0 00.137-1.446 2.536 2.536 0 00-.657-1.281 2.373 2.373 0 00-1.23-.685 2.312 2.312 0 00-1.388.142c-.439.19-.814.51-1.078.922a2.578 2.578 0 00.301 3.157c.45.469 1.06.733 1.696.736zm0 2.493c-.475 0-.94.146-1.334.421a2.484 2.484 0 00-.885 1.123 2.6 2.6 0 00-.136 1.446c.092.486.321.931.657 1.281.336.35.764.589 1.23.685a2.31 2.31 0 001.387-.142c.44-.19.814-.51 1.078-.922a2.578 2.578 0 00-.301-3.157 2.363 2.363 0 00-1.696-.735zm0 7.497c-.475 0-.94.147-1.334.422a2.484 2.484 0 00-.885 1.123 2.6 2.6 0 00-.136 1.446c.092.485.321.931.657 1.281.336.35.764.588 1.23.685a2.31 2.31 0 001.387-.143 2.42 2.42 0 001.078-.921 2.578 2.578 0 00-.301-3.157 2.363 2.363 0 00-1.696-.736z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconDrag = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.804 19.498c0 .495-.141.978-.405 1.39a2.426 2.426 0 01-1.078.921c-.439.19-.922.24-1.388.143a2.374 2.374 0 01-1.23-.685 2.537 2.537 0 01-.657-1.281 2.6 2.6 0 01.137-1.446c.182-.457.49-.848.884-1.123.395-.275.86-.422 1.335-.422a2.363 2.363 0 011.696.736 2.57 2.57 0 01.706 1.767zm-2.402-10c-.475 0-.94.146-1.335.421a2.483 2.483 0 00-.884 1.123 2.6 2.6 0 00-.137 1.446c.093.486.322.931.657 1.281.336.35.764.589 1.23.685.466.097.95.047 1.388-.142.439-.19.814-.51 1.078-.922a2.578 2.578 0 00-.301-3.157 2.363 2.363 0 00-1.696-.735zm0-7.498c-.475 0-.94.147-1.335.422a2.483 2.483 0 00-.884 1.123 2.6 2.6 0 00-.137 1.446c.093.485.322.93.657 1.28.336.35.764.59 1.23.686.466.096.95.047 1.388-.143.439-.19.814-.51 1.078-.921a2.578 2.578 0 00-.301-3.157A2.363 2.363 0 008.402 2zm7.196 5.005c.475 0 .94-.147 1.335-.422s.702-.666.884-1.123a2.6 2.6 0 00.137-1.446 2.536 2.536 0 00-.657-1.281 2.373 2.373 0 00-1.23-.685 2.312 2.312 0 00-1.388.142c-.439.19-.814.51-1.078.922a2.578 2.578 0 00.301 3.157c.45.469 1.06.733 1.696.736zm0 2.493c-.475 0-.94.146-1.334.421a2.484 2.484 0 00-.885 1.123 2.6 2.6 0 00-.136 1.446c.092.486.321.931.657 1.281.336.35.764.589 1.23.685a2.31 2.31 0 001.387-.142c.44-.19.814-.51 1.078-.922a2.578 2.578 0 00-.301-3.157 2.363 2.363 0 00-1.696-.735zm0 7.497c-.475 0-.94.147-1.334.422a2.484 2.484 0 00-.885 1.123 2.6 2.6 0 00-.136 1.446c.092.485.321.931.657 1.281.336.35.764.588 1.23.685a2.31 2.31 0 001.387-.143 2.42 2.42 0 001.078-.921 2.578 2.578 0 00-.301-3.157 2.363 2.363 0 00-1.696-.736z", fill: "currentColor" })));
+});
 IconDrag.displayName = 'IconDrag';

package/dist/esm/icons/IconEarlyCancelation.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconEarlyCancelation = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.9 2h5.6v1.818H8.9V2zm3.734 6.363h-1.867v5.455h1.867V8.363zm-.934 10.91c-3.612 0-6.533-2.846-6.533-6.364S8.088 6.546 11.7 6.546c3.304 0 6.02 2.381 6.468 5.481a6.33 6.33 0 011.932.428 8.206 8.206 0 00-1.839-4.646l1.326-1.29c-.42-.464-.84-.882-1.316-1.282l-1.326 1.309A8.41 8.41 0 0011.7 4.727c-4.639 0-8.4 3.664-8.4 8.182 0 4.518 3.761 8.182 8.4 8.182.317 0 .625 0 .933-.054a5.979 5.979 0 01-.765-1.764H11.7zM17.767 22c2.333 0 4.2-1.818 4.2-4.091s-1.867-4.09-4.2-4.09c-2.334 0-4.2 1.817-4.2 4.09 0 2.273 1.866 4.09 4.2 4.09zm1.4-1.745l-3.808-3.71a2.47 2.47 0 00-.392 1.364c0 1.51 1.25 2.728 2.8 2.728a2.64 2.64 0 001.4-.382zm-1.4-5.073c1.549 0 2.8 1.218 2.8 2.727 0 .51-.14.982-.393 1.364l-3.808-3.71a2.637 2.637 0 011.4-.381z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconEarlyCancelation = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.9 2h5.6v1.818H8.9V2zm3.734 6.363h-1.867v5.455h1.867V8.363zm-.934 10.91c-3.612 0-6.533-2.846-6.533-6.364S8.088 6.546 11.7 6.546c3.304 0 6.02 2.381 6.468 5.481a6.33 6.33 0 011.932.428 8.206 8.206 0 00-1.839-4.646l1.326-1.29c-.42-.464-.84-.882-1.316-1.282l-1.326 1.309A8.41 8.41 0 0011.7 4.727c-4.639 0-8.4 3.664-8.4 8.182 0 4.518 3.761 8.182 8.4 8.182.317 0 .625 0 .933-.054a5.979 5.979 0 01-.765-1.764H11.7zM17.767 22c2.333 0 4.2-1.818 4.2-4.091s-1.867-4.09-4.2-4.09c-2.334 0-4.2 1.817-4.2 4.09 0 2.273 1.866 4.09 4.2 4.09zm1.4-1.745l-3.808-3.71a2.47 2.47 0 00-.392 1.364c0 1.51 1.25 2.728 2.8 2.728a2.64 2.64 0 001.4-.382zm-1.4-5.073c1.549 0 2.8 1.218 2.8 2.727 0 .51-.14.982-.393 1.364l-3.808-3.71a2.637 2.637 0 011.4-.381z", fill: "currentColor" })));
+});
 IconEarlyCancelation.displayName = 'IconEarlyCancelation';

package/dist/esm/icons/IconEbooking.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconEbooking = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { d: "M22 10V6a2 2 0 00-2-2H4c-1.1 0-1.99.89-1.99 2v4c1.1 0 1.99.9 1.99 2a2 2 0 01-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2s.9-2 2-2zm-2-1.46c-1.19.69-2 1.99-2 3.46s.81 2.77 2 3.46V18H4v-2.54c1.19-.69 2-1.99 2-3.46 0-1.48-.8-2.77-1.99-3.46L4 6h16v2.54zM11 15h2v2h-2v-2zm0-4h2v2h-2v-2zm0-4h2v2h-2V7z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconEbooking = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { d: "M22 10V6a2 2 0 00-2-2H4c-1.1 0-1.99.89-1.99 2v4c1.1 0 1.99.9 1.99 2a2 2 0 01-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2s.9-2 2-2zm-2-1.46c-1.19.69-2 1.99-2 3.46s.81 2.77 2 3.46V18H4v-2.54c1.19-.69 2-1.99 2-3.46 0-1.48-.8-2.77-1.99-3.46L4 6h16v2.54zM11 15h2v2h-2v-2zm0-4h2v2h-2v-2zm0-4h2v2h-2V7z", fill: "currentColor" })));
+});
 IconEbooking.displayName = 'IconEbooking';

package/dist/esm/icons/IconEdit.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconEdit = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.292 8.667l1.042 1.042L5.242 19.776H4.225v-1.017L14.292 8.667zm4-6.667c-.294 0-.575.117-.783.325l-2.034 2.033 4.167 4.167 2.034-2.033a1.108 1.108 0 000-1.567l-2.6-2.6A1.066 1.066 0 0018.292 2zm-4 3.542L2 17.834v4.167h4.167L18.459 9.709l-4.167-4.167z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconEdit = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.292 8.667l1.042 1.042L5.242 19.776H4.225v-1.017L14.292 8.667zm4-6.667c-.294 0-.575.117-.783.325l-2.034 2.033 4.167 4.167 2.034-2.033a1.108 1.108 0 000-1.567l-2.6-2.6A1.066 1.066 0 0018.292 2zm-4 3.542L2 17.834v4.167h4.167L18.459 9.709l-4.167-4.167z", fill: "currentColor" })));
+});
 IconEdit.displayName = 'IconEdit';

package/dist/esm/icons/IconEllipsesH.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconEllipsesH = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.502 10a2.504 2.504 0 00-2.312 1.543 2.498 2.498 0 001.824 3.409 2.505 2.505 0 002.569-1.063c.275-.411.422-.894.422-1.389A2.508 2.508 0 004.502 10zm14.996 0a2.504 2.504 0 00-2.312 1.543 2.497 2.497 0 001.823 3.409 2.505 2.505 0 002.57-1.063c.274-.411.421-.894.421-1.389a2.508 2.508 0 00-2.502-2.5zM12 10a2.504 2.504 0 00-2.312 1.543 2.498 2.498 0 001.824 3.409 2.505 2.505 0 002.569-1.063c.275-.411.421-.894.421-1.389A2.508 2.508 0 0012 10z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconEllipsesH = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.502 10a2.504 2.504 0 00-2.312 1.543 2.498 2.498 0 001.824 3.409 2.505 2.505 0 002.569-1.063c.275-.411.422-.894.422-1.389A2.508 2.508 0 004.502 10zm14.996 0a2.504 2.504 0 00-2.312 1.543 2.497 2.497 0 001.823 3.409 2.505 2.505 0 002.57-1.063c.274-.411.421-.894.421-1.389a2.508 2.508 0 00-2.502-2.5zM12 10a2.504 2.504 0 00-2.312 1.543 2.498 2.498 0 001.824 3.409 2.505 2.505 0 002.569-1.063c.275-.411.421-.894.421-1.389A2.508 2.508 0 0012 10z", fill: "currentColor" })));
+});
 IconEllipsesH.displayName = 'IconEllipsesH';

package/dist/esm/icons/IconEllipsesV.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconEllipsesV = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9 19.498a2.504 2.504 0 001.543 2.311 2.497 2.497 0 003.409-1.823 2.505 2.505 0 00-2.452-2.99A2.508 2.508 0 009 19.497zM9 4.502a2.504 2.504 0 001.543 2.312 2.498 2.498 0 003.409-1.823 2.505 2.505 0 00-1.063-2.57A2.498 2.498 0 0011.5 2 2.508 2.508 0 009 4.502zM9 12a2.504 2.504 0 002.988 2.454 2.5 2.5 0 001.822-3.412 2.502 2.502 0 00-2.31-1.544A2.508 2.508 0 009 12z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconEllipsesV = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9 19.498a2.504 2.504 0 001.543 2.311 2.497 2.497 0 003.409-1.823 2.505 2.505 0 00-2.452-2.99A2.508 2.508 0 009 19.497zM9 4.502a2.504 2.504 0 001.543 2.312 2.498 2.498 0 003.409-1.823 2.505 2.505 0 00-1.063-2.57A2.498 2.498 0 0011.5 2 2.508 2.508 0 009 4.502zM9 12a2.504 2.504 0 002.988 2.454 2.5 2.5 0 001.822-3.412 2.502 2.502 0 00-2.31-1.544A2.508 2.508 0 009 12z", fill: "currentColor" })));
+});
 IconEllipsesV.displayName = 'IconEllipsesV';

package/dist/esm/icons/IconEmission.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconEmission = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { d: "M20.965 3.341A.547.547 0 0020.468 3a.558.558 0 00-.486.299c-1.077 1.895-3.004 3.076-5.205 3.076H12a6.627 6.627 0 00-4.714 1.978 6.783 6.783 0 00-1.706 6.573c-2.574 2.269-3.518 4.91-3.535 4.958-.07.21-.055.44.041.64.097.2.268.352.475.425.207.073.435.06.633-.036a.84.84 0 00.424-.477c.014-.038.729-2.021 2.65-3.87a6.692 6.692 0 002.745 2.595 6.586 6.586 0 003.695.678C18.163 19.438 22 14.487 22 8.425c0-1.765-.375-3.593-1.036-5.084h.001zm-8.432 14.82c-2.989.32-4.534-1.916-4.937-2.69 1.646-1.156 3.89-2.063 6.907-2.063.458 0 .833-.38.833-.844a.852.852 0 00-.245-.596.83.83 0 00-.588-.248c-3.17 0-5.594.897-7.43 2.088-.032-.224-.07-.45-.07-.682a5.101 5.101 0 011.466-3.578 4.975 4.975 0 013.533-1.485h2.778a7.51 7.51 0 005.279-2.141c.18.816.277 1.67.277 2.503-.003 5.31-3.26 9.402-7.802 9.736z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconEmission = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { d: "M20.965 3.341A.547.547 0 0020.468 3a.558.558 0 00-.486.299c-1.077 1.895-3.004 3.076-5.205 3.076H12a6.627 6.627 0 00-4.714 1.978 6.783 6.783 0 00-1.706 6.573c-2.574 2.269-3.518 4.91-3.535 4.958-.07.21-.055.44.041.64.097.2.268.352.475.425.207.073.435.06.633-.036a.84.84 0 00.424-.477c.014-.038.729-2.021 2.65-3.87a6.692 6.692 0 002.745 2.595 6.586 6.586 0 003.695.678C18.163 19.438 22 14.487 22 8.425c0-1.765-.375-3.593-1.036-5.084h.001zm-8.432 14.82c-2.989.32-4.534-1.916-4.937-2.69 1.646-1.156 3.89-2.063 6.907-2.063.458 0 .833-.38.833-.844a.852.852 0 00-.245-.596.83.83 0 00-.588-.248c-3.17 0-5.594.897-7.43 2.088-.032-.224-.07-.45-.07-.682a5.101 5.101 0 011.466-3.578 4.975 4.975 0 013.533-1.485h2.778a7.51 7.51 0 005.279-2.141c.18.816.277 1.67.277 2.503-.003 5.31-3.26 9.402-7.802 9.736z", fill: "currentColor" })));
+});
 IconEmission.displayName = 'IconEmission';

package/dist/esm/icons/IconEntry.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconEntry = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.875 15.992l1.567 1.566L17 12l-5.558-5.558-1.567 1.566 2.867 2.884H2v2.216h10.742l-2.867 2.884zM19.775 2H4.225A2.225 2.225 0 002 4.225v4.442h2.225V4.225h15.55v15.55H4.225v-4.442H2v4.442A2.225 2.225 0 004.225 22h15.55A2.233 2.233 0 0022 19.775V4.225A2.233 2.233 0 0019.775 2z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconEntry = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.875 15.992l1.567 1.566L17 12l-5.558-5.558-1.567 1.566 2.867 2.884H2v2.216h10.742l-2.867 2.884zM19.775 2H4.225A2.225 2.225 0 002 4.225v4.442h2.225V4.225h15.55v15.55H4.225v-4.442H2v4.442A2.225 2.225 0 004.225 22h15.55A2.233 2.233 0 0022 19.775V4.225A2.233 2.233 0 0019.775 2z", fill: "currentColor" })));
+});
 IconEntry.displayName = 'IconEntry';

package/dist/esm/icons/IconEnvelope.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconEnvelope = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22 6.002A2.001 2.001 0 0020.005 4H3.994A2.004 2.004 0 002 6.002v11.996A2.001 2.001 0 003.995 20h16.01A2.004 2.004 0 0022 17.998V6.002zm-1.995 0l-8.005 5-8.005-5h16.01zm0 11.996H3.994V8.004L12 12.997l8.005-4.993v9.994z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconEnvelope = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22 6.002A2.001 2.001 0 0020.005 4H3.994A2.004 2.004 0 002 6.002v11.996A2.001 2.001 0 003.995 20h16.01A2.004 2.004 0 0022 17.998V6.002zm-1.995 0l-8.005 5-8.005-5h16.01zm0 11.996H3.994V8.004L12 12.997l8.005-4.993v9.994z", fill: "currentColor" })));
+});
 IconEnvelope.displayName = 'IconEnvelope';

package/dist/esm/icons/IconExchange.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconExchange = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { d: "M21 9l-4-4v3h-7v2h7v3M7 11l-4 4 4 4v-3h7v-2H7v-3z" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconExchange = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { d: "M21 9l-4-4v3h-7v2h7v3M7 11l-4 4 4 4v-3h7v-2H7v-3z" })));
+});
 IconExchange.displayName = 'IconExchange';

package/dist/esm/icons/IconExit.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconExit = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { d: "M14.08 15.59L16.67 13H7v-2h9.67l-2.59-2.59L15.5 7l5 5-5 5-1.42-1.41M19 3a2 2 0 012 2v4.67l-2-2V5H5v14h14v-2.67l2-2V19a2 2 0 01-2 2H5a2 2 0 01-2-2V5c0-1.11.89-2 2-2h14z", fill: "currentColor", "fill-rule": "evenodd" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconExit = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { d: "M14.08 15.59L16.67 13H7v-2h9.67l-2.59-2.59L15.5 7l5 5-5 5-1.42-1.41M19 3a2 2 0 012 2v4.67l-2-2V5H5v14h14v-2.67l2-2V19a2 2 0 01-2 2H5a2 2 0 01-2-2V5c0-1.11.89-2 2-2h14z", fill: "currentColor", "fill-rule": "evenodd" })));
+});
 IconExit.displayName = 'IconExit';

package/dist/esm/icons/IconExpandAll.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconExpandAll = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { d: "M9.222 13.211l1.567 1.567-5 5h3.989V22H2v-7.778h2.222v3.99l5-5zm1.567-3.989L9.222 10.79l-5-5v3.989H2V2h7.778v2.222h-3.99l5 5zm3.989 3.99l5 5v-3.99H22V22h-7.778v-2.222h3.99l-5-5 1.566-1.567zm-1.567-3.99l5-5h-3.989V2H22v7.778h-2.222v-3.99l-5 5-1.567-1.566z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconExpandAll = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { d: "M9.222 13.211l1.567 1.567-5 5h3.989V22H2v-7.778h2.222v3.99l5-5zm1.567-3.989L9.222 10.79l-5-5v3.989H2V2h7.778v2.222h-3.99l5 5zm3.989 3.99l5 5v-3.99H22V22h-7.778v-2.222h3.99l-5-5 1.566-1.567zm-1.567-3.99l5-5h-3.989V2H22v7.778h-2.222v-3.99l-5 5-1.567-1.566z", fill: "currentColor" })));
+});
 IconExpandAll.displayName = 'IconExpandAll';