@freightos/icons 1.0.3 → 1.0.4

package/dist/esm/icons/IconLastMileDelivery.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconLastMileDelivery = 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.58 12.132a.302.302 0 00.025.227l2.526 4.658a.29.29 0 00.4.117l7.52-4.21a.301.301 0 00.117-.405L17.642 7.86a.29.29 0 00-.29-.153.292.292 0 00-.11.036l-7.52 4.21a.302.302 0 00-.142.18zM6.488 6.427a.301.301 0 00.025.226l2.524 4.659a.292.292 0 00.4.117L16.96 7.22a.302.302 0 00.114-.407L14.55 2.154a.291.291 0 00-.4-.117l-7.522 4.21a.301.301 0 00-.14.18zm-4.48 2.212a.181.181 0 00.013.135l.483.89a.176.176 0 00.24.07l1.943-1.087 5.091 9.393a2.36 2.36 0 00.204 3.448 2.274 2.274 0 002.545.223 2.345 2.345 0 001.146-2.483l8.235-4.612a.18.18 0 00.07-.243l-.483-.89a.173.173 0 00-.174-.092.175.175 0 00-.066.022l-8.22 4.6a2.275 2.275 0 00-2.067-.63L5.327 6.977a.18.18 0 00-.024-.034L5.3 6.94a.174.174 0 00-.24-.071L2.091 8.53a.181.181 0 00-.084.108zm10.374 11.31a1.024 1.024 0 01-.48.61.99.99 0 01-1.358-.4 1.024 1.024 0 01.394-1.38.99.99 0 011.357.4c.13.235.16.512.087.77z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconLastMileDelivery = 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.58 12.132a.302.302 0 00.025.227l2.526 4.658a.29.29 0 00.4.117l7.52-4.21a.301.301 0 00.117-.405L17.642 7.86a.29.29 0 00-.29-.153.292.292 0 00-.11.036l-7.52 4.21a.302.302 0 00-.142.18zM6.488 6.427a.301.301 0 00.025.226l2.524 4.659a.292.292 0 00.4.117L16.96 7.22a.302.302 0 00.114-.407L14.55 2.154a.291.291 0 00-.4-.117l-7.522 4.21a.301.301 0 00-.14.18zm-4.48 2.212a.181.181 0 00.013.135l.483.89a.176.176 0 00.24.07l1.943-1.087 5.091 9.393a2.36 2.36 0 00.204 3.448 2.274 2.274 0 002.545.223 2.345 2.345 0 001.146-2.483l8.235-4.612a.18.18 0 00.07-.243l-.483-.89a.173.173 0 00-.174-.092.175.175 0 00-.066.022l-8.22 4.6a2.275 2.275 0 00-2.067-.63L5.327 6.977a.18.18 0 00-.024-.034L5.3 6.94a.174.174 0 00-.24-.071L2.091 8.53a.181.181 0 00-.084.108zm10.374 11.31a1.024 1.024 0 01-.48.61.99.99 0 01-1.358-.4 1.024 1.024 0 01.394-1.38.99.99 0 011.357.4c.13.235.16.512.087.77z", fill: "currentColor" })));
+});
 IconLastMileDelivery.displayName = 'IconLastMileDelivery';

package/dist/esm/icons/IconLeft.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconLeft = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { fill: "currentColor", "fill-rule": "evenodd", d: "M20.55 22.12L14.44 16l6.11-6.12L18.67 8l-8 8 8 8 1.88-1.88z" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconLeft = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { fill: "currentColor", "fill-rule": "evenodd", d: "M20.55 22.12L14.44 16l6.11-6.12L18.67 8l-8 8 8 8 1.88-1.88z" })));
+});
 IconLeft.displayName = 'IconLeft';

package/dist/esm/icons/IconLike.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconLike = 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.498 3a6 6 0 00-4.5 2.093A6 6 0 007.498 3 5.445 5.445 0 002 8.498c0 3.75 3.398 6.862 8.55 11.542l1.448 1.313 1.447-1.32c5.153-4.673 8.55-7.755 8.55-11.535A5.445 5.445 0 0016.498 3zm-4.403 15.548l-.097.105-.098-.105c-4.762-4.298-7.905-7.155-7.905-10.05a3.42 3.42 0 013.503-3.495 3.915 3.915 0 013.57 2.355h1.867a3.9 3.9 0 013.563-2.355A3.42 3.42 0 0120 8.498c0 2.895-3.142 5.752-7.905 10.05z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconLike = 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.498 3a6 6 0 00-4.5 2.093A6 6 0 007.498 3 5.445 5.445 0 002 8.498c0 3.75 3.398 6.862 8.55 11.542l1.448 1.313 1.447-1.32c5.153-4.673 8.55-7.755 8.55-11.535A5.445 5.445 0 0016.498 3zm-4.403 15.548l-.097.105-.098-.105c-4.762-4.298-7.905-7.155-7.905-10.05a3.42 3.42 0 013.503-3.495 3.915 3.915 0 013.57 2.355h1.867a3.9 3.9 0 013.563-2.355A3.42 3.42 0 0120 8.498c0 2.895-3.142 5.752-7.905 10.05z", fill: "currentColor" })));
+});
 IconLike.displayName = 'IconLike';

package/dist/esm/icons/IconLinkedin.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconLinkedin = 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: "M6.822 4.217c0 1.228-.93 2.213-2.425 2.213h-.028C2.929 6.431 2 5.444 2 4.217 2 2.958 2.959 2 4.424 2c1.468 0 2.37.958 2.398 2.217zm-4.57 16.782H6.54V8.182H2.252v12.817zM17.064 7.881c-2.274 0-3.292 1.242-3.865 2.117v.041h-.028a.207.207 0 00.028-.041V8.182H8.912c.056 1.202 0 12.818 0 12.818h4.287v-7.159c0-.385.026-.763.141-1.039.311-.763 1.018-1.56 2.198-1.56 1.554 0 2.175 1.178 2.175 2.9V21H22v-7.349c0-3.94-2.116-5.77-4.936-5.77z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconLinkedin = 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: "M6.822 4.217c0 1.228-.93 2.213-2.425 2.213h-.028C2.929 6.431 2 5.444 2 4.217 2 2.958 2.959 2 4.424 2c1.468 0 2.37.958 2.398 2.217zm-4.57 16.782H6.54V8.182H2.252v12.817zM17.064 7.881c-2.274 0-3.292 1.242-3.865 2.117v.041h-.028a.207.207 0 00.028-.041V8.182H8.912c.056 1.202 0 12.818 0 12.818h4.287v-7.159c0-.385.026-.763.141-1.039.311-.763 1.018-1.56 2.198-1.56 1.554 0 2.175 1.178 2.175 2.9V21H22v-7.349c0-3.94-2.116-5.77-4.936-5.77z", fill: "currentColor" })));
+});
 IconLinkedin.displayName = 'IconLinkedin';

package/dist/esm/icons/IconList.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconList = 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.225 14.887v2.224H2v-2.224h2.225zm17.775 0v2.224H6.442v-2.224H22zm-17.775-4.44v2.216H2v-2.215h2.225zm17.775 0v2.216H6.442v-2.215H22zM4.225 6v2.224H2V6h2.225zM22 6v2.224H6.442V6H22z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconList = 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.225 14.887v2.224H2v-2.224h2.225zm17.775 0v2.224H6.442v-2.224H22zm-17.775-4.44v2.216H2v-2.215h2.225zm17.775 0v2.216H6.442v-2.215H22zM4.225 6v2.224H2V6h2.225zM22 6v2.224H6.442V6H22z", fill: "currentColor" })));
+});
 IconList.displayName = 'IconList';

package/dist/esm/icons/IconLoading.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconLoading = 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 22c5.421 0 10-4.579 10-10h-2c0 4.337-3.663 8-8 8s-8-3.663-8-8c0-4.336 3.663-8 8-8V2C6.579 2 2 6.58 2 12c0 5.421 4.579 10 10 10z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconLoading = 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 22c5.421 0 10-4.579 10-10h-2c0 4.337-3.663 8-8 8s-8-3.663-8-8c0-4.336 3.663-8 8-8V2C6.579 2 2 6.58 2 12c0 5.421 4.579 10 10 10z", fill: "currentColor" })));
+});
 IconLoading.displayName = 'IconLoading';

package/dist/esm/icons/IconLocation.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconLocation = 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.998 2A6.99 6.99 0 005 8.998c0 5.25 6.998 12.997 6.998 12.997s6.997-7.748 6.997-12.998A6.99 6.99 0 0011.997 2zm0 1.995A5.003 5.003 0 0117 8.998c0 2.88-2.88 7.192-5.002 9.877-2.078-2.67-5.003-7.027-5.003-9.877a5.003 5.003 0 015.003-5.003zm0 2.505a2.497 2.497 0 100 4.994 2.497 2.497 0 000-4.994z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconLocation = 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.998 2A6.99 6.99 0 005 8.998c0 5.25 6.998 12.997 6.998 12.997s6.997-7.748 6.997-12.998A6.99 6.99 0 0011.997 2zm0 1.995A5.003 5.003 0 0117 8.998c0 2.88-2.88 7.192-5.002 9.877-2.078-2.67-5.003-7.027-5.003-9.877a5.003 5.003 0 015.003-5.003zm0 2.505a2.497 2.497 0 100 4.994 2.497 2.497 0 000-4.994z", fill: "currentColor" })));
+});
 IconLocation.displayName = 'IconLocation';

package/dist/esm/icons/IconLocationCharges.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconLocationCharges = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 2.003A6.99 6.99 0 005.003 9C5.003 14.25 12 21.997 12 21.997S18.997 14.25 18.997 9A6.99 6.99 0 0012 2.003zm0 1.995A5.003 5.003 0 0117.003 9c0 2.88-2.88 7.192-5.003 9.878C9.923 16.208 6.998 11.85 6.998 9A5.003 5.003 0 0112 3.998zM12.705 6h-1.328v1.08a1.867 1.867 0 00-1.544 1.808c0 1.102.75 1.68 1.92 2.017l.157.045c1.102.3 1.32.75 1.32 1.208 0 .345-.21.892-1.193.892-.982 0-1.267-.458-1.312-1.05H9.75a1.995 1.995 0 001.627 1.912V15h1.328v-1.072a1.763 1.763 0 001.545-1.778c0-1.418-1.072-1.905-2.078-2.197-1.005-.293-1.327-.6-1.327-1.08 0-.48.45-.923 1.192-.923A.983.983 0 0113.147 9h.976a1.942 1.942 0 00-1.418-1.905V6z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconLocationCharges = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 2.003A6.99 6.99 0 005.003 9C5.003 14.25 12 21.997 12 21.997S18.997 14.25 18.997 9A6.99 6.99 0 0012 2.003zm0 1.995A5.003 5.003 0 0117.003 9c0 2.88-2.88 7.192-5.003 9.878C9.923 16.208 6.998 11.85 6.998 9A5.003 5.003 0 0112 3.998zM12.705 6h-1.328v1.08a1.867 1.867 0 00-1.544 1.808c0 1.102.75 1.68 1.92 2.017l.157.045c1.102.3 1.32.75 1.32 1.208 0 .345-.21.892-1.193.892-.982 0-1.267-.458-1.312-1.05H9.75a1.995 1.995 0 001.627 1.912V15h1.328v-1.072a1.763 1.763 0 001.545-1.778c0-1.418-1.072-1.905-2.078-2.197-1.005-.293-1.327-.6-1.327-1.08 0-.48.45-.923 1.192-.923A.983.983 0 0113.147 9h.976a1.942 1.942 0 00-1.418-1.905V6z", fill: "currentColor" })));
+});
 IconLocationCharges.displayName = 'IconLocationCharges';

package/dist/esm/icons/IconLock.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconLock = 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: "M18.123 8.671h-.935V6.764a4.803 4.803 0 00-1.373-3.369A4.65 4.65 0 0012.5 2a4.65 4.65 0 00-3.315 1.395 4.804 4.804 0 00-1.373 3.37V8.67h-.935c-.497 0-.973.2-1.325.556-.352.357-.55.84-.552 1.344v9.53c.002.505.2.988.552 1.344.352.356.828.556 1.325.556h11.246c.497 0 .973-.2 1.325-.556.351-.356.55-.84.552-1.344v-9.529a1.923 1.923 0 00-.552-1.344 1.862 1.862 0 00-1.325-.556zM9.688 6.764c0-.757.297-1.484.824-2.02a2.79 2.79 0 011.988-.837c.746 0 1.46.301 1.988.837.527.536.824 1.263.824 2.02v1.907H9.688V6.764zM18.123 20.1H6.877v-9.529h11.246V20.1zM12.5 17.243c.371 0 .734-.112 1.043-.322a1.9 1.9 0 00.69-.855 1.935 1.935 0 00-.406-2.079 1.85 1.85 0 00-2.045-.413 1.884 1.884 0 00-.842.702 1.93 1.93 0 00.235 2.406 1.87 1.87 0 001.325.56z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconLock = 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: "M18.123 8.671h-.935V6.764a4.803 4.803 0 00-1.373-3.369A4.65 4.65 0 0012.5 2a4.65 4.65 0 00-3.315 1.395 4.804 4.804 0 00-1.373 3.37V8.67h-.935c-.497 0-.973.2-1.325.556-.352.357-.55.84-.552 1.344v9.53c.002.505.2.988.552 1.344.352.356.828.556 1.325.556h11.246c.497 0 .973-.2 1.325-.556.351-.356.55-.84.552-1.344v-9.529a1.923 1.923 0 00-.552-1.344 1.862 1.862 0 00-1.325-.556zM9.688 6.764c0-.757.297-1.484.824-2.02a2.79 2.79 0 011.988-.837c.746 0 1.46.301 1.988.837.527.536.824 1.263.824 2.02v1.907H9.688V6.764zM18.123 20.1H6.877v-9.529h11.246V20.1zM12.5 17.243c.371 0 .734-.112 1.043-.322a1.9 1.9 0 00.69-.855 1.935 1.935 0 00-.406-2.079 1.85 1.85 0 00-2.045-.413 1.884 1.884 0 00-.842.702 1.93 1.93 0 00.235 2.406 1.87 1.87 0 001.325.56z", fill: "currentColor" })));
+});
 IconLock.displayName = 'IconLock';

package/dist/esm/icons/IconLogout.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconLogout = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { d: "M17.556 7.556l-1.567 1.566 1.755 1.767H8.667v2.222h9.077l-1.755 1.756 1.567 1.577L22 12l-4.444-4.444zM4.222 4.222H12V2H4.222C3 2 2 3 2 4.222v15.556C2 21 3 22 4.222 22H12v-2.222H4.222V4.222z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconLogout = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { d: "M17.556 7.556l-1.567 1.566 1.755 1.767H8.667v2.222h9.077l-1.755 1.756 1.567 1.577L22 12l-4.444-4.444zM4.222 4.222H12V2H4.222C3 2 2 3 2 4.222v15.556C2 21 3 22 4.222 22H12v-2.222H4.222V4.222z", fill: "currentColor" })));
+});
 IconLogout.displayName = 'IconLogout';

package/dist/esm/icons/IconManageSearch.js

@@ -1,17 +1,21 @@
 import React, { forwardRef } from 'react';
-export const IconManageSearch = 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_5496_25956)" },
-        React.createElement("path", { d: "M7 9H2V7h5v2zm0 3H2v2h5v-2zm13.59 7l-3.83-3.83c-.8.52-1.74.83-2.76.83-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5c0 1.02-.31 1.96-.83 2.75L22 17.59 20.59 19zM17 11c0-1.65-1.35-3-3-3s-3 1.35-3 3 1.35 3 3 3 3-1.35 3-3zM2 19h10v-2H2v2z", fill: "currentColor" })),
-    React.createElement("defs", null,
-        React.createElement("clipPath", { id: "clip0_5496_25956" },
-            React.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" }))))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconManageSearch = 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_5496_25956)" },
+            React.createElement("path", { d: "M7 9H2V7h5v2zm0 3H2v2h5v-2zm13.59 7l-3.83-3.83c-.8.52-1.74.83-2.76.83-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5c0 1.02-.31 1.96-.83 2.75L22 17.59 20.59 19zM17 11c0-1.65-1.35-3-3-3s-3 1.35-3 3 1.35 3 3 3 3-1.35 3-3zM2 19h10v-2H2v2z", fill: "currentColor" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "clip0_5496_25956" },
+                React.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" })))));
+});
 IconManageSearch.displayName = 'IconManageSearch';

package/dist/esm/icons/IconMap.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconMap = 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.442 2h-.175l-5.934 2.333L8.667 2 2.4 4.108a.567.567 0 00-.4.534v16.8a.55.55 0 00.558.558h.175l5.934-2.333L15.333 22l6.267-2.108a.567.567 0 00.4-.534v-16.8A.551.551 0 0021.442 2zM9.775 4.742l4.45 1.558v12.958L9.775 17.7V4.742zm-5.55 1.1l3.333-1.117v13l-3.333 1.283V5.842zm15.55 12.316l-3.333 1.117V6.292L19.775 5v13.158z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconMap = 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.442 2h-.175l-5.934 2.333L8.667 2 2.4 4.108a.567.567 0 00-.4.534v16.8a.55.55 0 00.558.558h.175l5.934-2.333L15.333 22l6.267-2.108a.567.567 0 00.4-.534v-16.8A.551.551 0 0021.442 2zM9.775 4.742l4.45 1.558v12.958L9.775 17.7V4.742zm-5.55 1.1l3.333-1.117v13l-3.333 1.283V5.842zm15.55 12.316l-3.333 1.117V6.292L19.775 5v13.158z", fill: "currentColor" })));
+});
 IconMap.displayName = 'IconMap';

package/dist/esm/icons/IconMatrixView.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconMatrixView = 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 8.5V4H3.5v4.5H9zM9.5 2a1 1 0 011 1v6.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3a1 1 0 011-1h6.5zm11 6.5V4H15v4.5h5.5zM21 2a1 1 0 011 1v6.5a1 1 0 01-1 1h-6.5a1 1 0 01-1-1V3a1 1 0 011-1H21zM9 20v-4.5H3.5V20H9zm.5-6.5a1 1 0 011 1V21a1 1 0 01-1 1H3a1 1 0 01-1-1v-6.5a1 1 0 011-1h6.5zm11 6.5v-4.5H15V20h5.5zm.5-6.5a1 1 0 011 1V21a1 1 0 01-1 1h-6.5a1 1 0 01-1-1v-6.5a1 1 0 011-1H21z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconMatrixView = 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 8.5V4H3.5v4.5H9zM9.5 2a1 1 0 011 1v6.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3a1 1 0 011-1h6.5zm11 6.5V4H15v4.5h5.5zM21 2a1 1 0 011 1v6.5a1 1 0 01-1 1h-6.5a1 1 0 01-1-1V3a1 1 0 011-1H21zM9 20v-4.5H3.5V20H9zm.5-6.5a1 1 0 011 1V21a1 1 0 01-1 1H3a1 1 0 01-1-1v-6.5a1 1 0 011-1h6.5zm11 6.5v-4.5H15V20h5.5zm.5-6.5a1 1 0 011 1V21a1 1 0 01-1 1h-6.5a1 1 0 01-1-1v-6.5a1 1 0 011-1H21z", fill: "currentColor" })));
+});
 IconMatrixView.displayName = 'IconMatrixView';

package/dist/esm/icons/IconMenuClose.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconMenuClose = 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.973 5H3.08a1.082 1.082 0 000 2.167h11.892c.597 0 1.081-.485 1.081-1.084 0-.598-.484-1.083-1.081-1.083zM3.08 10.417h11.892a1.082 1.082 0 010 2.167H3.08A1.082 1.082 0 012 11.5c0-.598.484-1.083 1.081-1.083zm0 5.416h11.892c.597 0 1.081.485 1.081 1.084 0 .598-.484 1.083-1.081 1.083H3.08A1.082 1.082 0 012 16.917c0-.599.484-1.084 1.081-1.084zM22 11.5l-3.058 3.064V8.436L22 11.5z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconMenuClose = 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.973 5H3.08a1.082 1.082 0 000 2.167h11.892c.597 0 1.081-.485 1.081-1.084 0-.598-.484-1.083-1.081-1.083zM3.08 10.417h11.892a1.082 1.082 0 010 2.167H3.08A1.082 1.082 0 012 11.5c0-.598.484-1.083 1.081-1.083zm0 5.416h11.892c.597 0 1.081.485 1.081 1.084 0 .598-.484 1.083-1.081 1.083H3.08A1.082 1.082 0 012 16.917c0-.599.484-1.084 1.081-1.084zM22 11.5l-3.058 3.064V8.436L22 11.5z", fill: "currentColor" })));
+});
 IconMenuClose.displayName = 'IconMenuClose';

package/dist/esm/icons/IconMenuOpen.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconMenuOpen = 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.027 5H20.92a1.082 1.082 0 010 2.167H9.027a1.082 1.082 0 01-1.081-1.084C7.946 5.485 8.43 5 9.027 5zm11.892 5.417H9.027a1.082 1.082 0 000 2.167H20.92a1.083 1.083 0 000-2.167zm0 5.416H9.027c-.597 0-1.081.485-1.081 1.084 0 .598.484 1.083 1.081 1.083H20.92a1.082 1.082 0 000-2.167zM2 11.5l3.058 3.064V8.436L2 11.5z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconMenuOpen = 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.027 5H20.92a1.082 1.082 0 010 2.167H9.027a1.082 1.082 0 01-1.081-1.084C7.946 5.485 8.43 5 9.027 5zm11.892 5.417H9.027a1.082 1.082 0 000 2.167H20.92a1.083 1.083 0 000-2.167zm0 5.416H9.027c-.597 0-1.081.485-1.081 1.084 0 .598.484 1.083 1.081 1.083H20.92a1.082 1.082 0 000-2.167zM2 11.5l3.058 3.064V8.436L2 11.5z", fill: "currentColor" })));
+});
 IconMenuOpen.displayName = 'IconMenuOpen';

package/dist/esm/icons/IconMessage.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconMessage = 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 4h16v12H5.185L4 17.17V4zm0-2a2 2 0 00-2 2v18l4-4h14a2.008 2.008 0 002-2V4a2.008 2.008 0 00-2-2H4zm2 10h12v2H6v-2zm0-3h12v2H6V9zm0-2.963h12v2H6v-2z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconMessage = 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 4h16v12H5.185L4 17.17V4zm0-2a2 2 0 00-2 2v18l4-4h14a2.008 2.008 0 002-2V4a2.008 2.008 0 00-2-2H4zm2 10h12v2H6v-2zm0-3h12v2H6V9zm0-2.963h12v2H6v-2z", fill: "currentColor" })));
+});
 IconMessage.displayName = 'IconMessage';

package/dist/esm/icons/IconMinus.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconMinus = 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: "M19 13H5v-2h14v2z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconMinus = 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: "M19 13H5v-2h14v2z", fill: "currentColor" })));
+});
 IconMinus.displayName = 'IconMinus';

package/dist/esm/icons/IconMinusCircled.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconMinusCircled = 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.998 11.002v1.995h10.005v-1.995H6.998zm5.002-9a9.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.002z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconMinusCircled = 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.998 11.002v1.995h10.005v-1.995H6.998zm5.002-9a9.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.002z", fill: "currentColor" })));
+});
 IconMinusCircled.displayName = 'IconMinusCircled';