@freightos/icons 1.0.2 → 1.0.4

package/dist/esm/icons/IconStarHalf.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconStarHalf = 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 9.238l-7.187-.623L12 2 9.187 8.63 2 9.237l5.5 4.733-1.68 7.027 6.18-3.75 6.182 3.75-1.628-7.027L22 9.238zm-10 6.157v-9.3l1.71 4.042 4.382.383-3.324 2.88.983 4.275-3.75-2.28z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconStarHalf = 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 9.238l-7.187-.623L12 2 9.187 8.63 2 9.237l5.5 4.733-1.68 7.027 6.18-3.75 6.182 3.75-1.628-7.027L22 9.238zm-10 6.157v-9.3l1.71 4.042 4.382.383-3.324 2.88.983 4.275-3.75-2.28z", fill: "currentColor" })));
+});
 IconStarHalf.displayName = 'IconStarHalf';

package/dist/esm/icons/IconStatusUpdate.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconStatusUpdate = 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.9 6H2v1.576h15.9V6zm-5.884 4.26H2v1.576h9.174c.201-.57.486-1.101.842-1.576zm-1.157 4.255c.057.553.186 1.082.377 1.576H2v-1.576h8.859zm9.2-2.758l-1.943 2.082h1.457a3.24 3.24 0 01-.854 2.206 2.821 2.821 0 01-2.06.915c-.49 0-.957-.13-1.36-.365l-.71.76a3.666 3.666 0 002.07.645 3.66 3.66 0 001.486-.316c.472-.21.9-.516 1.26-.902.361-.387.648-.845.843-1.35a4.42 4.42 0 00.296-1.592H22l-1.942-2.083zm-6.314 2.082c.001-.828.308-1.62.854-2.206a2.82 2.82 0 012.059-.915c.49 0 .957.13 1.36.364l.71-.76a3.666 3.666 0 00-2.07-.645c-.51 0-1.015.108-1.487.317-.47.21-.899.516-1.26.902-.36.386-.646.845-.841 1.35a4.42 4.42 0 00-.296 1.593h-1.457l1.942 2.08 1.943-2.08h-1.457z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconStatusUpdate = 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.9 6H2v1.576h15.9V6zm-5.884 4.26H2v1.576h9.174c.201-.57.486-1.101.842-1.576zm-1.157 4.255c.057.553.186 1.082.377 1.576H2v-1.576h8.859zm9.2-2.758l-1.943 2.082h1.457a3.24 3.24 0 01-.854 2.206 2.821 2.821 0 01-2.06.915c-.49 0-.957-.13-1.36-.365l-.71.76a3.666 3.666 0 002.07.645 3.66 3.66 0 001.486-.316c.472-.21.9-.516 1.26-.902.361-.387.648-.845.843-1.35a4.42 4.42 0 00.296-1.592H22l-1.942-2.083zm-6.314 2.082c.001-.828.308-1.62.854-2.206a2.82 2.82 0 012.059-.915c.49 0 .957.13 1.36.364l.71-.76a3.666 3.666 0 00-2.07-.645c-.51 0-1.015.108-1.487.317-.47.21-.899.516-1.26.902-.36.386-.646.845-.841 1.35a4.42 4.42 0 00-.296 1.593h-1.457l1.942 2.08 1.943-2.08h-1.457z", fill: "currentColor" })));
+});
 IconStatusUpdate.displayName = 'IconStatusUpdate';

package/dist/esm/icons/IconSubdirectory.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconSubdirectory = 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: "M21 14.942L13.8 22l-1.701-1.667 4.31-4.217H3V2h2.404v11.769H16.41l-4.311-4.217 1.7-1.668 7.2 7.058z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconSubdirectory = 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: "M21 14.942L13.8 22l-1.701-1.667 4.31-4.217H3V2h2.404v11.769H16.41l-4.311-4.217 1.7-1.668 7.2 7.058z", fill: "currentColor" })));
+});
 IconSubdirectory.displayName = 'IconSubdirectory';

package/dist/esm/icons/IconSync.js

@@ -1,17 +1,21 @@
 import React, { forwardRef } from 'react';
-export const IconSync = 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_5512_25958)" },
-        React.createElement("path", { d: "M12.5 4.727V2L8.75 5.636l3.75 3.637V6.545c3.103 0 5.625 2.446 5.625 5.455 0 .918-.234 1.79-.656 2.546l1.368 1.327A7.05 7.05 0 0020 12c0-4.018-3.356-7.273-7.5-7.273zm0 12.727c-3.103 0-5.625-2.445-5.625-5.454 0-.918.234-1.79.656-2.545L6.162 8.127A7.05 7.05 0 005 12c0 4.018 3.356 7.273 7.5 7.273V22l3.75-3.636-3.75-3.637v2.727z", fill: "currentColor" })),
-    React.createElement("defs", null,
-        React.createElement("clipPath", { id: "clip0_5512_25958" },
-            React.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" }))))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconSync = 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_5512_25958)" },
+            React.createElement("path", { d: "M12.5 4.727V2L8.75 5.636l3.75 3.637V6.545c3.103 0 5.625 2.446 5.625 5.455 0 .918-.234 1.79-.656 2.546l1.368 1.327A7.05 7.05 0 0020 12c0-4.018-3.356-7.273-7.5-7.273zm0 12.727c-3.103 0-5.625-2.445-5.625-5.454 0-.918.234-1.79.656-2.545L6.162 8.127A7.05 7.05 0 005 12c0 4.018 3.356 7.273 7.5 7.273V22l3.75-3.636-3.75-3.637v2.727z", fill: "currentColor" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "clip0_5512_25958" },
+                React.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" })))));
+});
 IconSync.displayName = 'IconSync';

package/dist/esm/icons/IconSyncCircledSolid.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconSyncCircledSolid = 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: "M2 12a10 10 0 1020 0 10 10 0 00-20 0zm13.6 1.72A4 4 0 0016 12a4 4 0 00-4-4v2L8.88 7 12 4v2a6 6 0 016 6 5.9 5.9 0 01-.93 3.19M6 12a5.9 5.9 0 01.93-3.19l1.47 1.47A4 4 0 008 12a4 4 0 004 4v-2l3 3-3 3v-2a6 6 0 01-6-6z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconSyncCircledSolid = 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: "M2 12a10 10 0 1020 0 10 10 0 00-20 0zm13.6 1.72A4 4 0 0016 12a4 4 0 00-4-4v2L8.88 7 12 4v2a6 6 0 016 6 5.9 5.9 0 01-.93 3.19M6 12a5.9 5.9 0 01.93-3.19l1.47 1.47A4 4 0 008 12a4 4 0 004 4v-2l3 3-3 3v-2a6 6 0 01-6-6z", fill: "currentColor" })));
+});
 IconSyncCircledSolid.displayName = 'IconSyncCircledSolid';

package/dist/esm/icons/IconTable.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconTable = 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.9 2H4.108a2.062 2.062 0 00-1.488.654A2.297 2.297 0 002 4.225v15.55c.002.59.225 1.154.62 1.57.395.418.93.653 1.488.655H19.9a2.054 2.054 0 001.485-.655 2.29 2.29 0 00.615-1.57V4.225a2.29 2.29 0 00-.615-1.57A2.054 2.054 0 0019.9 2zm0 2.225v3.333H4.108V4.225H19.9zm-5.267 15.55H9.367v-10h5.266v10zm-10.525-10h3.158v10H4.108v-10zm12.633 10v-10H19.9v10h-3.16z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconTable = 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.9 2H4.108a2.062 2.062 0 00-1.488.654A2.297 2.297 0 002 4.225v15.55c.002.59.225 1.154.62 1.57.395.418.93.653 1.488.655H19.9a2.054 2.054 0 001.485-.655 2.29 2.29 0 00.615-1.57V4.225a2.29 2.29 0 00-.615-1.57A2.054 2.054 0 0019.9 2zm0 2.225v3.333H4.108V4.225H19.9zm-5.267 15.55H9.367v-10h5.266v10zm-10.525-10h3.158v10H4.108v-10zm12.633 10v-10H19.9v10h-3.16z", fill: "currentColor" })));
+});
 IconTable.displayName = 'IconTable';

package/dist/esm/icons/IconTableSort.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconTableSort = 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.997 14.5l-4.995 5.003L7 14.5h9.997zM12.002 4l4.995 5.002H7L12.002 4z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconTableSort = 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.997 14.5l-4.995 5.003L7 14.5h9.997zM12.002 4l4.995 5.002H7L12.002 4z", fill: "currentColor" })));
+});
 IconTableSort.displayName = 'IconTableSort';

package/dist/esm/icons/IconTag.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconTag = 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.878 3.55l8.556 8.568c.353.354.556.83.566 1.33a1.844 1.844 0 01-.558 1.339l-6.652 6.655a1.843 1.843 0 01-1.338.558 1.881 1.881 0 01-1.338-.55l-8.556-8.568A1.89 1.89 0 013 11.552V4.905A1.913 1.913 0 014.904 3h6.636a1.88 1.88 0 011.338.55zm-7.974 8.002l8.54 8.559 6.644-6.67-8.54-8.536H4.904v6.647zm2.705-4.5a1.37 1.37 0 111.523 2.28 1.37 1.37 0 01-1.523-2.28z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconTag = 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.878 3.55l8.556 8.568c.353.354.556.83.566 1.33a1.844 1.844 0 01-.558 1.339l-6.652 6.655a1.843 1.843 0 01-1.338.558 1.881 1.881 0 01-1.338-.55l-8.556-8.568A1.89 1.89 0 013 11.552V4.905A1.913 1.913 0 014.904 3h6.636a1.88 1.88 0 011.338.55zm-7.974 8.002l8.54 8.559 6.644-6.67-8.54-8.536H4.904v6.647zm2.705-4.5a1.37 1.37 0 111.523 2.28 1.37 1.37 0 01-1.523-2.28z", fill: "currentColor" })));
+});
 IconTag.displayName = 'IconTag';

package/dist/esm/icons/IconTemperatureLow.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconTemperatureLow = 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.537 2c1.786 0 3.24 1.402 3.24 3.125v9.45a4.297 4.297 0 011.297 3.05c0 2.414-2.033 4.375-4.537 4.375C7.034 22 5 20.039 5 17.625c0-1.14.474-2.242 1.296-3.05v-9.45C6.296 3.402 7.751 2 9.537 2zm8.426 0c-1.43 0-2.593 1.121-2.593 2.5S16.533 7 17.963 7s2.593-1.121 2.593-2.5S19.393 2 17.963 2zm0 3.75c-.717 0-1.296-.559-1.296-1.25s.579-1.25 1.296-1.25c.717 0 1.296.559 1.296 1.25s-.579 1.25-1.296 1.25zm-8.426 15c-1.786 0-3.24-1.402-3.24-3.125 0-.996.494-1.91 1.296-2.492V5.125c0-1.035.87-1.875 1.944-1.875 1.073 0 1.944.84 1.944 1.875v10.008a3.078 3.078 0 011.297 2.492c0 1.723-1.455 3.125-3.241 3.125zm-1.944-3.083c0 1.035.87 1.875 1.944 1.875 1.074 0 1.944-.84 1.944-1.875 0-.817-.54-1.51-1.296-1.768v-5.107a.637.637 0 00-.648-.625.637.637 0 00-.648.625v5.107c-.755.257-1.296.951-1.296 1.768z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconTemperatureLow = 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.537 2c1.786 0 3.24 1.402 3.24 3.125v9.45a4.297 4.297 0 011.297 3.05c0 2.414-2.033 4.375-4.537 4.375C7.034 22 5 20.039 5 17.625c0-1.14.474-2.242 1.296-3.05v-9.45C6.296 3.402 7.751 2 9.537 2zm8.426 0c-1.43 0-2.593 1.121-2.593 2.5S16.533 7 17.963 7s2.593-1.121 2.593-2.5S19.393 2 17.963 2zm0 3.75c-.717 0-1.296-.559-1.296-1.25s.579-1.25 1.296-1.25c.717 0 1.296.559 1.296 1.25s-.579 1.25-1.296 1.25zm-8.426 15c-1.786 0-3.24-1.402-3.24-3.125 0-.996.494-1.91 1.296-2.492V5.125c0-1.035.87-1.875 1.944-1.875 1.073 0 1.944.84 1.944 1.875v10.008a3.078 3.078 0 011.297 2.492c0 1.723-1.455 3.125-3.241 3.125zm-1.944-3.083c0 1.035.87 1.875 1.944 1.875 1.074 0 1.944-.84 1.944-1.875 0-.817-.54-1.51-1.296-1.768v-5.107a.637.637 0 00-.648-.625.637.637 0 00-.648.625v5.107c-.755.257-1.296.951-1.296 1.768z", fill: "currentColor" })));
+});
 IconTemperatureLow.displayName = 'IconTemperatureLow';

package/dist/esm/icons/IconThumbUp.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconThumbUp = 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: "M5.636 9.273v10.909H2V9.272h3.636zm3.637 10.909a1.818 1.818 0 01-1.818-1.818V9.273c0-.5.2-.955.536-1.282L13.973 2l.963.964c.246.245.4.581.4.954l-.027.291-.864 4.155h5.737c1.009 0 1.818.818 1.818 1.818V12c0 .236-.046.454-.127.664l-2.746 6.409a1.806 1.806 0 01-1.672 1.109H9.272zm0-1.818h8.209l2.7-6.364v-1.818H12.19l1.027-4.837L9.273 9.3v9.064z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconThumbUp = 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: "M5.636 9.273v10.909H2V9.272h3.636zm3.637 10.909a1.818 1.818 0 01-1.818-1.818V9.273c0-.5.2-.955.536-1.282L13.973 2l.963.964c.246.245.4.581.4.954l-.027.291-.864 4.155h5.737c1.009 0 1.818.818 1.818 1.818V12c0 .236-.046.454-.127.664l-2.746 6.409a1.806 1.806 0 01-1.672 1.109H9.272zm0-1.818h8.209l2.7-6.364v-1.818H12.19l1.027-4.837L9.273 9.3v9.064z", fill: "currentColor" })));
+});
 IconThumbUp.displayName = 'IconThumbUp';

package/dist/esm/icons/IconTile.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconTile = 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 5v14h20V5H2zm4.702 1.996v2.003H4.356V6.996h2.346zm-2.346 6.002v-1.996h2.346v1.996H4.356zm0 2.003h2.346v2.003H4.356v-2.003zm15.288 2.003H9.059v-2.003h10.587v2.003zm0-4.006H9.059v-1.996h10.587v1.996zm0-4H9.059V6.997h10.587V9z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconTile = 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 5v14h20V5H2zm4.702 1.996v2.003H4.356V6.996h2.346zm-2.346 6.002v-1.996h2.346v1.996H4.356zm0 2.003h2.346v2.003H4.356v-2.003zm15.288 2.003H9.059v-2.003h10.587v2.003zm0-4.006H9.059v-1.996h10.587v1.996zm0-4H9.059V6.997h10.587V9z", fill: "currentColor" })));
+});
 IconTile.displayName = 'IconTile';

package/dist/esm/icons/IconTimer.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconTimer = 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.995 2h-6v1.891h6V2zm-3.998 12.368H13v-5.71h-2.003v5.71zm8.033-6.302l1.417-1.32a10.64 10.64 0 00-1.41-1.342L17.62 6.746c-1.797-1.366-4.076-2.026-6.37-1.845-2.292.182-4.424 1.193-5.958 2.824-1.534 1.631-2.353 3.76-2.29 5.948.064 2.189 1.006 4.27 2.633 5.818 1.627 1.549 3.815 2.445 6.114 2.506 2.3.06 4.537-.72 6.251-2.179 1.714-1.46 2.776-3.489 2.968-5.67.191-2.182-.503-4.35-1.94-6.06v-.022zm-7.035 12.012a7.262 7.262 0 01-3.893-1.124 6.749 6.749 0 01-2.58-2.993 6.367 6.367 0 01-.397-3.852 6.573 6.573 0 011.92-3.413 7.122 7.122 0 013.588-1.823 7.336 7.336 0 014.048.383 6.94 6.94 0 013.142 2.458A6.438 6.438 0 0119 13.419a6.372 6.372 0 01-.532 2.551 6.641 6.641 0 01-1.518 2.162 7.026 7.026 0 01-2.274 1.443 7.304 7.304 0 01-2.681.503z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconTimer = 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.995 2h-6v1.891h6V2zm-3.998 12.368H13v-5.71h-2.003v5.71zm8.033-6.302l1.417-1.32a10.64 10.64 0 00-1.41-1.342L17.62 6.746c-1.797-1.366-4.076-2.026-6.37-1.845-2.292.182-4.424 1.193-5.958 2.824-1.534 1.631-2.353 3.76-2.29 5.948.064 2.189 1.006 4.27 2.633 5.818 1.627 1.549 3.815 2.445 6.114 2.506 2.3.06 4.537-.72 6.251-2.179 1.714-1.46 2.776-3.489 2.968-5.67.191-2.182-.503-4.35-1.94-6.06v-.022zm-7.035 12.012a7.262 7.262 0 01-3.893-1.124 6.749 6.749 0 01-2.58-2.993 6.367 6.367 0 01-.397-3.852 6.573 6.573 0 011.92-3.413 7.122 7.122 0 013.588-1.823 7.336 7.336 0 014.048.383 6.94 6.94 0 013.142 2.458A6.438 6.438 0 0119 13.419a6.372 6.372 0 01-.532 2.551 6.641 6.641 0 01-1.518 2.162 7.026 7.026 0 01-2.274 1.443 7.304 7.304 0 01-2.681.503z", fill: "currentColor" })));
+});
 IconTimer.displayName = 'IconTimer';

package/dist/esm/icons/IconTotal.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconTotal = 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: "M18 6H8.83l6 6-6 6H18v2H6v-2l6-6-6-6V4h12v2z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconTotal = 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: "M18 6H8.83l6 6-6 6H18v2H6v-2l6-6-6-6V4h12v2z", fill: "currentColor" })));
+});
 IconTotal.displayName = 'IconTotal';

package/dist/esm/icons/IconTotalUnits.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconTotalUnits = 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.333 5.17L12.081 4h-.2L7.637 5.17l-.452.36v5.158l.267.367L12 12.348l4.54-1.293.275-.367V5.53l-.482-.36zm-7.281.36l2.963-.765 2.91.765-.703.222-2.222.62-2.54-.689-.408-.153zm2.578 5.915l-3.704-1.048V6.035l3.704 1.026v4.384zm.74 0V7.061l1.467-.416V8.6l.74-.2V6.437l1.497-.424v4.385l-3.704 1.048zm4.897.207l4.252 1.17.481.36v5.158l-.274.367L17.186 20l-4.549-1.293-.267-.367v-5.158l.452-.36 4.245-1.17h.2zm-.067.765l-2.963.765.408.153 2.54.689 2.223-.62.703-.222-2.91-.765zm-4.089 5.632l3.704 1.048v-4.385l-3.704-1.025v4.362zm4.445-3.336v4.384l3.703-1.048v-4.385l-1.496.423v1.965l-.74.199v-1.954l-1.467.415zm-10.66-3.061l4.252 1.17.482.36v5.158l-.274.367L6.815 20l-4.548-1.293L2 18.34v-5.158l.452-.36 4.244-1.17h.2zm-.066.765l-2.963.765.407.153 2.54.689 2.223-.62.704-.222-2.911-.765zm-4.09 5.632l3.704 1.048v-4.385l-3.703-1.025v4.362zm4.445-3.336v4.384l3.704-1.048v-4.385l-1.496.423v1.965l-.741.199v-1.954l-1.467.415z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconTotalUnits = 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.333 5.17L12.081 4h-.2L7.637 5.17l-.452.36v5.158l.267.367L12 12.348l4.54-1.293.275-.367V5.53l-.482-.36zm-7.281.36l2.963-.765 2.91.765-.703.222-2.222.62-2.54-.689-.408-.153zm2.578 5.915l-3.704-1.048V6.035l3.704 1.026v4.384zm.74 0V7.061l1.467-.416V8.6l.74-.2V6.437l1.497-.424v4.385l-3.704 1.048zm4.897.207l4.252 1.17.481.36v5.158l-.274.367L17.186 20l-4.549-1.293-.267-.367v-5.158l.452-.36 4.245-1.17h.2zm-.067.765l-2.963.765.408.153 2.54.689 2.223-.62.703-.222-2.91-.765zm-4.089 5.632l3.704 1.048v-4.385l-3.704-1.025v4.362zm4.445-3.336v4.384l3.703-1.048v-4.385l-1.496.423v1.965l-.74.199v-1.954l-1.467.415zm-10.66-3.061l4.252 1.17.482.36v5.158l-.274.367L6.815 20l-4.548-1.293L2 18.34v-5.158l.452-.36 4.244-1.17h.2zm-.066.765l-2.963.765.407.153 2.54.689 2.223-.62.704-.222-2.911-.765zm-4.09 5.632l3.704 1.048v-4.385l-3.703-1.025v4.362zm4.445-3.336v4.384l3.704-1.048v-4.385l-1.496.423v1.965l-.741.199v-1.954l-1.467.415z", fill: "currentColor" })));
+});
 IconTotalUnits.displayName = 'IconTotalUnits';

package/dist/esm/icons/IconTransactions.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconTransactions = 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 8.571L17.556 4v3.429H9.778v2.285h7.778v3.429M6.444 10.857L2 15.43 6.444 20v-3.429h7.778v-2.285H6.444v-3.429z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconTransactions = 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 8.571L17.556 4v3.429H9.778v2.285h7.778v3.429M6.444 10.857L2 15.43 6.444 20v-3.429h7.778v-2.285H6.444v-3.429z", fill: "currentColor" })));
+});
 IconTransactions.displayName = 'IconTransactions';

package/dist/esm/icons/IconTrash.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconTrash = 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: "M6.002 18.997c.006.535.22 1.045.593 1.42A1.97 1.97 0 007.999 21H16a1.971 1.971 0 001.404-.582c.374-.376.587-.886.593-1.42v-12H6.002v12zM8 9h8v9.997H8V9zm7.5-5.002L14.498 3H9.502L8.5 3.998H5V6h14V3.998h-3.5z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconTrash = 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: "M6.002 18.997c.006.535.22 1.045.593 1.42A1.97 1.97 0 007.999 21H16a1.971 1.971 0 001.404-.582c.374-.376.587-.886.593-1.42v-12H6.002v12zM8 9h8v9.997H8V9zm7.5-5.002L14.498 3H9.502L8.5 3.998H5V6h14V3.998h-3.5z", fill: "currentColor" })));
+});
 IconTrash.displayName = 'IconTrash';

package/dist/esm/icons/IconTrendingDown.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconTrendingDown = 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.998 18l2.296-2.287-4.884-4.883-3.998 3.998L2 7.41 3.41 6l6.002 6 3.998-3.998 6.302 6.285L22 12v6h-6.002z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconTrendingDown = 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.998 18l2.296-2.287-4.884-4.883-3.998 3.998L2 7.41 3.41 6l6.002 6 3.998-3.998 6.302 6.285L22 12v6h-6.002z", fill: "currentColor" })));
+});
 IconTrendingDown.displayName = 'IconTrendingDown';

package/dist/esm/icons/IconTrendingFlat.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconTrendingFlat = 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: "M21.997 12L18 8v3.002H3v1.996h15V16l3.997-4z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconTrendingFlat = 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: "M21.997 12L18 8v3.002H3v1.996h15V16l3.997-4z", fill: "currentColor" })));
+});
 IconTrendingFlat.displayName = 'IconTrendingFlat';