@freightos/icons 1.0.2 → 1.0.4

package/dist/cjs/icons/IconCutoff.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconCutoff = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconCutoff = (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: "M4.609 3v5.217h-1.74V3h1.74zm-1.74 17.391v-5.217h1.74v5.217h-1.74zm2.61-8.695a1.739 1.739 0 11-3.479 0 1.739 1.739 0 013.478 0zm9.564-6.957A6.955 6.955 0 0122 11.696a6.955 6.955 0 01-6.957 6.956c-3.13 0-5.773-2.07-6.652-4.913l-2.043-2.043L8.39 9.652a6.967 6.967 0 016.652-4.913zm0 1.74a5.222 5.222 0 00-5.217 5.217 5.221 5.221 0 005.217 5.217 5.222 5.222 0 005.218-5.217 5.222 5.222 0 00-5.217-5.218zm-.87 6.086V8.217h1.305v3.653l2.609 1.565-.713 1.095-3.2-1.965z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconCutoff = (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: "M4.609 3v5.217h-1.74V3h1.74zm-1.74 17.391v-5.217h1.74v5.217h-1.74zm2.61-8.695a1.739 1.739 0 11-3.479 0 1.739 1.739 0 013.478 0zm9.564-6.957A6.955 6.955 0 0122 11.696a6.955 6.955 0 01-6.957 6.956c-3.13 0-5.773-2.07-6.652-4.913l-2.043-2.043L8.39 9.652a6.967 6.967 0 016.652-4.913zm0 1.74a5.222 5.222 0 00-5.217 5.217 5.221 5.221 0 005.217 5.217 5.222 5.222 0 005.218-5.217 5.222 5.222 0 00-5.217-5.218zm-.87 6.086V8.217h1.305v3.653l2.609 1.565-.713 1.095-3.2-1.965z", fill: "currentColor" })));
+});
 exports.IconCutoff.displayName = 'IconCutoff';

package/dist/cjs/icons/IconDashboard.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconDashboard = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconDashboard = (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.225v2.217h-4.442V4.225h4.442zm-11.108 0v6.667H4.225V4.225h4.442zm11.108 8.883v6.667h-4.442v-6.667h4.442zm-11.108 4.45v2.217H4.225v-2.217h4.442zM22 2h-8.892v6.667H22V2zM10.892 2H2v11.108h8.892V2zM22 10.892h-8.892V22H22V10.892zm-11.108 4.441H2V22h8.892v-6.667z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconDashboard = (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.225v2.217h-4.442V4.225h4.442zm-11.108 0v6.667H4.225V4.225h4.442zm11.108 8.883v6.667h-4.442v-6.667h4.442zm-11.108 4.45v2.217H4.225v-2.217h4.442zM22 2h-8.892v6.667H22V2zM10.892 2H2v11.108h8.892V2zM22 10.892h-8.892V22H22V10.892zm-11.108 4.441H2V22h8.892v-6.667z", fill: "currentColor" })));
+});
 exports.IconDashboard.displayName = 'IconDashboard';

package/dist/cjs/icons/IconDocument.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconDocument = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconDocument = (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: "M8.004 15.998h7.992v2.004H8.004v-2.003zm0-3.998h7.992v2.003H8.004V12zm5.998-10h-8A2.001 2.001 0 004 3.995v16.01A2.004 2.004 0 006.002 22h11.996A2.001 2.001 0 0020 20.005V8.002L14.002 2zm3.996 18.005H6.002V3.994h6.995V9h5.001v11.005z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconDocument = (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: "M8.004 15.998h7.992v2.004H8.004v-2.003zm0-3.998h7.992v2.003H8.004V12zm5.998-10h-8A2.001 2.001 0 004 3.995v16.01A2.004 2.004 0 006.002 22h11.996A2.001 2.001 0 0020 20.005V8.002L14.002 2zm3.996 18.005H6.002V3.994h6.995V9h5.001v11.005z", fill: "currentColor" })));
+});
 exports.IconDocument.displayName = 'IconDocument';

package/dist/cjs/icons/IconDocuments.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconDocuments = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconDocuments = (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.76 13.2h-6.482v1.6h6.481v-1.6zm0-3.2h-6.482v1.6h6.481V10zM8.657 2h6.481L20 6.8v9.6c0 .88-.728 1.6-1.62 1.6H8.65c-.891 0-1.612-.72-1.612-1.6V3.6c0-.88.729-1.6 1.62-1.6zm0 14.4h9.722V7.6h-4.05v-4H8.657v12.8zM5.62 5v14.4h11.342c0 .88-.73 1.6-1.62 1.6h-9.73C4.721 21 4 20.28 4 19.4V6.6C4 5.72 4.729 5 5.62 5z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconDocuments = (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.76 13.2h-6.482v1.6h6.481v-1.6zm0-3.2h-6.482v1.6h6.481V10zM8.657 2h6.481L20 6.8v9.6c0 .88-.728 1.6-1.62 1.6H8.65c-.891 0-1.612-.72-1.612-1.6V3.6c0-.88.729-1.6 1.62-1.6zm0 14.4h9.722V7.6h-4.05v-4H8.657v12.8zM5.62 5v14.4h11.342c0 .88-.73 1.6-1.62 1.6h-9.73C4.721 21 4 20.28 4 19.4V6.6C4 5.72 4.729 5 5.62 5z", fill: "currentColor" })));
+});
 exports.IconDocuments.displayName = 'IconDocuments';

package/dist/cjs/icons/IconDoubleLeft.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconDoubleLeft = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconDoubleLeft = (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.41 16.59L11 18l-6-6 6-6 1.41 1.41L7.83 12l4.58 4.59zm6.59 0L17.59 18l-6-6 6-6L19 7.41 14.42 12 19 16.59z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconDoubleLeft = (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.41 16.59L11 18l-6-6 6-6 1.41 1.41L7.83 12l4.58 4.59zm6.59 0L17.59 18l-6-6 6-6L19 7.41 14.42 12 19 16.59z", fill: "currentColor" })));
+});
 exports.IconDoubleLeft.displayName = 'IconDoubleLeft';

package/dist/cjs/icons/IconDoubleRight.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconDoubleRight = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconDoubleRight = (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: "M5 16.59L6.41 18l6-6-6-6L5 7.41 9.58 12 5 16.59zm6.59 0L13 18l6-6-6-6-1.41 1.41L16.17 12l-4.58 4.59z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconDoubleRight = (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: "M5 16.59L6.41 18l6-6-6-6L5 7.41 9.58 12 5 16.59zm6.59 0L13 18l6-6-6-6-1.41 1.41L16.17 12l-4.58 4.59z", fill: "currentColor" })));
+});
 exports.IconDoubleRight.displayName = 'IconDoubleRight';

package/dist/cjs/icons/IconDown.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconDown = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconDown = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    react_1.default.createElement("path", { fill: "currentColor", "fill-rule": "evenodd", d: "M9.88 11.45L16 17.56l6.12-6.11L24 13.33l-8 8-8-8 1.88-1.88z" }))));
+const colors_1 = require("../colors");
+exports.IconDown = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        react_1.default.createElement("path", { fill: "currentColor", "fill-rule": "evenodd", d: "M9.88 11.45L16 17.56l6.12-6.11L24 13.33l-8 8-8-8 1.88-1.88z" })));
+});
 exports.IconDown.displayName = 'IconDown';

package/dist/cjs/icons/IconDownload.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconDownload = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconDownload = (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.117 10.32a6.758 6.758 0 00-1.843-3.514 6.119 6.119 0 00-3.418-1.741 5.946 5.946 0 00-3.737.671 6.46 6.46 0 00-2.687 2.838c-1.261.134-2.425.78-3.25 1.803a5.432 5.432 0 00-1.174 3.685 5.365 5.365 0 001.551 3.526A4.773 4.773 0 006.977 19h10.846a3.966 3.966 0 002.895-1.185 4.465 4.465 0 001.28-3 4.5 4.5 0 00-1.073-3.09 4.001 4.001 0 00-2.808-1.404zm-.294 6.94H6.977a3.185 3.185 0 01-2.27-.946 3.579 3.579 0 01-1.03-2.345c-.047-.892.23-1.77.776-2.452a3.233 3.233 0 012.154-1.21l.895-.093.42-.83a4.743 4.743 0 011.973-2.058 4.37 4.37 0 012.728-.486c.935.14 1.807.58 2.498 1.264a4.962 4.962 0 011.362 2.555l.25 1.328 1.252.093a2.402 2.402 0 011.639.806c.43.48.672 1.115.677 1.777a2.736 2.736 0 01-.744 1.83 2.433 2.433 0 01-1.734.766zm-9.175-5.233h2.128V9.41h2.415v2.617h2.128l-3.336 3.486-3.335-3.486z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconDownload = (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.117 10.32a6.758 6.758 0 00-1.843-3.514 6.119 6.119 0 00-3.418-1.741 5.946 5.946 0 00-3.737.671 6.46 6.46 0 00-2.687 2.838c-1.261.134-2.425.78-3.25 1.803a5.432 5.432 0 00-1.174 3.685 5.365 5.365 0 001.551 3.526A4.773 4.773 0 006.977 19h10.846a3.966 3.966 0 002.895-1.185 4.465 4.465 0 001.28-3 4.5 4.5 0 00-1.073-3.09 4.001 4.001 0 00-2.808-1.404zm-.294 6.94H6.977a3.185 3.185 0 01-2.27-.946 3.579 3.579 0 01-1.03-2.345c-.047-.892.23-1.77.776-2.452a3.233 3.233 0 012.154-1.21l.895-.093.42-.83a4.743 4.743 0 011.973-2.058 4.37 4.37 0 012.728-.486c.935.14 1.807.58 2.498 1.264a4.962 4.962 0 011.362 2.555l.25 1.328 1.252.093a2.402 2.402 0 011.639.806c.43.48.672 1.115.677 1.777a2.736 2.736 0 01-.744 1.83 2.433 2.433 0 01-1.734.766zm-9.175-5.233h2.128V9.41h2.415v2.617h2.128l-3.336 3.486-3.335-3.486z", fill: "currentColor" })));
+});
 exports.IconDownload.displayName = 'IconDownload';

package/dist/cjs/icons/IconDownloadAlt.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconDownloadAlt = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconDownloadAlt = (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: "M20 9.059h-4.571v-7.06H8.57v7.06H4l8 8.235 8-8.235zm-9.143 2.353v-7.06h2.286v7.06h1.337L12 13.965l-2.48-2.553h1.337zM4 19.647h16V22H4v-2.353z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconDownloadAlt = (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: "M20 9.059h-4.571v-7.06H8.57v7.06H4l8 8.235 8-8.235zm-9.143 2.353v-7.06h2.286v7.06h1.337L12 13.965l-2.48-2.553h1.337zM4 19.647h16V22H4v-2.353z", fill: "currentColor" })));
+});
 exports.IconDownloadAlt.displayName = 'IconDownloadAlt';

package/dist/cjs/icons/IconDownloadDocs.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconDownloadDocs = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconDownloadDocs = (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.856 11.63v4.785H22L16.503 22l-5.496-5.585h3.144V11.63h4.705zM5.546 4.963v14.074h5.783l1.54 1.482h-7.33a1.538 1.538 0 01-1.061-.432A1.57 1.57 0 014 19.037V6.444c.02-.38.177-.741.442-1.014.264-.273.618-.439.994-.467h.11zM14.62 2l4.639 4.681v3.467h-1.547V7.467H13.85V3.563H8.441v14.074a1.53 1.53 0 01-1.058-.432 1.563 1.563 0 01-.473-1.05V3.564c.001-.411.163-.806.45-1.098a1.54 1.54 0 011.081-.465h6.179z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconDownloadDocs = (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.856 11.63v4.785H22L16.503 22l-5.496-5.585h3.144V11.63h4.705zM5.546 4.963v14.074h5.783l1.54 1.482h-7.33a1.538 1.538 0 01-1.061-.432A1.57 1.57 0 014 19.037V6.444c.02-.38.177-.741.442-1.014.264-.273.618-.439.994-.467h.11zM14.62 2l4.639 4.681v3.467h-1.547V7.467H13.85V3.563H8.441v14.074a1.53 1.53 0 01-1.058-.432 1.563 1.563 0 01-.473-1.05V3.564c.001-.411.163-.806.45-1.098a1.54 1.54 0 011.081-.465h6.179z", fill: "currentColor" })));
+});
 exports.IconDownloadDocs.displayName = 'IconDownloadDocs';

package/dist/cjs/icons/IconDownloadEntry.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconDownloadEntry = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconDownloadEntry = (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.7 11.63v4.785H23L17.23 22l-5.769-5.585h3.3V11.63H19.7zM15.854 2a2.094 2.094 0 011.447.582c.384.37.599.873.599 1.396v6.17h-2.077v-6.17H5.053V19.31h7.178l1.969 1.95H5.054a2.098 2.098 0 01-1.408-.534A1.949 1.949 0 013 19.407V3.977c.002-.523.22-1.025.604-1.396A2.1 2.1 0 015.054 2h10.8zm-8.046 9.63c.19 0 .376.054.534.156a.934.934 0 01.354.415.894.894 0 01-.208 1.01.996.996 0 01-1.048.2.955.955 0 01-.432-.341.902.902 0 01.12-1.17.98.98 0 01.68-.27z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconDownloadEntry = (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.7 11.63v4.785H23L17.23 22l-5.769-5.585h3.3V11.63H19.7zM15.854 2a2.094 2.094 0 011.447.582c.384.37.599.873.599 1.396v6.17h-2.077v-6.17H5.053V19.31h7.178l1.969 1.95H5.054a2.098 2.098 0 01-1.408-.534A1.949 1.949 0 013 19.407V3.977c.002-.523.22-1.025.604-1.396A2.1 2.1 0 015.054 2h10.8zm-8.046 9.63c.19 0 .376.054.534.156a.934.934 0 01.354.415.894.894 0 01-.208 1.01.996.996 0 01-1.048.2.955.955 0 01-.432-.341.902.902 0 01.12-1.17.98.98 0 01.68-.27z", fill: "currentColor" })));
+});
 exports.IconDownloadEntry.displayName = 'IconDownloadEntry';

package/dist/cjs/icons/IconDrag.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconDrag = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconDrag = (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.804 19.498c0 .495-.141.978-.405 1.39a2.426 2.426 0 01-1.078.921c-.439.19-.922.24-1.388.143a2.374 2.374 0 01-1.23-.685 2.537 2.537 0 01-.657-1.281 2.6 2.6 0 01.137-1.446c.182-.457.49-.848.884-1.123.395-.275.86-.422 1.335-.422a2.363 2.363 0 011.696.736 2.57 2.57 0 01.706 1.767zm-2.402-10c-.475 0-.94.146-1.335.421a2.483 2.483 0 00-.884 1.123 2.6 2.6 0 00-.137 1.446c.093.486.322.931.657 1.281.336.35.764.589 1.23.685.466.097.95.047 1.388-.142.439-.19.814-.51 1.078-.922a2.578 2.578 0 00-.301-3.157 2.363 2.363 0 00-1.696-.735zm0-7.498c-.475 0-.94.147-1.335.422a2.483 2.483 0 00-.884 1.123 2.6 2.6 0 00-.137 1.446c.093.485.322.93.657 1.28.336.35.764.59 1.23.686.466.096.95.047 1.388-.143.439-.19.814-.51 1.078-.921a2.578 2.578 0 00-.301-3.157A2.363 2.363 0 008.402 2zm7.196 5.005c.475 0 .94-.147 1.335-.422s.702-.666.884-1.123a2.6 2.6 0 00.137-1.446 2.536 2.536 0 00-.657-1.281 2.373 2.373 0 00-1.23-.685 2.312 2.312 0 00-1.388.142c-.439.19-.814.51-1.078.922a2.578 2.578 0 00.301 3.157c.45.469 1.06.733 1.696.736zm0 2.493c-.475 0-.94.146-1.334.421a2.484 2.484 0 00-.885 1.123 2.6 2.6 0 00-.136 1.446c.092.486.321.931.657 1.281.336.35.764.589 1.23.685a2.31 2.31 0 001.387-.142c.44-.19.814-.51 1.078-.922a2.578 2.578 0 00-.301-3.157 2.363 2.363 0 00-1.696-.735zm0 7.497c-.475 0-.94.147-1.334.422a2.484 2.484 0 00-.885 1.123 2.6 2.6 0 00-.136 1.446c.092.485.321.931.657 1.281.336.35.764.588 1.23.685a2.31 2.31 0 001.387-.143 2.42 2.42 0 001.078-.921 2.578 2.578 0 00-.301-3.157 2.363 2.363 0 00-1.696-.736z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconDrag = (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.804 19.498c0 .495-.141.978-.405 1.39a2.426 2.426 0 01-1.078.921c-.439.19-.922.24-1.388.143a2.374 2.374 0 01-1.23-.685 2.537 2.537 0 01-.657-1.281 2.6 2.6 0 01.137-1.446c.182-.457.49-.848.884-1.123.395-.275.86-.422 1.335-.422a2.363 2.363 0 011.696.736 2.57 2.57 0 01.706 1.767zm-2.402-10c-.475 0-.94.146-1.335.421a2.483 2.483 0 00-.884 1.123 2.6 2.6 0 00-.137 1.446c.093.486.322.931.657 1.281.336.35.764.589 1.23.685.466.097.95.047 1.388-.142.439-.19.814-.51 1.078-.922a2.578 2.578 0 00-.301-3.157 2.363 2.363 0 00-1.696-.735zm0-7.498c-.475 0-.94.147-1.335.422a2.483 2.483 0 00-.884 1.123 2.6 2.6 0 00-.137 1.446c.093.485.322.93.657 1.28.336.35.764.59 1.23.686.466.096.95.047 1.388-.143.439-.19.814-.51 1.078-.921a2.578 2.578 0 00-.301-3.157A2.363 2.363 0 008.402 2zm7.196 5.005c.475 0 .94-.147 1.335-.422s.702-.666.884-1.123a2.6 2.6 0 00.137-1.446 2.536 2.536 0 00-.657-1.281 2.373 2.373 0 00-1.23-.685 2.312 2.312 0 00-1.388.142c-.439.19-.814.51-1.078.922a2.578 2.578 0 00.301 3.157c.45.469 1.06.733 1.696.736zm0 2.493c-.475 0-.94.146-1.334.421a2.484 2.484 0 00-.885 1.123 2.6 2.6 0 00-.136 1.446c.092.486.321.931.657 1.281.336.35.764.589 1.23.685a2.31 2.31 0 001.387-.142c.44-.19.814-.51 1.078-.922a2.578 2.578 0 00-.301-3.157 2.363 2.363 0 00-1.696-.735zm0 7.497c-.475 0-.94.147-1.334.422a2.484 2.484 0 00-.885 1.123 2.6 2.6 0 00-.136 1.446c.092.485.321.931.657 1.281.336.35.764.588 1.23.685a2.31 2.31 0 001.387-.143 2.42 2.42 0 001.078-.921 2.578 2.578 0 00-.301-3.157 2.363 2.363 0 00-1.696-.736z", fill: "currentColor" })));
+});
 exports.IconDrag.displayName = 'IconDrag';

package/dist/cjs/icons/IconEarlyCancelation.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconEarlyCancelation = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconEarlyCancelation = (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: "M8.9 2h5.6v1.818H8.9V2zm3.734 6.363h-1.867v5.455h1.867V8.363zm-.934 10.91c-3.612 0-6.533-2.846-6.533-6.364S8.088 6.546 11.7 6.546c3.304 0 6.02 2.381 6.468 5.481a6.33 6.33 0 011.932.428 8.206 8.206 0 00-1.839-4.646l1.326-1.29c-.42-.464-.84-.882-1.316-1.282l-1.326 1.309A8.41 8.41 0 0011.7 4.727c-4.639 0-8.4 3.664-8.4 8.182 0 4.518 3.761 8.182 8.4 8.182.317 0 .625 0 .933-.054a5.979 5.979 0 01-.765-1.764H11.7zM17.767 22c2.333 0 4.2-1.818 4.2-4.091s-1.867-4.09-4.2-4.09c-2.334 0-4.2 1.817-4.2 4.09 0 2.273 1.866 4.09 4.2 4.09zm1.4-1.745l-3.808-3.71a2.47 2.47 0 00-.392 1.364c0 1.51 1.25 2.728 2.8 2.728a2.64 2.64 0 001.4-.382zm-1.4-5.073c1.549 0 2.8 1.218 2.8 2.727 0 .51-.14.982-.393 1.364l-3.808-3.71a2.637 2.637 0 011.4-.381z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconEarlyCancelation = (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: "M8.9 2h5.6v1.818H8.9V2zm3.734 6.363h-1.867v5.455h1.867V8.363zm-.934 10.91c-3.612 0-6.533-2.846-6.533-6.364S8.088 6.546 11.7 6.546c3.304 0 6.02 2.381 6.468 5.481a6.33 6.33 0 011.932.428 8.206 8.206 0 00-1.839-4.646l1.326-1.29c-.42-.464-.84-.882-1.316-1.282l-1.326 1.309A8.41 8.41 0 0011.7 4.727c-4.639 0-8.4 3.664-8.4 8.182 0 4.518 3.761 8.182 8.4 8.182.317 0 .625 0 .933-.054a5.979 5.979 0 01-.765-1.764H11.7zM17.767 22c2.333 0 4.2-1.818 4.2-4.091s-1.867-4.09-4.2-4.09c-2.334 0-4.2 1.817-4.2 4.09 0 2.273 1.866 4.09 4.2 4.09zm1.4-1.745l-3.808-3.71a2.47 2.47 0 00-.392 1.364c0 1.51 1.25 2.728 2.8 2.728a2.64 2.64 0 001.4-.382zm-1.4-5.073c1.549 0 2.8 1.218 2.8 2.727 0 .51-.14.982-.393 1.364l-3.808-3.71a2.637 2.637 0 011.4-.381z", fill: "currentColor" })));
+});
 exports.IconEarlyCancelation.displayName = 'IconEarlyCancelation';

package/dist/cjs/icons/IconEbooking.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconEbooking = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconEbooking = (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 10V6a2 2 0 00-2-2H4c-1.1 0-1.99.89-1.99 2v4c1.1 0 1.99.9 1.99 2a2 2 0 01-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2s.9-2 2-2zm-2-1.46c-1.19.69-2 1.99-2 3.46s.81 2.77 2 3.46V18H4v-2.54c1.19-.69 2-1.99 2-3.46 0-1.48-.8-2.77-1.99-3.46L4 6h16v2.54zM11 15h2v2h-2v-2zm0-4h2v2h-2v-2zm0-4h2v2h-2V7z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconEbooking = (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 10V6a2 2 0 00-2-2H4c-1.1 0-1.99.89-1.99 2v4c1.1 0 1.99.9 1.99 2a2 2 0 01-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2s.9-2 2-2zm-2-1.46c-1.19.69-2 1.99-2 3.46s.81 2.77 2 3.46V18H4v-2.54c1.19-.69 2-1.99 2-3.46 0-1.48-.8-2.77-1.99-3.46L4 6h16v2.54zM11 15h2v2h-2v-2zm0-4h2v2h-2v-2zm0-4h2v2h-2V7z", fill: "currentColor" })));
+});
 exports.IconEbooking.displayName = 'IconEbooking';

package/dist/cjs/icons/IconEdit.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconEdit = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconEdit = (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.292 8.667l1.042 1.042L5.242 19.776H4.225v-1.017L14.292 8.667zm4-6.667c-.294 0-.575.117-.783.325l-2.034 2.033 4.167 4.167 2.034-2.033a1.108 1.108 0 000-1.567l-2.6-2.6A1.066 1.066 0 0018.292 2zm-4 3.542L2 17.834v4.167h4.167L18.459 9.709l-4.167-4.167z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconEdit = (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.292 8.667l1.042 1.042L5.242 19.776H4.225v-1.017L14.292 8.667zm4-6.667c-.294 0-.575.117-.783.325l-2.034 2.033 4.167 4.167 2.034-2.033a1.108 1.108 0 000-1.567l-2.6-2.6A1.066 1.066 0 0018.292 2zm-4 3.542L2 17.834v4.167h4.167L18.459 9.709l-4.167-4.167z", fill: "currentColor" })));
+});
 exports.IconEdit.displayName = 'IconEdit';

package/dist/cjs/icons/IconEllipsesH.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconEllipsesH = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconEllipsesH = (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.502 10a2.504 2.504 0 00-2.312 1.543 2.498 2.498 0 001.824 3.409 2.505 2.505 0 002.569-1.063c.275-.411.422-.894.422-1.389A2.508 2.508 0 004.502 10zm14.996 0a2.504 2.504 0 00-2.312 1.543 2.497 2.497 0 001.823 3.409 2.505 2.505 0 002.57-1.063c.274-.411.421-.894.421-1.389a2.508 2.508 0 00-2.502-2.5zM12 10a2.504 2.504 0 00-2.312 1.543 2.498 2.498 0 001.824 3.409 2.505 2.505 0 002.569-1.063c.275-.411.421-.894.421-1.389A2.508 2.508 0 0012 10z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconEllipsesH = (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.502 10a2.504 2.504 0 00-2.312 1.543 2.498 2.498 0 001.824 3.409 2.505 2.505 0 002.569-1.063c.275-.411.422-.894.422-1.389A2.508 2.508 0 004.502 10zm14.996 0a2.504 2.504 0 00-2.312 1.543 2.497 2.497 0 001.823 3.409 2.505 2.505 0 002.57-1.063c.274-.411.421-.894.421-1.389a2.508 2.508 0 00-2.502-2.5zM12 10a2.504 2.504 0 00-2.312 1.543 2.498 2.498 0 001.824 3.409 2.505 2.505 0 002.569-1.063c.275-.411.421-.894.421-1.389A2.508 2.508 0 0012 10z", fill: "currentColor" })));
+});
 exports.IconEllipsesH.displayName = 'IconEllipsesH';

package/dist/cjs/icons/IconEllipsesV.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconEllipsesV = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconEllipsesV = (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 19.498a2.504 2.504 0 001.543 2.311 2.497 2.497 0 003.409-1.823 2.505 2.505 0 00-2.452-2.99A2.508 2.508 0 009 19.497zM9 4.502a2.504 2.504 0 001.543 2.312 2.498 2.498 0 003.409-1.823 2.505 2.505 0 00-1.063-2.57A2.498 2.498 0 0011.5 2 2.508 2.508 0 009 4.502zM9 12a2.504 2.504 0 002.988 2.454 2.5 2.5 0 001.822-3.412 2.502 2.502 0 00-2.31-1.544A2.508 2.508 0 009 12z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconEllipsesV = (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 19.498a2.504 2.504 0 001.543 2.311 2.497 2.497 0 003.409-1.823 2.505 2.505 0 00-2.452-2.99A2.508 2.508 0 009 19.497zM9 4.502a2.504 2.504 0 001.543 2.312 2.498 2.498 0 003.409-1.823 2.505 2.505 0 00-1.063-2.57A2.498 2.498 0 0011.5 2 2.508 2.508 0 009 4.502zM9 12a2.504 2.504 0 002.988 2.454 2.5 2.5 0 001.822-3.412 2.502 2.502 0 00-2.31-1.544A2.508 2.508 0 009 12z", fill: "currentColor" })));
+});
 exports.IconEllipsesV.displayName = 'IconEllipsesV';