@freightos/icons 1.0.2 → 1.0.4

package/dist/cjs/icons/IconTable.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconTable = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconTable = (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.9 2H4.108a2.062 2.062 0 00-1.488.654A2.297 2.297 0 002 4.225v15.55c.002.59.225 1.154.62 1.57.395.418.93.653 1.488.655H19.9a2.054 2.054 0 001.485-.655 2.29 2.29 0 00.615-1.57V4.225a2.29 2.29 0 00-.615-1.57A2.054 2.054 0 0019.9 2zm0 2.225v3.333H4.108V4.225H19.9zm-5.267 15.55H9.367v-10h5.266v10zm-10.525-10h3.158v10H4.108v-10zm12.633 10v-10H19.9v10h-3.16z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconTable = (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.9 2H4.108a2.062 2.062 0 00-1.488.654A2.297 2.297 0 002 4.225v15.55c.002.59.225 1.154.62 1.57.395.418.93.653 1.488.655H19.9a2.054 2.054 0 001.485-.655 2.29 2.29 0 00.615-1.57V4.225a2.29 2.29 0 00-.615-1.57A2.054 2.054 0 0019.9 2zm0 2.225v3.333H4.108V4.225H19.9zm-5.267 15.55H9.367v-10h5.266v10zm-10.525-10h3.158v10H4.108v-10zm12.633 10v-10H19.9v10h-3.16z", fill: "currentColor" })));
+});
 exports.IconTable.displayName = 'IconTable';

package/dist/cjs/icons/IconTableSort.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconTableSort = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconTableSort = (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.997 14.5l-4.995 5.003L7 14.5h9.997zM12.002 4l4.995 5.002H7L12.002 4z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconTableSort = (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.997 14.5l-4.995 5.003L7 14.5h9.997zM12.002 4l4.995 5.002H7L12.002 4z", fill: "currentColor" })));
+});
 exports.IconTableSort.displayName = 'IconTableSort';

package/dist/cjs/icons/IconTag.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconTag = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconTag = (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.878 3.55l8.556 8.568c.353.354.556.83.566 1.33a1.844 1.844 0 01-.558 1.339l-6.652 6.655a1.843 1.843 0 01-1.338.558 1.881 1.881 0 01-1.338-.55l-8.556-8.568A1.89 1.89 0 013 11.552V4.905A1.913 1.913 0 014.904 3h6.636a1.88 1.88 0 011.338.55zm-7.974 8.002l8.54 8.559 6.644-6.67-8.54-8.536H4.904v6.647zm2.705-4.5a1.37 1.37 0 111.523 2.28 1.37 1.37 0 01-1.523-2.28z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconTag = (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.878 3.55l8.556 8.568c.353.354.556.83.566 1.33a1.844 1.844 0 01-.558 1.339l-6.652 6.655a1.843 1.843 0 01-1.338.558 1.881 1.881 0 01-1.338-.55l-8.556-8.568A1.89 1.89 0 013 11.552V4.905A1.913 1.913 0 014.904 3h6.636a1.88 1.88 0 011.338.55zm-7.974 8.002l8.54 8.559 6.644-6.67-8.54-8.536H4.904v6.647zm2.705-4.5a1.37 1.37 0 111.523 2.28 1.37 1.37 0 01-1.523-2.28z", fill: "currentColor" })));
+});
 exports.IconTag.displayName = 'IconTag';

package/dist/cjs/icons/IconTemperatureLow.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconTemperatureLow = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconTemperatureLow = (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.537 2c1.786 0 3.24 1.402 3.24 3.125v9.45a4.297 4.297 0 011.297 3.05c0 2.414-2.033 4.375-4.537 4.375C7.034 22 5 20.039 5 17.625c0-1.14.474-2.242 1.296-3.05v-9.45C6.296 3.402 7.751 2 9.537 2zm8.426 0c-1.43 0-2.593 1.121-2.593 2.5S16.533 7 17.963 7s2.593-1.121 2.593-2.5S19.393 2 17.963 2zm0 3.75c-.717 0-1.296-.559-1.296-1.25s.579-1.25 1.296-1.25c.717 0 1.296.559 1.296 1.25s-.579 1.25-1.296 1.25zm-8.426 15c-1.786 0-3.24-1.402-3.24-3.125 0-.996.494-1.91 1.296-2.492V5.125c0-1.035.87-1.875 1.944-1.875 1.073 0 1.944.84 1.944 1.875v10.008a3.078 3.078 0 011.297 2.492c0 1.723-1.455 3.125-3.241 3.125zm-1.944-3.083c0 1.035.87 1.875 1.944 1.875 1.074 0 1.944-.84 1.944-1.875 0-.817-.54-1.51-1.296-1.768v-5.107a.637.637 0 00-.648-.625.637.637 0 00-.648.625v5.107c-.755.257-1.296.951-1.296 1.768z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconTemperatureLow = (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.537 2c1.786 0 3.24 1.402 3.24 3.125v9.45a4.297 4.297 0 011.297 3.05c0 2.414-2.033 4.375-4.537 4.375C7.034 22 5 20.039 5 17.625c0-1.14.474-2.242 1.296-3.05v-9.45C6.296 3.402 7.751 2 9.537 2zm8.426 0c-1.43 0-2.593 1.121-2.593 2.5S16.533 7 17.963 7s2.593-1.121 2.593-2.5S19.393 2 17.963 2zm0 3.75c-.717 0-1.296-.559-1.296-1.25s.579-1.25 1.296-1.25c.717 0 1.296.559 1.296 1.25s-.579 1.25-1.296 1.25zm-8.426 15c-1.786 0-3.24-1.402-3.24-3.125 0-.996.494-1.91 1.296-2.492V5.125c0-1.035.87-1.875 1.944-1.875 1.073 0 1.944.84 1.944 1.875v10.008a3.078 3.078 0 011.297 2.492c0 1.723-1.455 3.125-3.241 3.125zm-1.944-3.083c0 1.035.87 1.875 1.944 1.875 1.074 0 1.944-.84 1.944-1.875 0-.817-.54-1.51-1.296-1.768v-5.107a.637.637 0 00-.648-.625.637.637 0 00-.648.625v5.107c-.755.257-1.296.951-1.296 1.768z", fill: "currentColor" })));
+});
 exports.IconTemperatureLow.displayName = 'IconTemperatureLow';

package/dist/cjs/icons/IconThumbUp.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconThumbUp = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconThumbUp = (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: "M5.636 9.273v10.909H2V9.272h3.636zm3.637 10.909a1.818 1.818 0 01-1.818-1.818V9.273c0-.5.2-.955.536-1.282L13.973 2l.963.964c.246.245.4.581.4.954l-.027.291-.864 4.155h5.737c1.009 0 1.818.818 1.818 1.818V12c0 .236-.046.454-.127.664l-2.746 6.409a1.806 1.806 0 01-1.672 1.109H9.272zm0-1.818h8.209l2.7-6.364v-1.818H12.19l1.027-4.837L9.273 9.3v9.064z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconThumbUp = (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: "M5.636 9.273v10.909H2V9.272h3.636zm3.637 10.909a1.818 1.818 0 01-1.818-1.818V9.273c0-.5.2-.955.536-1.282L13.973 2l.963.964c.246.245.4.581.4.954l-.027.291-.864 4.155h5.737c1.009 0 1.818.818 1.818 1.818V12c0 .236-.046.454-.127.664l-2.746 6.409a1.806 1.806 0 01-1.672 1.109H9.272zm0-1.818h8.209l2.7-6.364v-1.818H12.19l1.027-4.837L9.273 9.3v9.064z", fill: "currentColor" })));
+});
 exports.IconThumbUp.displayName = 'IconThumbUp';

package/dist/cjs/icons/IconTile.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconTile = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconTile = (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 5v14h20V5H2zm4.702 1.996v2.003H4.356V6.996h2.346zm-2.346 6.002v-1.996h2.346v1.996H4.356zm0 2.003h2.346v2.003H4.356v-2.003zm15.288 2.003H9.059v-2.003h10.587v2.003zm0-4.006H9.059v-1.996h10.587v1.996zm0-4H9.059V6.997h10.587V9z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconTile = (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 5v14h20V5H2zm4.702 1.996v2.003H4.356V6.996h2.346zm-2.346 6.002v-1.996h2.346v1.996H4.356zm0 2.003h2.346v2.003H4.356v-2.003zm15.288 2.003H9.059v-2.003h10.587v2.003zm0-4.006H9.059v-1.996h10.587v1.996zm0-4H9.059V6.997h10.587V9z", fill: "currentColor" })));
+});
 exports.IconTile.displayName = 'IconTile';

package/dist/cjs/icons/IconTimer.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconTimer = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconTimer = (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: "M14.995 2h-6v1.891h6V2zm-3.998 12.368H13v-5.71h-2.003v5.71zm8.033-6.302l1.417-1.32a10.64 10.64 0 00-1.41-1.342L17.62 6.746c-1.797-1.366-4.076-2.026-6.37-1.845-2.292.182-4.424 1.193-5.958 2.824-1.534 1.631-2.353 3.76-2.29 5.948.064 2.189 1.006 4.27 2.633 5.818 1.627 1.549 3.815 2.445 6.114 2.506 2.3.06 4.537-.72 6.251-2.179 1.714-1.46 2.776-3.489 2.968-5.67.191-2.182-.503-4.35-1.94-6.06v-.022zm-7.035 12.012a7.262 7.262 0 01-3.893-1.124 6.749 6.749 0 01-2.58-2.993 6.367 6.367 0 01-.397-3.852 6.573 6.573 0 011.92-3.413 7.122 7.122 0 013.588-1.823 7.336 7.336 0 014.048.383 6.94 6.94 0 013.142 2.458A6.438 6.438 0 0119 13.419a6.372 6.372 0 01-.532 2.551 6.641 6.641 0 01-1.518 2.162 7.026 7.026 0 01-2.274 1.443 7.304 7.304 0 01-2.681.503z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconTimer = (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: "M14.995 2h-6v1.891h6V2zm-3.998 12.368H13v-5.71h-2.003v5.71zm8.033-6.302l1.417-1.32a10.64 10.64 0 00-1.41-1.342L17.62 6.746c-1.797-1.366-4.076-2.026-6.37-1.845-2.292.182-4.424 1.193-5.958 2.824-1.534 1.631-2.353 3.76-2.29 5.948.064 2.189 1.006 4.27 2.633 5.818 1.627 1.549 3.815 2.445 6.114 2.506 2.3.06 4.537-.72 6.251-2.179 1.714-1.46 2.776-3.489 2.968-5.67.191-2.182-.503-4.35-1.94-6.06v-.022zm-7.035 12.012a7.262 7.262 0 01-3.893-1.124 6.749 6.749 0 01-2.58-2.993 6.367 6.367 0 01-.397-3.852 6.573 6.573 0 011.92-3.413 7.122 7.122 0 013.588-1.823 7.336 7.336 0 014.048.383 6.94 6.94 0 013.142 2.458A6.438 6.438 0 0119 13.419a6.372 6.372 0 01-.532 2.551 6.641 6.641 0 01-1.518 2.162 7.026 7.026 0 01-2.274 1.443 7.304 7.304 0 01-2.681.503z", fill: "currentColor" })));
+});
 exports.IconTimer.displayName = 'IconTimer';

package/dist/cjs/icons/IconTotal.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconTotal = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconTotal = (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 6H8.83l6 6-6 6H18v2H6v-2l6-6-6-6V4h12v2z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconTotal = (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 6H8.83l6 6-6 6H18v2H6v-2l6-6-6-6V4h12v2z", fill: "currentColor" })));
+});
 exports.IconTotal.displayName = 'IconTotal';

package/dist/cjs/icons/IconTotalUnits.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconTotalUnits = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconTotalUnits = (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.333 5.17L12.081 4h-.2L7.637 5.17l-.452.36v5.158l.267.367L12 12.348l4.54-1.293.275-.367V5.53l-.482-.36zm-7.281.36l2.963-.765 2.91.765-.703.222-2.222.62-2.54-.689-.408-.153zm2.578 5.915l-3.704-1.048V6.035l3.704 1.026v4.384zm.74 0V7.061l1.467-.416V8.6l.74-.2V6.437l1.497-.424v4.385l-3.704 1.048zm4.897.207l4.252 1.17.481.36v5.158l-.274.367L17.186 20l-4.549-1.293-.267-.367v-5.158l.452-.36 4.245-1.17h.2zm-.067.765l-2.963.765.408.153 2.54.689 2.223-.62.703-.222-2.91-.765zm-4.089 5.632l3.704 1.048v-4.385l-3.704-1.025v4.362zm4.445-3.336v4.384l3.703-1.048v-4.385l-1.496.423v1.965l-.74.199v-1.954l-1.467.415zm-10.66-3.061l4.252 1.17.482.36v5.158l-.274.367L6.815 20l-4.548-1.293L2 18.34v-5.158l.452-.36 4.244-1.17h.2zm-.066.765l-2.963.765.407.153 2.54.689 2.223-.62.704-.222-2.911-.765zm-4.09 5.632l3.704 1.048v-4.385l-3.703-1.025v4.362zm4.445-3.336v4.384l3.704-1.048v-4.385l-1.496.423v1.965l-.741.199v-1.954l-1.467.415z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconTotalUnits = (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.333 5.17L12.081 4h-.2L7.637 5.17l-.452.36v5.158l.267.367L12 12.348l4.54-1.293.275-.367V5.53l-.482-.36zm-7.281.36l2.963-.765 2.91.765-.703.222-2.222.62-2.54-.689-.408-.153zm2.578 5.915l-3.704-1.048V6.035l3.704 1.026v4.384zm.74 0V7.061l1.467-.416V8.6l.74-.2V6.437l1.497-.424v4.385l-3.704 1.048zm4.897.207l4.252 1.17.481.36v5.158l-.274.367L17.186 20l-4.549-1.293-.267-.367v-5.158l.452-.36 4.245-1.17h.2zm-.067.765l-2.963.765.408.153 2.54.689 2.223-.62.703-.222-2.91-.765zm-4.089 5.632l3.704 1.048v-4.385l-3.704-1.025v4.362zm4.445-3.336v4.384l3.703-1.048v-4.385l-1.496.423v1.965l-.74.199v-1.954l-1.467.415zm-10.66-3.061l4.252 1.17.482.36v5.158l-.274.367L6.815 20l-4.548-1.293L2 18.34v-5.158l.452-.36 4.244-1.17h.2zm-.066.765l-2.963.765.407.153 2.54.689 2.223-.62.704-.222-2.911-.765zm-4.09 5.632l3.704 1.048v-4.385l-3.703-1.025v4.362zm4.445-3.336v4.384l3.704-1.048v-4.385l-1.496.423v1.965l-.741.199v-1.954l-1.467.415z", fill: "currentColor" })));
+});
 exports.IconTotalUnits.displayName = 'IconTotalUnits';

package/dist/cjs/icons/IconTransactions.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconTransactions = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconTransactions = (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: "M22 8.571L17.556 4v3.429H9.778v2.285h7.778v3.429M6.444 10.857L2 15.43 6.444 20v-3.429h7.778v-2.285H6.444v-3.429z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconTransactions = (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: "M22 8.571L17.556 4v3.429H9.778v2.285h7.778v3.429M6.444 10.857L2 15.43 6.444 20v-3.429h7.778v-2.285H6.444v-3.429z", fill: "currentColor" })));
+});
 exports.IconTransactions.displayName = 'IconTransactions';

package/dist/cjs/icons/IconTrash.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconTrash = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconTrash = (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.002 18.997c.006.535.22 1.045.593 1.42A1.97 1.97 0 007.999 21H16a1.971 1.971 0 001.404-.582c.374-.376.587-.886.593-1.42v-12H6.002v12zM8 9h8v9.997H8V9zm7.5-5.002L14.498 3H9.502L8.5 3.998H5V6h14V3.998h-3.5z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconTrash = (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.002 18.997c.006.535.22 1.045.593 1.42A1.97 1.97 0 007.999 21H16a1.971 1.971 0 001.404-.582c.374-.376.587-.886.593-1.42v-12H6.002v12zM8 9h8v9.997H8V9zm7.5-5.002L14.498 3H9.502L8.5 3.998H5V6h14V3.998h-3.5z", fill: "currentColor" })));
+});
 exports.IconTrash.displayName = 'IconTrash';

package/dist/cjs/icons/IconTrendingDown.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconTrendingDown = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconTrendingDown = (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: "M15.998 18l2.296-2.287-4.884-4.883-3.998 3.998L2 7.41 3.41 6l6.002 6 3.998-3.998 6.302 6.285L22 12v6h-6.002z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconTrendingDown = (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: "M15.998 18l2.296-2.287-4.884-4.883-3.998 3.998L2 7.41 3.41 6l6.002 6 3.998-3.998 6.302 6.285L22 12v6h-6.002z", fill: "currentColor" })));
+});
 exports.IconTrendingDown.displayName = 'IconTrendingDown';

package/dist/cjs/icons/IconTrendingFlat.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconTrendingFlat = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconTrendingFlat = (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.997 12L18 8v3.002H3v1.996h15V16l3.997-4z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconTrendingFlat = (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.997 12L18 8v3.002H3v1.996h15V16l3.997-4z", fill: "currentColor" })));
+});
 exports.IconTrendingFlat.displayName = 'IconTrendingFlat';

package/dist/cjs/icons/IconTrendingUp.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconTrendingUp = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconTrendingUp = (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: "M15.999 6l2.295 2.287-4.884 4.883-3.998-3.998L2 16.59 3.41 18l6.002-6 3.998 3.998 6.302-6.285L22 12V6h-6z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconTrendingUp = (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: "M15.999 6l2.295 2.287-4.884 4.883-3.998-3.998L2 16.59 3.41 18l6.002-6 3.998 3.998 6.302-6.285L22 12V6h-6z", fill: "currentColor" })));
+});
 exports.IconTrendingUp.displayName = 'IconTrendingUp';

package/dist/cjs/icons/IconTrophy.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconTrophy = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconTrophy = (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 4.225h-2.217V2H6.442v2.225H4.225A2.225 2.225 0 002 6.442v1.116a5.542 5.542 0 004.875 5.484 5.567 5.567 0 004.017 3.291v3.442h-4.45V22h11.116v-2.225h-4.45v-3.442a5.565 5.565 0 004.017-3.291A5.542 5.542 0 0022 7.558V6.442a2.225 2.225 0 00-2.225-2.217zM4.225 7.558V6.442h2.217v4.25a3.334 3.334 0 01-2.217-3.134zM12 14.225a3.333 3.333 0 01-3.333-3.333V4.225h6.666v6.667A3.333 3.333 0 0112 14.225zm7.775-6.667a3.333 3.333 0 01-2.217 3.134v-4.25h2.217v1.116z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconTrophy = (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 4.225h-2.217V2H6.442v2.225H4.225A2.225 2.225 0 002 6.442v1.116a5.542 5.542 0 004.875 5.484 5.567 5.567 0 004.017 3.291v3.442h-4.45V22h11.116v-2.225h-4.45v-3.442a5.565 5.565 0 004.017-3.291A5.542 5.542 0 0022 7.558V6.442a2.225 2.225 0 00-2.225-2.217zM4.225 7.558V6.442h2.217v4.25a3.334 3.334 0 01-2.217-3.134zM12 14.225a3.333 3.333 0 01-3.333-3.333V4.225h6.666v6.667A3.333 3.333 0 0112 14.225zm7.775-6.667a3.333 3.333 0 01-2.217 3.134v-4.25h2.217v1.116z", fill: "currentColor" })));
+});
 exports.IconTrophy.displayName = 'IconTrophy';

package/dist/cjs/icons/IconUld.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconUld = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconUld = (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 5.372c0-.364.14-.713.39-.97.25-.258.59-.402.943-.402h17.334c.353 0 .692.144.942.402.25.257.391.606.391.97v9.718c0 .205-.044.408-.13.593a1.365 1.365 0 01-.367.477l-4.272 3.538a1.31 1.31 0 01-.836.302H3.333c-.353 0-.692-.145-.942-.402a1.392 1.392 0 01-.391-.97V5.372zm1.819 12.746h11.817v-4.705H3.819v4.705zm0-6.588h11.817V5.883H3.819v5.647zm13.634-5.647v11.219l2.727-2.26V5.883h-2.727z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconUld = (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 5.372c0-.364.14-.713.39-.97.25-.258.59-.402.943-.402h17.334c.353 0 .692.144.942.402.25.257.391.606.391.97v9.718c0 .205-.044.408-.13.593a1.365 1.365 0 01-.367.477l-4.272 3.538a1.31 1.31 0 01-.836.302H3.333c-.353 0-.692-.145-.942-.402a1.392 1.392 0 01-.391-.97V5.372zm1.819 12.746h11.817v-4.705H3.819v4.705zm0-6.588h11.817V5.883H3.819v5.647zm13.634-5.647v11.219l2.727-2.26V5.883h-2.727z", fill: "currentColor" })));
+});
 exports.IconUld.displayName = 'IconUld';

package/dist/cjs/icons/IconUnlock.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconUnlock = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconUnlock = (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.998 8.671h-.997V6.764a4.653 4.653 0 00-1.465-3.369A5.13 5.13 0 0012 2a5.13 5.13 0 00-3.536 1.395 4.653 4.653 0 00-1.465 3.37h2.002c0-.758.316-1.485.878-2.021A3.076 3.076 0 0112 3.907c.796 0 1.56.301 2.122.837A2.79 2.79 0 0115 6.764v1.907H6.002c-.53 0-1.038.2-1.413.556-.375.357-.587.84-.59 1.344V20.1c.003.505.215.988.59 1.344.375.356.883.556 1.413.556h11.996c.53 0 1.038-.2 1.413-.556.375-.356.587-.84.589-1.344v-9.529a1.863 1.863 0 00-.589-1.344 2.054 2.054 0 00-1.413-.556zm0 11.429H6.002v-9.529h11.996V20.1zM12 17.243c.396 0 .783-.112 1.112-.322.33-.21.586-.507.737-.855.152-.349.192-.732.114-1.102a1.88 1.88 0 00-.547-.977 2.034 2.034 0 00-1.026-.522 2.095 2.095 0 00-1.156.109 1.985 1.985 0 00-.899.702c-.22.314-.337.683-.337 1.06.002.505.214.989.589 1.346.375.357.883.559 1.413.56z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconUnlock = (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.998 8.671h-.997V6.764a4.653 4.653 0 00-1.465-3.369A5.13 5.13 0 0012 2a5.13 5.13 0 00-3.536 1.395 4.653 4.653 0 00-1.465 3.37h2.002c0-.758.316-1.485.878-2.021A3.076 3.076 0 0112 3.907c.796 0 1.56.301 2.122.837A2.79 2.79 0 0115 6.764v1.907H6.002c-.53 0-1.038.2-1.413.556-.375.357-.587.84-.59 1.344V20.1c.003.505.215.988.59 1.344.375.356.883.556 1.413.556h11.996c.53 0 1.038-.2 1.413-.556.375-.356.587-.84.589-1.344v-9.529a1.863 1.863 0 00-.589-1.344 2.054 2.054 0 00-1.413-.556zm0 11.429H6.002v-9.529h11.996V20.1zM12 17.243c.396 0 .783-.112 1.112-.322.33-.21.586-.507.737-.855.152-.349.192-.732.114-1.102a1.88 1.88 0 00-.547-.977 2.034 2.034 0 00-1.026-.522 2.095 2.095 0 00-1.156.109 1.985 1.985 0 00-.899.702c-.22.314-.337.683-.337 1.06.002.505.214.989.589 1.346.375.357.883.559 1.413.56z", fill: "currentColor" })));
+});
 exports.IconUnlock.displayName = 'IconUnlock';