@freightos/icons 1.0.2 → 1.0.4

package/dist/cjs/icons/IconRisk.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconRisk = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconRisk = (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 6.57l6.848 11.642H5.152L12 6.57zM12 3L2 20h20L12 3zm.91 12.526h-1.82v1.788h1.82v-1.788zm0-5.366h-1.82v3.577h1.82V10.16z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconRisk = (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 6.57l6.848 11.642H5.152L12 6.57zM12 3L2 20h20L12 3zm.91 12.526h-1.82v1.788h1.82v-1.788zm0-5.366h-1.82v3.577h1.82V10.16z", fill: "currentColor" })));
+});
 exports.IconRisk.displayName = 'IconRisk';

package/dist/cjs/icons/IconSave.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconSave = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconSave = (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.558 2H4.225A2.225 2.225 0 002 4.225v15.55A2.225 2.225 0 004.225 22h15.55A2.233 2.233 0 0022 19.775V6.442L17.558 2zm2.217 17.775H4.225V4.225h12.408l3.142 3.142v12.408zM12 12a3.333 3.333 0 100 6.666A3.333 3.333 0 0012 12zM5.333 5.333h10v4.442h-10V5.333z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconSave = (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.558 2H4.225A2.225 2.225 0 002 4.225v15.55A2.225 2.225 0 004.225 22h15.55A2.233 2.233 0 0022 19.775V6.442L17.558 2zm2.217 17.775H4.225V4.225h12.408l3.142 3.142v12.408zM12 12a3.333 3.333 0 100 6.666A3.333 3.333 0 0012 12zM5.333 5.333h10v4.442h-10V5.333z", fill: "currentColor" })));
+});
 exports.IconSave.displayName = 'IconSave';

package/dist/cjs/icons/IconSearch.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconSearch = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconSearch = (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.288 14.579h-.909l-.317-.31A7.432 7.432 0 009.286 2.002 7.425 7.425 0 002 9.29a7.432 7.432 0 007.003 7.559 7.425 7.425 0 005.26-1.78l.31.317v.91L20.283 22 22 20.284l-5.712-5.705zm-6.86 0A5.144 5.144 0 014.674 11.4a5.15 5.15 0 013.75-7.02 5.144 5.144 0 016.15 5.05 5.149 5.149 0 01-5.146 5.148z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconSearch = (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.288 14.579h-.909l-.317-.31A7.432 7.432 0 009.286 2.002 7.425 7.425 0 002 9.29a7.432 7.432 0 007.003 7.559 7.425 7.425 0 005.26-1.78l.31.317v.91L20.283 22 22 20.284l-5.712-5.705zm-6.86 0A5.144 5.144 0 014.674 11.4a5.15 5.15 0 013.75-7.02 5.144 5.144 0 016.15 5.05 5.149 5.149 0 01-5.146 5.148z", fill: "currentColor" })));
+});
 exports.IconSearch.displayName = 'IconSearch';

package/dist/cjs/icons/IconSearchManager.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconSearchManager = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconSearchManager = (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: "M3.667 22c-.445 0-.834-.167-1.167-.5-.333-.333-.5-.722-.5-1.167V3.667c0-.445.167-.834.5-1.167.333-.333.722-.5 1.167-.5h16.666c.445 0 .834.167 1.167.5.333.333.5.722.5 1.167v16.666c0 .445-.167.834-.5 1.167-.333.333-.722.5-1.167.5H3.667zm0-1.667h16.666V3.667H3.667v16.666zm3.916-3.194a.8.8 0 01-.583.25.8.8 0 01-.583-.25.8.8 0 01-.25-.583.8.8 0 01.25-.584.8.8 0 01.583-.25.8.8 0 01.583.25.8.8 0 01.25.584.8.8 0 01-.25.583zM7 12.833a.8.8 0 00.583-.25.8.8 0 00.25-.583.8.8 0 00-.25-.583.8.8 0 00-.583-.25.8.8 0 00-.583.25.8.8 0 00-.25.583.8.8 0 00.25.583.8.8 0 00.583.25zm.583-4.805a.8.8 0 01-.583.25.8.8 0 01-.583-.25.8.8 0 01-.25-.584.8.8 0 01.25-.583.8.8 0 01.583-.25.8.8 0 01.583.25.8.8 0 01.25.583.8.8 0 01-.25.584zm3.083 9.361h6.778v-1.667h-6.778v1.667zm6.778-4.556h-6.778v-1.666h6.778v1.666zm-6.778-4.555h6.778V6.61h-6.778v1.667z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconSearchManager = (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: "M3.667 22c-.445 0-.834-.167-1.167-.5-.333-.333-.5-.722-.5-1.167V3.667c0-.445.167-.834.5-1.167.333-.333.722-.5 1.167-.5h16.666c.445 0 .834.167 1.167.5.333.333.5.722.5 1.167v16.666c0 .445-.167.834-.5 1.167-.333.333-.722.5-1.167.5H3.667zm0-1.667h16.666V3.667H3.667v16.666zm3.916-3.194a.8.8 0 01-.583.25.8.8 0 01-.583-.25.8.8 0 01-.25-.583.8.8 0 01.25-.584.8.8 0 01.583-.25.8.8 0 01.583.25.8.8 0 01.25.584.8.8 0 01-.25.583zM7 12.833a.8.8 0 00.583-.25.8.8 0 00.25-.583.8.8 0 00-.25-.583.8.8 0 00-.583-.25.8.8 0 00-.583.25.8.8 0 00-.25.583.8.8 0 00.25.583.8.8 0 00.583.25zm.583-4.805a.8.8 0 01-.583.25.8.8 0 01-.583-.25.8.8 0 01-.25-.584.8.8 0 01.25-.583.8.8 0 01.583-.25.8.8 0 01.583.25.8.8 0 01.25.583.8.8 0 01-.25.584zm3.083 9.361h6.778v-1.667h-6.778v1.667zm6.778-4.556h-6.778v-1.666h6.778v1.666zm-6.778-4.555h6.778V6.61h-6.778v1.667z", fill: "currentColor" })));
+});
 exports.IconSearchManager.displayName = 'IconSearchManager';

package/dist/cjs/icons/IconSectionCollapse.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconSectionCollapse = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconSectionCollapse = (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: "M8.075 20L7 18.925l4.5-4.5 4.5 4.5L14.925 20 11.5 16.575 8.075 20zM11.5 9.575L7 5.075 8.075 4 11.5 7.425 14.925 4 16 5.075l-4.5 4.5z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconSectionCollapse = (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: "M8.075 20L7 18.925l4.5-4.5 4.5 4.5L14.925 20 11.5 16.575 8.075 20zM11.5 9.575L7 5.075 8.075 4 11.5 7.425 14.925 4 16 5.075l-4.5 4.5z", fill: "currentColor" })));
+});
 exports.IconSectionCollapse.displayName = 'IconSectionCollapse';

package/dist/cjs/icons/IconSectionExpand.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconSectionExpand = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconSectionExpand = (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: "M12.5 21L8 16.475l1.1-1.106 3.4 3.419 3.4-3.42 1.1 1.107L12.5 21zM9.1 8.631L8 7.525 12.5 3 17 7.525l-1.1 1.106-3.4-3.419-3.4 3.42z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconSectionExpand = (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: "M12.5 21L8 16.475l1.1-1.106 3.4 3.419 3.4-3.42 1.1 1.107L12.5 21zM9.1 8.631L8 7.525 12.5 3 17 7.525l-1.1 1.106-3.4-3.419-3.4 3.42z", fill: "currentColor" })));
+});
 exports.IconSectionExpand.displayName = 'IconSectionExpand';

package/dist/cjs/icons/IconSecurePayment.js

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

package/dist/cjs/icons/IconSettings.js

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

package/dist/cjs/icons/IconShare.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconShare = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconShare = (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: "M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7 0-.24-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92 0-1.61-1.31-2.92-2.92-2.92zM18 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM6 13c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm12 7.02c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconShare = (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: "M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7 0-.24-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92 0-1.61-1.31-2.92-2.92-2.92zM18 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM6 13c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm12 7.02c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z", fill: "currentColor" })));
+});
 exports.IconShare.displayName = 'IconShare';

package/dist/cjs/icons/IconSphere.js

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

package/dist/cjs/icons/IconStarEmpty.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconStarEmpty = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconStarEmpty = (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: "M22 9.238l-7.187-.623L12 2 9.187 8.63 2 9.237l5.5 4.733-1.68 7.027 6.18-3.75 6.182 3.75-1.628-7.027L22 9.238zm-10 6.157l-3.75 2.25.997-4.282-3.331-2.865 4.381-.375L12 6.095l1.71 4.042 4.382.383-3.324 2.88.983 4.275-3.75-2.28z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconStarEmpty = (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: "M22 9.238l-7.187-.623L12 2 9.187 8.63 2 9.237l5.5 4.733-1.68 7.027 6.18-3.75 6.182 3.75-1.628-7.027L22 9.238zm-10 6.157l-3.75 2.25.997-4.282-3.331-2.865 4.381-.375L12 6.095l1.71 4.042 4.382.383-3.324 2.88.983 4.275-3.75-2.28z", fill: "currentColor" })));
+});
 exports.IconStarEmpty.displayName = 'IconStarEmpty';

package/dist/cjs/icons/IconStarFull.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconStarFull = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconStarFull = (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 17.27l6.182 3.727-1.643-7.027L22 9.238l-7.187-.608L12 2 9.187 8.63 2 9.237l5.461 4.733-1.642 7.027L12 17.27z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconStarFull = (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 17.27l6.182 3.727-1.643-7.027L22 9.238l-7.187-.608L12 2 9.187 8.63 2 9.237l5.461 4.733-1.642 7.027L12 17.27z", fill: "currentColor" })));
+});
 exports.IconStarFull.displayName = 'IconStarFull';

package/dist/cjs/icons/IconStarHalf.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconStarHalf = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconStarHalf = (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: "M22 9.238l-7.187-.623L12 2 9.187 8.63 2 9.237l5.5 4.733-1.68 7.027 6.18-3.75 6.182 3.75-1.628-7.027L22 9.238zm-10 6.157v-9.3l1.71 4.042 4.382.383-3.324 2.88.983 4.275-3.75-2.28z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconStarHalf = (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: "M22 9.238l-7.187-.623L12 2 9.187 8.63 2 9.237l5.5 4.733-1.68 7.027 6.18-3.75 6.182 3.75-1.628-7.027L22 9.238zm-10 6.157v-9.3l1.71 4.042 4.382.383-3.324 2.88.983 4.275-3.75-2.28z", fill: "currentColor" })));
+});
 exports.IconStarHalf.displayName = 'IconStarHalf';

package/dist/cjs/icons/IconStatusUpdate.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconStatusUpdate = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconStatusUpdate = (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.9 6H2v1.576h15.9V6zm-5.884 4.26H2v1.576h9.174c.201-.57.486-1.101.842-1.576zm-1.157 4.255c.057.553.186 1.082.377 1.576H2v-1.576h8.859zm9.2-2.758l-1.943 2.082h1.457a3.24 3.24 0 01-.854 2.206 2.821 2.821 0 01-2.06.915c-.49 0-.957-.13-1.36-.365l-.71.76a3.666 3.666 0 002.07.645 3.66 3.66 0 001.486-.316c.472-.21.9-.516 1.26-.902.361-.387.648-.845.843-1.35a4.42 4.42 0 00.296-1.592H22l-1.942-2.083zm-6.314 2.082c.001-.828.308-1.62.854-2.206a2.82 2.82 0 012.059-.915c.49 0 .957.13 1.36.364l.71-.76a3.666 3.666 0 00-2.07-.645c-.51 0-1.015.108-1.487.317-.47.21-.899.516-1.26.902-.36.386-.646.845-.841 1.35a4.42 4.42 0 00-.296 1.593h-1.457l1.942 2.08 1.943-2.08h-1.457z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconStatusUpdate = (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.9 6H2v1.576h15.9V6zm-5.884 4.26H2v1.576h9.174c.201-.57.486-1.101.842-1.576zm-1.157 4.255c.057.553.186 1.082.377 1.576H2v-1.576h8.859zm9.2-2.758l-1.943 2.082h1.457a3.24 3.24 0 01-.854 2.206 2.821 2.821 0 01-2.06.915c-.49 0-.957-.13-1.36-.365l-.71.76a3.666 3.666 0 002.07.645 3.66 3.66 0 001.486-.316c.472-.21.9-.516 1.26-.902.361-.387.648-.845.843-1.35a4.42 4.42 0 00.296-1.592H22l-1.942-2.083zm-6.314 2.082c.001-.828.308-1.62.854-2.206a2.82 2.82 0 012.059-.915c.49 0 .957.13 1.36.364l.71-.76a3.666 3.666 0 00-2.07-.645c-.51 0-1.015.108-1.487.317-.47.21-.899.516-1.26.902-.36.386-.646.845-.841 1.35a4.42 4.42 0 00-.296 1.593h-1.457l1.942 2.08 1.943-2.08h-1.457z", fill: "currentColor" })));
+});
 exports.IconStatusUpdate.displayName = 'IconStatusUpdate';

package/dist/cjs/icons/IconSubdirectory.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconSubdirectory = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconSubdirectory = (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: "M21 14.942L13.8 22l-1.701-1.667 4.31-4.217H3V2h2.404v11.769H16.41l-4.311-4.217 1.7-1.668 7.2 7.058z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconSubdirectory = (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: "M21 14.942L13.8 22l-1.701-1.667 4.31-4.217H3V2h2.404v11.769H16.41l-4.311-4.217 1.7-1.668 7.2 7.058z", fill: "currentColor" })));
+});
 exports.IconSubdirectory.displayName = 'IconSubdirectory';

package/dist/cjs/icons/IconSync.js

@@ -35,19 +35,23 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconSync = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconSync = (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("g", { "clip-path": "url(#clip0_5512_25958)" },
-        react_1.default.createElement("path", { d: "M12.5 4.727V2L8.75 5.636l3.75 3.637V6.545c3.103 0 5.625 2.446 5.625 5.455 0 .918-.234 1.79-.656 2.546l1.368 1.327A7.05 7.05 0 0020 12c0-4.018-3.356-7.273-7.5-7.273zm0 12.727c-3.103 0-5.625-2.445-5.625-5.454 0-.918.234-1.79.656-2.545L6.162 8.127A7.05 7.05 0 005 12c0 4.018 3.356 7.273 7.5 7.273V22l3.75-3.636-3.75-3.637v2.727z", fill: "currentColor" })),
-    react_1.default.createElement("defs", null,
-        react_1.default.createElement("clipPath", { id: "clip0_5512_25958" },
-            react_1.default.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" }))))));
+const colors_1 = require("../colors");
+exports.IconSync = (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("g", { "clip-path": "url(#clip0_5512_25958)" },
+            react_1.default.createElement("path", { d: "M12.5 4.727V2L8.75 5.636l3.75 3.637V6.545c3.103 0 5.625 2.446 5.625 5.455 0 .918-.234 1.79-.656 2.546l1.368 1.327A7.05 7.05 0 0020 12c0-4.018-3.356-7.273-7.5-7.273zm0 12.727c-3.103 0-5.625-2.445-5.625-5.454 0-.918.234-1.79.656-2.545L6.162 8.127A7.05 7.05 0 005 12c0 4.018 3.356 7.273 7.5 7.273V22l3.75-3.636-3.75-3.637v2.727z", fill: "currentColor" })),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("clipPath", { id: "clip0_5512_25958" },
+                react_1.default.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" })))));
+});
 exports.IconSync.displayName = 'IconSync';

package/dist/cjs/icons/IconSyncCircledSolid.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconSyncCircledSolid = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconSyncCircledSolid = (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 12a10 10 0 1020 0 10 10 0 00-20 0zm13.6 1.72A4 4 0 0016 12a4 4 0 00-4-4v2L8.88 7 12 4v2a6 6 0 016 6 5.9 5.9 0 01-.93 3.19M6 12a5.9 5.9 0 01.93-3.19l1.47 1.47A4 4 0 008 12a4 4 0 004 4v-2l3 3-3 3v-2a6 6 0 01-6-6z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconSyncCircledSolid = (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 12a10 10 0 1020 0 10 10 0 00-20 0zm13.6 1.72A4 4 0 0016 12a4 4 0 00-4-4v2L8.88 7 12 4v2a6 6 0 016 6 5.9 5.9 0 01-.93 3.19M6 12a5.9 5.9 0 01.93-3.19l1.47 1.47A4 4 0 008 12a4 4 0 004 4v-2l3 3-3 3v-2a6 6 0 01-6-6z", fill: "currentColor" })));
+});
 exports.IconSyncCircledSolid.displayName = 'IconSyncCircledSolid';