@freightos/icons 1.0.3 → 1.0.4

package/dist/esm/icons/IconBlock.js

@@ -1,17 +1,21 @@
 import React, { forwardRef } from 'react';
-export const IconBlock = 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("g", { "clip-path": "url(#clip0_805_27957)" },
-        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 2a10 10 0 100 20 10 10 0 000-20zM3.995 12A8.004 8.004 0 0112 3.995a7.87 7.87 0 014.899 1.696L5.69 16.899A7.87 7.87 0 013.995 12zM12 20.005a7.87 7.87 0 01-4.899-1.696L18.31 7.101A7.87 7.87 0 0120.004 12 8.004 8.004 0 0112 20.005z", fill: "currentColor" })),
-    React.createElement("defs", null,
-        React.createElement("clipPath", { id: "clip0_805_27957" },
-            React.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" }))))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconBlock = 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("g", { "clip-path": "url(#clip0_805_27957)" },
+            React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 2a10 10 0 100 20 10 10 0 000-20zM3.995 12A8.004 8.004 0 0112 3.995a7.87 7.87 0 014.899 1.696L5.69 16.899A7.87 7.87 0 013.995 12zM12 20.005a7.87 7.87 0 01-4.899-1.696L18.31 7.101A7.87 7.87 0 0120.004 12 8.004 8.004 0 0112 20.005z", fill: "currentColor" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "clip0_805_27957" },
+                React.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" })))));
+});
 IconBlock.displayName = 'IconBlock';

package/dist/esm/icons/IconBookmark.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconBookmark = 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: "M17.587 2H6.46a2.228 2.228 0 00-2.21 2.225V22l7.774-3.333L19.806 22V4.225A2.224 2.224 0 0017.586 2zm0 16.667l-5.563-2.425-5.564 2.425V4.225h11.127v14.442z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconBookmark = 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: "M17.587 2H6.46a2.228 2.228 0 00-2.21 2.225V22l7.774-3.333L19.806 22V4.225A2.224 2.224 0 0017.586 2zm0 16.667l-5.563-2.425-5.564 2.425V4.225h11.127v14.442z", fill: "currentColor" })));
+});
 IconBookmark.displayName = 'IconBookmark';

package/dist/esm/icons/IconBookmarkFilled.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconBookmarkFilled = 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: "M17.86 2H7.132a2.111 2.111 0 00-1.508.658c-.4.416-.624.98-.624 1.567V22l7.496-3.333L20 22V4.225c0-.589-.225-1.153-.626-1.57A2.11 2.11 0 0017.86 2z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconBookmarkFilled = 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: "M17.86 2H7.132a2.111 2.111 0 00-1.508.658c-.4.416-.624.98-.624 1.567V22l7.496-3.333L20 22V4.225c0-.589-.225-1.153-.626-1.57A2.11 2.11 0 0017.86 2z", fill: "currentColor" })));
+});
 IconBookmarkFilled.displayName = 'IconBookmarkFilled';

package/dist/esm/icons/IconBox.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconBox = 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: "M12.17 3L21 5.524l1 .776v11.12l-.57.792L12 21l-9.446-2.788L2 17.42V6.3l.939-.776L11.754 3h.415zm-.14 1.65L5.878 6.3l.846.33L12 8.115l4.615-1.337 1.462-.478-6.046-1.65zM3.539 16.793l7.693 2.26V9.6L3.538 7.389v9.404zM12.77 9.6v9.454l7.693-2.261V7.339l-3.108.913v4.235l-1.538.429V8.703L12.77 9.6z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconBox = 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: "M12.17 3L21 5.524l1 .776v11.12l-.57.792L12 21l-9.446-2.788L2 17.42V6.3l.939-.776L11.754 3h.415zm-.14 1.65L5.878 6.3l.846.33L12 8.115l4.615-1.337 1.462-.478-6.046-1.65zM3.539 16.793l7.693 2.26V9.6L3.538 7.389v9.404zM12.77 9.6v9.454l7.693-2.261V7.339l-3.108.913v4.235l-1.538.429V8.703L12.77 9.6z", fill: "currentColor" })));
+});
 IconBox.displayName = 'IconBox';

package/dist/esm/icons/IconBoxTotal.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconBoxTotal = 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: "M17.252 7.324L16.203 4.18a.992.992 0 00-.942-.68H8.739a.992.992 0 00-.943.68L6.748 7.324a1.013 1.013 0 00-.052.315v1.688H4.043a.992.992 0 00-.943.68L2.052 13.15a1.013 1.013 0 00-.052.315v5.474c0 .549.445.994.994.994h8.619a.99.99 0 00.387-.078c.119.05.25.078.387.078h8.618A.995.995 0 0022 18.94v-5.474a.957.957 0 00-.052-.314L20.9 10.007a.992.992 0 00-.943-.68h-2.653V7.64a.957.957 0 00-.052-.315zm.033 5.98a.998.998 0 00.019-.191V10.32h2.653l.994 2.984h-3.666zM6.696 10.322v2.792c0 .066.007.13.019.192H3.049l.994-2.984h2.653zm9.56-2.843h-3.759V4.494h2.764l.994 2.984zm-4.753-2.984H8.74l-.994 2.984h3.758V4.494zM7.69 13.113v-4.64h8.619v4.64H7.69zm3.702 5.827V14.3H2.995v4.64h8.399zm9.613 0h-8.398V14.3h8.398v4.64z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconBoxTotal = 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: "M17.252 7.324L16.203 4.18a.992.992 0 00-.942-.68H8.739a.992.992 0 00-.943.68L6.748 7.324a1.013 1.013 0 00-.052.315v1.688H4.043a.992.992 0 00-.943.68L2.052 13.15a1.013 1.013 0 00-.052.315v5.474c0 .549.445.994.994.994h8.619a.99.99 0 00.387-.078c.119.05.25.078.387.078h8.618A.995.995 0 0022 18.94v-5.474a.957.957 0 00-.052-.314L20.9 10.007a.992.992 0 00-.943-.68h-2.653V7.64a.957.957 0 00-.052-.315zm.033 5.98a.998.998 0 00.019-.191V10.32h2.653l.994 2.984h-3.666zM6.696 10.322v2.792c0 .066.007.13.019.192H3.049l.994-2.984h2.653zm9.56-2.843h-3.759V4.494h2.764l.994 2.984zm-4.753-2.984H8.74l-.994 2.984h3.758V4.494zM7.69 13.113v-4.64h8.619v4.64H7.69zm3.702 5.827V14.3H2.995v4.64h8.399zm9.613 0h-8.398V14.3h8.398v4.64z", fill: "currentColor" })));
+});
 IconBoxTotal.displayName = 'IconBoxTotal';

package/dist/esm/icons/IconBuild.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconBuild = 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: "M17.6 20.8l-6.45-6.5a9.902 9.902 0 01-1.15.325 5.518 5.518 0 01-1.175.125c-1.617 0-2.992-.563-4.125-1.688C3.567 11.938 3 10.567 3 8.95a5.804 5.804 0 01.775-2.9L7.4 9.675l2.3-2.15L5.975 3.8c.433-.25.892-.446 1.375-.587A5.218 5.218 0 018.825 3c1.65 0 3.054.58 4.213 1.737 1.158 1.159 1.737 2.563 1.737 4.213 0 .4-.042.792-.125 1.175a9.902 9.902 0 01-.325 1.15l6.475 6.45a.903.903 0 01.275.662c0 .259-.092.48-.275.663l-1.9 1.75a.889.889 0 01-.65.275.889.889 0 01-.65-.275zm.7-1.425l1-1-6.825-6.825c.267-.35.467-.763.6-1.238.133-.474.2-.929.2-1.362 0-1.25-.462-2.308-1.387-3.175S9.908 4.467 8.725 4.45l2.525 2.575c.15.15.225.333.225.55 0 .217-.075.4-.225.55l-3.3 3.1a.748.748 0 01-.55.225.748.748 0 01-.55-.225l-2.425-2.4c.05 1.283.504 2.342 1.363 3.175.858.833 1.87 1.25 3.037 1.25a4.83 4.83 0 001.325-.2 3.654 3.654 0 001.225-.6l6.925 6.925z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconBuild = 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: "M17.6 20.8l-6.45-6.5a9.902 9.902 0 01-1.15.325 5.518 5.518 0 01-1.175.125c-1.617 0-2.992-.563-4.125-1.688C3.567 11.938 3 10.567 3 8.95a5.804 5.804 0 01.775-2.9L7.4 9.675l2.3-2.15L5.975 3.8c.433-.25.892-.446 1.375-.587A5.218 5.218 0 018.825 3c1.65 0 3.054.58 4.213 1.737 1.158 1.159 1.737 2.563 1.737 4.213 0 .4-.042.792-.125 1.175a9.902 9.902 0 01-.325 1.15l6.475 6.45a.903.903 0 01.275.662c0 .259-.092.48-.275.663l-1.9 1.75a.889.889 0 01-.65.275.889.889 0 01-.65-.275zm.7-1.425l1-1-6.825-6.825c.267-.35.467-.763.6-1.238.133-.474.2-.929.2-1.362 0-1.25-.462-2.308-1.387-3.175S9.908 4.467 8.725 4.45l2.525 2.575c.15.15.225.333.225.55 0 .217-.075.4-.225.55l-3.3 3.1a.748.748 0 01-.55.225.748.748 0 01-.55-.225l-2.425-2.4c.05 1.283.504 2.342 1.363 3.175.858.833 1.87 1.25 3.037 1.25a4.83 4.83 0 001.325-.2 3.654 3.654 0 001.225-.6l6.925 6.925z", fill: "currentColor" })));
+});
 IconBuild.displayName = 'IconBuild';

package/dist/esm/icons/IconBulb.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconBulb = 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: "M12.25 22a2.17 2.17 0 01-1.188-.325 1.474 1.474 0 01-.662-.9h-.35c-.4 0-.75-.15-1.05-.45-.3-.3-.45-.65-.45-1.05V15.7a7.891 7.891 0 01-2.6-2.75C5.317 11.833 5 10.6 5 9.25c0-2.017.704-3.73 2.112-5.138C8.521 2.704 10.233 2 12.25 2s3.729.704 5.137 2.112C18.796 5.521 19.5 7.233 19.5 9.25c0 1.35-.317 2.583-.95 3.7a7.891 7.891 0 01-2.6 2.75v3.575c0 .4-.15.75-.45 1.05-.3.3-.65.45-1.05.45h-.35c-.1.383-.321.683-.663.9A2.17 2.17 0 0112.25 22zm-2.2-2.725h4.4v-1.1h-4.4v1.1zm0-2.1h4.4v-1h-4.4v1zm-.225-2.5h1.85V11.25l-2.3-2.3.775-.775 2.1 2.1 2.1-2.1.775.775-2.3 2.3v3.425h1.85c1-.467 1.804-1.192 2.412-2.175A6.057 6.057 0 0018 9.25c0-1.617-.554-2.98-1.663-4.088C15.23 4.054 13.867 3.5 12.25 3.5c-1.617 0-2.98.554-4.088 1.662C7.054 6.271 6.5 7.633 6.5 9.25a6.06 6.06 0 00.912 3.25c.609.983 1.413 1.708 2.413 2.175z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconBulb = 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: "M12.25 22a2.17 2.17 0 01-1.188-.325 1.474 1.474 0 01-.662-.9h-.35c-.4 0-.75-.15-1.05-.45-.3-.3-.45-.65-.45-1.05V15.7a7.891 7.891 0 01-2.6-2.75C5.317 11.833 5 10.6 5 9.25c0-2.017.704-3.73 2.112-5.138C8.521 2.704 10.233 2 12.25 2s3.729.704 5.137 2.112C18.796 5.521 19.5 7.233 19.5 9.25c0 1.35-.317 2.583-.95 3.7a7.891 7.891 0 01-2.6 2.75v3.575c0 .4-.15.75-.45 1.05-.3.3-.65.45-1.05.45h-.35c-.1.383-.321.683-.663.9A2.17 2.17 0 0112.25 22zm-2.2-2.725h4.4v-1.1h-4.4v1.1zm0-2.1h4.4v-1h-4.4v1zm-.225-2.5h1.85V11.25l-2.3-2.3.775-.775 2.1 2.1 2.1-2.1.775.775-2.3 2.3v3.425h1.85c1-.467 1.804-1.192 2.412-2.175A6.057 6.057 0 0018 9.25c0-1.617-.554-2.98-1.663-4.088C15.23 4.054 13.867 3.5 12.25 3.5c-1.617 0-2.98.554-4.088 1.662C7.054 6.271 6.5 7.633 6.5 9.25a6.06 6.06 0 00.912 3.25c.609.983 1.413 1.708 2.413 2.175z", fill: "currentColor" })));
+});
 IconBulb.displayName = 'IconBulb';

package/dist/esm/icons/IconCalendar.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconCalendar = 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: "M20.005 3.82h-1.006V2h-1.995v1.82H6.996V2H5.001v1.82H3.995a2.109 2.109 0 00-1.411.536A1.74 1.74 0 002 5.64v14.54c0 .482.21.943.584 1.285.374.34.882.533 1.411.535h16.01a2.109 2.109 0 001.411-.535A1.74 1.74 0 0022 20.18V5.64c0-.481-.21-.943-.584-1.284a2.109 2.109 0 00-1.412-.536zm0 16.36H3.994v-10h16.01v10zm0-11.813H3.994V5.64h16.01v2.727z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconCalendar = 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: "M20.005 3.82h-1.006V2h-1.995v1.82H6.996V2H5.001v1.82H3.995a2.109 2.109 0 00-1.411.536A1.74 1.74 0 002 5.64v14.54c0 .482.21.943.584 1.285.374.34.882.533 1.411.535h16.01a2.109 2.109 0 001.411-.535A1.74 1.74 0 0022 20.18V5.64c0-.481-.21-.943-.584-1.284a2.109 2.109 0 00-1.412-.536zm0 16.36H3.994v-10h16.01v10zm0-11.813H3.994V5.64h16.01v2.727z", fill: "currentColor" })));
+});
 IconCalendar.displayName = 'IconCalendar';

package/dist/esm/icons/IconCall.js

@@ -1,17 +1,21 @@
 import React, { forwardRef } from 'react';
-export const IconCall = 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("g", { "clip-path": "url(#clip0_805_27887)" },
-        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.933 4.225c.065.973.232 1.937.5 2.875L5.1 8.433a16.333 16.333 0 01-.833-4.208h1.666zm10.959 13.333c.94.266 1.907.434 2.883.5v1.667c-1.435-.1-2.851-.38-4.217-.833l1.334-1.325v-.009zM7 2H3.108A1.117 1.117 0 002 3.108 18.892 18.892 0 0020.892 22 1.117 1.117 0 0022 20.892V17a1.117 1.117 0 00-1.108-1.108c-1.348 0-2.687-.214-3.967-.634a.99.99 0 00-.35-.058 1.14 1.14 0 00-.783.325l-2.45 2.442a16.825 16.825 0 01-7.317-7.317L8.467 8.2a1.108 1.108 0 00.275-1.133A12.67 12.67 0 018.108 3.1 1.117 1.117 0 007 2z", fill: "currentColor" })),
-    React.createElement("defs", null,
-        React.createElement("clipPath", { id: "clip0_805_27887" },
-            React.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" }))))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconCall = 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("g", { "clip-path": "url(#clip0_805_27887)" },
+            React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.933 4.225c.065.973.232 1.937.5 2.875L5.1 8.433a16.333 16.333 0 01-.833-4.208h1.666zm10.959 13.333c.94.266 1.907.434 2.883.5v1.667c-1.435-.1-2.851-.38-4.217-.833l1.334-1.325v-.009zM7 2H3.108A1.117 1.117 0 002 3.108 18.892 18.892 0 0020.892 22 1.117 1.117 0 0022 20.892V17a1.117 1.117 0 00-1.108-1.108c-1.348 0-2.687-.214-3.967-.634a.99.99 0 00-.35-.058 1.14 1.14 0 00-.783.325l-2.45 2.442a16.825 16.825 0 01-7.317-7.317L8.467 8.2a1.108 1.108 0 00.275-1.133A12.67 12.67 0 018.108 3.1 1.117 1.117 0 007 2z", fill: "currentColor" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "clip0_805_27887" },
+                React.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" })))));
+});
 IconCall.displayName = 'IconCall';

package/dist/esm/icons/IconCaretDown.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconCaretDown = 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: "M7.41 8.588L12 13.17l4.59-4.582L18 9.998l-6 6-6-6 1.41-1.41z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconCaretDown = 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: "M7.41 8.588L12 13.17l4.59-4.582L18 9.998l-6 6-6-6 1.41-1.41z", fill: "currentColor" })));
+});
 IconCaretDown.displayName = 'IconCaretDown';

package/dist/esm/icons/IconCaretLeft.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconCaretLeft = 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: "M15.41 16.59L10.828 12l4.582-4.59L14 6l-6 6 6 6 1.41-1.41z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconCaretLeft = 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: "M15.41 16.59L10.828 12l4.582-4.59L14 6l-6 6 6 6 1.41-1.41z", fill: "currentColor" })));
+});
 IconCaretLeft.displayName = 'IconCaretLeft';

package/dist/esm/icons/IconCaretRight.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconCaretRight = 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 16.59L13.582 12 9 7.41 10.41 6l6 6-6 6L9 16.59z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconCaretRight = 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 16.59L13.582 12 9 7.41 10.41 6l6 6-6 6L9 16.59z", fill: "currentColor" })));
+});
 IconCaretRight.displayName = 'IconCaretRight';

package/dist/esm/icons/IconCaretUp.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconCaretUp = 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: "M7.41 15.412L12 10.83l4.59 4.582 1.41-1.41-6-6-6 6 1.41 1.41z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconCaretUp = 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: "M7.41 15.412L12 10.83l4.59 4.582 1.41-1.41-6-6-6 6 1.41 1.41z", fill: "currentColor" })));
+});
 IconCaretUp.displayName = 'IconCaretUp';

package/dist/esm/icons/IconCharges.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconCharges = 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: "M3 12c0-4.968 4.032-9 9-9s9 4.032 9 9-4.032 9-9 9-9-4.032-9-9zm10.27 7.2v-1.718c1.565-.297 2.798-1.197 2.807-2.844 0-2.268-1.944-3.05-3.762-3.52-1.818-.468-2.403-.963-2.403-1.719 0-.863.81-1.476 2.16-1.476 1.422 0 1.953.684 1.998 1.683h1.764c-.055-1.377-.891-2.646-2.565-3.051V4.8h-2.404v1.737c-1.548.333-2.799 1.341-2.799 2.889 0 1.845 1.53 2.763 3.762 3.303 2.007.477 2.403 1.179 2.403 1.926 0 .549-.396 1.431-2.16 1.431-1.647 0-2.295-.738-2.385-1.683H7.923c.1 1.746 1.404 2.736 2.943 3.06V19.2h2.403z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconCharges = 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: "M3 12c0-4.968 4.032-9 9-9s9 4.032 9 9-4.032 9-9 9-9-4.032-9-9zm10.27 7.2v-1.718c1.565-.297 2.798-1.197 2.807-2.844 0-2.268-1.944-3.05-3.762-3.52-1.818-.468-2.403-.963-2.403-1.719 0-.863.81-1.476 2.16-1.476 1.422 0 1.953.684 1.998 1.683h1.764c-.055-1.377-.891-2.646-2.565-3.051V4.8h-2.404v1.737c-1.548.333-2.799 1.341-2.799 2.889 0 1.845 1.53 2.763 3.762 3.303 2.007.477 2.403 1.179 2.403 1.926 0 .549-.396 1.431-2.16 1.431-1.647 0-2.295-.738-2.385-1.683H7.923c.1 1.746 1.404 2.736 2.943 3.06V19.2h2.403z", fill: "currentColor" })));
+});
 IconCharges.displayName = 'IconCharges';

package/dist/esm/icons/IconChatProgress.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconChatProgress = 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: "M12 2C6.5 2 2 5.978 2 10.889c.025 1.18.285 2.34.76 3.397A7.912 7.912 0 004.75 17c0 .667-.42 2.411-2.75 5 2.37-.122 4.64-1.111 6.47-2.778 1.14.367 2.34.556 3.53.556 5.5 0 10-3.978 10-8.89C22 5.979 17.5 2 12 2zm0 15.556c-4.42 0-8-2.99-8-6.667 0-3.678 3.58-6.667 8-6.667s8 2.99 8 6.667c0 3.678-3.58 6.667-8 6.667zM17 12V9.778h-2V12h2zm-4 0V9.778h-2V12h2zm-4 0V9.778H7V12h2z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconChatProgress = 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: "M12 2C6.5 2 2 5.978 2 10.889c.025 1.18.285 2.34.76 3.397A7.912 7.912 0 004.75 17c0 .667-.42 2.411-2.75 5 2.37-.122 4.64-1.111 6.47-2.778 1.14.367 2.34.556 3.53.556 5.5 0 10-3.978 10-8.89C22 5.979 17.5 2 12 2zm0 15.556c-4.42 0-8-2.99-8-6.667 0-3.678 3.58-6.667 8-6.667s8 2.99 8 6.667c0 3.678-3.58 6.667-8 6.667zM17 12V9.778h-2V12h2zm-4 0V9.778h-2V12h2zm-4 0V9.778H7V12h2z", fill: "currentColor" })));
+});
 IconChatProgress.displayName = 'IconChatProgress';

package/dist/esm/icons/IconChatProgressSolid.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconChatProgressSolid = 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: "M12 2c5.5 0 10 3.978 10 8.889s-4.5 8.889-10 8.889c-1.24 0-2.43-.2-3.53-.556C5.55 22 2 22 2 22c2.33-2.589 2.7-4.333 2.75-5C3.05 15.411 2 13.256 2 10.889 2 5.978 6.5 2 12 2zm5 10V9.778h-2V12h2zm-4 0V9.778h-2V12h2zm-4 0V9.778H7V12h2z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconChatProgressSolid = 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: "M12 2c5.5 0 10 3.978 10 8.889s-4.5 8.889-10 8.889c-1.24 0-2.43-.2-3.53-.556C5.55 22 2 22 2 22c2.33-2.589 2.7-4.333 2.75-5C3.05 15.411 2 13.256 2 10.889 2 5.978 6.5 2 12 2zm5 10V9.778h-2V12h2zm-4 0V9.778h-2V12h2zm-4 0V9.778H7V12h2z", fill: "currentColor" })));
+});
 IconChatProgressSolid.displayName = 'IconChatProgressSolid';

package/dist/esm/icons/IconCheck.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconCheck = 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 16.17L4.83 12l-1.418 1.41L9 18.997l12-12-1.41-1.41L9 16.17z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconCheck = 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 16.17L4.83 12l-1.418 1.41L9 18.997l12-12-1.41-1.41L9 16.17z", fill: "currentColor" })));
+});
 IconCheck.displayName = 'IconCheck';

package/dist/esm/icons/IconCheckCircled.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconCheckCircled = 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: "M12 2.002a9.998 9.998 0 100 19.995 9.998 9.998 0 000-19.995zm0 18A8.003 8.003 0 1120.003 12 8.017 8.017 0 0112 20.002zm4.59-12.42l-6.592 6.585-2.588-2.58L6 12.997l3.998 4.005L18 9l-1.41-1.418z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconCheckCircled = 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: "M12 2.002a9.998 9.998 0 100 19.995 9.998 9.998 0 000-19.995zm0 18A8.003 8.003 0 1120.003 12 8.017 8.017 0 0112 20.002zm4.59-12.42l-6.592 6.585-2.588-2.58L6 12.997l3.998 4.005L18 9l-1.41-1.418z", fill: "currentColor" })));
+});
 IconCheckCircled.displayName = 'IconCheckCircled';