@freightos/icons 1.0.2 → 1.0.4

package/dist/esm/icons/IconNotificationBell.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconNotificationBell = 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 22c.53 0 1.038-.205 1.413-.569s.587-.859.589-1.375H9.998a1.93 1.93 0 00.589 1.375A2.03 2.03 0 0012 22zm5.998-5.846v-4.867c0-2.996-1.627-5.495-4.499-6.16v-.665c0-.388-.158-.76-.439-1.034A1.52 1.52 0 0012 3c-.398 0-.78.154-1.06.428-.282.274-.44.646-.44 1.034v.665c-2.856.665-4.498 3.156-4.498 6.16v4.867L4 18.105v.972h16v-.972l-2.002-1.951zm-2.002.98H8.004v-5.847c0-2.419 1.5-4.385 3.996-4.385 2.497 0 3.996 1.966 3.996 4.385v5.846z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconNotificationBell = 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 22c.53 0 1.038-.205 1.413-.569s.587-.859.589-1.375H9.998a1.93 1.93 0 00.589 1.375A2.03 2.03 0 0012 22zm5.998-5.846v-4.867c0-2.996-1.627-5.495-4.499-6.16v-.665c0-.388-.158-.76-.439-1.034A1.52 1.52 0 0012 3c-.398 0-.78.154-1.06.428-.282.274-.44.646-.44 1.034v.665c-2.856.665-4.498 3.156-4.498 6.16v4.867L4 18.105v.972h16v-.972l-2.002-1.951zm-2.002.98H8.004v-5.847c0-2.419 1.5-4.385 3.996-4.385 2.497 0 3.996 1.966 3.996 4.385v5.846z", fill: "currentColor" })));
+});
 IconNotificationBell.displayName = 'IconNotificationBell';

package/dist/esm/icons/IconOffice.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconOffice = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { d: "M17.556 10.889V2H6.444v4.444H2V22h8.889v-4.444h2.222V22H22V10.889h-4.444zM6.444 19.778H4.222v-2.222h2.222v2.222zm0-4.445H4.222v-2.222h2.222v2.222zm0-4.444H4.222V8.667h2.222v2.222zm4.445 4.444H8.667v-2.222h2.222v2.222zm0-4.444H8.667V8.667h2.222v2.222zm0-4.445H8.667V4.222h2.222v2.222zm4.444 8.89h-2.222V13.11h2.222v2.222zm0-4.445h-2.222V8.667h2.222v2.222zm0-4.445h-2.222V4.222h2.222v2.222zm4.445 13.334h-2.222v-2.222h2.222v2.222zm0-4.445h-2.222v-2.222h2.222v2.222z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconOffice = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { d: "M17.556 10.889V2H6.444v4.444H2V22h8.889v-4.444h2.222V22H22V10.889h-4.444zM6.444 19.778H4.222v-2.222h2.222v2.222zm0-4.445H4.222v-2.222h2.222v2.222zm0-4.444H4.222V8.667h2.222v2.222zm4.445 4.444H8.667v-2.222h2.222v2.222zm0-4.444H8.667V8.667h2.222v2.222zm0-4.445H8.667V4.222h2.222v2.222zm4.444 8.89h-2.222V13.11h2.222v2.222zm0-4.445h-2.222V8.667h2.222v2.222zm0-4.445h-2.222V4.222h2.222v2.222zm4.445 13.334h-2.222v-2.222h2.222v2.222zm0-4.445h-2.222v-2.222h2.222v2.222z", fill: "currentColor" })));
+});
 IconOffice.displayName = 'IconOffice';

package/dist/esm/icons/IconPallet.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconPallet = 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.77 3l-.103.704L2 15.37v5.963h5v-1.666h10v1.667h5V15.37L20.333 3.704 20.23 3H3.77zm1.46 1.667h1.719l-.73 10H3.796l1.433-10zm3.385 0h2.551v10H7.885l.73-10zm4.218 0h2.553l.73 10h-3.283v-10zm4.22 0h1.717l1.433 10h-2.422l-.728-10zM3.667 16.333h16.666v3.333h-1.666v-1.667H5.333v1.667H3.667v-3.334z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPallet = 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.77 3l-.103.704L2 15.37v5.963h5v-1.666h10v1.667h5V15.37L20.333 3.704 20.23 3H3.77zm1.46 1.667h1.719l-.73 10H3.796l1.433-10zm3.385 0h2.551v10H7.885l.73-10zm4.218 0h2.553l.73 10h-3.283v-10zm4.22 0h1.717l1.433 10h-2.422l-.728-10zM3.667 16.333h16.666v3.333h-1.666v-1.667H5.333v1.667H3.667v-3.334z", fill: "currentColor" })));
+});
 IconPallet.displayName = 'IconPallet';

package/dist/esm/icons/IconPay.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconPay = 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.918 10.775c-2.432-.65-3.243-1.333-3.243-2.383 0-1.217 1.094-2.059 2.918-2.059s2.643.942 2.708 2.334h2.383a4.498 4.498 0 00-1.011-2.744 4.283 4.283 0 00-2.459-1.49V2h-3.242v2.4c-2.091.467-3.777 1.867-3.777 4.008 0 2.567 2.059 3.85 5.074 4.592 2.707.667 3.242 1.667 3.242 2.675 0 .767-.526 1.992-2.918 1.992-2.22 0-3.096-1.025-3.242-2.334H7c.13 2.434 1.897 3.8 3.972 4.259V22h3.242v-2.392C16.322 19.2 18 17.942 18 15.667c0-3.159-2.626-4.234-5.082-4.892z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPay = 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.918 10.775c-2.432-.65-3.243-1.333-3.243-2.383 0-1.217 1.094-2.059 2.918-2.059s2.643.942 2.708 2.334h2.383a4.498 4.498 0 00-1.011-2.744 4.283 4.283 0 00-2.459-1.49V2h-3.242v2.4c-2.091.467-3.777 1.867-3.777 4.008 0 2.567 2.059 3.85 5.074 4.592 2.707.667 3.242 1.667 3.242 2.675 0 .767-.526 1.992-2.918 1.992-2.22 0-3.096-1.025-3.242-2.334H7c.13 2.434 1.897 3.8 3.972 4.259V22h3.242v-2.392C16.322 19.2 18 17.942 18 15.667c0-3.159-2.626-4.234-5.082-4.892z", fill: "currentColor" })));
+});
 IconPay.displayName = 'IconPay';

package/dist/esm/icons/IconPayLater.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconPayLater = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.5 6.983h-17v-2.49h17v2.49zM2.45 3.448c-.3.3-.45.647-.45 1.045v12.944a1.43 1.43 0 00.45 1.045c.133.142.296.255.476.332.181.077.377.117.574.117h5.825v-1.494H3.5v-6.994H22v-5.95c0-.398-.15-.745-.45-1.045-.3-.3-.65-.448-1.05-.448h-17c-.197 0-.393.04-.574.117-.18.077-.343.19-.476.331zM18.774 13.75a4.443 4.443 0 00-3.094-1.245 4.48 4.48 0 00-2.063.5 4.332 4.332 0 00-1.577 1.386 4.134 4.134 0 00-.406 3.986c.275.646.71 1.216 1.267 1.659a4.432 4.432 0 001.923.883 4.501 4.501 0 002.124-.102 4.402 4.402 0 001.824-1.063l-.69-.67c-.612.6-1.464.973-2.402.973-.447 0-.89-.085-1.302-.251a3.408 3.408 0 01-1.104-.717 3.294 3.294 0 01-.737-1.072 3.215 3.215 0 010-2.528c.17-.401.42-.765.736-1.072a3.41 3.41 0 011.104-.717 3.488 3.488 0 013.709.716 3.234 3.234 0 01.996 2.337h-1.46l1.968 1.9.033-.064 1.89-1.836h-1.458c0-1.127-.46-2.207-1.281-3.004zm-2.607 3.475v-2.36h-.73v1.957l-1.71.987.373.605 2.067-1.189z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPayLater = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.5 6.983h-17v-2.49h17v2.49zM2.45 3.448c-.3.3-.45.647-.45 1.045v12.944a1.43 1.43 0 00.45 1.045c.133.142.296.255.476.332.181.077.377.117.574.117h5.825v-1.494H3.5v-6.994H22v-5.95c0-.398-.15-.745-.45-1.045-.3-.3-.65-.448-1.05-.448h-17c-.197 0-.393.04-.574.117-.18.077-.343.19-.476.331zM18.774 13.75a4.443 4.443 0 00-3.094-1.245 4.48 4.48 0 00-2.063.5 4.332 4.332 0 00-1.577 1.386 4.134 4.134 0 00-.406 3.986c.275.646.71 1.216 1.267 1.659a4.432 4.432 0 001.923.883 4.501 4.501 0 002.124-.102 4.402 4.402 0 001.824-1.063l-.69-.67c-.612.6-1.464.973-2.402.973-.447 0-.89-.085-1.302-.251a3.408 3.408 0 01-1.104-.717 3.294 3.294 0 01-.737-1.072 3.215 3.215 0 010-2.528c.17-.401.42-.765.736-1.072a3.41 3.41 0 011.104-.717 3.488 3.488 0 013.709.716 3.234 3.234 0 01.996 2.337h-1.46l1.968 1.9.033-.064 1.89-1.836h-1.458c0-1.127-.46-2.207-1.281-3.004zm-2.607 3.475v-2.36h-.73v1.957l-1.71.987.373.605 2.067-1.189z", fill: "currentColor" })));
+});
 IconPayLater.displayName = 'IconPayLater';

package/dist/esm/icons/IconPaypal.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconPaypal = 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.144 13.102a.862.862 0 00-.638.209.889.889 0 00-.296.534l-.918 5.91H4.543a.556.556 0 01-.536-.643L6.522 2.933c.043-.26.175-.496.373-.667A1.09 1.09 0 017.604 2h5.911c6.885 0 5.498 5.088 5.498 5.088-.623 4.067-3.039 5.312-4.777 5.745h-.01c-1.386.348-3.642.282-4.082.269zm1.72 1.108c4.438 0 7.225-2.188 8.11-6.333.689.9.84 2.123.557 3.611-.711 3.679-3.126 4.955-6.208 4.955h-.48a.757.757 0 00-.496.187.78.78 0 00-.258.47c-.045.253-.17 1.064-.3 1.915-.156 1.015-.32 2.087-.367 2.328a.78.78 0 01-.258.47.757.757 0 01-.496.187H9.59a.459.459 0 01-.354-.165.474.474 0 01-.106-.38l1.127-7.245h1.606z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPaypal = 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.144 13.102a.862.862 0 00-.638.209.889.889 0 00-.296.534l-.918 5.91H4.543a.556.556 0 01-.536-.643L6.522 2.933c.043-.26.175-.496.373-.667A1.09 1.09 0 017.604 2h5.911c6.885 0 5.498 5.088 5.498 5.088-.623 4.067-3.039 5.312-4.777 5.745h-.01c-1.386.348-3.642.282-4.082.269zm1.72 1.108c4.438 0 7.225-2.188 8.11-6.333.689.9.84 2.123.557 3.611-.711 3.679-3.126 4.955-6.208 4.955h-.48a.757.757 0 00-.496.187.78.78 0 00-.258.47c-.045.253-.17 1.064-.3 1.915-.156 1.015-.32 2.087-.367 2.328a.78.78 0 01-.258.47.757.757 0 01-.496.187H9.59a.459.459 0 01-.354-.165.474.474 0 01-.106-.38l1.127-7.245h1.606z", fill: "currentColor" })));
+});
 IconPaypal.displayName = 'IconPaypal';

package/dist/esm/icons/IconPending.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconPending = 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.7 2.085a10.013 10.013 0 018.602 3.084 9.998 9.998 0 01-8.603 16.747l.26-1.983a8.01 8.01 0 008.33-4.633 7.995 7.995 0 00-4.963-10.953 8.01 8.01 0 00-3.367-.279l-.26-1.983zM5.915 4.066a9.998 9.998 0 012.261-1.307v.001l.767 1.846a7.997 7.997 0 00-1.808 1.046l-1.22-1.586zM2.76 8.172a9.989 9.989 0 011.307-2.26l1.587 1.219a7.989 7.989 0 00-1.046 1.807L2.76 8.172zm-.675 2.522a10.034 10.034 0 000 2.613l1.984-.26a8.09 8.09 0 010-2.094l-1.984-.259zm1.982 7.394a9.985 9.985 0 01-1.307-2.26l1.848-.766c.268.646.62 1.253 1.046 1.807l-1.587 1.219zm4.11 3.153a9.982 9.982 0 01-2.262-1.307l1.22-1.586a7.995 7.995 0 001.808 1.046l-.767 1.847zM16.59 7.714L10 14.304l-2.59-2.58L6 13.134l4 4 8-8-1.41-1.42z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPending = 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.7 2.085a10.013 10.013 0 018.602 3.084 9.998 9.998 0 01-8.603 16.747l.26-1.983a8.01 8.01 0 008.33-4.633 7.995 7.995 0 00-4.963-10.953 8.01 8.01 0 00-3.367-.279l-.26-1.983zM5.915 4.066a9.998 9.998 0 012.261-1.307v.001l.767 1.846a7.997 7.997 0 00-1.808 1.046l-1.22-1.586zM2.76 8.172a9.989 9.989 0 011.307-2.26l1.587 1.219a7.989 7.989 0 00-1.046 1.807L2.76 8.172zm-.675 2.522a10.034 10.034 0 000 2.613l1.984-.26a8.09 8.09 0 010-2.094l-1.984-.259zm1.982 7.394a9.985 9.985 0 01-1.307-2.26l1.848-.766c.268.646.62 1.253 1.046 1.807l-1.587 1.219zm4.11 3.153a9.982 9.982 0 01-2.262-1.307l1.22-1.586a7.995 7.995 0 001.808 1.046l-.767 1.847zM16.59 7.714L10 14.304l-2.59-2.58L6 13.134l4 4 8-8-1.41-1.42z", fill: "currentColor" })));
+});
 IconPending.displayName = 'IconPending';

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