@freightos/icons 1.0.2 → 1.0.4

package/dist/esm/icons/IconExport.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconExport = 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.775 19.775H4.225V4.225H12V2H4.225A2.225 2.225 0 002 4.225v15.55A2.225 2.225 0 004.225 22h15.55A2.233 2.233 0 0022 19.775V12h-2.225v7.775zM14.225 2v2.225h3.983L7.292 15.142l1.566 1.566L19.775 5.792v3.983H22V2h-7.775z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconExport = 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.775 19.775H4.225V4.225H12V2H4.225A2.225 2.225 0 002 4.225v15.55A2.225 2.225 0 004.225 22h15.55A2.233 2.233 0 0022 19.775V12h-2.225v7.775zM14.225 2v2.225h3.983L7.292 15.142l1.566 1.566L19.775 5.792v3.983H22V2h-7.775z", fill: "currentColor" })));
+});
 IconExport.displayName = 'IconExport';

package/dist/esm/icons/IconExpress.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconExpress = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { d: "M14.727 5a7.273 7.273 0 110 14.546 7.273 7.273 0 010-14.546zm0 1.818a5.454 5.454 0 100 10.909 5.454 5.454 0 000-10.909zm-.909 1.818h1.364v3.437L17.3 14.19l-.964.963-2.518-2.518v-4zM2.91 17.727a.91.91 0 010-1.818h3.482a9.334 9.334 0 001.064 1.818H2.909zm.91-4.545a.91.91 0 010-1.818h1.863l-.046.909.046.909H3.818zm.908-4.546a.91.91 0 010-1.818h2.728A9.33 9.33 0 006.39 8.636H4.727z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconExpress = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { d: "M14.727 5a7.273 7.273 0 110 14.546 7.273 7.273 0 010-14.546zm0 1.818a5.454 5.454 0 100 10.909 5.454 5.454 0 000-10.909zm-.909 1.818h1.364v3.437L17.3 14.19l-.964.963-2.518-2.518v-4zM2.91 17.727a.91.91 0 010-1.818h3.482a9.334 9.334 0 001.064 1.818H2.909zm.91-4.545a.91.91 0 010-1.818h1.863l-.046.909.046.909H3.818zm.908-4.546a.91.91 0 010-1.818h2.728A9.33 9.33 0 006.39 8.636H4.727z", fill: "currentColor" })));
+});
 IconExpress.displayName = 'IconExpress';

package/dist/esm/icons/IconEye.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconEye = 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 6.869a8.69 8.69 0 014.73 1.377A9.021 9.021 0 0120.015 12a9.083 9.083 0 01-3.291 3.748A8.752 8.752 0 0112 17.138a8.752 8.752 0 01-4.725-1.39A9.083 9.083 0 013.984 12 9.021 9.021 0 017.27 8.246 8.69 8.69 0 0112 6.87zM12 5a10.56 10.56 0 00-6.05 1.919A10.999 10.999 0 002 11.999a10.985 10.985 0 003.949 5.084A10.547 10.547 0 0011.999 19c2.16 0 4.268-.668 6.052-1.917A10.985 10.985 0 0022 12a10.999 10.999 0 00-3.95-5.081A10.56 10.56 0 0012 5zm0 4.669c.45-.002.892.135 1.267.39.376.257.669.622.842 1.05.173.427.219.898.131 1.352a2.358 2.358 0 01-.623 1.199c-.32.327-.726.55-1.168.64-.442.09-.9.043-1.317-.135a2.29 2.29 0 01-1.021-.864A2.383 2.383 0 019.73 12c0-.618.24-1.211.665-1.649A2.24 2.24 0 0112 9.67zm0-1.87c-.809 0-1.6.247-2.272.709a4.178 4.178 0 00-1.507 1.885 4.305 4.305 0 00-.232 2.426 4.236 4.236 0 001.119 2.15c.572.588 1.3.988 2.094 1.15a3.99 3.99 0 002.363-.24 4.115 4.115 0 001.836-1.546c.449-.69.689-1.503.689-2.333a4.259 4.259 0 00-1.198-2.97A4.036 4.036 0 0012 7.8z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconEye = 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 6.869a8.69 8.69 0 014.73 1.377A9.021 9.021 0 0120.015 12a9.083 9.083 0 01-3.291 3.748A8.752 8.752 0 0112 17.138a8.752 8.752 0 01-4.725-1.39A9.083 9.083 0 013.984 12 9.021 9.021 0 017.27 8.246 8.69 8.69 0 0112 6.87zM12 5a10.56 10.56 0 00-6.05 1.919A10.999 10.999 0 002 11.999a10.985 10.985 0 003.949 5.084A10.547 10.547 0 0011.999 19c2.16 0 4.268-.668 6.052-1.917A10.985 10.985 0 0022 12a10.999 10.999 0 00-3.95-5.081A10.56 10.56 0 0012 5zm0 4.669c.45-.002.892.135 1.267.39.376.257.669.622.842 1.05.173.427.219.898.131 1.352a2.358 2.358 0 01-.623 1.199c-.32.327-.726.55-1.168.64-.442.09-.9.043-1.317-.135a2.29 2.29 0 01-1.021-.864A2.383 2.383 0 019.73 12c0-.618.24-1.211.665-1.649A2.24 2.24 0 0112 9.67zm0-1.87c-.809 0-1.6.247-2.272.709a4.178 4.178 0 00-1.507 1.885 4.305 4.305 0 00-.232 2.426 4.236 4.236 0 001.119 2.15c.572.588 1.3.988 2.094 1.15a3.99 3.99 0 002.363-.24 4.115 4.115 0 001.836-1.546c.449-.69.689-1.503.689-2.333a4.259 4.259 0 00-1.198-2.97A4.036 4.036 0 0012 7.8z", fill: "currentColor" })));
+});
 IconEye.displayName = 'IconEye';

package/dist/esm/icons/IconEyeInvisible.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconEyeInvisible = 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 6.335a8.644 8.644 0 014.73 1.387 9.067 9.067 0 013.286 3.78 9.016 9.016 0 01-2.188 2.934l1.282 1.325a11.11 11.11 0 002.89-4.23c-.997-2.637-2.928-4.782-5.4-5.997a10.43 10.43 0 00-7.906-.546l1.5 1.551A8.998 8.998 0 0112 6.335zm-.975 1.072l1.882 1.946c.512.243.918.675 1.138 1.212l1.881 1.946c.094-.33.149-.671.164-1.015a4.3 4.3 0 00-1.198-2.991A4.023 4.023 0 0012 7.265c-.33.005-.657.052-.975.142zM2.92 4.333L5.354 6.85A11.097 11.097 0 002 11.503a11.054 11.054 0 003.949 5.12A10.494 10.494 0 0012 18.553a10.306 10.306 0 003.926-.768L19.035 21l1.281-1.326L4.202 3 2.92 4.333zm6.817 7.05l2.372 2.454H12a2.24 2.24 0 01-1.605-.693 2.396 2.396 0 01-.665-1.662v-.12l.007.021zM6.649 8.19l1.588 1.67a4.361 4.361 0 00.36 3.98 4.143 4.143 0 001.472 1.388 3.974 3.974 0 003.54.166l.893.924a9.247 9.247 0 01-2.502.36 8.645 8.645 0 01-4.73-1.39 9.068 9.068 0 01-3.286-3.785 9.164 9.164 0 012.665-3.314z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconEyeInvisible = 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 6.335a8.644 8.644 0 014.73 1.387 9.067 9.067 0 013.286 3.78 9.016 9.016 0 01-2.188 2.934l1.282 1.325a11.11 11.11 0 002.89-4.23c-.997-2.637-2.928-4.782-5.4-5.997a10.43 10.43 0 00-7.906-.546l1.5 1.551A8.998 8.998 0 0112 6.335zm-.975 1.072l1.882 1.946c.512.243.918.675 1.138 1.212l1.881 1.946c.094-.33.149-.671.164-1.015a4.3 4.3 0 00-1.198-2.991A4.023 4.023 0 0012 7.265c-.33.005-.657.052-.975.142zM2.92 4.333L5.354 6.85A11.097 11.097 0 002 11.503a11.054 11.054 0 003.949 5.12A10.494 10.494 0 0012 18.553a10.306 10.306 0 003.926-.768L19.035 21l1.281-1.326L4.202 3 2.92 4.333zm6.817 7.05l2.372 2.454H12a2.24 2.24 0 01-1.605-.693 2.396 2.396 0 01-.665-1.662v-.12l.007.021zM6.649 8.19l1.588 1.67a4.361 4.361 0 00.36 3.98 4.143 4.143 0 001.472 1.388 3.974 3.974 0 003.54.166l.893.924a9.247 9.247 0 01-2.502.36 8.645 8.645 0 01-4.73-1.39 9.068 9.068 0 01-3.286-3.785 9.164 9.164 0 012.665-3.314z", fill: "currentColor" })));
+});
 IconEyeInvisible.displayName = 'IconEyeInvisible';

package/dist/esm/icons/IconFactory.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconFactory = 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.273 5.554c-.524-.507-.262-1.523.524-1.904.786-.507 2.228.127 2.228.127s.524-.888 1.704-.888c1.573 0 2.096.761 2.096.761S13.481 2 15.315 2c1.967 0 2.36 1.396 2.36 1.396s.393-.761 1.703-.634c1.442.126 1.18 1.396 1.18 1.396S22 4.031 22 5.174c0 .888-1.31.888-1.31.888s.524.889-.918 1.397c-1.966.762-2.49-.508-2.49-.508s-.786 1.269-3.015 1.015c-1.965-.253-2.228-1.777-2.228-1.777s-1.44.762-2.49-.127c-1.572-1.269-2.62-1.65-3.276-.508zM17 16.258v.942l3.54-1.83a1 1 0 011.46.888V22H2v-7.385h3L5.75 6h2.5L9 14.615h3V17.2l3.54-1.83a1 1 0 011.46.888zm-12.5 3.28h5v-2.461h-5v2.461z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconFactory = 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.273 5.554c-.524-.507-.262-1.523.524-1.904.786-.507 2.228.127 2.228.127s.524-.888 1.704-.888c1.573 0 2.096.761 2.096.761S13.481 2 15.315 2c1.967 0 2.36 1.396 2.36 1.396s.393-.761 1.703-.634c1.442.126 1.18 1.396 1.18 1.396S22 4.031 22 5.174c0 .888-1.31.888-1.31.888s.524.889-.918 1.397c-1.966.762-2.49-.508-2.49-.508s-.786 1.269-3.015 1.015c-1.965-.253-2.228-1.777-2.228-1.777s-1.44.762-2.49-.127c-1.572-1.269-2.62-1.65-3.276-.508zM17 16.258v.942l3.54-1.83a1 1 0 011.46.888V22H2v-7.385h3L5.75 6h2.5L9 14.615h3V17.2l3.54-1.83a1 1 0 011.46.888zm-12.5 3.28h5v-2.461h-5v2.461z", fill: "currentColor" })));
+});
 IconFactory.displayName = 'IconFactory';

package/dist/esm/icons/IconFilledCircle.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconFilledCircle = 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 7a5.002 5.002 0 000 10 5.002 5.002 0 000-10zm0-5A10.004 10.004 0 002 12a10.004 10.004 0 0010 10 10.004 10.004 0 0010-10A10.005 10.005 0 0012 2zm0 18a7.998 7.998 0 110-16 7.997 7.997 0 015.657 13.656A7.999 7.999 0 0112 19.999z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconFilledCircle = 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 7a5.002 5.002 0 000 10 5.002 5.002 0 000-10zm0-5A10.004 10.004 0 002 12a10.004 10.004 0 0010 10 10.004 10.004 0 0010-10A10.005 10.005 0 0012 2zm0 18a7.998 7.998 0 110-16 7.997 7.997 0 015.657 13.656A7.999 7.999 0 0112 19.999z", fill: "currentColor" })));
+});
 IconFilledCircle.displayName = 'IconFilledCircle';

package/dist/esm/icons/IconFilter.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconFilter = 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.775 18.333h4.45v-2.225h-4.45v2.225zM2 5v2.225h20V5H2zm3.333 7.775h13.334v-2.217H5.333v2.217z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconFilter = 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.775 18.333h4.45v-2.225h-4.45v2.225zM2 5v2.225h20V5H2zm3.333 7.775h13.334v-2.217H5.333v2.217z", fill: "currentColor" })));
+});
 IconFilter.displayName = 'IconFilter';

package/dist/esm/icons/IconFlag.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconFlag = 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.36 6l.4 2H18v6h-3.36l-.4-2H7V6h5.36zM14 4H5v17h2v-7h5.6l.4 2h7V6h-5.6L14 4z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconFlag = 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.36 6l.4 2H18v6h-3.36l-.4-2H7V6h5.36zM14 4H5v17h2v-7h5.6l.4 2h7V6h-5.6L14 4z", fill: "currentColor" })));
+});
 IconFlag.displayName = 'IconFlag';

package/dist/esm/icons/IconFreightosCredit.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconFreightosCredit = 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: "M13.235 14.024a.55.55 0 01.058.246c0 .399-.289.646-.853.742v-1.554c.23.09.443.215.633.371a.551.551 0 01.162.195zm-1.662-4.211v1.472a2.954 2.954 0 01-.619-.358.605.605 0 01-.178-.454c0-.357.261-.577.797-.66zM12 2a9.931 9.931 0 015.406 1.596l.096.784H6.498v-.633A9.863 9.863 0 0112 2zm6.231 8.625h3.659c.07.455.107.915.11 1.375a9.96 9.96 0 01-3.769 7.827v-9.202zm-15.27 5.662A9.973 9.973 0 012 12c0-.257.014-.514.041-.77h3.632v8.514a9.973 9.973 0 01-2.711-3.457zm-.878-5.566a10.028 10.028 0 013.535-6.424v6.424H2.083zm16.148-.936V4.187a9.945 9.945 0 013.522 5.598H18.23zM12.001 22a9.863 9.863 0 01-5.627-1.747V4.971h11.128v15.392A9.973 9.973 0 0112 22zm-.428-13.74a3.68 3.68 0 00-1.981.715 1.87 1.87 0 00-.647 1.54 2.05 2.05 0 00.523 1.376 4.73 4.73 0 001.76 1.06l.414.164v1.94a7.201 7.201 0 01-1.376-.248 7.701 7.701 0 01-1.376-.467v1.65c.849.36 1.761.543 2.683.537v1.265h.866v-1.28a3.645 3.645 0 002.022-.728 1.98 1.98 0 00.716-1.61c.006-.337-.08-.67-.248-.962a2.325 2.325 0 00-.757-.757 9.633 9.633 0 00-1.733-.812V9.786a7.35 7.35 0 012.008.496l.592-1.472a7.194 7.194 0 00-2.6-.578v-.935h-.866v.963z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconFreightosCredit = 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: "M13.235 14.024a.55.55 0 01.058.246c0 .399-.289.646-.853.742v-1.554c.23.09.443.215.633.371a.551.551 0 01.162.195zm-1.662-4.211v1.472a2.954 2.954 0 01-.619-.358.605.605 0 01-.178-.454c0-.357.261-.577.797-.66zM12 2a9.931 9.931 0 015.406 1.596l.096.784H6.498v-.633A9.863 9.863 0 0112 2zm6.231 8.625h3.659c.07.455.107.915.11 1.375a9.96 9.96 0 01-3.769 7.827v-9.202zm-15.27 5.662A9.973 9.973 0 012 12c0-.257.014-.514.041-.77h3.632v8.514a9.973 9.973 0 01-2.711-3.457zm-.878-5.566a10.028 10.028 0 013.535-6.424v6.424H2.083zm16.148-.936V4.187a9.945 9.945 0 013.522 5.598H18.23zM12.001 22a9.863 9.863 0 01-5.627-1.747V4.971h11.128v15.392A9.973 9.973 0 0112 22zm-.428-13.74a3.68 3.68 0 00-1.981.715 1.87 1.87 0 00-.647 1.54 2.05 2.05 0 00.523 1.376 4.73 4.73 0 001.76 1.06l.414.164v1.94a7.201 7.201 0 01-1.376-.248 7.701 7.701 0 01-1.376-.467v1.65c.849.36 1.761.543 2.683.537v1.265h.866v-1.28a3.645 3.645 0 002.022-.728 1.98 1.98 0 00.716-1.61c.006-.337-.08-.67-.248-.962a2.325 2.325 0 00-.757-.757 9.633 9.633 0 00-1.733-.812V9.786a7.35 7.35 0 012.008.496l.592-1.472a7.194 7.194 0 00-2.6-.578v-.935h-.866v.963z", fill: "currentColor" })));
+});
 IconFreightosCredit.displayName = 'IconFreightosCredit';

package/dist/esm/icons/IconFulfillmentCenter.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconFulfillmentCenter = 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.619 13.997v2H6.057a.245.245 0 01-.238-.25l.002-1.5a.26.26 0 01.07-.177.233.233 0 01.169-.073h3.559zm0-1v-2H6.066a.245.245 0 00-.239.25l-.003 1.5c0 .066.025.13.07.176a.233.233 0 00.167.074H9.62zm8.283-2.71c.182.187.285.443.288.71V11h2.857V8.04c0-.606-.348-1.15-.877-1.384l-8.099-3.54a1.374 1.374 0 00-1.098 0l-8.094 3.54C2.349 6.889 2 7.433 2 8.038v10.71c0 .066.026.13.07.176a.233.233 0 00.169.073H4.62a.233.233 0 00.169-.073.257.257 0 00.07-.178v-7.749c0-.55.434-1 .97-1H17.22c.255-.002.5.102.682.29zm-8.283 8.71v-2H6.05a.245.245 0 00-.237.25l-.003 1.5c0 .066.025.13.07.176a.233.233 0 00.167.074H9.62zm10.505-5.272c.157.088.289.218.383.376l1.419 2.39a.529.529 0 01.074.273v1.587a1.106 1.106 0 01-.315.757c-.196.198-.46.307-.732.302h-.027c-.127.895-.885 1.588-1.806 1.588s-1.679-.693-1.807-1.588h-1.624c-.129.895-.886 1.588-1.808 1.588-.967 0-1.757-.765-1.821-1.73a1.022 1.022 0 01-.388-.38 1.09 1.09 0 01-.148-.536v-5.295c.006-.286.12-.558.316-.757.196-.198.459-.307.731-.302h5.239a.52.52 0 01.484.325c.026.065.04.134.04.204v1.06h1.276c.18 0 .356.047.514.138zm-.515.92h-1.275v1.588h2.217l-.942-1.588zm-6.024 5.24a.74.74 0 00.296.055.74.74 0 00.55-.226.813.813 0 00.172-.877.811.811 0 00-.172-.26.766.766 0 00-.55-.227.74.74 0 00-.55.227.845.845 0 00-.236.568.845.845 0 00.237.569.77.77 0 00.253.17zm5.239 0a.74.74 0 00.296.055.74.74 0 00.55-.226.813.813 0 00.172-.877.811.811 0 00-.172-.26.74.74 0 00-.55-.227.74.74 0 00-.55.227.843.843 0 00-.236.568.843.843 0 00.236.569.77.77 0 00.254.17z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconFulfillmentCenter = 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.619 13.997v2H6.057a.245.245 0 01-.238-.25l.002-1.5a.26.26 0 01.07-.177.233.233 0 01.169-.073h3.559zm0-1v-2H6.066a.245.245 0 00-.239.25l-.003 1.5c0 .066.025.13.07.176a.233.233 0 00.167.074H9.62zm8.283-2.71c.182.187.285.443.288.71V11h2.857V8.04c0-.606-.348-1.15-.877-1.384l-8.099-3.54a1.374 1.374 0 00-1.098 0l-8.094 3.54C2.349 6.889 2 7.433 2 8.038v10.71c0 .066.026.13.07.176a.233.233 0 00.169.073H4.62a.233.233 0 00.169-.073.257.257 0 00.07-.178v-7.749c0-.55.434-1 .97-1H17.22c.255-.002.5.102.682.29zm-8.283 8.71v-2H6.05a.245.245 0 00-.237.25l-.003 1.5c0 .066.025.13.07.176a.233.233 0 00.167.074H9.62zm10.505-5.272c.157.088.289.218.383.376l1.419 2.39a.529.529 0 01.074.273v1.587a1.106 1.106 0 01-.315.757c-.196.198-.46.307-.732.302h-.027c-.127.895-.885 1.588-1.806 1.588s-1.679-.693-1.807-1.588h-1.624c-.129.895-.886 1.588-1.808 1.588-.967 0-1.757-.765-1.821-1.73a1.022 1.022 0 01-.388-.38 1.09 1.09 0 01-.148-.536v-5.295c.006-.286.12-.558.316-.757.196-.198.459-.307.731-.302h5.239a.52.52 0 01.484.325c.026.065.04.134.04.204v1.06h1.276c.18 0 .356.047.514.138zm-.515.92h-1.275v1.588h2.217l-.942-1.588zm-6.024 5.24a.74.74 0 00.296.055.74.74 0 00.55-.226.813.813 0 00.172-.877.811.811 0 00-.172-.26.766.766 0 00-.55-.227.74.74 0 00-.55.227.845.845 0 00-.236.568.845.845 0 00.237.569.77.77 0 00.253.17zm5.239 0a.74.74 0 00.296.055.74.74 0 00.55-.226.813.813 0 00.172-.877.811.811 0 00-.172-.26.74.74 0 00-.55-.227.74.74 0 00-.55.227.843.843 0 00-.236.568.843.843 0 00.236.569.77.77 0 00.254.17z", fill: "currentColor" })));
+});
 IconFulfillmentCenter.displayName = 'IconFulfillmentCenter';

package/dist/esm/icons/IconGanttChart.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconGanttChart = 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 5h15.79v3H2V5zm2.106 5.001h15.79v3H4.105v-3zm2.105 5H22v3H6.21v-3z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconGanttChart = 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 5h15.79v3H2V5zm2.106 5.001h15.79v3H4.105v-3zm2.105 5H22v3H6.21v-3z", fill: "currentColor" })));
+});
 IconGanttChart.displayName = 'IconGanttChart';

package/dist/esm/icons/IconGoogle.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconGoogle = 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.115 7.457a5.606 5.606 0 00-3.914-1.5c-2.661 0-4.921 1.76-5.727 4.13a5.877 5.877 0 000 3.829h.004c.81 2.366 3.066 4.126 5.727 4.126 1.374 0 2.553-.345 3.467-.953v-.002a4.623 4.623 0 002.04-3.039h-5.51v-3.85h9.622c.12.668.176 1.352.176 2.031 0 3.042-1.11 5.613-3.038 7.354l.002.002c-1.691 1.528-4.011 2.414-6.763 2.414-3.857 0-7.384-2.131-9.116-5.508a9.83 9.83 0 010-8.98c1.732-3.38 5.26-5.51 9.116-5.51a9.915 9.915 0 016.826 2.6l-2.912 2.856z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconGoogle = 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.115 7.457a5.606 5.606 0 00-3.914-1.5c-2.661 0-4.921 1.76-5.727 4.13a5.877 5.877 0 000 3.829h.004c.81 2.366 3.066 4.126 5.727 4.126 1.374 0 2.553-.345 3.467-.953v-.002a4.623 4.623 0 002.04-3.039h-5.51v-3.85h9.622c.12.668.176 1.352.176 2.031 0 3.042-1.11 5.613-3.038 7.354l.002.002c-1.691 1.528-4.011 2.414-6.763 2.414-3.857 0-7.384-2.131-9.116-5.508a9.83 9.83 0 010-8.98c1.732-3.38 5.26-5.51 9.116-5.51a9.915 9.915 0 016.826 2.6l-2.912 2.856z", fill: "currentColor" })));
+});
 IconGoogle.displayName = 'IconGoogle';

package/dist/esm/icons/IconGpsEmpty.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconGpsEmpty = 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.125 11.093a8.18 8.18 0 00-7.218-7.218V2h-1.814v1.875a8.18 8.18 0 00-7.218 7.218H2v1.814h1.875a8.18 8.18 0 007.218 7.218V22h1.814v-1.875a8.18 8.18 0 007.218-7.218H22v-1.814h-1.875zM12 18.36a6.36 6.36 0 115.878-3.925A6.352 6.352 0 0112 18.36z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconGpsEmpty = 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.125 11.093a8.18 8.18 0 00-7.218-7.218V2h-1.814v1.875a8.18 8.18 0 00-7.218 7.218H2v1.814h1.875a8.18 8.18 0 007.218 7.218V22h1.814v-1.875a8.18 8.18 0 007.218-7.218H22v-1.814h-1.875zM12 18.36a6.36 6.36 0 115.878-3.925A6.352 6.352 0 0112 18.36z", fill: "currentColor" })));
+});
 IconGpsEmpty.displayName = 'IconGpsEmpty';

package/dist/esm/icons/IconGpsFull.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconGpsFull = 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 8.367a3.633 3.633 0 103.358 2.241A3.625 3.625 0 0012 8.367zm8.125 2.726a8.18 8.18 0 00-7.218-7.218V2h-1.814v1.875a8.18 8.18 0 00-7.218 7.218H2v1.814h1.875a8.18 8.18 0 007.218 7.218V22h1.814v-1.875a8.18 8.18 0 007.218-7.218H22v-1.814h-1.875zM12 18.36a6.36 6.36 0 115.878-3.925A6.352 6.352 0 0112 18.36z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconGpsFull = 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 8.367a3.633 3.633 0 103.358 2.241A3.625 3.625 0 0012 8.367zm8.125 2.726a8.18 8.18 0 00-7.218-7.218V2h-1.814v1.875a8.18 8.18 0 00-7.218 7.218H2v1.814h1.875a8.18 8.18 0 007.218 7.218V22h1.814v-1.875a8.18 8.18 0 007.218-7.218H22v-1.814h-1.875zM12 18.36a6.36 6.36 0 115.878-3.925A6.352 6.352 0 0112 18.36z", fill: "currentColor" })));
+});
 IconGpsFull.displayName = 'IconGpsFull';

package/dist/esm/icons/IconGraph.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconGraph = 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 22V8.25h4.375V22H2zm7.813 0V2h4.374v20H9.814zm7.812 0v-8.75H22V22h-4.375z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconGraph = 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 22V8.25h4.375V22H2zm7.813 0V2h4.374v20H9.814zm7.812 0v-8.75H22V22h-4.375z", fill: "currentColor" })));
+});
 IconGraph.displayName = 'IconGraph';

package/dist/esm/icons/IconGraphicAverage.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconGraphicAverage = 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.355 13.403L3.18 19.68h1.935l3.208-6.277h.573v-1.12l2.72-5.322L18.45 21l3.057-6.43h-1.963l-1.094 2.47-1.77-3.637h1.467v-1.5H15.95L11.617 3l-4.504 8.903H5.854v1.5h.5zm-2.084-1.5H2v1.5h2.27v-1.5zm9.25 0H10.48v1.5h3.042v-1.5zm8.48 0H19.73v1.5H22v-1.5z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconGraphicAverage = 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.355 13.403L3.18 19.68h1.935l3.208-6.277h.573v-1.12l2.72-5.322L18.45 21l3.057-6.43h-1.963l-1.094 2.47-1.77-3.637h1.467v-1.5H15.95L11.617 3l-4.504 8.903H5.854v1.5h.5zm-2.084-1.5H2v1.5h2.27v-1.5zm9.25 0H10.48v1.5h3.042v-1.5zm8.48 0H19.73v1.5H22v-1.5z", fill: "currentColor" })));
+});
 IconGraphicAverage.displayName = 'IconGraphicAverage';

package/dist/esm/icons/IconGraphicPeak.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconGraphicPeak = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.202 3H2v1.5h2.202V3zm4.643 0H5.87v1.5h2.976V3zm4.643 0h-2.976v1.5h.593L3.404 19.7h1.908l6.411-12.52L18.459 21 22 13.564h-1.97l-1.57 3.538L12.317 4.5h1.17V3zm4.643 0h-2.976v1.5h2.976V3zM22 3h-2.202v1.5H22V3z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconGraphicPeak = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.202 3H2v1.5h2.202V3zm4.643 0H5.87v1.5h2.976V3zm4.643 0h-2.976v1.5h.593L3.404 19.7h1.908l6.411-12.52L18.459 21 22 13.564h-1.97l-1.57 3.538L12.317 4.5h1.17V3zm4.643 0h-2.976v1.5h2.976V3zM22 3h-2.202v1.5H22V3z", fill: "currentColor" })));
+});
 IconGraphicPeak.displayName = 'IconGraphicPeak';

package/dist/esm/icons/IconGraphicTrough.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconGraphicTrough = 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: "M11.547 2.5L3.425 18.903h1.863l6.26-12.508 6.576 13.807 3.457-7.43h-1.924l-1.533 3.535L11.547 2.5zm-7.13 17.554H2.2v1.5h2.216v-1.5zm4.508 0H5.958v1.5h2.967v-1.5zm4.509 0h-2.967v1.5h2.967v-1.5zm4.509 0h-2.968v1.5h2.968v-1.5zm3.757 0h-2.216v1.5H21.7v-1.5z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconGraphicTrough = 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: "M11.547 2.5L3.425 18.903h1.863l6.26-12.508 6.576 13.807 3.457-7.43h-1.924l-1.533 3.535L11.547 2.5zm-7.13 17.554H2.2v1.5h2.216v-1.5zm4.508 0H5.958v1.5h2.967v-1.5zm4.509 0h-2.967v1.5h2.967v-1.5zm4.509 0h-2.968v1.5h2.968v-1.5zm3.757 0h-2.216v1.5H21.7v-1.5z", fill: "currentColor" })));
+});
 IconGraphicTrough.displayName = 'IconGraphicTrough';