@freightos/icons 1.0.3 → 1.0.4

package/dist/cjs/icons/IconExchange.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconExchange = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconExchange = (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: "M21 9l-4-4v3h-7v2h7v3M7 11l-4 4 4 4v-3h7v-2H7v-3z" }))));
+const colors_1 = require("../colors");
+exports.IconExchange = (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: "M21 9l-4-4v3h-7v2h7v3M7 11l-4 4 4 4v-3h7v-2H7v-3z" })));
+});
 exports.IconExchange.displayName = 'IconExchange';

package/dist/cjs/icons/IconExit.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconExit = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconExit = (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: "M14.08 15.59L16.67 13H7v-2h9.67l-2.59-2.59L15.5 7l5 5-5 5-1.42-1.41M19 3a2 2 0 012 2v4.67l-2-2V5H5v14h14v-2.67l2-2V19a2 2 0 01-2 2H5a2 2 0 01-2-2V5c0-1.11.89-2 2-2h14z", fill: "currentColor", "fill-rule": "evenodd" }))));
+const colors_1 = require("../colors");
+exports.IconExit = (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: "M14.08 15.59L16.67 13H7v-2h9.67l-2.59-2.59L15.5 7l5 5-5 5-1.42-1.41M19 3a2 2 0 012 2v4.67l-2-2V5H5v14h14v-2.67l2-2V19a2 2 0 01-2 2H5a2 2 0 01-2-2V5c0-1.11.89-2 2-2h14z", fill: "currentColor", "fill-rule": "evenodd" })));
+});
 exports.IconExit.displayName = 'IconExit';

package/dist/cjs/icons/IconExpandAll.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconExpandAll = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconExpandAll = (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: "M9.222 13.211l1.567 1.567-5 5h3.989V22H2v-7.778h2.222v3.99l5-5zm1.567-3.989L9.222 10.79l-5-5v3.989H2V2h7.778v2.222h-3.99l5 5zm3.989 3.99l5 5v-3.99H22V22h-7.778v-2.222h3.99l-5-5 1.566-1.567zm-1.567-3.99l5-5h-3.989V2H22v7.778h-2.222v-3.99l-5 5-1.567-1.566z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconExpandAll = (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: "M9.222 13.211l1.567 1.567-5 5h3.989V22H2v-7.778h2.222v3.99l5-5zm1.567-3.989L9.222 10.79l-5-5v3.989H2V2h7.778v2.222h-3.99l5 5zm3.989 3.99l5 5v-3.99H22V22h-7.778v-2.222h3.99l-5-5 1.566-1.567zm-1.567-3.99l5-5h-3.989V2H22v7.778h-2.222v-3.99l-5 5-1.567-1.566z", fill: "currentColor" })));
+});
 exports.IconExpandAll.displayName = 'IconExpandAll';

package/dist/cjs/icons/IconExport.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconExport = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconExport = (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.775 19.775H4.225V4.225H12V2H4.225A2.225 2.225 0 002 4.225v15.55A2.225 2.225 0 004.225 22h15.55A2.233 2.233 0 0022 19.775V12h-2.225v7.775zM14.225 2v2.225h3.983L7.292 15.142l1.566 1.566L19.775 5.792v3.983H22V2h-7.775z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconExport = (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.775 19.775H4.225V4.225H12V2H4.225A2.225 2.225 0 002 4.225v15.55A2.225 2.225 0 004.225 22h15.55A2.233 2.233 0 0022 19.775V12h-2.225v7.775zM14.225 2v2.225h3.983L7.292 15.142l1.566 1.566L19.775 5.792v3.983H22V2h-7.775z", fill: "currentColor" })));
+});
 exports.IconExport.displayName = 'IconExport';

package/dist/cjs/icons/IconExpress.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconExpress = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconExpress = (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: "M14.727 5a7.273 7.273 0 110 14.546 7.273 7.273 0 010-14.546zm0 1.818a5.454 5.454 0 100 10.909 5.454 5.454 0 000-10.909zm-.909 1.818h1.364v3.437L17.3 14.19l-.964.963-2.518-2.518v-4zM2.91 17.727a.91.91 0 010-1.818h3.482a9.334 9.334 0 001.064 1.818H2.909zm.91-4.545a.91.91 0 010-1.818h1.863l-.046.909.046.909H3.818zm.908-4.546a.91.91 0 010-1.818h2.728A9.33 9.33 0 006.39 8.636H4.727z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconExpress = (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: "M14.727 5a7.273 7.273 0 110 14.546 7.273 7.273 0 010-14.546zm0 1.818a5.454 5.454 0 100 10.909 5.454 5.454 0 000-10.909zm-.909 1.818h1.364v3.437L17.3 14.19l-.964.963-2.518-2.518v-4zM2.91 17.727a.91.91 0 010-1.818h3.482a9.334 9.334 0 001.064 1.818H2.909zm.91-4.545a.91.91 0 010-1.818h1.863l-.046.909.046.909H3.818zm.908-4.546a.91.91 0 010-1.818h2.728A9.33 9.33 0 006.39 8.636H4.727z", fill: "currentColor" })));
+});
 exports.IconExpress.displayName = 'IconExpress';

package/dist/cjs/icons/IconEye.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconEye = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconEye = (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.869a8.69 8.69 0 014.73 1.377A9.021 9.021 0 0120.015 12a9.083 9.083 0 01-3.291 3.748A8.752 8.752 0 0112 17.138a8.752 8.752 0 01-4.725-1.39A9.083 9.083 0 013.984 12 9.021 9.021 0 017.27 8.246 8.69 8.69 0 0112 6.87zM12 5a10.56 10.56 0 00-6.05 1.919A10.999 10.999 0 002 11.999a10.985 10.985 0 003.949 5.084A10.547 10.547 0 0011.999 19c2.16 0 4.268-.668 6.052-1.917A10.985 10.985 0 0022 12a10.999 10.999 0 00-3.95-5.081A10.56 10.56 0 0012 5zm0 4.669c.45-.002.892.135 1.267.39.376.257.669.622.842 1.05.173.427.219.898.131 1.352a2.358 2.358 0 01-.623 1.199c-.32.327-.726.55-1.168.64-.442.09-.9.043-1.317-.135a2.29 2.29 0 01-1.021-.864A2.383 2.383 0 019.73 12c0-.618.24-1.211.665-1.649A2.24 2.24 0 0112 9.67zm0-1.87c-.809 0-1.6.247-2.272.709a4.178 4.178 0 00-1.507 1.885 4.305 4.305 0 00-.232 2.426 4.236 4.236 0 001.119 2.15c.572.588 1.3.988 2.094 1.15a3.99 3.99 0 002.363-.24 4.115 4.115 0 001.836-1.546c.449-.69.689-1.503.689-2.333a4.259 4.259 0 00-1.198-2.97A4.036 4.036 0 0012 7.8z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconEye = (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.869a8.69 8.69 0 014.73 1.377A9.021 9.021 0 0120.015 12a9.083 9.083 0 01-3.291 3.748A8.752 8.752 0 0112 17.138a8.752 8.752 0 01-4.725-1.39A9.083 9.083 0 013.984 12 9.021 9.021 0 017.27 8.246 8.69 8.69 0 0112 6.87zM12 5a10.56 10.56 0 00-6.05 1.919A10.999 10.999 0 002 11.999a10.985 10.985 0 003.949 5.084A10.547 10.547 0 0011.999 19c2.16 0 4.268-.668 6.052-1.917A10.985 10.985 0 0022 12a10.999 10.999 0 00-3.95-5.081A10.56 10.56 0 0012 5zm0 4.669c.45-.002.892.135 1.267.39.376.257.669.622.842 1.05.173.427.219.898.131 1.352a2.358 2.358 0 01-.623 1.199c-.32.327-.726.55-1.168.64-.442.09-.9.043-1.317-.135a2.29 2.29 0 01-1.021-.864A2.383 2.383 0 019.73 12c0-.618.24-1.211.665-1.649A2.24 2.24 0 0112 9.67zm0-1.87c-.809 0-1.6.247-2.272.709a4.178 4.178 0 00-1.507 1.885 4.305 4.305 0 00-.232 2.426 4.236 4.236 0 001.119 2.15c.572.588 1.3.988 2.094 1.15a3.99 3.99 0 002.363-.24 4.115 4.115 0 001.836-1.546c.449-.69.689-1.503.689-2.333a4.259 4.259 0 00-1.198-2.97A4.036 4.036 0 0012 7.8z", fill: "currentColor" })));
+});
 exports.IconEye.displayName = 'IconEye';

package/dist/cjs/icons/IconEyeInvisible.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconEyeInvisible = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconEyeInvisible = (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.335a8.644 8.644 0 014.73 1.387 9.067 9.067 0 013.286 3.78 9.016 9.016 0 01-2.188 2.934l1.282 1.325a11.11 11.11 0 002.89-4.23c-.997-2.637-2.928-4.782-5.4-5.997a10.43 10.43 0 00-7.906-.546l1.5 1.551A8.998 8.998 0 0112 6.335zm-.975 1.072l1.882 1.946c.512.243.918.675 1.138 1.212l1.881 1.946c.094-.33.149-.671.164-1.015a4.3 4.3 0 00-1.198-2.991A4.023 4.023 0 0012 7.265c-.33.005-.657.052-.975.142zM2.92 4.333L5.354 6.85A11.097 11.097 0 002 11.503a11.054 11.054 0 003.949 5.12A10.494 10.494 0 0012 18.553a10.306 10.306 0 003.926-.768L19.035 21l1.281-1.326L4.202 3 2.92 4.333zm6.817 7.05l2.372 2.454H12a2.24 2.24 0 01-1.605-.693 2.396 2.396 0 01-.665-1.662v-.12l.007.021zM6.649 8.19l1.588 1.67a4.361 4.361 0 00.36 3.98 4.143 4.143 0 001.472 1.388 3.974 3.974 0 003.54.166l.893.924a9.247 9.247 0 01-2.502.36 8.645 8.645 0 01-4.73-1.39 9.068 9.068 0 01-3.286-3.785 9.164 9.164 0 012.665-3.314z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconEyeInvisible = (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.335a8.644 8.644 0 014.73 1.387 9.067 9.067 0 013.286 3.78 9.016 9.016 0 01-2.188 2.934l1.282 1.325a11.11 11.11 0 002.89-4.23c-.997-2.637-2.928-4.782-5.4-5.997a10.43 10.43 0 00-7.906-.546l1.5 1.551A8.998 8.998 0 0112 6.335zm-.975 1.072l1.882 1.946c.512.243.918.675 1.138 1.212l1.881 1.946c.094-.33.149-.671.164-1.015a4.3 4.3 0 00-1.198-2.991A4.023 4.023 0 0012 7.265c-.33.005-.657.052-.975.142zM2.92 4.333L5.354 6.85A11.097 11.097 0 002 11.503a11.054 11.054 0 003.949 5.12A10.494 10.494 0 0012 18.553a10.306 10.306 0 003.926-.768L19.035 21l1.281-1.326L4.202 3 2.92 4.333zm6.817 7.05l2.372 2.454H12a2.24 2.24 0 01-1.605-.693 2.396 2.396 0 01-.665-1.662v-.12l.007.021zM6.649 8.19l1.588 1.67a4.361 4.361 0 00.36 3.98 4.143 4.143 0 001.472 1.388 3.974 3.974 0 003.54.166l.893.924a9.247 9.247 0 01-2.502.36 8.645 8.645 0 01-4.73-1.39 9.068 9.068 0 01-3.286-3.785 9.164 9.164 0 012.665-3.314z", fill: "currentColor" })));
+});
 exports.IconEyeInvisible.displayName = 'IconEyeInvisible';

package/dist/cjs/icons/IconFactory.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconFactory = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconFactory = (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.273 5.554c-.524-.507-.262-1.523.524-1.904.786-.507 2.228.127 2.228.127s.524-.888 1.704-.888c1.573 0 2.096.761 2.096.761S13.481 2 15.315 2c1.967 0 2.36 1.396 2.36 1.396s.393-.761 1.703-.634c1.442.126 1.18 1.396 1.18 1.396S22 4.031 22 5.174c0 .888-1.31.888-1.31.888s.524.889-.918 1.397c-1.966.762-2.49-.508-2.49-.508s-.786 1.269-3.015 1.015c-1.965-.253-2.228-1.777-2.228-1.777s-1.44.762-2.49-.127c-1.572-1.269-2.62-1.65-3.276-.508zM17 16.258v.942l3.54-1.83a1 1 0 011.46.888V22H2v-7.385h3L5.75 6h2.5L9 14.615h3V17.2l3.54-1.83a1 1 0 011.46.888zm-12.5 3.28h5v-2.461h-5v2.461z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconFactory = (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.273 5.554c-.524-.507-.262-1.523.524-1.904.786-.507 2.228.127 2.228.127s.524-.888 1.704-.888c1.573 0 2.096.761 2.096.761S13.481 2 15.315 2c1.967 0 2.36 1.396 2.36 1.396s.393-.761 1.703-.634c1.442.126 1.18 1.396 1.18 1.396S22 4.031 22 5.174c0 .888-1.31.888-1.31.888s.524.889-.918 1.397c-1.966.762-2.49-.508-2.49-.508s-.786 1.269-3.015 1.015c-1.965-.253-2.228-1.777-2.228-1.777s-1.44.762-2.49-.127c-1.572-1.269-2.62-1.65-3.276-.508zM17 16.258v.942l3.54-1.83a1 1 0 011.46.888V22H2v-7.385h3L5.75 6h2.5L9 14.615h3V17.2l3.54-1.83a1 1 0 011.46.888zm-12.5 3.28h5v-2.461h-5v2.461z", fill: "currentColor" })));
+});
 exports.IconFactory.displayName = 'IconFactory';

package/dist/cjs/icons/IconFilledCircle.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconFilledCircle = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconFilledCircle = (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 7a5.002 5.002 0 000 10 5.002 5.002 0 000-10zm0-5A10.004 10.004 0 002 12a10.004 10.004 0 0010 10 10.004 10.004 0 0010-10A10.005 10.005 0 0012 2zm0 18a7.998 7.998 0 110-16 7.997 7.997 0 015.657 13.656A7.999 7.999 0 0112 19.999z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconFilledCircle = (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 7a5.002 5.002 0 000 10 5.002 5.002 0 000-10zm0-5A10.004 10.004 0 002 12a10.004 10.004 0 0010 10 10.004 10.004 0 0010-10A10.005 10.005 0 0012 2zm0 18a7.998 7.998 0 110-16 7.997 7.997 0 015.657 13.656A7.999 7.999 0 0112 19.999z", fill: "currentColor" })));
+});
 exports.IconFilledCircle.displayName = 'IconFilledCircle';

package/dist/cjs/icons/IconFilter.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconFilter = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconFilter = (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.775 18.333h4.45v-2.225h-4.45v2.225zM2 5v2.225h20V5H2zm3.333 7.775h13.334v-2.217H5.333v2.217z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconFilter = (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.775 18.333h4.45v-2.225h-4.45v2.225zM2 5v2.225h20V5H2zm3.333 7.775h13.334v-2.217H5.333v2.217z", fill: "currentColor" })));
+});
 exports.IconFilter.displayName = 'IconFilter';

package/dist/cjs/icons/IconFlag.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconFlag = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconFlag = (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.36 6l.4 2H18v6h-3.36l-.4-2H7V6h5.36zM14 4H5v17h2v-7h5.6l.4 2h7V6h-5.6L14 4z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconFlag = (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.36 6l.4 2H18v6h-3.36l-.4-2H7V6h5.36zM14 4H5v17h2v-7h5.6l.4 2h7V6h-5.6L14 4z", fill: "currentColor" })));
+});
 exports.IconFlag.displayName = 'IconFlag';

package/dist/cjs/icons/IconFreightosCredit.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconFreightosCredit = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconFreightosCredit = (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.235 14.024a.55.55 0 01.058.246c0 .399-.289.646-.853.742v-1.554c.23.09.443.215.633.371a.551.551 0 01.162.195zm-1.662-4.211v1.472a2.954 2.954 0 01-.619-.358.605.605 0 01-.178-.454c0-.357.261-.577.797-.66zM12 2a9.931 9.931 0 015.406 1.596l.096.784H6.498v-.633A9.863 9.863 0 0112 2zm6.231 8.625h3.659c.07.455.107.915.11 1.375a9.96 9.96 0 01-3.769 7.827v-9.202zm-15.27 5.662A9.973 9.973 0 012 12c0-.257.014-.514.041-.77h3.632v8.514a9.973 9.973 0 01-2.711-3.457zm-.878-5.566a10.028 10.028 0 013.535-6.424v6.424H2.083zm16.148-.936V4.187a9.945 9.945 0 013.522 5.598H18.23zM12.001 22a9.863 9.863 0 01-5.627-1.747V4.971h11.128v15.392A9.973 9.973 0 0112 22zm-.428-13.74a3.68 3.68 0 00-1.981.715 1.87 1.87 0 00-.647 1.54 2.05 2.05 0 00.523 1.376 4.73 4.73 0 001.76 1.06l.414.164v1.94a7.201 7.201 0 01-1.376-.248 7.701 7.701 0 01-1.376-.467v1.65c.849.36 1.761.543 2.683.537v1.265h.866v-1.28a3.645 3.645 0 002.022-.728 1.98 1.98 0 00.716-1.61c.006-.337-.08-.67-.248-.962a2.325 2.325 0 00-.757-.757 9.633 9.633 0 00-1.733-.812V9.786a7.35 7.35 0 012.008.496l.592-1.472a7.194 7.194 0 00-2.6-.578v-.935h-.866v.963z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconFreightosCredit = (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.235 14.024a.55.55 0 01.058.246c0 .399-.289.646-.853.742v-1.554c.23.09.443.215.633.371a.551.551 0 01.162.195zm-1.662-4.211v1.472a2.954 2.954 0 01-.619-.358.605.605 0 01-.178-.454c0-.357.261-.577.797-.66zM12 2a9.931 9.931 0 015.406 1.596l.096.784H6.498v-.633A9.863 9.863 0 0112 2zm6.231 8.625h3.659c.07.455.107.915.11 1.375a9.96 9.96 0 01-3.769 7.827v-9.202zm-15.27 5.662A9.973 9.973 0 012 12c0-.257.014-.514.041-.77h3.632v8.514a9.973 9.973 0 01-2.711-3.457zm-.878-5.566a10.028 10.028 0 013.535-6.424v6.424H2.083zm16.148-.936V4.187a9.945 9.945 0 013.522 5.598H18.23zM12.001 22a9.863 9.863 0 01-5.627-1.747V4.971h11.128v15.392A9.973 9.973 0 0112 22zm-.428-13.74a3.68 3.68 0 00-1.981.715 1.87 1.87 0 00-.647 1.54 2.05 2.05 0 00.523 1.376 4.73 4.73 0 001.76 1.06l.414.164v1.94a7.201 7.201 0 01-1.376-.248 7.701 7.701 0 01-1.376-.467v1.65c.849.36 1.761.543 2.683.537v1.265h.866v-1.28a3.645 3.645 0 002.022-.728 1.98 1.98 0 00.716-1.61c.006-.337-.08-.67-.248-.962a2.325 2.325 0 00-.757-.757 9.633 9.633 0 00-1.733-.812V9.786a7.35 7.35 0 012.008.496l.592-1.472a7.194 7.194 0 00-2.6-.578v-.935h-.866v.963z", fill: "currentColor" })));
+});
 exports.IconFreightosCredit.displayName = 'IconFreightosCredit';

package/dist/cjs/icons/IconFulfillmentCenter.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconFulfillmentCenter = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconFulfillmentCenter = (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.619 13.997v2H6.057a.245.245 0 01-.238-.25l.002-1.5a.26.26 0 01.07-.177.233.233 0 01.169-.073h3.559zm0-1v-2H6.066a.245.245 0 00-.239.25l-.003 1.5c0 .066.025.13.07.176a.233.233 0 00.167.074H9.62zm8.283-2.71c.182.187.285.443.288.71V11h2.857V8.04c0-.606-.348-1.15-.877-1.384l-8.099-3.54a1.374 1.374 0 00-1.098 0l-8.094 3.54C2.349 6.889 2 7.433 2 8.038v10.71c0 .066.026.13.07.176a.233.233 0 00.169.073H4.62a.233.233 0 00.169-.073.257.257 0 00.07-.178v-7.749c0-.55.434-1 .97-1H17.22c.255-.002.5.102.682.29zm-8.283 8.71v-2H6.05a.245.245 0 00-.237.25l-.003 1.5c0 .066.025.13.07.176a.233.233 0 00.167.074H9.62zm10.505-5.272c.157.088.289.218.383.376l1.419 2.39a.529.529 0 01.074.273v1.587a1.106 1.106 0 01-.315.757c-.196.198-.46.307-.732.302h-.027c-.127.895-.885 1.588-1.806 1.588s-1.679-.693-1.807-1.588h-1.624c-.129.895-.886 1.588-1.808 1.588-.967 0-1.757-.765-1.821-1.73a1.022 1.022 0 01-.388-.38 1.09 1.09 0 01-.148-.536v-5.295c.006-.286.12-.558.316-.757.196-.198.459-.307.731-.302h5.239a.52.52 0 01.484.325c.026.065.04.134.04.204v1.06h1.276c.18 0 .356.047.514.138zm-.515.92h-1.275v1.588h2.217l-.942-1.588zm-6.024 5.24a.74.74 0 00.296.055.74.74 0 00.55-.226.813.813 0 00.172-.877.811.811 0 00-.172-.26.766.766 0 00-.55-.227.74.74 0 00-.55.227.845.845 0 00-.236.568.845.845 0 00.237.569.77.77 0 00.253.17zm5.239 0a.74.74 0 00.296.055.74.74 0 00.55-.226.813.813 0 00.172-.877.811.811 0 00-.172-.26.74.74 0 00-.55-.227.74.74 0 00-.55.227.843.843 0 00-.236.568.843.843 0 00.236.569.77.77 0 00.254.17z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconFulfillmentCenter = (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.619 13.997v2H6.057a.245.245 0 01-.238-.25l.002-1.5a.26.26 0 01.07-.177.233.233 0 01.169-.073h3.559zm0-1v-2H6.066a.245.245 0 00-.239.25l-.003 1.5c0 .066.025.13.07.176a.233.233 0 00.167.074H9.62zm8.283-2.71c.182.187.285.443.288.71V11h2.857V8.04c0-.606-.348-1.15-.877-1.384l-8.099-3.54a1.374 1.374 0 00-1.098 0l-8.094 3.54C2.349 6.889 2 7.433 2 8.038v10.71c0 .066.026.13.07.176a.233.233 0 00.169.073H4.62a.233.233 0 00.169-.073.257.257 0 00.07-.178v-7.749c0-.55.434-1 .97-1H17.22c.255-.002.5.102.682.29zm-8.283 8.71v-2H6.05a.245.245 0 00-.237.25l-.003 1.5c0 .066.025.13.07.176a.233.233 0 00.167.074H9.62zm10.505-5.272c.157.088.289.218.383.376l1.419 2.39a.529.529 0 01.074.273v1.587a1.106 1.106 0 01-.315.757c-.196.198-.46.307-.732.302h-.027c-.127.895-.885 1.588-1.806 1.588s-1.679-.693-1.807-1.588h-1.624c-.129.895-.886 1.588-1.808 1.588-.967 0-1.757-.765-1.821-1.73a1.022 1.022 0 01-.388-.38 1.09 1.09 0 01-.148-.536v-5.295c.006-.286.12-.558.316-.757.196-.198.459-.307.731-.302h5.239a.52.52 0 01.484.325c.026.065.04.134.04.204v1.06h1.276c.18 0 .356.047.514.138zm-.515.92h-1.275v1.588h2.217l-.942-1.588zm-6.024 5.24a.74.74 0 00.296.055.74.74 0 00.55-.226.813.813 0 00.172-.877.811.811 0 00-.172-.26.766.766 0 00-.55-.227.74.74 0 00-.55.227.845.845 0 00-.236.568.845.845 0 00.237.569.77.77 0 00.253.17zm5.239 0a.74.74 0 00.296.055.74.74 0 00.55-.226.813.813 0 00.172-.877.811.811 0 00-.172-.26.74.74 0 00-.55-.227.74.74 0 00-.55.227.843.843 0 00-.236.568.843.843 0 00.236.569.77.77 0 00.254.17z", fill: "currentColor" })));
+});
 exports.IconFulfillmentCenter.displayName = 'IconFulfillmentCenter';

package/dist/cjs/icons/IconGanttChart.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconGanttChart = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconGanttChart = (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 5h15.79v3H2V5zm2.106 5.001h15.79v3H4.105v-3zm2.105 5H22v3H6.21v-3z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconGanttChart = (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 5h15.79v3H2V5zm2.106 5.001h15.79v3H4.105v-3zm2.105 5H22v3H6.21v-3z", fill: "currentColor" })));
+});
 exports.IconGanttChart.displayName = 'IconGanttChart';

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