@freightos/icons 1.0.2 → 1.0.4

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';

package/dist/esm/icons/IconCheckCircledSolid.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconCheckCircledSolid = 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.995zm4.59 5.58l-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 IconCheckCircledSolid = 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.995zm4.59 5.58l-6.592 6.585-2.588-2.58L6 12.997l3.998 4.005L18 9l-1.41-1.418z", fill: "currentColor" })));
+});
 IconCheckCircledSolid.displayName = 'IconCheckCircledSolid';

package/dist/esm/icons/IconChooseList.js

@@ -1,17 +1,21 @@
 import React, { forwardRef } from 'react';
-export const IconChooseList = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 16 16", 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("defs", null,
-        React.createElement("clipPath", { id: "a" },
-            React.createElement("path", { d: "M8.4 0c.968 0 1.794.338 2.476 1.012a3.318 3.318 0 011.024 2.45 3.274 3.274 0 01-.7 2.042l2.8 2.77-.735.726-2.8-2.77c-.303.232-.63.405-.98.52-.35.115-.712.173-1.085.173-.968 0-1.794-.337-2.476-1.012A3.318 3.318 0 014.9 3.46c0-.957.341-1.773 1.024-2.448C6.606.338 7.432 0 8.4 0zM7 7.962V9H0V7.962h7zm1.4-6.924c-.677 0-1.254.237-1.732.71a2.322 2.322 0 00-.718 1.714c0 .669.24 1.24.718 1.713.478.473 1.055.71 1.732.71s1.254-.237 1.732-.71a2.322 2.322 0 00.718-1.713c0-.67-.24-1.24-.717-1.714a2.374 2.374 0 00-1.733-.71zM3.5 4.327v1.038H0V4.327h3.5zm0-3.635v1.039H0V.692h3.5z" }))),
-    React.createElement("g", { "clip-path": "url(#a)", transform: "translate(1 3)" },
-        React.createElement("path", { d: "M0 0h14v9H0V0z" })))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconChooseList = 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 16 16", 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("defs", null,
+            React.createElement("clipPath", { id: "a" },
+                React.createElement("path", { d: "M8.4 0c.968 0 1.794.338 2.476 1.012a3.318 3.318 0 011.024 2.45 3.274 3.274 0 01-.7 2.042l2.8 2.77-.735.726-2.8-2.77c-.303.232-.63.405-.98.52-.35.115-.712.173-1.085.173-.968 0-1.794-.337-2.476-1.012A3.318 3.318 0 014.9 3.46c0-.957.341-1.773 1.024-2.448C6.606.338 7.432 0 8.4 0zM7 7.962V9H0V7.962h7zm1.4-6.924c-.677 0-1.254.237-1.732.71a2.322 2.322 0 00-.718 1.714c0 .669.24 1.24.718 1.713.478.473 1.055.71 1.732.71s1.254-.237 1.732-.71a2.322 2.322 0 00.718-1.713c0-.67-.24-1.24-.717-1.714a2.374 2.374 0 00-1.733-.71zM3.5 4.327v1.038H0V4.327h3.5zm0-3.635v1.039H0V.692h3.5z" }))),
+        React.createElement("g", { "clip-path": "url(#a)", transform: "translate(1 3)" },
+            React.createElement("path", { d: "M0 0h14v9H0V0z" }))));
+});
 IconChooseList.displayName = 'IconChooseList';

package/dist/esm/icons/IconClassicView.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconClassicView = 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.5 8.5v-4h-17v4h17zm.5-6a1 1 0 011 1v6a1 1 0 01-1 1H3a1 1 0 01-1-1v-6a1 1 0 011-1h18zm-.5 17v-4h-17v4h17zm.5-6a1 1 0 011 1v6a1 1 0 01-1 1H3a1 1 0 01-1-1v-6a1 1 0 011-1h18z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconClassicView = 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.5 8.5v-4h-17v4h17zm.5-6a1 1 0 011 1v6a1 1 0 01-1 1H3a1 1 0 01-1-1v-6a1 1 0 011-1h18zm-.5 17v-4h-17v4h17zm.5-6a1 1 0 011 1v6a1 1 0 01-1 1H3a1 1 0 01-1-1v-6a1 1 0 011-1h18z", fill: "currentColor" })));
+});
 IconClassicView.displayName = 'IconClassicView';

package/dist/esm/icons/IconClear.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconClear = 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 5.612L18.388 4 12 10.388 5.612 4 4 5.612 10.388 12 4 18.388 5.612 20 12 13.612 18.388 20 20 18.388 13.612 12 20 5.612z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconClear = 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 5.612L18.388 4 12 10.388 5.612 4 4 5.612 10.388 12 4 18.388 5.612 20 12 13.612 18.388 20 20 18.388 13.612 12 20 5.612z", fill: "currentColor" })));
+});
 IconClear.displayName = 'IconClear';

package/dist/esm/icons/IconClearCircled.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconClearCircled = 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: "M16.246 9.172l-1.418-1.418L12 10.582 9.172 7.754 7.754 9.172 10.582 12l-2.828 2.828 1.418 1.418L12 13.418l2.828 2.828 1.418-1.418L13.418 12l2.828-2.828zM12 2a10 10 0 100 20 10 10 0 000-20zm0 18.005A8.005 8.005 0 1120.005 12 8.02 8.02 0 0112 20.005z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconClearCircled = 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: "M16.246 9.172l-1.418-1.418L12 10.582 9.172 7.754 7.754 9.172 10.582 12l-2.828 2.828 1.418 1.418L12 13.418l2.828 2.828 1.418-1.418L13.418 12l2.828-2.828zM12 2a10 10 0 100 20 10 10 0 000-20zm0 18.005A8.005 8.005 0 1120.005 12 8.02 8.02 0 0112 20.005z", fill: "currentColor" })));
+});
 IconClearCircled.displayName = 'IconClearCircled';

package/dist/esm/icons/IconClearCircledSolid.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconClearCircledSolid = 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: "M16.246 9.172l-1.418-1.418L12 10.582 9.172 7.754 7.754 9.172 10.582 12l-2.828 2.828 1.418 1.418L12 13.418l2.828 2.828 1.418-1.418L13.418 12l2.828-2.828zM12 2a10 10 0 100 20 10 10 0 000-20z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconClearCircledSolid = 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: "M16.246 9.172l-1.418-1.418L12 10.582 9.172 7.754 7.754 9.172 10.582 12l-2.828 2.828 1.418 1.418L12 13.418l2.828 2.828 1.418-1.418L13.418 12l2.828-2.828zM12 2a10 10 0 100 20 10 10 0 000-20z", fill: "currentColor" })));
+});
 IconClearCircledSolid.displayName = 'IconClearCircledSolid';

package/dist/esm/icons/IconClock.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconClock = 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: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconClock = 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: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z", fill: "currentColor" })));
+});
 IconClock.displayName = 'IconClock';

package/dist/esm/icons/IconClose.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconClose = 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: "M25.33 8.55l-1.88-1.88L16 14.12 8.55 6.67 6.67 8.55 14.12 16l-7.45 7.45 1.88 1.88L16 17.88l7.45 7.45 1.88-1.88L17.88 16l7.45-7.45z" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconClose = 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: "M25.33 8.55l-1.88-1.88L16 14.12 8.55 6.67 6.67 8.55 14.12 16l-7.45 7.45 1.88 1.88L16 17.88l7.45 7.45 1.88-1.88L17.88 16l7.45-7.45z" })));
+});
 IconClose.displayName = 'IconClose';

package/dist/esm/icons/IconCloseCircle.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconCloseCircle = 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", { d: "M21.66 12.23l-1.89-1.89L16 14.11l-3.77-3.77-1.89 1.89L14.11 16l-3.77 3.77 1.89 1.89L16 17.89l3.77 3.77 1.89-1.89L17.89 16zM16 2.67A13.33 13.33 0 1029.33 16 13.33 13.33 0 0016 2.67z", "fill-rule": "evenodd" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconCloseCircle = 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", { d: "M21.66 12.23l-1.89-1.89L16 14.11l-3.77-3.77-1.89 1.89L14.11 16l-3.77 3.77 1.89 1.89L16 17.89l3.77 3.77 1.89-1.89L17.89 16zM16 2.67A13.33 13.33 0 1029.33 16 13.33 13.33 0 0016 2.67z", "fill-rule": "evenodd" })));
+});
 IconCloseCircle.displayName = 'IconCloseCircle';

package/dist/esm/icons/IconColumn.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconColumn = 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: "M2 5v15h20V5H2zm11.769 2.302V17.69H10.24V7.302h3.529zm-9.413 0h3.528V17.69H4.356V7.302zM19.645 17.69h-3.53V7.302h3.53V17.69z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconColumn = 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: "M2 5v15h20V5H2zm11.769 2.302V17.69H10.24V7.302h3.529zm-9.413 0h3.528V17.69H4.356V7.302zM19.645 17.69h-3.53V7.302h3.53V17.69z", fill: "currentColor" })));
+});
 IconColumn.displayName = 'IconColumn';