@freightos/icons 1.0.2 → 1.0.4

package/dist/cjs/icons/IconGoogle.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconGoogle = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconGoogle = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.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_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.115 7.457a5.606 5.606 0 00-3.914-1.5c-2.661 0-4.921 1.76-5.727 4.13a5.877 5.877 0 000 3.829h.004c.81 2.366 3.066 4.126 5.727 4.126 1.374 0 2.553-.345 3.467-.953v-.002a4.623 4.623 0 002.04-3.039h-5.51v-3.85h9.622c.12.668.176 1.352.176 2.031 0 3.042-1.11 5.613-3.038 7.354l.002.002c-1.691 1.528-4.011 2.414-6.763 2.414-3.857 0-7.384-2.131-9.116-5.508a9.83 9.83 0 010-8.98c1.732-3.38 5.26-5.51 9.116-5.51a9.915 9.915 0 016.826 2.6l-2.912 2.856z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconGoogle = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.115 7.457a5.606 5.606 0 00-3.914-1.5c-2.661 0-4.921 1.76-5.727 4.13a5.877 5.877 0 000 3.829h.004c.81 2.366 3.066 4.126 5.727 4.126 1.374 0 2.553-.345 3.467-.953v-.002a4.623 4.623 0 002.04-3.039h-5.51v-3.85h9.622c.12.668.176 1.352.176 2.031 0 3.042-1.11 5.613-3.038 7.354l.002.002c-1.691 1.528-4.011 2.414-6.763 2.414-3.857 0-7.384-2.131-9.116-5.508a9.83 9.83 0 010-8.98c1.732-3.38 5.26-5.51 9.116-5.51a9.915 9.915 0 016.826 2.6l-2.912 2.856z", fill: "currentColor" })));
+});
 exports.IconGoogle.displayName = 'IconGoogle';

package/dist/cjs/icons/IconGpsEmpty.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconGpsEmpty = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconGpsEmpty = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.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_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.125 11.093a8.18 8.18 0 00-7.218-7.218V2h-1.814v1.875a8.18 8.18 0 00-7.218 7.218H2v1.814h1.875a8.18 8.18 0 007.218 7.218V22h1.814v-1.875a8.18 8.18 0 007.218-7.218H22v-1.814h-1.875zM12 18.36a6.36 6.36 0 115.878-3.925A6.352 6.352 0 0112 18.36z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconGpsEmpty = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.125 11.093a8.18 8.18 0 00-7.218-7.218V2h-1.814v1.875a8.18 8.18 0 00-7.218 7.218H2v1.814h1.875a8.18 8.18 0 007.218 7.218V22h1.814v-1.875a8.18 8.18 0 007.218-7.218H22v-1.814h-1.875zM12 18.36a6.36 6.36 0 115.878-3.925A6.352 6.352 0 0112 18.36z", fill: "currentColor" })));
+});
 exports.IconGpsEmpty.displayName = 'IconGpsEmpty';

package/dist/cjs/icons/IconGpsFull.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconGpsFull = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconGpsFull = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.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_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 8.367a3.633 3.633 0 103.358 2.241A3.625 3.625 0 0012 8.367zm8.125 2.726a8.18 8.18 0 00-7.218-7.218V2h-1.814v1.875a8.18 8.18 0 00-7.218 7.218H2v1.814h1.875a8.18 8.18 0 007.218 7.218V22h1.814v-1.875a8.18 8.18 0 007.218-7.218H22v-1.814h-1.875zM12 18.36a6.36 6.36 0 115.878-3.925A6.352 6.352 0 0112 18.36z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconGpsFull = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 8.367a3.633 3.633 0 103.358 2.241A3.625 3.625 0 0012 8.367zm8.125 2.726a8.18 8.18 0 00-7.218-7.218V2h-1.814v1.875a8.18 8.18 0 00-7.218 7.218H2v1.814h1.875a8.18 8.18 0 007.218 7.218V22h1.814v-1.875a8.18 8.18 0 007.218-7.218H22v-1.814h-1.875zM12 18.36a6.36 6.36 0 115.878-3.925A6.352 6.352 0 0112 18.36z", fill: "currentColor" })));
+});
 exports.IconGpsFull.displayName = 'IconGpsFull';

package/dist/cjs/icons/IconGraph.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconGraph = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconGraph = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.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_1.default.createElement("path", { d: "M2 22V8.25h4.375V22H2zm7.813 0V2h4.374v20H9.814zm7.812 0v-8.75H22V22h-4.375z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconGraph = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.createElement("path", { d: "M2 22V8.25h4.375V22H2zm7.813 0V2h4.374v20H9.814zm7.812 0v-8.75H22V22h-4.375z", fill: "currentColor" })));
+});
 exports.IconGraph.displayName = 'IconGraph';

package/dist/cjs/icons/IconGraphicAverage.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconGraphicAverage = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconGraphicAverage = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.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_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.355 13.403L3.18 19.68h1.935l3.208-6.277h.573v-1.12l2.72-5.322L18.45 21l3.057-6.43h-1.963l-1.094 2.47-1.77-3.637h1.467v-1.5H15.95L11.617 3l-4.504 8.903H5.854v1.5h.5zm-2.084-1.5H2v1.5h2.27v-1.5zm9.25 0H10.48v1.5h3.042v-1.5zm8.48 0H19.73v1.5H22v-1.5z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconGraphicAverage = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.355 13.403L3.18 19.68h1.935l3.208-6.277h.573v-1.12l2.72-5.322L18.45 21l3.057-6.43h-1.963l-1.094 2.47-1.77-3.637h1.467v-1.5H15.95L11.617 3l-4.504 8.903H5.854v1.5h.5zm-2.084-1.5H2v1.5h2.27v-1.5zm9.25 0H10.48v1.5h3.042v-1.5zm8.48 0H19.73v1.5H22v-1.5z", fill: "currentColor" })));
+});
 exports.IconGraphicAverage.displayName = 'IconGraphicAverage';

package/dist/cjs/icons/IconGraphicPeak.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconGraphicPeak = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconGraphicPeak = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.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_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.202 3H2v1.5h2.202V3zm4.643 0H5.87v1.5h2.976V3zm4.643 0h-2.976v1.5h.593L3.404 19.7h1.908l6.411-12.52L18.459 21 22 13.564h-1.97l-1.57 3.538L12.317 4.5h1.17V3zm4.643 0h-2.976v1.5h2.976V3zM22 3h-2.202v1.5H22V3z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconGraphicPeak = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.202 3H2v1.5h2.202V3zm4.643 0H5.87v1.5h2.976V3zm4.643 0h-2.976v1.5h.593L3.404 19.7h1.908l6.411-12.52L18.459 21 22 13.564h-1.97l-1.57 3.538L12.317 4.5h1.17V3zm4.643 0h-2.976v1.5h2.976V3zM22 3h-2.202v1.5H22V3z", fill: "currentColor" })));
+});
 exports.IconGraphicPeak.displayName = 'IconGraphicPeak';

package/dist/cjs/icons/IconGraphicTrough.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconGraphicTrough = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconGraphicTrough = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.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_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.547 2.5L3.425 18.903h1.863l6.26-12.508 6.576 13.807 3.457-7.43h-1.924l-1.533 3.535L11.547 2.5zm-7.13 17.554H2.2v1.5h2.216v-1.5zm4.508 0H5.958v1.5h2.967v-1.5zm4.509 0h-2.967v1.5h2.967v-1.5zm4.509 0h-2.968v1.5h2.968v-1.5zm3.757 0h-2.216v1.5H21.7v-1.5z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconGraphicTrough = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.547 2.5L3.425 18.903h1.863l6.26-12.508 6.576 13.807 3.457-7.43h-1.924l-1.533 3.535L11.547 2.5zm-7.13 17.554H2.2v1.5h2.216v-1.5zm4.508 0H5.958v1.5h2.967v-1.5zm4.509 0h-2.967v1.5h2.967v-1.5zm4.509 0h-2.968v1.5h2.968v-1.5zm3.757 0h-2.216v1.5H21.7v-1.5z", fill: "currentColor" })));
+});
 exports.IconGraphicTrough.displayName = 'IconGraphicTrough';

package/dist/cjs/icons/IconGridOn.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconGridOn = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconGridOn = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.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_1.default.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" }))));
+const colors_1 = require("../colors");
+exports.IconGridOn = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.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" })));
+});
 exports.IconGridOn.displayName = 'IconGridOn';

package/dist/cjs/icons/IconHamburger.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconHamburger = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconHamburger = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.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_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2 18.333h20v-2.225H2v2.225zm0-5.558h20v-2.217H2v2.217zM2 5v2.225h20V5H2z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconHamburger = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2 18.333h20v-2.225H2v2.225zm0-5.558h20v-2.217H2v2.217zM2 5v2.225h20V5H2z", fill: "currentColor" })));
+});
 exports.IconHamburger.displayName = 'IconHamburger';

package/dist/cjs/icons/IconHelpCircled.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconHelpCircled = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconHelpCircled = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.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_1.default.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" }))));
+const colors_1 = require("../colors");
+exports.IconHelpCircled = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.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" })));
+});
 exports.IconHelpCircled.displayName = 'IconHelpCircled';

package/dist/cjs/icons/IconHistory.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconHistory = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconHistory = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.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_1.default.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" }))));
+const colors_1 = require("../colors");
+exports.IconHistory = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.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" })));
+});
 exports.IconHistory.displayName = 'IconHistory';

package/dist/cjs/icons/IconHotDeal.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconHotDeal = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconHotDeal = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.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_1.default.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" }))));
+const colors_1 = require("../colors");
+exports.IconHotDeal = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.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" })));
+});
 exports.IconHotDeal.displayName = 'IconHotDeal';

package/dist/cjs/icons/IconImageSearch.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconImageSearch = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconImageSearch = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.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_1.default.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" }))));
+const colors_1 = require("../colors");
+exports.IconImageSearch = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.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" })));
+});
 exports.IconImageSearch.displayName = 'IconImageSearch';

package/dist/cjs/icons/IconInfoCircled.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconInfoCircled = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconInfoCircled = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.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_1.default.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" }))));
+const colors_1 = require("../colors");
+exports.IconInfoCircled = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.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" })));
+});
 exports.IconInfoCircled.displayName = 'IconInfoCircled';

package/dist/cjs/icons/IconInsurance.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconInsurance = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconInsurance = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.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_1.default.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" }))));
+const colors_1 = require("../colors");
+exports.IconInsurance = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.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" })));
+});
 exports.IconInsurance.displayName = 'IconInsurance';

package/dist/cjs/icons/IconLastMileDelivery.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconLastMileDelivery = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconLastMileDelivery = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.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_1.default.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" }))));
+const colors_1 = require("../colors");
+exports.IconLastMileDelivery = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.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" })));
+});
 exports.IconLastMileDelivery.displayName = 'IconLastMileDelivery';

package/dist/cjs/icons/IconLeft.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconLeft = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconLeft = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.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_1.default.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" }))));
+const colors_1 = require("../colors");
+exports.IconLeft = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.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" })));
+});
 exports.IconLeft.displayName = 'IconLeft';