@freightos/icons 1.0.2 → 1.0.4

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

package/dist/esm/icons/IconModeAir.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconModeAir = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.995 22h2l5.006-8.417h5.5c.398 0 .78-.166 1.06-.462.281-.297.44-.698.44-1.117 0-.419-.159-.82-.44-1.117a1.461 1.461 0 00-1.06-.462h-5.5L9.996 2H7.995l2.51 8.425H4.998l-1.5-2.108H2l1.012 3.687L2 15.684h1.5l1.499-2.1h5.507L7.995 22z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconModeAir = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.995 22h2l5.006-8.417h5.5c.398 0 .78-.166 1.06-.462.281-.297.44-.698.44-1.117 0-.419-.159-.82-.44-1.117a1.461 1.461 0 00-1.06-.462h-5.5L9.996 2H7.995l2.51 8.425H4.998l-1.5-2.108H2l1.012 3.687L2 15.684h1.5l1.499-2.1h5.507L7.995 22z", fill: "currentColor" })));
+});
 IconModeAir.displayName = 'IconModeAir';

package/dist/esm/icons/IconModeAirExpress.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconModeAirExpress = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.422 5.03l8.548 1.948 3.62-3.569a1.42 1.42 0 011.995-.004 1.38 1.38 0 01.004 1.966l-3.643 3.554 1.968 8.426-1.33 1.296-3.613-6.805-3.62 3.562.33 2.265-.984.978-1.63-2.91-2.96-1.629.985-.97 2.306.319 3.613-3.562-6.903-3.569 1.314-1.295zm9.067 14.105a.564.564 0 01.623-.136.564.564 0 01.311.307.55.55 0 01-.138.614l-2.96 2.918a.567.567 0 01-.964-.393.542.542 0 01.168-.392l2.96-2.918zm-1.24-2.184a.568.568 0 01.783.014.551.551 0 01.013.771l-1.968 1.94a.568.568 0 01-.782-.014.552.552 0 01-.014-.77l1.968-1.94zM7.362 9.17a.568.568 0 01.783.014.551.551 0 01.013.771l-1.975 1.948a.568.568 0 01-.783-.014.552.552 0 01-.013-.771L7.362 9.17zM5.11 7.466a.568.568 0 01.964.393.541.541 0 01-.168.392l-2.93 2.918a.565.565 0 01-.623.136.564.564 0 01-.311-.307.548.548 0 01.138-.614l2.93-2.918z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconModeAirExpress = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.422 5.03l8.548 1.948 3.62-3.569a1.42 1.42 0 011.995-.004 1.38 1.38 0 01.004 1.966l-3.643 3.554 1.968 8.426-1.33 1.296-3.613-6.805-3.62 3.562.33 2.265-.984.978-1.63-2.91-2.96-1.629.985-.97 2.306.319 3.613-3.562-6.903-3.569 1.314-1.295zm9.067 14.105a.564.564 0 01.623-.136.564.564 0 01.311.307.55.55 0 01-.138.614l-2.96 2.918a.567.567 0 01-.964-.393.542.542 0 01.168-.392l2.96-2.918zm-1.24-2.184a.568.568 0 01.783.014.551.551 0 01.013.771l-1.968 1.94a.568.568 0 01-.782-.014.552.552 0 01-.014-.77l1.968-1.94zM7.362 9.17a.568.568 0 01.783.014.551.551 0 01.013.771l-1.975 1.948a.568.568 0 01-.783-.014.552.552 0 01-.013-.771L7.362 9.17zM5.11 7.466a.568.568 0 01.964.393.541.541 0 01-.168.392l-2.93 2.918a.565.565 0 01-.623.136.564.564 0 01-.311-.307.548.548 0 01.138-.614l2.93-2.918z", fill: "currentColor" })));
+});
 IconModeAirExpress.displayName = 'IconModeAirExpress';

package/dist/esm/icons/IconModeAirFreighter.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconModeAirFreighter = 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: "M10.913 2l2.596 5.095a5.178 5.178 0 013.502 3.442h3.684c.722 0 1.305.653 1.305 1.463 0 .37-.124.725-.348.996-.224.27-.53.436-.859.463l-.098.005h-3.682c-.5 1.651-1.826 2.954-3.508 3.447L10.913 22H8.522l1.355-5.322a5.166 5.166 0 01-2.868-3.215h-2.4l-1.305 1.951H2L2.87 12 2 8.585h1.304l1.305 1.952h2.4a5.17 5.17 0 012.869-3.21L8.522 2h2.391zm2.67 6.893H10.38v6.268h1.166v-2.478h1.895v-1.085h-1.895V9.98h2.036V8.893z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconModeAirFreighter = 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: "M10.913 2l2.596 5.095a5.178 5.178 0 013.502 3.442h3.684c.722 0 1.305.653 1.305 1.463 0 .37-.124.725-.348.996-.224.27-.53.436-.859.463l-.098.005h-3.682c-.5 1.651-1.826 2.954-3.508 3.447L10.913 22H8.522l1.355-5.322a5.166 5.166 0 01-2.868-3.215h-2.4l-1.305 1.951H2L2.87 12 2 8.585h1.304l1.305 1.952h2.4a5.17 5.17 0 012.869-3.21L8.522 2h2.391zm2.67 6.893H10.38v6.268h1.166v-2.478h1.895v-1.085h-1.895V9.98h2.036V8.893z", fill: "currentColor" })));
+});
 IconModeAirFreighter.displayName = 'IconModeAirFreighter';

package/dist/esm/icons/IconModeShip.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconModeShip = 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.996 3.82v.907h-1.995V3.82h1.995zm-.998 6.462l5.378 1.609 2.392.682-1.117 3.606a4.216 4.216 0 01-1.14-.852l-1.5-1.575-1.5 1.568a3.495 3.495 0 01-1.115.852 3.826 3.826 0 01-1.398.375 3.827 3.827 0 01-1.38-.366 3.503 3.503 0 01-1.11-.834l-1.5-1.568-1.5 1.568a4.34 4.34 0 01-1.14.845l-1.124-3.599 2.4-.723 5.354-1.588zm3-8.282h-6v2.727h-3a2.116 2.116 0 00-1.413.535c-.375.34-.587.803-.589 1.285v4.199l-1.29.381a1.054 1.054 0 00-.35.174.95.95 0 00-.25.283.838.838 0 00-.06.682l1.905 6.067h.045a5.901 5.901 0 002.216-.517c.69-.313 1.3-.754 1.789-1.297a5.38 5.38 0 001.78 1.312 5.88 5.88 0 002.217.529 5.883 5.883 0 002.213-.517 5.388 5.388 0 001.785-1.296 5.404 5.404 0 001.789 1.296A5.9 5.9 0 0020 18.36h.045l1.89-6.067a.868.868 0 00-.06-.681.935.935 0 00-.249-.284 1.04 1.04 0 00-.351-.173L20 10.773V6.547a1.747 1.747 0 00-.589-1.285A2.116 2.116 0 0018 4.727h-3V2zm-9 8.18V6.547h12v3.606l-6-1.786-6 1.813zm9.998 8.862a7.35 7.35 0 01-3.998 1.165 7.35 7.35 0 01-3.997-1.165 7.56 7.56 0 01-4.005 1.138H2.001V22h1.995a9.603 9.603 0 004.005-.9 9.575 9.575 0 003.998.88c1.39 0 2.76-.302 3.997-.88a9.497 9.497 0 004.005.9h1.995v-1.82h-1.995a7.541 7.541 0 01-4.005-1.2v.062z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconModeShip = 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.996 3.82v.907h-1.995V3.82h1.995zm-.998 6.462l5.378 1.609 2.392.682-1.117 3.606a4.216 4.216 0 01-1.14-.852l-1.5-1.575-1.5 1.568a3.495 3.495 0 01-1.115.852 3.826 3.826 0 01-1.398.375 3.827 3.827 0 01-1.38-.366 3.503 3.503 0 01-1.11-.834l-1.5-1.568-1.5 1.568a4.34 4.34 0 01-1.14.845l-1.124-3.599 2.4-.723 5.354-1.588zm3-8.282h-6v2.727h-3a2.116 2.116 0 00-1.413.535c-.375.34-.587.803-.589 1.285v4.199l-1.29.381a1.054 1.054 0 00-.35.174.95.95 0 00-.25.283.838.838 0 00-.06.682l1.905 6.067h.045a5.901 5.901 0 002.216-.517c.69-.313 1.3-.754 1.789-1.297a5.38 5.38 0 001.78 1.312 5.88 5.88 0 002.217.529 5.883 5.883 0 002.213-.517 5.388 5.388 0 001.785-1.296 5.404 5.404 0 001.789 1.296A5.9 5.9 0 0020 18.36h.045l1.89-6.067a.868.868 0 00-.06-.681.935.935 0 00-.249-.284 1.04 1.04 0 00-.351-.173L20 10.773V6.547a1.747 1.747 0 00-.589-1.285A2.116 2.116 0 0018 4.727h-3V2zm-9 8.18V6.547h12v3.606l-6-1.786-6 1.813zm9.998 8.862a7.35 7.35 0 01-3.998 1.165 7.35 7.35 0 01-3.997-1.165 7.56 7.56 0 01-4.005 1.138H2.001V22h1.995a9.603 9.603 0 004.005-.9 9.575 9.575 0 003.998.88c1.39 0 2.76-.302 3.997-.88a9.497 9.497 0 004.005.9h1.995v-1.82h-1.995a7.541 7.541 0 01-4.005-1.2v.062z", fill: "currentColor" })));
+});
 IconModeShip.displayName = 'IconModeShip';

package/dist/esm/icons/IconModeTrain.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconModeTrain = 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 2c-3.996 0-8 .521-8 4.208v10.004a3.788 3.788 0 001.028 2.603 3.414 3.414 0 002.473 1.077l-1.5 1.579V22h2.003l1.994-2.108h4.004L15.996 22h2.002v-.529l-1.5-1.58c.928 0 1.817-.387 2.474-1.076A3.788 3.788 0 0020 16.212V6.208C20 2.521 15.996 2 12 2zm0 2.1c3.509 0 4.956.506 5.57 1.058H6.43C7.043 4.63 8.49 4.1 12 4.1zM6.002 7.26h5v3.158h-5V7.259zm11.996 8.953c0 .42-.158.82-.44 1.117a1.462 1.462 0 01-1.06.463H7.502c-.397 0-.779-.167-1.06-.463a1.623 1.623 0 01-.44-1.117v-3.687h11.997v3.687zm-9.5-2.637c.297 0 .587.093.834.266.246.174.438.42.552.709.113.289.143.606.085.912-.058.307-.2.588-.41.809-.21.22-.477.371-.768.432-.29.061-.592.03-.866-.09a1.519 1.519 0 01-.673-.581 1.64 1.64 0 01-.253-.878c0-.418.158-.82.44-1.116a1.462 1.462 0 011.06-.463zm7.003 0c.297 0 .587.093.833.266.247.174.44.42.553.709.113.289.143.606.085.912-.058.307-.2.588-.41.809-.21.22-.477.371-.768.432-.291.061-.593.03-.867-.09a1.52 1.52 0 01-.672-.581 1.64 1.64 0 01-.253-.878c0-.418.158-.82.439-1.116a1.462 1.462 0 011.06-.463zm2.497-6.316v3.158h-5V7.259h5z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconModeTrain = 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 2c-3.996 0-8 .521-8 4.208v10.004a3.788 3.788 0 001.028 2.603 3.414 3.414 0 002.473 1.077l-1.5 1.579V22h2.003l1.994-2.108h4.004L15.996 22h2.002v-.529l-1.5-1.58c.928 0 1.817-.387 2.474-1.076A3.788 3.788 0 0020 16.212V6.208C20 2.521 15.996 2 12 2zm0 2.1c3.509 0 4.956.506 5.57 1.058H6.43C7.043 4.63 8.49 4.1 12 4.1zM6.002 7.26h5v3.158h-5V7.259zm11.996 8.953c0 .42-.158.82-.44 1.117a1.462 1.462 0 01-1.06.463H7.502c-.397 0-.779-.167-1.06-.463a1.623 1.623 0 01-.44-1.117v-3.687h11.997v3.687zm-9.5-2.637c.297 0 .587.093.834.266.246.174.438.42.552.709.113.289.143.606.085.912-.058.307-.2.588-.41.809-.21.22-.477.371-.768.432-.29.061-.592.03-.866-.09a1.519 1.519 0 01-.673-.581 1.64 1.64 0 01-.253-.878c0-.418.158-.82.44-1.116a1.462 1.462 0 011.06-.463zm7.003 0c.297 0 .587.093.833.266.247.174.44.42.553.709.113.289.143.606.085.912-.058.307-.2.588-.41.809-.21.22-.477.371-.768.432-.291.061-.593.03-.867-.09a1.52 1.52 0 01-.672-.581 1.64 1.64 0 01-.253-.878c0-.418.158-.82.439-1.116a1.462 1.462 0 011.06-.463zm2.497-6.316v3.158h-5V7.259h5z", fill: "currentColor" })));
+});
 IconModeTrain.displayName = 'IconModeTrain';

package/dist/esm/icons/IconModeTruck.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconModeTruck = 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.273 8.64h-2.726V5H3.82A1.827 1.827 0 002 6.82v9.999h1.82a2.726 2.726 0 005.453 0h5.454a2.727 2.727 0 005.453 0H22v-4.546L19.273 8.64zm-.456 1.363l1.779 2.27h-4.05v-2.27h2.27zm-12.27 7.723a.914.914 0 11-.013-1.829.914.914 0 01.013 1.829zm2.045-2.727a2.727 2.727 0 00-4.09 0H3.82V6.82h10.907V15H8.592zm8.861 2.727a.914.914 0 11-.013-1.829.914.914 0 01.013 1.829z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconModeTruck = 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.273 8.64h-2.726V5H3.82A1.827 1.827 0 002 6.82v9.999h1.82a2.726 2.726 0 005.453 0h5.454a2.727 2.727 0 005.453 0H22v-4.546L19.273 8.64zm-.456 1.363l1.779 2.27h-4.05v-2.27h2.27zm-12.27 7.723a.914.914 0 11-.013-1.829.914.914 0 01.013 1.829zm2.045-2.727a2.727 2.727 0 00-4.09 0H3.82V6.82h10.907V15H8.592zm8.861 2.727a.914.914 0 11-.013-1.829.914.914 0 01.013 1.829z", fill: "currentColor" })));
+});
 IconModeTruck.displayName = 'IconModeTruck';

package/dist/esm/icons/IconMoneyCase.js

@@ -1,14 +1,18 @@
 import React, { forwardRef } from 'react';
-export const IconMoneyCase = 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: "M3.429 21c-.366 0-.695-.15-.989-.45-.293-.3-.44-.65-.44-1.05v-12c0-.383.147-.73.44-1.037.294-.309.623-.463.989-.463H20.57c.381 0 .715.154 1 .463.286.308.429.654.429 1.037v1.35H20.57V7.5H3.43v12h17.14V8.85H22V19.5c0 .4-.143.75-.429 1.05-.285.3-.619.45-1 .45H3.43z", fill: "currentColor" }),
-    React.createElement("path", { d: "M9.143 7.325c-.365 0-.695-.15-.988-.45-.294-.3-.44-.65-.44-1.05V3.5c0-.383.146-.73.44-1.038.293-.308.623-.462.988-.462h5.714c.381 0 .714.154 1 .462.286.309.429.655.429 1.038v2.35h-1.429V3.5H9.143V6h5.714v-.15h1.429v-.025c0 .4-.143.75-.429 1.05-.286.3-.619.45-1 .45H9.143zm3.043 5.625c-1.081-.295-1.429-.6-1.429-1.075 0-.545.481-.925 1.286-.925.848 0 1.162.425 1.19 1.05h1.053c-.034-.86-.534-1.65-1.529-1.905V9H11.33v1.08c-.924.21-1.667.84-1.667 1.805 0 1.155.91 1.73 2.238 2.065 1.19.3 1.429.74 1.429 1.205 0 .345-.234.895-1.286.895-.981 0-1.367-.46-1.42-1.05H9.577c.057 1.095.838 1.71 1.753 1.915V18h1.428v-1.075c.929-.185 1.667-.75 1.667-1.775 0-1.42-1.157-1.905-2.238-2.2z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconMoneyCase = 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: "M3.429 21c-.366 0-.695-.15-.989-.45-.293-.3-.44-.65-.44-1.05v-12c0-.383.147-.73.44-1.037.294-.309.623-.463.989-.463H20.57c.381 0 .715.154 1 .463.286.308.429.654.429 1.037v1.35H20.57V7.5H3.43v12h17.14V8.85H22V19.5c0 .4-.143.75-.429 1.05-.285.3-.619.45-1 .45H3.43z", fill: "currentColor" }),
+        React.createElement("path", { d: "M9.143 7.325c-.365 0-.695-.15-.988-.45-.294-.3-.44-.65-.44-1.05V3.5c0-.383.146-.73.44-1.038.293-.308.623-.462.988-.462h5.714c.381 0 .714.154 1 .462.286.309.429.655.429 1.038v2.35h-1.429V3.5H9.143V6h5.714v-.15h1.429v-.025c0 .4-.143.75-.429 1.05-.286.3-.619.45-1 .45H9.143zm3.043 5.625c-1.081-.295-1.429-.6-1.429-1.075 0-.545.481-.925 1.286-.925.848 0 1.162.425 1.19 1.05h1.053c-.034-.86-.534-1.65-1.529-1.905V9H11.33v1.08c-.924.21-1.667.84-1.667 1.805 0 1.155.91 1.73 2.238 2.065 1.19.3 1.429.74 1.429 1.205 0 .345-.234.895-1.286.895-.981 0-1.367-.46-1.42-1.05H9.577c.057 1.095.838 1.71 1.753 1.915V18h1.428v-1.075c.929-.185 1.667-.75 1.667-1.775 0-1.42-1.157-1.905-2.238-2.2z", fill: "currentColor" })));
+});
 IconMoneyCase.displayName = 'IconMoneyCase';

package/dist/esm/icons/IconMonitorWeight.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconMonitorWeight = 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.778 2H4.222A2.228 2.228 0 002 4.222v15.556C2 21 3 22 4.222 22h15.556C21 22 22 21 22 19.778V4.222C22 3 21 2 19.778 2zm0 17.778H4.222V4.222h15.556v15.556zM12 5.333a3.329 3.329 0 00-3.333 3.334A3.329 3.329 0 0012 12a3.329 3.329 0 003.333-3.333A3.329 3.329 0 0012 5.333zm-1.111 3.89H9.778V8.11h1.11v1.111zm1.667 0h-1.112V8.11h1.112v1.111zm1.666 0h-1.11V8.11h1.11v1.111z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconMonitorWeight = 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.778 2H4.222A2.228 2.228 0 002 4.222v15.556C2 21 3 22 4.222 22h15.556C21 22 22 21 22 19.778V4.222C22 3 21 2 19.778 2zm0 17.778H4.222V4.222h15.556v15.556zM12 5.333a3.329 3.329 0 00-3.333 3.334A3.329 3.329 0 0012 12a3.329 3.329 0 003.333-3.333A3.329 3.329 0 0012 5.333zm-1.111 3.89H9.778V8.11h1.11v1.111zm1.667 0h-1.112V8.11h1.112v1.111zm1.666 0h-1.11V8.11h1.11v1.111z", fill: "currentColor" })));
+});
 IconMonitorWeight.displayName = 'IconMonitorWeight';

package/dist/esm/icons/IconMultipleAddress.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconMultipleAddress = 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.805 10.81H9.2a.12.12 0 00-.085.04.14.14 0 00-.035.094l-.002.53-.493-.223V9.226c0-.29.223-.528.498-.528h5.835c.275 0 .497.238.497.528v2.024l-.489.22v-.526a.14.14 0 00-.035-.094.119.119 0 00-.086-.04zm-.76 1.058h-4.09l1.17.528h1.751l1.17-.528zm-1.801 1.585h-.488v5.416a.139.139 0 01-.036.093.118.118 0 01-.087.038h-1.219c-.067 0-.121-.059-.121-.131v-4.096c0-.29-.223-.528-.498-.528H3.961c-.275 0-.498.238-.498.528v4.096a.139.139 0 01-.036.092.118.118 0 01-.085.039h-1.22C2.055 19 2 18.941 2 18.869V13.21c0-.156.043-.31.123-.44a.75.75 0 01.326-.292l4.147-1.87a.682.682 0 01.526-.015v-2.93c0-.156.043-.31.123-.44a.75.75 0 01.326-.292l4.148-1.87a.68.68 0 01.562 0l4.148 1.87h-.001a.75.75 0 01.327.292c.08.13.123.283.123.44v2.929a.683.683 0 01.524.016l4.149 1.87h-.002a.75.75 0 01.328.292c.08.13.123.284.123.44v5.658a.139.139 0 01-.037.093.118.118 0 01-.086.039h-1.219c-.067 0-.121-.059-.121-.132v-4.095c0-.29-.223-.528-.498-.528h-5.834c-.275 0-.498.238-.498.528v4.095a.138.138 0 01-.036.093.118.118 0 01-.085.039h-1.22c-.068 0-.122-.059-.122-.132v-5.415zm2.56-4.227h-5.6a.119.119 0 00-.086.04.14.14 0 00-.035.093l-.001.792c0 .073.054.132.121.132h5.602a.119.119 0 00.085-.04.139.139 0 00.036-.092V9.36a.14.14 0 00-.035-.094.119.119 0 00-.086-.04zm-5.121 7.132H4.078a.118.118 0 00-.086.04.139.139 0 00-.035.093v.793c0 .072.054.131.121.131h5.605a.118.118 0 00.085-.039.139.139 0 00.036-.093v-.792a.139.139 0 00-.035-.093.118.118 0 00-.086-.04zm0 1.585H4.075a.119.119 0 00-.087.039.14.14 0 00-.036.094v.793c0 .072.054.131.122.131h5.609a.118.118 0 00.085-.039.139.139 0 00.036-.092v-.793a.139.139 0 00-.035-.094.119.119 0 00-.086-.04zm0-3.17h-5.6a.118.118 0 00-.087.04.14.14 0 00-.035.093l-.002.793c0 .072.055.131.122.131h5.602a.118.118 0 00.085-.039.139.139 0 00.036-.092v-.793a.14.14 0 00-.035-.094.118.118 0 00-.086-.039zm4.639 1.585h5.604c.033 0 .064.014.086.04a.14.14 0 01.036.093v.792a.14.14 0 01-.036.093.119.119 0 01-.086.039h-5.604c-.068 0-.123-.059-.123-.132l.003-.792c0-.035.012-.068.035-.093a.119.119 0 01.085-.04zm-.003 1.585h5.607c.033 0 .064.014.086.04a.14.14 0 01.036.093v.792a.139.139 0 01-.036.093.118.118 0 01-.086.039h-5.609c-.067 0-.121-.059-.121-.132v-.792a.14.14 0 01.036-.094.118.118 0 01.087-.04zm.007-3.17h5.6c.033 0 .064.014.086.04a.14.14 0 01.036.093v.792a.139.139 0 01-.036.093.118.118 0 01-.086.039h-5.601c-.068 0-.122-.059-.122-.132l.002-.792c0-.035.012-.069.035-.094a.118.118 0 01.086-.04z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconMultipleAddress = 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.805 10.81H9.2a.12.12 0 00-.085.04.14.14 0 00-.035.094l-.002.53-.493-.223V9.226c0-.29.223-.528.498-.528h5.835c.275 0 .497.238.497.528v2.024l-.489.22v-.526a.14.14 0 00-.035-.094.119.119 0 00-.086-.04zm-.76 1.058h-4.09l1.17.528h1.751l1.17-.528zm-1.801 1.585h-.488v5.416a.139.139 0 01-.036.093.118.118 0 01-.087.038h-1.219c-.067 0-.121-.059-.121-.131v-4.096c0-.29-.223-.528-.498-.528H3.961c-.275 0-.498.238-.498.528v4.096a.139.139 0 01-.036.092.118.118 0 01-.085.039h-1.22C2.055 19 2 18.941 2 18.869V13.21c0-.156.043-.31.123-.44a.75.75 0 01.326-.292l4.147-1.87a.682.682 0 01.526-.015v-2.93c0-.156.043-.31.123-.44a.75.75 0 01.326-.292l4.148-1.87a.68.68 0 01.562 0l4.148 1.87h-.001a.75.75 0 01.327.292c.08.13.123.283.123.44v2.929a.683.683 0 01.524.016l4.149 1.87h-.002a.75.75 0 01.328.292c.08.13.123.284.123.44v5.658a.139.139 0 01-.037.093.118.118 0 01-.086.039h-1.219c-.067 0-.121-.059-.121-.132v-4.095c0-.29-.223-.528-.498-.528h-5.834c-.275 0-.498.238-.498.528v4.095a.138.138 0 01-.036.093.118.118 0 01-.085.039h-1.22c-.068 0-.122-.059-.122-.132v-5.415zm2.56-4.227h-5.6a.119.119 0 00-.086.04.14.14 0 00-.035.093l-.001.792c0 .073.054.132.121.132h5.602a.119.119 0 00.085-.04.139.139 0 00.036-.092V9.36a.14.14 0 00-.035-.094.119.119 0 00-.086-.04zm-5.121 7.132H4.078a.118.118 0 00-.086.04.139.139 0 00-.035.093v.793c0 .072.054.131.121.131h5.605a.118.118 0 00.085-.039.139.139 0 00.036-.093v-.792a.139.139 0 00-.035-.093.118.118 0 00-.086-.04zm0 1.585H4.075a.119.119 0 00-.087.039.14.14 0 00-.036.094v.793c0 .072.054.131.122.131h5.609a.118.118 0 00.085-.039.139.139 0 00.036-.092v-.793a.139.139 0 00-.035-.094.119.119 0 00-.086-.04zm0-3.17h-5.6a.118.118 0 00-.087.04.14.14 0 00-.035.093l-.002.793c0 .072.055.131.122.131h5.602a.118.118 0 00.085-.039.139.139 0 00.036-.092v-.793a.14.14 0 00-.035-.094.118.118 0 00-.086-.039zm4.639 1.585h5.604c.033 0 .064.014.086.04a.14.14 0 01.036.093v.792a.14.14 0 01-.036.093.119.119 0 01-.086.039h-5.604c-.068 0-.123-.059-.123-.132l.003-.792c0-.035.012-.068.035-.093a.119.119 0 01.085-.04zm-.003 1.585h5.607c.033 0 .064.014.086.04a.14.14 0 01.036.093v.792a.139.139 0 01-.036.093.118.118 0 01-.086.039h-5.609c-.067 0-.121-.059-.121-.132v-.792a.14.14 0 01.036-.094.118.118 0 01.087-.04zm.007-3.17h5.6c.033 0 .064.014.086.04a.14.14 0 01.036.093v.792a.139.139 0 01-.036.093.118.118 0 01-.086.039h-5.601c-.068 0-.122-.059-.122-.132l.002-.792c0-.035.012-.069.035-.094a.118.118 0 01.086-.04z", fill: "currentColor" })));
+});
 IconMultipleAddress.displayName = 'IconMultipleAddress';

package/dist/esm/icons/IconNegativeCircled.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconNegativeCircled = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { d: "M21.66 12.23l-1.89-1.89L16 14.11l-3.77-3.77-1.89 1.89L14.11 16l-3.77 3.77 1.89 1.89L16 17.89l3.77 3.77 1.89-1.89L17.89 16zM16 2.67A13.33 13.33 0 1029.33 16 13.33 13.33 0 0016 2.67zm0 24A10.67 10.67 0 1126.67 16 10.69 10.69 0 0116 26.67z", fill: "currentColor", "fill-rule": "evenodd" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconNegativeCircled = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { d: "M21.66 12.23l-1.89-1.89L16 14.11l-3.77-3.77-1.89 1.89L14.11 16l-3.77 3.77 1.89 1.89L16 17.89l3.77 3.77 1.89-1.89L17.89 16zM16 2.67A13.33 13.33 0 1029.33 16 13.33 13.33 0 0016 2.67zm0 24A10.67 10.67 0 1126.67 16 10.69 10.69 0 0116 26.67z", fill: "currentColor", "fill-rule": "evenodd" })));
+});
 IconNegativeCircled.displayName = 'IconNegativeCircled';