@freightos/icons 1.0.3 → 1.0.4

package/dist/esm/icons/IconPeople.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconPeople = 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 13.752c-2.341 0-7 1.17-7 3.503v1.748h14v-1.748c0-2.332-4.66-3.502-7-3.502zm-4.66 3.255A9.567 9.567 0 019 15.755a9.567 9.567 0 014.658 1.252H4.341zM9 12.006a3.504 3.504 0 10-3.504-3.503 3.51 3.51 0 003.503 3.503zm0-5.003a1.5 1.5 0 110 3.002 1.5 1.5 0 010-3.001zm7.044 6.81a4.208 4.208 0 011.958 3.443v1.748H22v-1.748c0-2.017-3.496-3.172-5.956-3.442zM15 12.005a3.505 3.505 0 003.383-4.876A3.504 3.504 0 0015 5.008c-.52 0-1.032.119-1.5.345a5.474 5.474 0 010 6.3c.466.231.98.352 1.5.352z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPeople = 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 13.752c-2.341 0-7 1.17-7 3.503v1.748h14v-1.748c0-2.332-4.66-3.502-7-3.502zm-4.66 3.255A9.567 9.567 0 019 15.755a9.567 9.567 0 014.658 1.252H4.341zM9 12.006a3.504 3.504 0 10-3.504-3.503 3.51 3.51 0 003.503 3.503zm0-5.003a1.5 1.5 0 110 3.002 1.5 1.5 0 010-3.001zm7.044 6.81a4.208 4.208 0 011.958 3.443v1.748H22v-1.748c0-2.017-3.496-3.172-5.956-3.442zM15 12.005a3.505 3.505 0 003.383-4.876A3.504 3.504 0 0015 5.008c-.52 0-1.032.119-1.5.345a5.474 5.474 0 010 6.3c.466.231.98.352 1.5.352z", fill: "currentColor" })));
+});
 IconPeople.displayName = 'IconPeople';

package/dist/esm/icons/IconPercentage.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconPercentage = 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: "M5.198 9.192c0 1.123.109 1.96.327 2.51.218.551.575.826 1.07.826.992 0 1.488-1.112 1.488-3.336 0-2.225-.496-3.337-1.487-3.337-.496 0-.853.275-1.071.826-.218.55-.327 1.387-.327 2.51zm5.072-.023c0 1.734-.312 3.039-.936 3.913-.616.868-1.529 1.301-2.738 1.301-1.143 0-2.03-.448-2.66-1.346C3.312 12.132 3 10.843 3 9.17 3 5.723 4.199 4 6.596 4c1.18 0 2.085.449 2.716 1.346.639.89.958 2.164.958 3.823zm5.658 6.628c0 1.124.109 1.964.327 2.522.225.558.586.837 1.082.837.984 0 1.477-1.12 1.477-3.359 0-2.21-.493-3.314-1.477-3.314-.496 0-.857.271-1.082.814-.218.543-.327 1.377-.327 2.5zm5.072 0c0 1.734-.312 3.035-.936 3.902-.623.867-1.532 1.301-2.727 1.301-1.142 0-2.029-.445-2.66-1.335-.631-.897-.947-2.186-.947-3.868 0-3.446 1.202-5.169 3.607-5.169 1.157 0 2.055.445 2.694 1.335.646.89.969 2.168.969 3.834zm-3.348-11.56l-9.14 16.537H6.325l9.14-16.536h2.188z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPercentage = 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: "M5.198 9.192c0 1.123.109 1.96.327 2.51.218.551.575.826 1.07.826.992 0 1.488-1.112 1.488-3.336 0-2.225-.496-3.337-1.487-3.337-.496 0-.853.275-1.071.826-.218.55-.327 1.387-.327 2.51zm5.072-.023c0 1.734-.312 3.039-.936 3.913-.616.868-1.529 1.301-2.738 1.301-1.143 0-2.03-.448-2.66-1.346C3.312 12.132 3 10.843 3 9.17 3 5.723 4.199 4 6.596 4c1.18 0 2.085.449 2.716 1.346.639.89.958 2.164.958 3.823zm5.658 6.628c0 1.124.109 1.964.327 2.522.225.558.586.837 1.082.837.984 0 1.477-1.12 1.477-3.359 0-2.21-.493-3.314-1.477-3.314-.496 0-.857.271-1.082.814-.218.543-.327 1.377-.327 2.5zm5.072 0c0 1.734-.312 3.035-.936 3.902-.623.867-1.532 1.301-2.727 1.301-1.142 0-2.029-.445-2.66-1.335-.631-.897-.947-2.186-.947-3.868 0-3.446 1.202-5.169 3.607-5.169 1.157 0 2.055.445 2.694 1.335.646.89.969 2.168.969 3.834zm-3.348-11.56l-9.14 16.537H6.325l9.14-16.536h2.188z", fill: "currentColor" })));
+});
 IconPercentage.displayName = 'IconPercentage';

package/dist/esm/icons/IconPin.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconPin = 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.64 13.8l-1.092 1.429c.447 2.388-.195 4.782-1.89 6.478a1.01 1.01 0 01-1.421 0l-4.262-4.262-3.078 3.078a.304.304 0 01-.086.062l-1.894.947c-.287.145-.594-.162-.45-.45l.948-1.893a.29.29 0 01.062-.086l3.078-3.078-4.262-4.262c-.39-.39-.39-1.03 0-1.42 1.696-1.696 4.09-2.338 6.478-1.891l1.43-1.092-.805-.805a1.006 1.006 0 010-1.42l2.84-2.842a1.01 1.01 0 011.421 0l8.05 8.05c.39.39.39 1.03 0 1.42l-2.841 2.841c-.39.391-1.03.391-1.42 0l-.806-.805zm-7.428-3.155c-1.59-.536-3.33-.411-4.715.482l8.376 8.376c.89-1.382 1.015-3.128.482-4.715l3.084-4.03 1.716 1.716 1.42-1.42-6.628-6.63-1.421 1.42 1.716 1.717-4.03 3.084z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPin = 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.64 13.8l-1.092 1.429c.447 2.388-.195 4.782-1.89 6.478a1.01 1.01 0 01-1.421 0l-4.262-4.262-3.078 3.078a.304.304 0 01-.086.062l-1.894.947c-.287.145-.594-.162-.45-.45l.948-1.893a.29.29 0 01.062-.086l3.078-3.078-4.262-4.262c-.39-.39-.39-1.03 0-1.42 1.696-1.696 4.09-2.338 6.478-1.891l1.43-1.092-.805-.805a1.006 1.006 0 010-1.42l2.84-2.842a1.01 1.01 0 011.421 0l8.05 8.05c.39.39.39 1.03 0 1.42l-2.841 2.841c-.39.391-1.03.391-1.42 0l-.806-.805zm-7.428-3.155c-1.59-.536-3.33-.411-4.715.482l8.376 8.376c.89-1.382 1.015-3.128.482-4.715l3.084-4.03 1.716 1.716 1.42-1.42-6.628-6.63-1.421 1.42 1.716 1.717-4.03 3.084z", fill: "currentColor" })));
+});
 IconPin.displayName = 'IconPin';

package/dist/esm/icons/IconPlayCircled.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconPlayCircled = 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.998 16.5l6-4.5-6-4.5v9zM12 2.002a9.998 9.998 0 100 19.995 9.998 9.998 0 000-19.995zm0 18A8.003 8.003 0 1120.003 12 8.017 8.017 0 0112 20.002z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPlayCircled = 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.998 16.5l6-4.5-6-4.5v9zM12 2.002a9.998 9.998 0 100 19.995 9.998 9.998 0 000-19.995zm0 18A8.003 8.003 0 1120.003 12 8.017 8.017 0 0112 20.002z", fill: "currentColor" })));
+});
 IconPlayCircled.displayName = 'IconPlayCircled';

package/dist/esm/icons/IconPlus.js

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

package/dist/esm/icons/IconPlusCircled.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconPlusCircled = 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: "M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPlusCircled = 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: "M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z", fill: "currentColor" })));
+});
 IconPlusCircled.displayName = 'IconPlusCircled';

package/dist/esm/icons/IconPlusCircledSolid.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconPlusCircledSolid = 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 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPlusCircledSolid = 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 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z", fill: "currentColor" })));
+});
 IconPlusCircledSolid.displayName = 'IconPlusCircledSolid';

package/dist/esm/icons/IconPort.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconPort = 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: "M20 20.095c-1.39 0-2.78-.447-4-1.266a7.16 7.16 0 01-8 0c-1.22.819-2.61 1.266-4 1.266H2V22h2c1.37 0 2.74-.333 4-.952a9.08 9.08 0 008 0c1.26.619 2.62.952 4 .952h2v-1.905h-2zm0-15.238v-.952a.93.93 0 00-.293-.674A1.026 1.026 0 0019 2.952H9V2H6v.952H5v1.905h1v8.572H5v-1.905H3v1.905H2v1.904h1v3.81h1c.33 0 .67-.029 1-.076v-3.734h5v3.476c.65.191 1.33.286 2 .286v-3.762h1V13.43h-1v-1.905h-2v1.905H9V4.857h8v4.4c-.47.162-.81.581-.81 1.086 0 .419.24.8.61 1.01v1.123h.62a.6.6 0 01.61.59.6.6 0 01-.61.591.65.65 0 01-.54-.295.587.587 0 00-.37-.269.636.636 0 00-.46.06c-.3.152-.4.514-.23.8.33.533.94.876 1.6.876 1.01 0 1.84-.79 1.84-1.762 0-.743-.5-1.41-1.23-1.658v-.057c.38-.21.62-.59.62-1.01 0-.437-.27-.809-.65-1.009V4.857h2zM8 12.152l-1 .953v-1.353l1-.952v1.352zm0-2.81l-1 .953V8.943l1-.953v1.353zM7 7.439V6.086l1-.953v1.353l-1 .952z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPort = 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: "M20 20.095c-1.39 0-2.78-.447-4-1.266a7.16 7.16 0 01-8 0c-1.22.819-2.61 1.266-4 1.266H2V22h2c1.37 0 2.74-.333 4-.952a9.08 9.08 0 008 0c1.26.619 2.62.952 4 .952h2v-1.905h-2zm0-15.238v-.952a.93.93 0 00-.293-.674A1.026 1.026 0 0019 2.952H9V2H6v.952H5v1.905h1v8.572H5v-1.905H3v1.905H2v1.904h1v3.81h1c.33 0 .67-.029 1-.076v-3.734h5v3.476c.65.191 1.33.286 2 .286v-3.762h1V13.43h-1v-1.905h-2v1.905H9V4.857h8v4.4c-.47.162-.81.581-.81 1.086 0 .419.24.8.61 1.01v1.123h.62a.6.6 0 01.61.59.6.6 0 01-.61.591.65.65 0 01-.54-.295.587.587 0 00-.37-.269.636.636 0 00-.46.06c-.3.152-.4.514-.23.8.33.533.94.876 1.6.876 1.01 0 1.84-.79 1.84-1.762 0-.743-.5-1.41-1.23-1.658v-.057c.38-.21.62-.59.62-1.01 0-.437-.27-.809-.65-1.009V4.857h2zM8 12.152l-1 .953v-1.353l1-.952v1.352zm0-2.81l-1 .953V8.943l1-.953v1.353zM7 7.439V6.086l1-.953v1.353l-1 .952z", fill: "currentColor" })));
+});
 IconPort.displayName = 'IconPort';

package/dist/esm/icons/IconPrint.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconPrint = 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 8.002h-.998V3H5.999v5.002H5a3.001 3.001 0 00-3 3v6h3.998V21h12.003v-3.997H22v-6a3 3 0 00-3-3zm-10.998-3h7.997v3H8.002v-3zm7.997 12v1.995H8.002V15h7.997v2.003zm3-7.004a1.005 1.005 0 011.006 1.005V15h-2.003v-2.002H5.999V15H3.996v-3.998A1.005 1.005 0 015 9.997h13.998zm-.997.502a1.005 1.005 0 10.997.998.997.997 0 00-.997-.998z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPrint = 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 8.002h-.998V3H5.999v5.002H5a3.001 3.001 0 00-3 3v6h3.998V21h12.003v-3.997H22v-6a3 3 0 00-3-3zm-10.998-3h7.997v3H8.002v-3zm7.997 12v1.995H8.002V15h7.997v2.003zm3-7.004a1.005 1.005 0 011.006 1.005V15h-2.003v-2.002H5.999V15H3.996v-3.998A1.005 1.005 0 015 9.997h13.998zm-.997.502a1.005 1.005 0 10.997.998.997.997 0 00-.997-.998z", fill: "currentColor" })));
+});
 IconPrint.displayName = 'IconPrint';

package/dist/esm/icons/IconRateReview.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconRateReview = 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: "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17l-.59.59-.58.58V4h16v12zm-9.5-2H18v-2h-5.5l-2 2zm3.86-5.87c.2-.2.2-.51 0-.71l-1.77-1.77c-.2-.2-.51-.2-.71 0L6 11.53V14h2.47l5.89-5.87z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconRateReview = 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: "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17l-.59.59-.58.58V4h16v12zm-9.5-2H18v-2h-5.5l-2 2zm3.86-5.87c.2-.2.2-.51 0-.71l-1.77-1.77c-.2-.2-.51-.2-.71 0L6 11.53V14h2.47l5.89-5.87z", fill: "currentColor" })));
+});
 IconRateReview.displayName = 'IconRateReview';

package/dist/esm/icons/IconRates.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconRates = 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.36 8.64l-3.633 3.635h2.726A5.455 5.455 0 0112 17.73a5.303 5.303 0 01-2.543-.634L8.128 18.41a7.252 7.252 0 0011.145-6.136H22L18.36 8.64zm-5.72-.456v.996a1.765 1.765 0 011.289 1.731h-.886a.894.894 0 00-1.009-.954c-.682 0-1.084.348-1.084.838 0 .491.293.682 1.207.982.913.3 1.888.71 1.888 1.998a1.602 1.602 0 01-1.404 1.616v.975h-1.207v-.989a1.814 1.814 0 01-1.479-1.738h.886c.041.538.368.954 1.193.954.825 0 1.084-.498 1.084-.811 0-.423-.198-.825-1.2-1.098-1.125-.307-1.888-.825-1.888-1.875a1.698 1.698 0 011.404-1.643v-.982h1.207zM12 5a7.218 7.218 0 013.872 1.139l-1.33 1.316A5.302 5.302 0 0012 6.82a5.453 5.453 0 00-5.453 5.455h2.726L5.64 15.909 2 12.275h2.727A7.276 7.276 0 0112 5z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconRates = 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.36 8.64l-3.633 3.635h2.726A5.455 5.455 0 0112 17.73a5.303 5.303 0 01-2.543-.634L8.128 18.41a7.252 7.252 0 0011.145-6.136H22L18.36 8.64zm-5.72-.456v.996a1.765 1.765 0 011.289 1.731h-.886a.894.894 0 00-1.009-.954c-.682 0-1.084.348-1.084.838 0 .491.293.682 1.207.982.913.3 1.888.71 1.888 1.998a1.602 1.602 0 01-1.404 1.616v.975h-1.207v-.989a1.814 1.814 0 01-1.479-1.738h.886c.041.538.368.954 1.193.954.825 0 1.084-.498 1.084-.811 0-.423-.198-.825-1.2-1.098-1.125-.307-1.888-.825-1.888-1.875a1.698 1.698 0 011.404-1.643v-.982h1.207zM12 5a7.218 7.218 0 013.872 1.139l-1.33 1.316A5.302 5.302 0 0012 6.82a5.453 5.453 0 00-5.453 5.455h2.726L5.64 15.909 2 12.275h2.727A7.276 7.276 0 0112 5z", fill: "currentColor" })));
+});
 IconRates.displayName = 'IconRates';

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