@freightos/icons 1.0.2 → 1.0.4

package/dist/esm/icons/IconReceipt.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconReceipt = 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.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zm-.503 15.59H5.003V4.91h13.994v14.18zM6 15h12v2.004H6V15zm0-3.998h12v1.996H6v-1.996zm0-4.006h12V9H6V6.996z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconReceipt = 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.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zm-.503 15.59H5.003V4.91h13.994v14.18zM6 15h12v2.004H6V15zm0-3.998h12v1.996H6v-1.996zm0-4.006h12V9H6V6.996z", fill: "currentColor" })));
+});
 IconReceipt.displayName = 'IconReceipt';

package/dist/esm/icons/IconRefresh.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconRefresh = 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.06 4.94A9.983 9.983 0 006.977 3.35a9.996 9.996 0 00-4.23 4.859 10.012 10.012 0 003.22 11.77 9.98 9.98 0 0012.188-.113 10.001 10.001 0 003.513-5.402H19.06a7.541 7.541 0 01-2.913 3.8 7.526 7.526 0 01-9.06-.483 7.545 7.545 0 01-2.026-8.854 7.525 7.525 0 0112.22-2.234l-4.024 4.028H22V2.007L19.06 4.94z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconRefresh = 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.06 4.94A9.983 9.983 0 006.977 3.35a9.996 9.996 0 00-4.23 4.859 10.012 10.012 0 003.22 11.77 9.98 9.98 0 0012.188-.113 10.001 10.001 0 003.513-5.402H19.06a7.541 7.541 0 01-2.913 3.8 7.526 7.526 0 01-9.06-.483 7.545 7.545 0 01-2.026-8.854 7.525 7.525 0 0112.22-2.234l-4.024 4.028H22V2.007L19.06 4.94z", fill: "currentColor" })));
+});
 IconRefresh.displayName = 'IconRefresh';

package/dist/esm/icons/IconRefund.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconRefund = 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.424 4a8.623 8.623 0 014.042 1 8.544 8.544 0 013.088 2.774 8.438 8.438 0 01.795 7.978 8.506 8.506 0 01-2.482 3.319 8.598 8.598 0 01-3.766 1.766 8.634 8.634 0 01-4.16-.204 8.582 8.582 0 01-3.572-2.126l1.35-1.34a6.696 6.696 0 008.403.809 6.606 6.606 0 002.666-3.576 6.553 6.553 0 00-.226-4.442 6.621 6.621 0 00-3.015-3.292 6.702 6.702 0 00-4.436-.647 6.664 6.664 0 00-3.843 2.292A6.57 6.57 0 005.762 12.5H8.62l-3.85 3.804-.064-.128L1 12.5h2.856c0-2.254.903-4.416 2.51-6.01A8.603 8.603 0 0112.424 4zm.671 4.25v1.034a1.83 1.83 0 011.35 1.799h-.928a.921.921 0 00-.29-.746.936.936 0 00-.767-.245c-.714 0-1.135.36-1.135.87s.307.71 1.264 1.02c.956.313 1.977.738 1.977 2.076.007.41-.14.81-.411 1.12-.271.31-.649.508-1.06.56v1.012h-1.263v-1.027a1.903 1.903 0 01-1.098-.631 1.876 1.876 0 01-.452-1.175h.928c.043.56.386.991 1.25.991s1.135-.517 1.135-.843c0-.439-.207-.857-1.256-1.14-1.178-.319-1.978-.857-1.978-1.948.007-.41.157-.804.426-1.116.268-.311.638-.52 1.045-.591V8.25h1.263z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconRefund = 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.424 4a8.623 8.623 0 014.042 1 8.544 8.544 0 013.088 2.774 8.438 8.438 0 01.795 7.978 8.506 8.506 0 01-2.482 3.319 8.598 8.598 0 01-3.766 1.766 8.634 8.634 0 01-4.16-.204 8.582 8.582 0 01-3.572-2.126l1.35-1.34a6.696 6.696 0 008.403.809 6.606 6.606 0 002.666-3.576 6.553 6.553 0 00-.226-4.442 6.621 6.621 0 00-3.015-3.292 6.702 6.702 0 00-4.436-.647 6.664 6.664 0 00-3.843 2.292A6.57 6.57 0 005.762 12.5H8.62l-3.85 3.804-.064-.128L1 12.5h2.856c0-2.254.903-4.416 2.51-6.01A8.603 8.603 0 0112.424 4zm.671 4.25v1.034a1.83 1.83 0 011.35 1.799h-.928a.921.921 0 00-.29-.746.936.936 0 00-.767-.245c-.714 0-1.135.36-1.135.87s.307.71 1.264 1.02c.956.313 1.977.738 1.977 2.076.007.41-.14.81-.411 1.12-.271.31-.649.508-1.06.56v1.012h-1.263v-1.027a1.903 1.903 0 01-1.098-.631 1.876 1.876 0 01-.452-1.175h.928c.043.56.386.991 1.25.991s1.135-.517 1.135-.843c0-.439-.207-.857-1.256-1.14-1.178-.319-1.978-.857-1.978-1.948.007-.41.157-.804.426-1.116.268-.311.638-.52 1.045-.591V8.25h1.263z", fill: "currentColor" })));
+});
 IconRefund.displayName = 'IconRefund';

package/dist/esm/icons/IconResidential.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconResidential = 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.606 9.436V4.789c0-.595-.489-1.081-1.087-1.081h-1.087c-.598 0-1.087.486-1.087 1.08v1.73l-3.62-3.242a1.1 1.1 0 00-1.456 0l-9.087 8.138a.538.538 0 00.359.94h1.848v7.565c0 .595.489 1.081 1.087 1.081h4.348v-5.404c0-.594.489-1.08 1.087-1.08h2.173c.598 0 1.087.486 1.087 1.08V21h4.348c.598 0 1.087-.486 1.087-1.08v-7.566h1.848c.5 0 .739-.616.359-.94l-2.207-1.978zm-9.782.756a2.174 2.174 0 014.347 0H9.824z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconResidential = 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.606 9.436V4.789c0-.595-.489-1.081-1.087-1.081h-1.087c-.598 0-1.087.486-1.087 1.08v1.73l-3.62-3.242a1.1 1.1 0 00-1.456 0l-9.087 8.138a.538.538 0 00.359.94h1.848v7.565c0 .595.489 1.081 1.087 1.081h4.348v-5.404c0-.594.489-1.08 1.087-1.08h2.173c.598 0 1.087.486 1.087 1.08V21h4.348c.598 0 1.087-.486 1.087-1.08v-7.566h1.848c.5 0 .739-.616.359-.94l-2.207-1.978zm-9.782.756a2.174 2.174 0 014.347 0H9.824z", fill: "currentColor" })));
+});
 IconResidential.displayName = 'IconResidential';

package/dist/esm/icons/IconReview.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconReview = 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: "M26.67 2.67H5.33a2.66 2.66 0 00-2.65 2.66v24L8 24h18.67a2.67 2.67 0 002.66-2.67v-16a2.67 2.67 0 00-2.66-2.66zm0 18.66H6.89l-.78.79-.78.77V5.33h21.34zM14 18.67h10V16h-7.33zm5.15-7.83a.68.68 0 000-.95l-2.36-2.36a.68.68 0 00-.95 0L8 15.37v3.3h3.29z", fill: "currentColor", "fill-rule": "evenodd" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconReview = 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: "M26.67 2.67H5.33a2.66 2.66 0 00-2.65 2.66v24L8 24h18.67a2.67 2.67 0 002.66-2.67v-16a2.67 2.67 0 00-2.66-2.66zm0 18.66H6.89l-.78.79-.78.77V5.33h21.34zM14 18.67h10V16h-7.33zm5.15-7.83a.68.68 0 000-.95l-2.36-2.36a.68.68 0 00-.95 0L8 15.37v3.3h3.29z", fill: "currentColor", "fill-rule": "evenodd" })));
+});
 IconReview.displayName = 'IconReview';

package/dist/esm/icons/IconRight.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconRight = 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: "M11.45 22.12L17.56 16l-6.11-6.12L13.33 8l8 8-8 8-1.88-1.88z" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconRight = 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: "M11.45 22.12L17.56 16l-6.11-6.12L13.33 8l8 8-8 8-1.88-1.88z" })));
+});
 IconRight.displayName = 'IconRight';

package/dist/esm/icons/IconRisk.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconRisk = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 6.57l6.848 11.642H5.152L12 6.57zM12 3L2 20h20L12 3zm.91 12.526h-1.82v1.788h1.82v-1.788zm0-5.366h-1.82v3.577h1.82V10.16z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconRisk = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 6.57l6.848 11.642H5.152L12 6.57zM12 3L2 20h20L12 3zm.91 12.526h-1.82v1.788h1.82v-1.788zm0-5.366h-1.82v3.577h1.82V10.16z", fill: "currentColor" })));
+});
 IconRisk.displayName = 'IconRisk';

package/dist/esm/icons/IconSave.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconSave = 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.558 2H4.225A2.225 2.225 0 002 4.225v15.55A2.225 2.225 0 004.225 22h15.55A2.233 2.233 0 0022 19.775V6.442L17.558 2zm2.217 17.775H4.225V4.225h12.408l3.142 3.142v12.408zM12 12a3.333 3.333 0 100 6.666A3.333 3.333 0 0012 12zM5.333 5.333h10v4.442h-10V5.333z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconSave = 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.558 2H4.225A2.225 2.225 0 002 4.225v15.55A2.225 2.225 0 004.225 22h15.55A2.233 2.233 0 0022 19.775V6.442L17.558 2zm2.217 17.775H4.225V4.225h12.408l3.142 3.142v12.408zM12 12a3.333 3.333 0 100 6.666A3.333 3.333 0 0012 12zM5.333 5.333h10v4.442h-10V5.333z", fill: "currentColor" })));
+});
 IconSave.displayName = 'IconSave';

package/dist/esm/icons/IconSearch.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconSearch = 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.288 14.579h-.909l-.317-.31A7.432 7.432 0 009.286 2.002 7.425 7.425 0 002 9.29a7.432 7.432 0 007.003 7.559 7.425 7.425 0 005.26-1.78l.31.317v.91L20.283 22 22 20.284l-5.712-5.705zm-6.86 0A5.144 5.144 0 014.674 11.4a5.15 5.15 0 013.75-7.02 5.144 5.144 0 016.15 5.05 5.149 5.149 0 01-5.146 5.148z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconSearch = 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.288 14.579h-.909l-.317-.31A7.432 7.432 0 009.286 2.002 7.425 7.425 0 002 9.29a7.432 7.432 0 007.003 7.559 7.425 7.425 0 005.26-1.78l.31.317v.91L20.283 22 22 20.284l-5.712-5.705zm-6.86 0A5.144 5.144 0 014.674 11.4a5.15 5.15 0 013.75-7.02 5.144 5.144 0 016.15 5.05 5.149 5.149 0 01-5.146 5.148z", fill: "currentColor" })));
+});
 IconSearch.displayName = 'IconSearch';

package/dist/esm/icons/IconSearchManager.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconSearchManager = 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: "M3.667 22c-.445 0-.834-.167-1.167-.5-.333-.333-.5-.722-.5-1.167V3.667c0-.445.167-.834.5-1.167.333-.333.722-.5 1.167-.5h16.666c.445 0 .834.167 1.167.5.333.333.5.722.5 1.167v16.666c0 .445-.167.834-.5 1.167-.333.333-.722.5-1.167.5H3.667zm0-1.667h16.666V3.667H3.667v16.666zm3.916-3.194a.8.8 0 01-.583.25.8.8 0 01-.583-.25.8.8 0 01-.25-.583.8.8 0 01.25-.584.8.8 0 01.583-.25.8.8 0 01.583.25.8.8 0 01.25.584.8.8 0 01-.25.583zM7 12.833a.8.8 0 00.583-.25.8.8 0 00.25-.583.8.8 0 00-.25-.583.8.8 0 00-.583-.25.8.8 0 00-.583.25.8.8 0 00-.25.583.8.8 0 00.25.583.8.8 0 00.583.25zm.583-4.805a.8.8 0 01-.583.25.8.8 0 01-.583-.25.8.8 0 01-.25-.584.8.8 0 01.25-.583.8.8 0 01.583-.25.8.8 0 01.583.25.8.8 0 01.25.583.8.8 0 01-.25.584zm3.083 9.361h6.778v-1.667h-6.778v1.667zm6.778-4.556h-6.778v-1.666h6.778v1.666zm-6.778-4.555h6.778V6.61h-6.778v1.667z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconSearchManager = 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: "M3.667 22c-.445 0-.834-.167-1.167-.5-.333-.333-.5-.722-.5-1.167V3.667c0-.445.167-.834.5-1.167.333-.333.722-.5 1.167-.5h16.666c.445 0 .834.167 1.167.5.333.333.5.722.5 1.167v16.666c0 .445-.167.834-.5 1.167-.333.333-.722.5-1.167.5H3.667zm0-1.667h16.666V3.667H3.667v16.666zm3.916-3.194a.8.8 0 01-.583.25.8.8 0 01-.583-.25.8.8 0 01-.25-.583.8.8 0 01.25-.584.8.8 0 01.583-.25.8.8 0 01.583.25.8.8 0 01.25.584.8.8 0 01-.25.583zM7 12.833a.8.8 0 00.583-.25.8.8 0 00.25-.583.8.8 0 00-.25-.583.8.8 0 00-.583-.25.8.8 0 00-.583.25.8.8 0 00-.25.583.8.8 0 00.25.583.8.8 0 00.583.25zm.583-4.805a.8.8 0 01-.583.25.8.8 0 01-.583-.25.8.8 0 01-.25-.584.8.8 0 01.25-.583.8.8 0 01.583-.25.8.8 0 01.583.25.8.8 0 01.25.583.8.8 0 01-.25.584zm3.083 9.361h6.778v-1.667h-6.778v1.667zm6.778-4.556h-6.778v-1.666h6.778v1.666zm-6.778-4.555h6.778V6.61h-6.778v1.667z", fill: "currentColor" })));
+});
 IconSearchManager.displayName = 'IconSearchManager';

package/dist/esm/icons/IconSectionCollapse.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconSectionCollapse = 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: "M8.075 20L7 18.925l4.5-4.5 4.5 4.5L14.925 20 11.5 16.575 8.075 20zM11.5 9.575L7 5.075 8.075 4 11.5 7.425 14.925 4 16 5.075l-4.5 4.5z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconSectionCollapse = 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: "M8.075 20L7 18.925l4.5-4.5 4.5 4.5L14.925 20 11.5 16.575 8.075 20zM11.5 9.575L7 5.075 8.075 4 11.5 7.425 14.925 4 16 5.075l-4.5 4.5z", fill: "currentColor" })));
+});
 IconSectionCollapse.displayName = 'IconSectionCollapse';

package/dist/esm/icons/IconSectionExpand.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconSectionExpand = 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.5 21L8 16.475l1.1-1.106 3.4 3.419 3.4-3.42 1.1 1.107L12.5 21zM9.1 8.631L8 7.525 12.5 3 17 7.525l-1.1 1.106-3.4-3.419-3.4 3.42z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconSectionExpand = 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.5 21L8 16.475l1.1-1.106 3.4 3.419 3.4-3.42 1.1 1.107L12.5 21zM9.1 8.631L8 7.525 12.5 3 17 7.525l-1.1 1.106-3.4-3.419-3.4 3.42z", fill: "currentColor" })));
+});
 IconSectionExpand.displayName = 'IconSectionExpand';

package/dist/esm/icons/IconSecurePayment.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconSecurePayment = 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: "M3.913 9.891h15.401v1.796l1.928 1.47V5.81a1.712 1.712 0 00-.145-.696 1.8 1.8 0 00-.418-.588 1.927 1.927 0 00-.627-.392A2.017 2.017 0 0019.314 4h-15.4c-.253 0-.503.045-.736.136-.233.09-.444.224-.622.392a1.792 1.792 0 00-.414.589c-.096.22-.144.455-.142.693v10.884c0 .239.048.475.145.696.096.22.238.421.418.59.179.169.392.303.626.394.234.09.485.137.739.136h9.14v-1.816H3.914V9.89zm0-4.081h15.401v1.816h-15.4V5.81zm17.098 9.843h-.498v-.912c0-.62-.262-1.215-.728-1.654a2.563 2.563 0 00-1.756-.686c-.659 0-1.29.247-1.756.686a2.273 2.273 0 00-.728 1.655v.911h-.49a1.04 1.04 0 00-.385.056.993.993 0 00-.33.193.929.929 0 00-.226.298.881.881 0 00-.085.358v4.537a.901.901 0 00.3.646c.187.17.437.263.696.259h5.986c.258.002.506-.092.691-.261.185-.17.292-.4.298-.644v-4.537a.9.9 0 00-.298-.644 1.015 1.015 0 00-.691-.261zm-4.47-.912c0-.371.157-.728.436-.99.279-.263.657-.41 1.052-.41.394 0 .773.147 1.052.41.278.262.435.619.435.99v.912h-3.003l.028-.912zm4.47 6.354h-5.986v-4.537h5.986v4.537zm-2.48-1.524a.998.998 0 01-.53.164 1.014 1.014 0 01-.695-.264.9.9 0 01-.295-.648c0-.18.056-.355.162-.504a.956.956 0 01.43-.336 1.018 1.018 0 011.052.189.9.9 0 01.27.461.862.862 0 01-.046.525.924.924 0 01-.347.413z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconSecurePayment = 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: "M3.913 9.891h15.401v1.796l1.928 1.47V5.81a1.712 1.712 0 00-.145-.696 1.8 1.8 0 00-.418-.588 1.927 1.927 0 00-.627-.392A2.017 2.017 0 0019.314 4h-15.4c-.253 0-.503.045-.736.136-.233.09-.444.224-.622.392a1.792 1.792 0 00-.414.589c-.096.22-.144.455-.142.693v10.884c0 .239.048.475.145.696.096.22.238.421.418.59.179.169.392.303.626.394.234.09.485.137.739.136h9.14v-1.816H3.914V9.89zm0-4.081h15.401v1.816h-15.4V5.81zm17.098 9.843h-.498v-.912c0-.62-.262-1.215-.728-1.654a2.563 2.563 0 00-1.756-.686c-.659 0-1.29.247-1.756.686a2.273 2.273 0 00-.728 1.655v.911h-.49a1.04 1.04 0 00-.385.056.993.993 0 00-.33.193.929.929 0 00-.226.298.881.881 0 00-.085.358v4.537a.901.901 0 00.3.646c.187.17.437.263.696.259h5.986c.258.002.506-.092.691-.261.185-.17.292-.4.298-.644v-4.537a.9.9 0 00-.298-.644 1.015 1.015 0 00-.691-.261zm-4.47-.912c0-.371.157-.728.436-.99.279-.263.657-.41 1.052-.41.394 0 .773.147 1.052.41.278.262.435.619.435.99v.912h-3.003l.028-.912zm4.47 6.354h-5.986v-4.537h5.986v4.537zm-2.48-1.524a.998.998 0 01-.53.164 1.014 1.014 0 01-.695-.264.9.9 0 01-.295-.648c0-.18.056-.355.162-.504a.956.956 0 01.43-.336 1.018 1.018 0 011.052.189.9.9 0 01.27.461.862.862 0 01-.046.525.924.924 0 01-.347.413z", fill: "currentColor" })));
+});
 IconSecurePayment.displayName = 'IconSecurePayment';

package/dist/esm/icons/IconSettings.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconSettings = 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.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46a.5.5 0 00-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.488.488 0 0014 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1a.566.566 0 00-.18-.03c-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46a.5.5 0 00.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74 0-.2.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconSettings = 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.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46a.5.5 0 00-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.488.488 0 0014 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1a.566.566 0 00-.18-.03c-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46a.5.5 0 00.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74 0-.2.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z", fill: "currentColor" })));
+});
 IconSettings.displayName = 'IconSettings';

package/dist/esm/icons/IconShare.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconShare = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { d: "M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7 0-.24-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92 0-1.61-1.31-2.92-2.92-2.92zM18 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM6 13c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm12 7.02c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconShare = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { d: "M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7 0-.24-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92 0-1.61-1.31-2.92-2.92-2.92zM18 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM6 13c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm12 7.02c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z", fill: "currentColor" })));
+});
 IconShare.displayName = 'IconShare';

package/dist/esm/icons/IconSphere.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconSphere = 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.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2m-5.15 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 01-4.33 3.56zM14.34 14H9.66c-.1-.66-.16-1.32-.16-2 0-.68.06-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zM12 19.96c-.83-1.2-1.5-2.53-1.91-3.96h3.82c-.41 1.43-1.08 2.76-1.91 3.96zM8 8H5.08A7.923 7.923 0 019.4 4.44C8.8 5.55 8.35 6.75 8 8zm-2.92 8H8c.35 1.25.8 2.45 1.4 3.56A8.008 8.008 0 015.08 16zm-.82-2C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2M12 4.03c.83 1.2 1.5 2.54 1.91 3.97h-3.82c.41-1.43 1.08-2.77 1.91-3.97zM18.92 8h-2.95a15.65 15.65 0 00-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56zM12 2C6.47 2 2 6.5 2 12A10 10 0 1012 2z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconSphere = 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.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2m-5.15 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 01-4.33 3.56zM14.34 14H9.66c-.1-.66-.16-1.32-.16-2 0-.68.06-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zM12 19.96c-.83-1.2-1.5-2.53-1.91-3.96h3.82c-.41 1.43-1.08 2.76-1.91 3.96zM8 8H5.08A7.923 7.923 0 019.4 4.44C8.8 5.55 8.35 6.75 8 8zm-2.92 8H8c.35 1.25.8 2.45 1.4 3.56A8.008 8.008 0 015.08 16zm-.82-2C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2M12 4.03c.83 1.2 1.5 2.54 1.91 3.97h-3.82c.41-1.43 1.08-2.77 1.91-3.97zM18.92 8h-2.95a15.65 15.65 0 00-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56zM12 2C6.47 2 2 6.5 2 12A10 10 0 1012 2z", fill: "currentColor" })));
+});
 IconSphere.displayName = 'IconSphere';

package/dist/esm/icons/IconStarEmpty.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconStarEmpty = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22 9.238l-7.187-.623L12 2 9.187 8.63 2 9.237l5.5 4.733-1.68 7.027 6.18-3.75 6.182 3.75-1.628-7.027L22 9.238zm-10 6.157l-3.75 2.25.997-4.282-3.331-2.865 4.381-.375L12 6.095l1.71 4.042 4.382.383-3.324 2.88.983 4.275-3.75-2.28z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconStarEmpty = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22 9.238l-7.187-.623L12 2 9.187 8.63 2 9.237l5.5 4.733-1.68 7.027 6.18-3.75 6.182 3.75-1.628-7.027L22 9.238zm-10 6.157l-3.75 2.25.997-4.282-3.331-2.865 4.381-.375L12 6.095l1.71 4.042 4.382.383-3.324 2.88.983 4.275-3.75-2.28z", fill: "currentColor" })));
+});
 IconStarEmpty.displayName = 'IconStarEmpty';

package/dist/esm/icons/IconStarFull.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconStarFull = 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 17.27l6.182 3.727-1.643-7.027L22 9.238l-7.187-.608L12 2 9.187 8.63 2 9.237l5.461 4.733-1.642 7.027L12 17.27z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconStarFull = 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 17.27l6.182 3.727-1.643-7.027L22 9.238l-7.187-.608L12 2 9.187 8.63 2 9.237l5.461 4.733-1.642 7.027L12 17.27z", fill: "currentColor" })));
+});
 IconStarFull.displayName = 'IconStarFull';