@freightos/icons 1.0.2 → 1.0.4

package/dist/esm/icons/IconGridOn.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconGridOn = 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 2H4a2.008 2.008 0 00-2 2v16a2.008 2.008 0 002 2h16a2.008 2.008 0 002-2V4a2.008 2.008 0 00-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconGridOn = 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 2H4a2.008 2.008 0 00-2 2v16a2.008 2.008 0 002 2h16a2.008 2.008 0 002-2V4a2.008 2.008 0 00-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z", fill: "currentColor" })));
+});
 IconGridOn.displayName = 'IconGridOn';

package/dist/esm/icons/IconHamburger.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconHamburger = 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: "M2 18.333h20v-2.225H2v2.225zm0-5.558h20v-2.217H2v2.217zM2 5v2.225h20V5H2z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconHamburger = 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: "M2 18.333h20v-2.225H2v2.225zm0-5.558h20v-2.217H2v2.217zM2 5v2.225h20V5H2z", fill: "currentColor" })));
+});
 IconHamburger.displayName = 'IconHamburger';

package/dist/esm/icons/IconHelpCircled.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconHelpCircled = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.002 18h1.995v-2.003h-1.995V18zM12 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.002zM12 6a3.997 3.997 0 00-3.997 3.997h1.995a2.003 2.003 0 014.005 0c0 2.003-3 1.755-3 5.003h1.995c0-2.25 3-2.498 3-5.003A3.997 3.997 0 0012 6z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconHelpCircled = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.002 18h1.995v-2.003h-1.995V18zM12 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.002zM12 6a3.997 3.997 0 00-3.997 3.997h1.995a2.003 2.003 0 014.005 0c0 2.003-3 1.755-3 5.003h1.995c0-2.25 3-2.498 3-5.003A3.997 3.997 0 0012 6z", fill: "currentColor" })));
+});
 IconHelpCircled.displayName = 'IconHelpCircled';

package/dist/esm/icons/IconHistory.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconHistory = 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: "M13.424 3a8.603 8.603 0 00-6.058 2.49 8.466 8.466 0 00-2.51 6.01H2l3.706 3.676.064.128L9.619 11.5H6.762A6.597 6.597 0 018.27 7.288a6.693 6.693 0 013.859-2.307 6.73 6.73 0 014.458.647 6.65 6.65 0 013.03 3.307 6.58 6.58 0 01.227 4.464 6.635 6.635 0 01-2.681 3.592 6.725 6.725 0 01-8.443-.823l-1.35 1.339a8.582 8.582 0 003.572 2.126 8.634 8.634 0 004.16.204 8.598 8.598 0 003.766-1.766 8.506 8.506 0 002.481-3.32 8.438 8.438 0 00-.794-7.977 8.544 8.544 0 00-3.088-2.773A8.623 8.623 0 0013.424 3zm-.95 4.725v4.717l4.07 2.401.715-1.14-3.328-1.97V7.726h-1.456z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconHistory = 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: "M13.424 3a8.603 8.603 0 00-6.058 2.49 8.466 8.466 0 00-2.51 6.01H2l3.706 3.676.064.128L9.619 11.5H6.762A6.597 6.597 0 018.27 7.288a6.693 6.693 0 013.859-2.307 6.73 6.73 0 014.458.647 6.65 6.65 0 013.03 3.307 6.58 6.58 0 01.227 4.464 6.635 6.635 0 01-2.681 3.592 6.725 6.725 0 01-8.443-.823l-1.35 1.339a8.582 8.582 0 003.572 2.126 8.634 8.634 0 004.16.204 8.598 8.598 0 003.766-1.766 8.506 8.506 0 002.481-3.32 8.438 8.438 0 00-.794-7.977 8.544 8.544 0 00-3.088-2.773A8.623 8.623 0 0013.424 3zm-.95 4.725v4.717l4.07 2.401.715-1.14-3.328-1.97V7.726h-1.456z", fill: "currentColor" })));
+});
 IconHistory.displayName = 'IconHistory';

package/dist/esm/icons/IconHotDeal.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconHotDeal = 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.484 12.586c-1.57-3.98-7.162-4.194-5.812-9.979a.48.48 0 00-.192-.512.512.512 0 00-.558-.024c-3.63 2.087-6.241 6.272-4.05 11.754.18.449-.361.868-.751.575-1.81-1.336-2-3.258-1.84-4.633.06-.507-.62-.751-.91-.332C4.69 10.45 4 12.088 4 14.556c.38 5.463 5.111 7.14 6.812 7.355 2.43.303 5.06-.136 6.951-1.824 2.08-1.882 2.84-4.887 1.72-7.501zM6.92 18.115c-1.407-1.543-2.05-6.007-1.407-4.723 2.377 4.721 4.395 3.23 5.762 2.273.712-2.318-3.843-4.056.27-10.452.712 3.032 6.433 6.294 6.433 9.599.756 4.212-5.977 7.827-11.06 3.305l.002-.002z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconHotDeal = 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.484 12.586c-1.57-3.98-7.162-4.194-5.812-9.979a.48.48 0 00-.192-.512.512.512 0 00-.558-.024c-3.63 2.087-6.241 6.272-4.05 11.754.18.449-.361.868-.751.575-1.81-1.336-2-3.258-1.84-4.633.06-.507-.62-.751-.91-.332C4.69 10.45 4 12.088 4 14.556c.38 5.463 5.111 7.14 6.812 7.355 2.43.303 5.06-.136 6.951-1.824 2.08-1.882 2.84-4.887 1.72-7.501zM6.92 18.115c-1.407-1.543-2.05-6.007-1.407-4.723 2.377 4.721 4.395 3.23 5.762 2.273.712-2.318-3.843-4.056.27-10.452.712 3.032 6.433 6.294 6.433 9.599.756 4.212-5.977 7.827-11.06 3.305l.002-.002z", fill: "currentColor" })));
+});
 IconHotDeal.displayName = 'IconHotDeal';

package/dist/esm/icons/IconImageSearch.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconImageSearch = 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.674 12.89v7.087H3.956V5.802h4.918c.049-.696.209-1.38.474-2.025H3.956a1.973 1.973 0 00-1.39.605c-.367.38-.57.89-.566 1.42v14.175c-.004.53.2 1.041.566 1.42.366.38.866.597 1.39.605h13.718a1.974 1.974 0 001.39-.604c.366-.38.57-.89.566-1.42v-5.063l-1.956-2.025zm-1.482 5.062H5.43l2.688-3.577 1.926 2.377 2.69-3.585 3.458 4.785zm2.741-9.225a4.478 4.478 0 00-.61-5.388 4.332 4.332 0 00-5.304-.758 4.416 4.416 0 00-1.873 2.148 4.484 4.484 0 00-.184 2.86 4.435 4.435 0 001.58 2.376c.773.592 1.718.91 2.688.9a4.23 4.23 0 002.34-.75l3.052 3.165L22 11.877l-3.067-3.15zm-3.703.113a2.48 2.48 0 01-1.405-.402 2.527 2.527 0 01-.945-1.126 2.565 2.565 0 01.509-2.78 2.475 2.475 0 012.735-.574c.46.19.854.515 1.132.933.277.418.425.91.425 1.414a2.539 2.539 0 01-.71 1.783 2.48 2.48 0 01-1.749.752h.008z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconImageSearch = 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.674 12.89v7.087H3.956V5.802h4.918c.049-.696.209-1.38.474-2.025H3.956a1.973 1.973 0 00-1.39.605c-.367.38-.57.89-.566 1.42v14.175c-.004.53.2 1.041.566 1.42.366.38.866.597 1.39.605h13.718a1.974 1.974 0 001.39-.604c.366-.38.57-.89.566-1.42v-5.063l-1.956-2.025zm-1.482 5.062H5.43l2.688-3.577 1.926 2.377 2.69-3.585 3.458 4.785zm2.741-9.225a4.478 4.478 0 00-.61-5.388 4.332 4.332 0 00-5.304-.758 4.416 4.416 0 00-1.873 2.148 4.484 4.484 0 00-.184 2.86 4.435 4.435 0 001.58 2.376c.773.592 1.718.91 2.688.9a4.23 4.23 0 002.34-.75l3.052 3.165L22 11.877l-3.067-3.15zm-3.703.113a2.48 2.48 0 01-1.405-.402 2.527 2.527 0 01-.945-1.126 2.565 2.565 0 01.509-2.78 2.475 2.475 0 012.735-.574c.46.19.854.515 1.132.933.277.418.425.91.425 1.414a2.539 2.539 0 01-.71 1.783 2.48 2.48 0 01-1.749.752h.008z", fill: "currentColor" })));
+});
 IconImageSearch.displayName = 'IconImageSearch';

package/dist/esm/icons/IconInfoCircled.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconInfoCircled = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11 6.995h1.995v2.003H11V6.995zM11 11h1.995v6H11v-6zm.998-9a9.998 9.998 0 100 19.995 9.998 9.998 0 000-19.995zm0 18A8.002 8.002 0 1120 11.998 8.018 8.018 0 0111.998 20z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconInfoCircled = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11 6.995h1.995v2.003H11V6.995zM11 11h1.995v6H11v-6zm.998-9a9.998 9.998 0 100 19.995 9.998 9.998 0 000-19.995zm0 18A8.002 8.002 0 1120 11.998 8.018 8.018 0 0111.998 20z", fill: "currentColor" })));
+});
 IconInfoCircled.displayName = 'IconInfoCircled';

package/dist/esm/icons/IconInsurance.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconInsurance = 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 11.093c0 5.045-3.413 9.762-8 10.907-4.587-1.138-8-5.862-8-10.907V5.64L12 2l8 3.64v5.453zM12 3.99L5.78 6.82v4.273c0 4.104 2.647 7.894 6.22 9.026 3.553-1.132 6.22-4.936 6.22-9.026V6.82L12 3.99zm.887 12.55h-1.774v-3.633h-3.56v-1.82h3.56V7.452h1.774v3.633h3.56v1.82h-3.56v3.634z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconInsurance = 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 11.093c0 5.045-3.413 9.762-8 10.907-4.587-1.138-8-5.862-8-10.907V5.64L12 2l8 3.64v5.453zM12 3.99L5.78 6.82v4.273c0 4.104 2.647 7.894 6.22 9.026 3.553-1.132 6.22-4.936 6.22-9.026V6.82L12 3.99zm.887 12.55h-1.774v-3.633h-3.56v-1.82h3.56V7.452h1.774v3.633h3.56v1.82h-3.56v3.634z", fill: "currentColor" })));
+});
 IconInsurance.displayName = 'IconInsurance';

package/dist/esm/icons/IconLastMileDelivery.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconLastMileDelivery = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.58 12.132a.302.302 0 00.025.227l2.526 4.658a.29.29 0 00.4.117l7.52-4.21a.301.301 0 00.117-.405L17.642 7.86a.29.29 0 00-.29-.153.292.292 0 00-.11.036l-7.52 4.21a.302.302 0 00-.142.18zM6.488 6.427a.301.301 0 00.025.226l2.524 4.659a.292.292 0 00.4.117L16.96 7.22a.302.302 0 00.114-.407L14.55 2.154a.291.291 0 00-.4-.117l-7.522 4.21a.301.301 0 00-.14.18zm-4.48 2.212a.181.181 0 00.013.135l.483.89a.176.176 0 00.24.07l1.943-1.087 5.091 9.393a2.36 2.36 0 00.204 3.448 2.274 2.274 0 002.545.223 2.345 2.345 0 001.146-2.483l8.235-4.612a.18.18 0 00.07-.243l-.483-.89a.173.173 0 00-.174-.092.175.175 0 00-.066.022l-8.22 4.6a2.275 2.275 0 00-2.067-.63L5.327 6.977a.18.18 0 00-.024-.034L5.3 6.94a.174.174 0 00-.24-.071L2.091 8.53a.181.181 0 00-.084.108zm10.374 11.31a1.024 1.024 0 01-.48.61.99.99 0 01-1.358-.4 1.024 1.024 0 01.394-1.38.99.99 0 011.357.4c.13.235.16.512.087.77z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconLastMileDelivery = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.58 12.132a.302.302 0 00.025.227l2.526 4.658a.29.29 0 00.4.117l7.52-4.21a.301.301 0 00.117-.405L17.642 7.86a.29.29 0 00-.29-.153.292.292 0 00-.11.036l-7.52 4.21a.302.302 0 00-.142.18zM6.488 6.427a.301.301 0 00.025.226l2.524 4.659a.292.292 0 00.4.117L16.96 7.22a.302.302 0 00.114-.407L14.55 2.154a.291.291 0 00-.4-.117l-7.522 4.21a.301.301 0 00-.14.18zm-4.48 2.212a.181.181 0 00.013.135l.483.89a.176.176 0 00.24.07l1.943-1.087 5.091 9.393a2.36 2.36 0 00.204 3.448 2.274 2.274 0 002.545.223 2.345 2.345 0 001.146-2.483l8.235-4.612a.18.18 0 00.07-.243l-.483-.89a.173.173 0 00-.174-.092.175.175 0 00-.066.022l-8.22 4.6a2.275 2.275 0 00-2.067-.63L5.327 6.977a.18.18 0 00-.024-.034L5.3 6.94a.174.174 0 00-.24-.071L2.091 8.53a.181.181 0 00-.084.108zm10.374 11.31a1.024 1.024 0 01-.48.61.99.99 0 01-1.358-.4 1.024 1.024 0 01.394-1.38.99.99 0 011.357.4c.13.235.16.512.087.77z", fill: "currentColor" })));
+});
 IconLastMileDelivery.displayName = 'IconLastMileDelivery';

package/dist/esm/icons/IconLeft.js

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

package/dist/esm/icons/IconLike.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconLike = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.498 3a6 6 0 00-4.5 2.093A6 6 0 007.498 3 5.445 5.445 0 002 8.498c0 3.75 3.398 6.862 8.55 11.542l1.448 1.313 1.447-1.32c5.153-4.673 8.55-7.755 8.55-11.535A5.445 5.445 0 0016.498 3zm-4.403 15.548l-.097.105-.098-.105c-4.762-4.298-7.905-7.155-7.905-10.05a3.42 3.42 0 013.503-3.495 3.915 3.915 0 013.57 2.355h1.867a3.9 3.9 0 013.563-2.355A3.42 3.42 0 0120 8.498c0 2.895-3.142 5.752-7.905 10.05z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconLike = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.498 3a6 6 0 00-4.5 2.093A6 6 0 007.498 3 5.445 5.445 0 002 8.498c0 3.75 3.398 6.862 8.55 11.542l1.448 1.313 1.447-1.32c5.153-4.673 8.55-7.755 8.55-11.535A5.445 5.445 0 0016.498 3zm-4.403 15.548l-.097.105-.098-.105c-4.762-4.298-7.905-7.155-7.905-10.05a3.42 3.42 0 013.503-3.495 3.915 3.915 0 013.57 2.355h1.867a3.9 3.9 0 013.563-2.355A3.42 3.42 0 0120 8.498c0 2.895-3.142 5.752-7.905 10.05z", fill: "currentColor" })));
+});
 IconLike.displayName = 'IconLike';

package/dist/esm/icons/IconLinkedin.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconLinkedin = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { d: "M6.822 4.217c0 1.228-.93 2.213-2.425 2.213h-.028C2.929 6.431 2 5.444 2 4.217 2 2.958 2.959 2 4.424 2c1.468 0 2.37.958 2.398 2.217zm-4.57 16.782H6.54V8.182H2.252v12.817zM17.064 7.881c-2.274 0-3.292 1.242-3.865 2.117v.041h-.028a.207.207 0 00.028-.041V8.182H8.912c.056 1.202 0 12.818 0 12.818h4.287v-7.159c0-.385.026-.763.141-1.039.311-.763 1.018-1.56 2.198-1.56 1.554 0 2.175 1.178 2.175 2.9V21H22v-7.349c0-3.94-2.116-5.77-4.936-5.77z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconLinkedin = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { d: "M6.822 4.217c0 1.228-.93 2.213-2.425 2.213h-.028C2.929 6.431 2 5.444 2 4.217 2 2.958 2.959 2 4.424 2c1.468 0 2.37.958 2.398 2.217zm-4.57 16.782H6.54V8.182H2.252v12.817zM17.064 7.881c-2.274 0-3.292 1.242-3.865 2.117v.041h-.028a.207.207 0 00.028-.041V8.182H8.912c.056 1.202 0 12.818 0 12.818h4.287v-7.159c0-.385.026-.763.141-1.039.311-.763 1.018-1.56 2.198-1.56 1.554 0 2.175 1.178 2.175 2.9V21H22v-7.349c0-3.94-2.116-5.77-4.936-5.77z", fill: "currentColor" })));
+});
 IconLinkedin.displayName = 'IconLinkedin';

package/dist/esm/icons/IconList.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconList = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.225 14.887v2.224H2v-2.224h2.225zm17.775 0v2.224H6.442v-2.224H22zm-17.775-4.44v2.216H2v-2.215h2.225zm17.775 0v2.216H6.442v-2.215H22zM4.225 6v2.224H2V6h2.225zM22 6v2.224H6.442V6H22z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconList = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.225 14.887v2.224H2v-2.224h2.225zm17.775 0v2.224H6.442v-2.224H22zm-17.775-4.44v2.216H2v-2.215h2.225zm17.775 0v2.216H6.442v-2.215H22zM4.225 6v2.224H2V6h2.225zM22 6v2.224H6.442V6H22z", fill: "currentColor" })));
+});
 IconList.displayName = 'IconList';

package/dist/esm/icons/IconLoading.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconLoading = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { d: "M12 22c5.421 0 10-4.579 10-10h-2c0 4.337-3.663 8-8 8s-8-3.663-8-8c0-4.336 3.663-8 8-8V2C6.579 2 2 6.58 2 12c0 5.421 4.579 10 10 10z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconLoading = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { d: "M12 22c5.421 0 10-4.579 10-10h-2c0 4.337-3.663 8-8 8s-8-3.663-8-8c0-4.336 3.663-8 8-8V2C6.579 2 2 6.58 2 12c0 5.421 4.579 10 10 10z", fill: "currentColor" })));
+});
 IconLoading.displayName = 'IconLoading';

package/dist/esm/icons/IconLocation.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconLocation = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.998 2A6.99 6.99 0 005 8.998c0 5.25 6.998 12.997 6.998 12.997s6.997-7.748 6.997-12.998A6.99 6.99 0 0011.997 2zm0 1.995A5.003 5.003 0 0117 8.998c0 2.88-2.88 7.192-5.002 9.877-2.078-2.67-5.003-7.027-5.003-9.877a5.003 5.003 0 015.003-5.003zm0 2.505a2.497 2.497 0 100 4.994 2.497 2.497 0 000-4.994z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconLocation = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.998 2A6.99 6.99 0 005 8.998c0 5.25 6.998 12.997 6.998 12.997s6.997-7.748 6.997-12.998A6.99 6.99 0 0011.997 2zm0 1.995A5.003 5.003 0 0117 8.998c0 2.88-2.88 7.192-5.002 9.877-2.078-2.67-5.003-7.027-5.003-9.877a5.003 5.003 0 015.003-5.003zm0 2.505a2.497 2.497 0 100 4.994 2.497 2.497 0 000-4.994z", fill: "currentColor" })));
+});
 IconLocation.displayName = 'IconLocation';

package/dist/esm/icons/IconLocationCharges.js

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

package/dist/esm/icons/IconLock.js

@@ -1,13 +1,17 @@
 import React, { forwardRef } from 'react';
-export const IconLock = forwardRef(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.123 8.671h-.935V6.764a4.803 4.803 0 00-1.373-3.369A4.65 4.65 0 0012.5 2a4.65 4.65 0 00-3.315 1.395 4.804 4.804 0 00-1.373 3.37V8.67h-.935c-.497 0-.973.2-1.325.556-.352.357-.55.84-.552 1.344v9.53c.002.505.2.988.552 1.344.352.356.828.556 1.325.556h11.246c.497 0 .973-.2 1.325-.556.351-.356.55-.84.552-1.344v-9.529a1.923 1.923 0 00-.552-1.344 1.862 1.862 0 00-1.325-.556zM9.688 6.764c0-.757.297-1.484.824-2.02a2.79 2.79 0 011.988-.837c.746 0 1.46.301 1.988.837.527.536.824 1.263.824 2.02v1.907H9.688V6.764zM18.123 20.1H6.877v-9.529h11.246V20.1zM12.5 17.243c.371 0 .734-.112 1.043-.322a1.9 1.9 0 00.69-.855 1.935 1.935 0 00-.406-2.079 1.85 1.85 0 00-2.045-.413 1.884 1.884 0 00-.842.702 1.93 1.93 0 00.235 2.406 1.87 1.87 0 001.325.56z", fill: "currentColor" }))));
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconLock = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.123 8.671h-.935V6.764a4.803 4.803 0 00-1.373-3.369A4.65 4.65 0 0012.5 2a4.65 4.65 0 00-3.315 1.395 4.804 4.804 0 00-1.373 3.37V8.67h-.935c-.497 0-.973.2-1.325.556-.352.357-.55.84-.552 1.344v9.53c.002.505.2.988.552 1.344.352.356.828.556 1.325.556h11.246c.497 0 .973-.2 1.325-.556.351-.356.55-.84.552-1.344v-9.529a1.923 1.923 0 00-.552-1.344 1.862 1.862 0 00-1.325-.556zM9.688 6.764c0-.757.297-1.484.824-2.02a2.79 2.79 0 011.988-.837c.746 0 1.46.301 1.988.837.527.536.824 1.263.824 2.02v1.907H9.688V6.764zM18.123 20.1H6.877v-9.529h11.246V20.1zM12.5 17.243c.371 0 .734-.112 1.043-.322a1.9 1.9 0 00.69-.855 1.935 1.935 0 00-.406-2.079 1.85 1.85 0 00-2.045-.413 1.884 1.884 0 00-.842.702 1.93 1.93 0 00.235 2.406 1.87 1.87 0 001.325.56z", fill: "currentColor" })));
+});
 IconLock.displayName = 'IconLock';

package/dist/esm/icons/IconLogout.js

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