@freightos/icons 1.0.3 → 1.0.4

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

package/dist/esm/icons/IconGridOn.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconGridOn = 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 2H4a2.008 2.008 0 00-2 2v16a2.008 2.008 0 002 2h16a2.008 2.008 0 002-2V4a2.008 2.008 0 00-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconGridOn = 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 2H4a2.008 2.008 0 00-2 2v16a2.008 2.008 0 002 2h16a2.008 2.008 0 002-2V4a2.008 2.008 0 00-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z", fill: "currentColor" })));
+});
 IconGridOn.displayName = 'IconGridOn';

package/dist/esm/icons/IconHamburger.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconHamburger = 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 18.333h20v-2.225H2v2.225zm0-5.558h20v-2.217H2v2.217zM2 5v2.225h20V5H2z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconHamburger = 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 18.333h20v-2.225H2v2.225zm0-5.558h20v-2.217H2v2.217zM2 5v2.225h20V5H2z", fill: "currentColor" })));
+});
 IconHamburger.displayName = 'IconHamburger';

package/dist/esm/icons/IconHelpCircled.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconHelpCircled = 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.002 18h1.995v-2.003h-1.995V18zM12 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.002zM12 6a3.997 3.997 0 00-3.997 3.997h1.995a2.003 2.003 0 014.005 0c0 2.003-3 1.755-3 5.003h1.995c0-2.25 3-2.498 3-5.003A3.997 3.997 0 0012 6z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconHelpCircled = 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.002 18h1.995v-2.003h-1.995V18zM12 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.002zM12 6a3.997 3.997 0 00-3.997 3.997h1.995a2.003 2.003 0 014.005 0c0 2.003-3 1.755-3 5.003h1.995c0-2.25 3-2.498 3-5.003A3.997 3.997 0 0012 6z", fill: "currentColor" })));
+});
 IconHelpCircled.displayName = 'IconHelpCircled';

package/dist/esm/icons/IconHistory.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconHistory = 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.424 3a8.603 8.603 0 00-6.058 2.49 8.466 8.466 0 00-2.51 6.01H2l3.706 3.676.064.128L9.619 11.5H6.762A6.597 6.597 0 018.27 7.288a6.693 6.693 0 013.859-2.307 6.73 6.73 0 014.458.647 6.65 6.65 0 013.03 3.307 6.58 6.58 0 01.227 4.464 6.635 6.635 0 01-2.681 3.592 6.725 6.725 0 01-8.443-.823l-1.35 1.339a8.582 8.582 0 003.572 2.126 8.634 8.634 0 004.16.204 8.598 8.598 0 003.766-1.766 8.506 8.506 0 002.481-3.32 8.438 8.438 0 00-.794-7.977 8.544 8.544 0 00-3.088-2.773A8.623 8.623 0 0013.424 3zm-.95 4.725v4.717l4.07 2.401.715-1.14-3.328-1.97V7.726h-1.456z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconHistory = 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.424 3a8.603 8.603 0 00-6.058 2.49 8.466 8.466 0 00-2.51 6.01H2l3.706 3.676.064.128L9.619 11.5H6.762A6.597 6.597 0 018.27 7.288a6.693 6.693 0 013.859-2.307 6.73 6.73 0 014.458.647 6.65 6.65 0 013.03 3.307 6.58 6.58 0 01.227 4.464 6.635 6.635 0 01-2.681 3.592 6.725 6.725 0 01-8.443-.823l-1.35 1.339a8.582 8.582 0 003.572 2.126 8.634 8.634 0 004.16.204 8.598 8.598 0 003.766-1.766 8.506 8.506 0 002.481-3.32 8.438 8.438 0 00-.794-7.977 8.544 8.544 0 00-3.088-2.773A8.623 8.623 0 0013.424 3zm-.95 4.725v4.717l4.07 2.401.715-1.14-3.328-1.97V7.726h-1.456z", fill: "currentColor" })));
+});
 IconHistory.displayName = 'IconHistory';

package/dist/esm/icons/IconHotDeal.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconHotDeal = 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.484 12.586c-1.57-3.98-7.162-4.194-5.812-9.979a.48.48 0 00-.192-.512.512.512 0 00-.558-.024c-3.63 2.087-6.241 6.272-4.05 11.754.18.449-.361.868-.751.575-1.81-1.336-2-3.258-1.84-4.633.06-.507-.62-.751-.91-.332C4.69 10.45 4 12.088 4 14.556c.38 5.463 5.111 7.14 6.812 7.355 2.43.303 5.06-.136 6.951-1.824 2.08-1.882 2.84-4.887 1.72-7.501zM6.92 18.115c-1.407-1.543-2.05-6.007-1.407-4.723 2.377 4.721 4.395 3.23 5.762 2.273.712-2.318-3.843-4.056.27-10.452.712 3.032 6.433 6.294 6.433 9.599.756 4.212-5.977 7.827-11.06 3.305l.002-.002z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconHotDeal = 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.484 12.586c-1.57-3.98-7.162-4.194-5.812-9.979a.48.48 0 00-.192-.512.512.512 0 00-.558-.024c-3.63 2.087-6.241 6.272-4.05 11.754.18.449-.361.868-.751.575-1.81-1.336-2-3.258-1.84-4.633.06-.507-.62-.751-.91-.332C4.69 10.45 4 12.088 4 14.556c.38 5.463 5.111 7.14 6.812 7.355 2.43.303 5.06-.136 6.951-1.824 2.08-1.882 2.84-4.887 1.72-7.501zM6.92 18.115c-1.407-1.543-2.05-6.007-1.407-4.723 2.377 4.721 4.395 3.23 5.762 2.273.712-2.318-3.843-4.056.27-10.452.712 3.032 6.433 6.294 6.433 9.599.756 4.212-5.977 7.827-11.06 3.305l.002-.002z", fill: "currentColor" })));
+});
 IconHotDeal.displayName = 'IconHotDeal';

package/dist/esm/icons/IconImageSearch.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconImageSearch = 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.674 12.89v7.087H3.956V5.802h4.918c.049-.696.209-1.38.474-2.025H3.956a1.973 1.973 0 00-1.39.605c-.367.38-.57.89-.566 1.42v14.175c-.004.53.2 1.041.566 1.42.366.38.866.597 1.39.605h13.718a1.974 1.974 0 001.39-.604c.366-.38.57-.89.566-1.42v-5.063l-1.956-2.025zm-1.482 5.062H5.43l2.688-3.577 1.926 2.377 2.69-3.585 3.458 4.785zm2.741-9.225a4.478 4.478 0 00-.61-5.388 4.332 4.332 0 00-5.304-.758 4.416 4.416 0 00-1.873 2.148 4.484 4.484 0 00-.184 2.86 4.435 4.435 0 001.58 2.376c.773.592 1.718.91 2.688.9a4.23 4.23 0 002.34-.75l3.052 3.165L22 11.877l-3.067-3.15zm-3.703.113a2.48 2.48 0 01-1.405-.402 2.527 2.527 0 01-.945-1.126 2.565 2.565 0 01.509-2.78 2.475 2.475 0 012.735-.574c.46.19.854.515 1.132.933.277.418.425.91.425 1.414a2.539 2.539 0 01-.71 1.783 2.48 2.48 0 01-1.749.752h.008z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconImageSearch = 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.674 12.89v7.087H3.956V5.802h4.918c.049-.696.209-1.38.474-2.025H3.956a1.973 1.973 0 00-1.39.605c-.367.38-.57.89-.566 1.42v14.175c-.004.53.2 1.041.566 1.42.366.38.866.597 1.39.605h13.718a1.974 1.974 0 001.39-.604c.366-.38.57-.89.566-1.42v-5.063l-1.956-2.025zm-1.482 5.062H5.43l2.688-3.577 1.926 2.377 2.69-3.585 3.458 4.785zm2.741-9.225a4.478 4.478 0 00-.61-5.388 4.332 4.332 0 00-5.304-.758 4.416 4.416 0 00-1.873 2.148 4.484 4.484 0 00-.184 2.86 4.435 4.435 0 001.58 2.376c.773.592 1.718.91 2.688.9a4.23 4.23 0 002.34-.75l3.052 3.165L22 11.877l-3.067-3.15zm-3.703.113a2.48 2.48 0 01-1.405-.402 2.527 2.527 0 01-.945-1.126 2.565 2.565 0 01.509-2.78 2.475 2.475 0 012.735-.574c.46.19.854.515 1.132.933.277.418.425.91.425 1.414a2.539 2.539 0 01-.71 1.783 2.48 2.48 0 01-1.749.752h.008z", fill: "currentColor" })));
+});
 IconImageSearch.displayName = 'IconImageSearch';

package/dist/esm/icons/IconInfoCircled.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconInfoCircled = 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 6.995h1.995v2.003H11V6.995zM11 11h1.995v6H11v-6zm.998-9a9.998 9.998 0 100 19.995 9.998 9.998 0 000-19.995zm0 18A8.002 8.002 0 1120 11.998 8.018 8.018 0 0111.998 20z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconInfoCircled = 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 6.995h1.995v2.003H11V6.995zM11 11h1.995v6H11v-6zm.998-9a9.998 9.998 0 100 19.995 9.998 9.998 0 000-19.995zm0 18A8.002 8.002 0 1120 11.998 8.018 8.018 0 0111.998 20z", fill: "currentColor" })));
+});
 IconInfoCircled.displayName = 'IconInfoCircled';

package/dist/esm/icons/IconInsurance.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconInsurance = 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 11.093c0 5.045-3.413 9.762-8 10.907-4.587-1.138-8-5.862-8-10.907V5.64L12 2l8 3.64v5.453zM12 3.99L5.78 6.82v4.273c0 4.104 2.647 7.894 6.22 9.026 3.553-1.132 6.22-4.936 6.22-9.026V6.82L12 3.99zm.887 12.55h-1.774v-3.633h-3.56v-1.82h3.56V7.452h1.774v3.633h3.56v1.82h-3.56v3.634z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconInsurance = 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 11.093c0 5.045-3.413 9.762-8 10.907-4.587-1.138-8-5.862-8-10.907V5.64L12 2l8 3.64v5.453zM12 3.99L5.78 6.82v4.273c0 4.104 2.647 7.894 6.22 9.026 3.553-1.132 6.22-4.936 6.22-9.026V6.82L12 3.99zm.887 12.55h-1.774v-3.633h-3.56v-1.82h3.56V7.452h1.774v3.633h3.56v1.82h-3.56v3.634z", fill: "currentColor" })));
+});
 IconInsurance.displayName = 'IconInsurance';