@freightos/icons 1.0.3 → 1.0.4

package/dist/cjs/icons/IconLoading.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconLoading = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconLoading = (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 22c5.421 0 10-4.579 10-10h-2c0 4.337-3.663 8-8 8s-8-3.663-8-8c0-4.336 3.663-8 8-8V2C6.579 2 2 6.58 2 12c0 5.421 4.579 10 10 10z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconLoading = (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 22c5.421 0 10-4.579 10-10h-2c0 4.337-3.663 8-8 8s-8-3.663-8-8c0-4.336 3.663-8 8-8V2C6.579 2 2 6.58 2 12c0 5.421 4.579 10 10 10z", fill: "currentColor" })));
+});
 exports.IconLoading.displayName = 'IconLoading';

package/dist/cjs/icons/IconLocation.js

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

package/dist/cjs/icons/IconLocationCharges.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconLocationCharges = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconLocationCharges = (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 2.003A6.99 6.99 0 005.003 9C5.003 14.25 12 21.997 12 21.997S18.997 14.25 18.997 9A6.99 6.99 0 0012 2.003zm0 1.995A5.003 5.003 0 0117.003 9c0 2.88-2.88 7.192-5.003 9.878C9.923 16.208 6.998 11.85 6.998 9A5.003 5.003 0 0112 3.998zM12.705 6h-1.328v1.08a1.867 1.867 0 00-1.544 1.808c0 1.102.75 1.68 1.92 2.017l.157.045c1.102.3 1.32.75 1.32 1.208 0 .345-.21.892-1.193.892-.982 0-1.267-.458-1.312-1.05H9.75a1.995 1.995 0 001.627 1.912V15h1.328v-1.072a1.763 1.763 0 001.545-1.778c0-1.418-1.072-1.905-2.078-2.197-1.005-.293-1.327-.6-1.327-1.08 0-.48.45-.923 1.192-.923A.983.983 0 0113.147 9h.976a1.942 1.942 0 00-1.418-1.905V6z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconLocationCharges = (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 2.003A6.99 6.99 0 005.003 9C5.003 14.25 12 21.997 12 21.997S18.997 14.25 18.997 9A6.99 6.99 0 0012 2.003zm0 1.995A5.003 5.003 0 0117.003 9c0 2.88-2.88 7.192-5.003 9.878C9.923 16.208 6.998 11.85 6.998 9A5.003 5.003 0 0112 3.998zM12.705 6h-1.328v1.08a1.867 1.867 0 00-1.544 1.808c0 1.102.75 1.68 1.92 2.017l.157.045c1.102.3 1.32.75 1.32 1.208 0 .345-.21.892-1.193.892-.982 0-1.267-.458-1.312-1.05H9.75a1.995 1.995 0 001.627 1.912V15h1.328v-1.072a1.763 1.763 0 001.545-1.778c0-1.418-1.072-1.905-2.078-2.197-1.005-.293-1.327-.6-1.327-1.08 0-.48.45-.923 1.192-.923A.983.983 0 0113.147 9h.976a1.942 1.942 0 00-1.418-1.905V6z", fill: "currentColor" })));
+});
 exports.IconLocationCharges.displayName = 'IconLocationCharges';

package/dist/cjs/icons/IconLock.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconLock = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconLock = (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: "M18.123 8.671h-.935V6.764a4.803 4.803 0 00-1.373-3.369A4.65 4.65 0 0012.5 2a4.65 4.65 0 00-3.315 1.395 4.804 4.804 0 00-1.373 3.37V8.67h-.935c-.497 0-.973.2-1.325.556-.352.357-.55.84-.552 1.344v9.53c.002.505.2.988.552 1.344.352.356.828.556 1.325.556h11.246c.497 0 .973-.2 1.325-.556.351-.356.55-.84.552-1.344v-9.529a1.923 1.923 0 00-.552-1.344 1.862 1.862 0 00-1.325-.556zM9.688 6.764c0-.757.297-1.484.824-2.02a2.79 2.79 0 011.988-.837c.746 0 1.46.301 1.988.837.527.536.824 1.263.824 2.02v1.907H9.688V6.764zM18.123 20.1H6.877v-9.529h11.246V20.1zM12.5 17.243c.371 0 .734-.112 1.043-.322a1.9 1.9 0 00.69-.855 1.935 1.935 0 00-.406-2.079 1.85 1.85 0 00-2.045-.413 1.884 1.884 0 00-.842.702 1.93 1.93 0 00.235 2.406 1.87 1.87 0 001.325.56z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconLock = (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: "M18.123 8.671h-.935V6.764a4.803 4.803 0 00-1.373-3.369A4.65 4.65 0 0012.5 2a4.65 4.65 0 00-3.315 1.395 4.804 4.804 0 00-1.373 3.37V8.67h-.935c-.497 0-.973.2-1.325.556-.352.357-.55.84-.552 1.344v9.53c.002.505.2.988.552 1.344.352.356.828.556 1.325.556h11.246c.497 0 .973-.2 1.325-.556.351-.356.55-.84.552-1.344v-9.529a1.923 1.923 0 00-.552-1.344 1.862 1.862 0 00-1.325-.556zM9.688 6.764c0-.757.297-1.484.824-2.02a2.79 2.79 0 011.988-.837c.746 0 1.46.301 1.988.837.527.536.824 1.263.824 2.02v1.907H9.688V6.764zM18.123 20.1H6.877v-9.529h11.246V20.1zM12.5 17.243c.371 0 .734-.112 1.043-.322a1.9 1.9 0 00.69-.855 1.935 1.935 0 00-.406-2.079 1.85 1.85 0 00-2.045-.413 1.884 1.884 0 00-.842.702 1.93 1.93 0 00.235 2.406 1.87 1.87 0 001.325.56z", fill: "currentColor" })));
+});
 exports.IconLock.displayName = 'IconLock';

package/dist/cjs/icons/IconLogout.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconLogout = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconLogout = (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: "M17.556 7.556l-1.567 1.566 1.755 1.767H8.667v2.222h9.077l-1.755 1.756 1.567 1.577L22 12l-4.444-4.444zM4.222 4.222H12V2H4.222C3 2 2 3 2 4.222v15.556C2 21 3 22 4.222 22H12v-2.222H4.222V4.222z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconLogout = (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: "M17.556 7.556l-1.567 1.566 1.755 1.767H8.667v2.222h9.077l-1.755 1.756 1.567 1.577L22 12l-4.444-4.444zM4.222 4.222H12V2H4.222C3 2 2 3 2 4.222v15.556C2 21 3 22 4.222 22H12v-2.222H4.222V4.222z", fill: "currentColor" })));
+});
 exports.IconLogout.displayName = 'IconLogout';

package/dist/cjs/icons/IconManageSearch.js

@@ -35,19 +35,23 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconManageSearch = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconManageSearch = (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_5496_25956)" },
-        react_1.default.createElement("path", { d: "M7 9H2V7h5v2zm0 3H2v2h5v-2zm13.59 7l-3.83-3.83c-.8.52-1.74.83-2.76.83-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5c0 1.02-.31 1.96-.83 2.75L22 17.59 20.59 19zM17 11c0-1.65-1.35-3-3-3s-3 1.35-3 3 1.35 3 3 3 3-1.35 3-3zM2 19h10v-2H2v2z", fill: "currentColor" })),
-    react_1.default.createElement("defs", null,
-        react_1.default.createElement("clipPath", { id: "clip0_5496_25956" },
-            react_1.default.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" }))))));
+const colors_1 = require("../colors");
+exports.IconManageSearch = (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_5496_25956)" },
+            react_1.default.createElement("path", { d: "M7 9H2V7h5v2zm0 3H2v2h5v-2zm13.59 7l-3.83-3.83c-.8.52-1.74.83-2.76.83-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5c0 1.02-.31 1.96-.83 2.75L22 17.59 20.59 19zM17 11c0-1.65-1.35-3-3-3s-3 1.35-3 3 1.35 3 3 3 3-1.35 3-3zM2 19h10v-2H2v2z", fill: "currentColor" })),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("clipPath", { id: "clip0_5496_25956" },
+                react_1.default.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" })))));
+});
 exports.IconManageSearch.displayName = 'IconManageSearch';

package/dist/cjs/icons/IconMap.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconMap = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconMap = (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.442 2h-.175l-5.934 2.333L8.667 2 2.4 4.108a.567.567 0 00-.4.534v16.8a.55.55 0 00.558.558h.175l5.934-2.333L15.333 22l6.267-2.108a.567.567 0 00.4-.534v-16.8A.551.551 0 0021.442 2zM9.775 4.742l4.45 1.558v12.958L9.775 17.7V4.742zm-5.55 1.1l3.333-1.117v13l-3.333 1.283V5.842zm15.55 12.316l-3.333 1.117V6.292L19.775 5v13.158z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconMap = (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.442 2h-.175l-5.934 2.333L8.667 2 2.4 4.108a.567.567 0 00-.4.534v16.8a.55.55 0 00.558.558h.175l5.934-2.333L15.333 22l6.267-2.108a.567.567 0 00.4-.534v-16.8A.551.551 0 0021.442 2zM9.775 4.742l4.45 1.558v12.958L9.775 17.7V4.742zm-5.55 1.1l3.333-1.117v13l-3.333 1.283V5.842zm15.55 12.316l-3.333 1.117V6.292L19.775 5v13.158z", fill: "currentColor" })));
+});
 exports.IconMap.displayName = 'IconMap';

package/dist/cjs/icons/IconMatrixView.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconMatrixView = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconMatrixView = (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 8.5V4H3.5v4.5H9zM9.5 2a1 1 0 011 1v6.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3a1 1 0 011-1h6.5zm11 6.5V4H15v4.5h5.5zM21 2a1 1 0 011 1v6.5a1 1 0 01-1 1h-6.5a1 1 0 01-1-1V3a1 1 0 011-1H21zM9 20v-4.5H3.5V20H9zm.5-6.5a1 1 0 011 1V21a1 1 0 01-1 1H3a1 1 0 01-1-1v-6.5a1 1 0 011-1h6.5zm11 6.5v-4.5H15V20h5.5zm.5-6.5a1 1 0 011 1V21a1 1 0 01-1 1h-6.5a1 1 0 01-1-1v-6.5a1 1 0 011-1H21z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconMatrixView = (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 8.5V4H3.5v4.5H9zM9.5 2a1 1 0 011 1v6.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3a1 1 0 011-1h6.5zm11 6.5V4H15v4.5h5.5zM21 2a1 1 0 011 1v6.5a1 1 0 01-1 1h-6.5a1 1 0 01-1-1V3a1 1 0 011-1H21zM9 20v-4.5H3.5V20H9zm.5-6.5a1 1 0 011 1V21a1 1 0 01-1 1H3a1 1 0 01-1-1v-6.5a1 1 0 011-1h6.5zm11 6.5v-4.5H15V20h5.5zm.5-6.5a1 1 0 011 1V21a1 1 0 01-1 1h-6.5a1 1 0 01-1-1v-6.5a1 1 0 011-1H21z", fill: "currentColor" })));
+});
 exports.IconMatrixView.displayName = 'IconMatrixView';

package/dist/cjs/icons/IconMenuClose.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconMenuClose = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconMenuClose = (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.973 5H3.08a1.082 1.082 0 000 2.167h11.892c.597 0 1.081-.485 1.081-1.084 0-.598-.484-1.083-1.081-1.083zM3.08 10.417h11.892a1.082 1.082 0 010 2.167H3.08A1.082 1.082 0 012 11.5c0-.598.484-1.083 1.081-1.083zm0 5.416h11.892c.597 0 1.081.485 1.081 1.084 0 .598-.484 1.083-1.081 1.083H3.08A1.082 1.082 0 012 16.917c0-.599.484-1.084 1.081-1.084zM22 11.5l-3.058 3.064V8.436L22 11.5z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconMenuClose = (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.973 5H3.08a1.082 1.082 0 000 2.167h11.892c.597 0 1.081-.485 1.081-1.084 0-.598-.484-1.083-1.081-1.083zM3.08 10.417h11.892a1.082 1.082 0 010 2.167H3.08A1.082 1.082 0 012 11.5c0-.598.484-1.083 1.081-1.083zm0 5.416h11.892c.597 0 1.081.485 1.081 1.084 0 .598-.484 1.083-1.081 1.083H3.08A1.082 1.082 0 012 16.917c0-.599.484-1.084 1.081-1.084zM22 11.5l-3.058 3.064V8.436L22 11.5z", fill: "currentColor" })));
+});
 exports.IconMenuClose.displayName = 'IconMenuClose';

package/dist/cjs/icons/IconMenuOpen.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconMenuOpen = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconMenuOpen = (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.027 5H20.92a1.082 1.082 0 010 2.167H9.027a1.082 1.082 0 01-1.081-1.084C7.946 5.485 8.43 5 9.027 5zm11.892 5.417H9.027a1.082 1.082 0 000 2.167H20.92a1.083 1.083 0 000-2.167zm0 5.416H9.027c-.597 0-1.081.485-1.081 1.084 0 .598.484 1.083 1.081 1.083H20.92a1.082 1.082 0 000-2.167zM2 11.5l3.058 3.064V8.436L2 11.5z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconMenuOpen = (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.027 5H20.92a1.082 1.082 0 010 2.167H9.027a1.082 1.082 0 01-1.081-1.084C7.946 5.485 8.43 5 9.027 5zm11.892 5.417H9.027a1.082 1.082 0 000 2.167H20.92a1.083 1.083 0 000-2.167zm0 5.416H9.027c-.597 0-1.081.485-1.081 1.084 0 .598.484 1.083 1.081 1.083H20.92a1.082 1.082 0 000-2.167zM2 11.5l3.058 3.064V8.436L2 11.5z", fill: "currentColor" })));
+});
 exports.IconMenuOpen.displayName = 'IconMenuOpen';

package/dist/cjs/icons/IconMessage.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconMessage = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconMessage = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4 4h16v12H5.185L4 17.17V4zm0-2a2 2 0 00-2 2v18l4-4h14a2.008 2.008 0 002-2V4a2.008 2.008 0 00-2-2H4zm2 10h12v2H6v-2zm0-3h12v2H6V9zm0-2.963h12v2H6v-2z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconMessage = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4 4h16v12H5.185L4 17.17V4zm0-2a2 2 0 00-2 2v18l4-4h14a2.008 2.008 0 002-2V4a2.008 2.008 0 00-2-2H4zm2 10h12v2H6v-2zm0-3h12v2H6V9zm0-2.963h12v2H6v-2z", fill: "currentColor" })));
+});
 exports.IconMessage.displayName = 'IconMessage';

package/dist/cjs/icons/IconMinus.js

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

package/dist/cjs/icons/IconMinusCircled.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconMinusCircled = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconMinusCircled = (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.998 11.002v1.995h10.005v-1.995H6.998zm5.002-9a9.998 9.998 0 100 19.995 9.998 9.998 0 000-19.995zm0 18A8.003 8.003 0 1120.003 12 8.017 8.017 0 0112 20.002z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconMinusCircled = (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.998 11.002v1.995h10.005v-1.995H6.998zm5.002-9a9.998 9.998 0 100 19.995 9.998 9.998 0 000-19.995zm0 18A8.003 8.003 0 1120.003 12 8.017 8.017 0 0112 20.002z", fill: "currentColor" })));
+});
 exports.IconMinusCircled.displayName = 'IconMinusCircled';

package/dist/cjs/icons/IconModeAir.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconModeAir = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconModeAir = (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: "M7.995 22h2l5.006-8.417h5.5c.398 0 .78-.166 1.06-.462.281-.297.44-.698.44-1.117 0-.419-.159-.82-.44-1.117a1.461 1.461 0 00-1.06-.462h-5.5L9.996 2H7.995l2.51 8.425H4.998l-1.5-2.108H2l1.012 3.687L2 15.684h1.5l1.499-2.1h5.507L7.995 22z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconModeAir = (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: "M7.995 22h2l5.006-8.417h5.5c.398 0 .78-.166 1.06-.462.281-.297.44-.698.44-1.117 0-.419-.159-.82-.44-1.117a1.461 1.461 0 00-1.06-.462h-5.5L9.996 2H7.995l2.51 8.425H4.998l-1.5-2.108H2l1.012 3.687L2 15.684h1.5l1.499-2.1h5.507L7.995 22z", fill: "currentColor" })));
+});
 exports.IconModeAir.displayName = 'IconModeAir';

package/dist/cjs/icons/IconModeAirExpress.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconModeAirExpress = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconModeAirExpress = (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: "M7.422 5.03l8.548 1.948 3.62-3.569a1.42 1.42 0 011.995-.004 1.38 1.38 0 01.004 1.966l-3.643 3.554 1.968 8.426-1.33 1.296-3.613-6.805-3.62 3.562.33 2.265-.984.978-1.63-2.91-2.96-1.629.985-.97 2.306.319 3.613-3.562-6.903-3.569 1.314-1.295zm9.067 14.105a.564.564 0 01.623-.136.564.564 0 01.311.307.55.55 0 01-.138.614l-2.96 2.918a.567.567 0 01-.964-.393.542.542 0 01.168-.392l2.96-2.918zm-1.24-2.184a.568.568 0 01.783.014.551.551 0 01.013.771l-1.968 1.94a.568.568 0 01-.782-.014.552.552 0 01-.014-.77l1.968-1.94zM7.362 9.17a.568.568 0 01.783.014.551.551 0 01.013.771l-1.975 1.948a.568.568 0 01-.783-.014.552.552 0 01-.013-.771L7.362 9.17zM5.11 7.466a.568.568 0 01.964.393.541.541 0 01-.168.392l-2.93 2.918a.565.565 0 01-.623.136.564.564 0 01-.311-.307.548.548 0 01.138-.614l2.93-2.918z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconModeAirExpress = (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: "M7.422 5.03l8.548 1.948 3.62-3.569a1.42 1.42 0 011.995-.004 1.38 1.38 0 01.004 1.966l-3.643 3.554 1.968 8.426-1.33 1.296-3.613-6.805-3.62 3.562.33 2.265-.984.978-1.63-2.91-2.96-1.629.985-.97 2.306.319 3.613-3.562-6.903-3.569 1.314-1.295zm9.067 14.105a.564.564 0 01.623-.136.564.564 0 01.311.307.55.55 0 01-.138.614l-2.96 2.918a.567.567 0 01-.964-.393.542.542 0 01.168-.392l2.96-2.918zm-1.24-2.184a.568.568 0 01.783.014.551.551 0 01.013.771l-1.968 1.94a.568.568 0 01-.782-.014.552.552 0 01-.014-.77l1.968-1.94zM7.362 9.17a.568.568 0 01.783.014.551.551 0 01.013.771l-1.975 1.948a.568.568 0 01-.783-.014.552.552 0 01-.013-.771L7.362 9.17zM5.11 7.466a.568.568 0 01.964.393.541.541 0 01-.168.392l-2.93 2.918a.565.565 0 01-.623.136.564.564 0 01-.311-.307.548.548 0 01.138-.614l2.93-2.918z", fill: "currentColor" })));
+});
 exports.IconModeAirExpress.displayName = 'IconModeAirExpress';

package/dist/cjs/icons/IconModeAirFreighter.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconModeAirFreighter = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconModeAirFreighter = (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: "M10.913 2l2.596 5.095a5.178 5.178 0 013.502 3.442h3.684c.722 0 1.305.653 1.305 1.463 0 .37-.124.725-.348.996-.224.27-.53.436-.859.463l-.098.005h-3.682c-.5 1.651-1.826 2.954-3.508 3.447L10.913 22H8.522l1.355-5.322a5.166 5.166 0 01-2.868-3.215h-2.4l-1.305 1.951H2L2.87 12 2 8.585h1.304l1.305 1.952h2.4a5.17 5.17 0 012.869-3.21L8.522 2h2.391zm2.67 6.893H10.38v6.268h1.166v-2.478h1.895v-1.085h-1.895V9.98h2.036V8.893z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconModeAirFreighter = (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: "M10.913 2l2.596 5.095a5.178 5.178 0 013.502 3.442h3.684c.722 0 1.305.653 1.305 1.463 0 .37-.124.725-.348.996-.224.27-.53.436-.859.463l-.098.005h-3.682c-.5 1.651-1.826 2.954-3.508 3.447L10.913 22H8.522l1.355-5.322a5.166 5.166 0 01-2.868-3.215h-2.4l-1.305 1.951H2L2.87 12 2 8.585h1.304l1.305 1.952h2.4a5.17 5.17 0 012.869-3.21L8.522 2h2.391zm2.67 6.893H10.38v6.268h1.166v-2.478h1.895v-1.085h-1.895V9.98h2.036V8.893z", fill: "currentColor" })));
+});
 exports.IconModeAirFreighter.displayName = 'IconModeAirFreighter';

package/dist/cjs/icons/IconModeShip.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconModeShip = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconModeShip = (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.996 3.82v.907h-1.995V3.82h1.995zm-.998 6.462l5.378 1.609 2.392.682-1.117 3.606a4.216 4.216 0 01-1.14-.852l-1.5-1.575-1.5 1.568a3.495 3.495 0 01-1.115.852 3.826 3.826 0 01-1.398.375 3.827 3.827 0 01-1.38-.366 3.503 3.503 0 01-1.11-.834l-1.5-1.568-1.5 1.568a4.34 4.34 0 01-1.14.845l-1.124-3.599 2.4-.723 5.354-1.588zm3-8.282h-6v2.727h-3a2.116 2.116 0 00-1.413.535c-.375.34-.587.803-.589 1.285v4.199l-1.29.381a1.054 1.054 0 00-.35.174.95.95 0 00-.25.283.838.838 0 00-.06.682l1.905 6.067h.045a5.901 5.901 0 002.216-.517c.69-.313 1.3-.754 1.789-1.297a5.38 5.38 0 001.78 1.312 5.88 5.88 0 002.217.529 5.883 5.883 0 002.213-.517 5.388 5.388 0 001.785-1.296 5.404 5.404 0 001.789 1.296A5.9 5.9 0 0020 18.36h.045l1.89-6.067a.868.868 0 00-.06-.681.935.935 0 00-.249-.284 1.04 1.04 0 00-.351-.173L20 10.773V6.547a1.747 1.747 0 00-.589-1.285A2.116 2.116 0 0018 4.727h-3V2zm-9 8.18V6.547h12v3.606l-6-1.786-6 1.813zm9.998 8.862a7.35 7.35 0 01-3.998 1.165 7.35 7.35 0 01-3.997-1.165 7.56 7.56 0 01-4.005 1.138H2.001V22h1.995a9.603 9.603 0 004.005-.9 9.575 9.575 0 003.998.88c1.39 0 2.76-.302 3.997-.88a9.497 9.497 0 004.005.9h1.995v-1.82h-1.995a7.541 7.541 0 01-4.005-1.2v.062z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconModeShip = (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.996 3.82v.907h-1.995V3.82h1.995zm-.998 6.462l5.378 1.609 2.392.682-1.117 3.606a4.216 4.216 0 01-1.14-.852l-1.5-1.575-1.5 1.568a3.495 3.495 0 01-1.115.852 3.826 3.826 0 01-1.398.375 3.827 3.827 0 01-1.38-.366 3.503 3.503 0 01-1.11-.834l-1.5-1.568-1.5 1.568a4.34 4.34 0 01-1.14.845l-1.124-3.599 2.4-.723 5.354-1.588zm3-8.282h-6v2.727h-3a2.116 2.116 0 00-1.413.535c-.375.34-.587.803-.589 1.285v4.199l-1.29.381a1.054 1.054 0 00-.35.174.95.95 0 00-.25.283.838.838 0 00-.06.682l1.905 6.067h.045a5.901 5.901 0 002.216-.517c.69-.313 1.3-.754 1.789-1.297a5.38 5.38 0 001.78 1.312 5.88 5.88 0 002.217.529 5.883 5.883 0 002.213-.517 5.388 5.388 0 001.785-1.296 5.404 5.404 0 001.789 1.296A5.9 5.9 0 0020 18.36h.045l1.89-6.067a.868.868 0 00-.06-.681.935.935 0 00-.249-.284 1.04 1.04 0 00-.351-.173L20 10.773V6.547a1.747 1.747 0 00-.589-1.285A2.116 2.116 0 0018 4.727h-3V2zm-9 8.18V6.547h12v3.606l-6-1.786-6 1.813zm9.998 8.862a7.35 7.35 0 01-3.998 1.165 7.35 7.35 0 01-3.997-1.165 7.56 7.56 0 01-4.005 1.138H2.001V22h1.995a9.603 9.603 0 004.005-.9 9.575 9.575 0 003.998.88c1.39 0 2.76-.302 3.997-.88a9.497 9.497 0 004.005.9h1.995v-1.82h-1.995a7.541 7.541 0 01-4.005-1.2v.062z", fill: "currentColor" })));
+});
 exports.IconModeShip.displayName = 'IconModeShip';