@freightos/icons 1.0.2 → 1.0.4

package/dist/cjs/icons/IconUp.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconUp = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconUp = (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 20.55L16 14.44l6.12 6.11L24 18.67l-8-8-8 8 1.88 1.88z" }))));
+const colors_1 = require("../colors");
+exports.IconUp = (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 20.55L16 14.44l6.12 6.11L24 18.67l-8-8-8 8 1.88 1.88z" })));
+});
 exports.IconUp.displayName = 'IconUp';

package/dist/cjs/icons/IconUpload.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconUpload = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconUpload = (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.274 6.806a6.758 6.758 0 011.843 3.514 4.001 4.001 0 012.808 1.403 4.5 4.5 0 011.072 3.09 4.465 4.465 0 01-1.279 3A3.966 3.966 0 0117.823 19H6.977a4.773 4.773 0 01-3.418-1.41 5.365 5.365 0 01-1.551-3.526 5.432 5.432 0 011.174-3.686c.825-1.023 1.989-1.669 3.25-1.803A6.46 6.46 0 019.12 5.736a5.946 5.946 0 013.737-.671c1.282.191 2.476.8 3.418 1.74zM6.977 17.259h10.846a2.433 2.433 0 001.734-.766c.463-.484.73-1.14.744-1.83a2.696 2.696 0 00-.677-1.777 2.402 2.402 0 00-1.639-.806l-1.251-.093-.25-1.328a4.962 4.962 0 00-1.363-2.555 4.496 4.496 0 00-2.498-1.264 4.37 4.37 0 00-2.728.486 4.743 4.743 0 00-1.973 2.058l-.42.83-.895.093a3.233 3.233 0 00-2.154 1.21 3.625 3.625 0 00-.776 2.452 3.579 3.579 0 001.03 2.345 3.19 3.19 0 002.27.945zm8.343-4.362h-2.128v2.616h-2.416v-2.616H8.648l3.336-3.487 3.336 3.487z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconUpload = (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.274 6.806a6.758 6.758 0 011.843 3.514 4.001 4.001 0 012.808 1.403 4.5 4.5 0 011.072 3.09 4.465 4.465 0 01-1.279 3A3.966 3.966 0 0117.823 19H6.977a4.773 4.773 0 01-3.418-1.41 5.365 5.365 0 01-1.551-3.526 5.432 5.432 0 011.174-3.686c.825-1.023 1.989-1.669 3.25-1.803A6.46 6.46 0 019.12 5.736a5.946 5.946 0 013.737-.671c1.282.191 2.476.8 3.418 1.74zM6.977 17.259h10.846a2.433 2.433 0 001.734-.766c.463-.484.73-1.14.744-1.83a2.696 2.696 0 00-.677-1.777 2.402 2.402 0 00-1.639-.806l-1.251-.093-.25-1.328a4.962 4.962 0 00-1.363-2.555 4.496 4.496 0 00-2.498-1.264 4.37 4.37 0 00-2.728.486 4.743 4.743 0 00-1.973 2.058l-.42.83-.895.093a3.233 3.233 0 00-2.154 1.21 3.625 3.625 0 00-.776 2.452 3.579 3.579 0 001.03 2.345 3.19 3.19 0 002.27.945zm8.343-4.362h-2.128v2.616h-2.416v-2.616H8.648l3.336-3.487 3.336 3.487z", fill: "currentColor" })));
+});
 exports.IconUpload.displayName = 'IconUpload';

package/dist/cjs/icons/IconUpload2.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconUpload2 = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconUpload2 = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    react_1.default.createElement("path", { d: "M9 16h6v-6h4l-7-7-7 7h4v6zm3-10.17L14.17 8H13v6h-2V8H9.83L12 5.83zM5 18h14v2H5v-2z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconUpload2 = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        react_1.default.createElement("path", { d: "M9 16h6v-6h4l-7-7-7 7h4v6zm3-10.17L14.17 8H13v6h-2V8H9.83L12 5.83zM5 18h14v2H5v-2z", fill: "currentColor" })));
+});
 exports.IconUpload2.displayName = 'IconUpload2';

package/dist/cjs/icons/IconUser.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconUser = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconUser = (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 4.5a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm0 11.25c3.38 0 7.25 1.61 7.5 2.5v1.25h-15v-1.24c.25-.9 4.12-2.51 7.5-2.51zM12 2a5 5 0 100 10 5 5 0 000-10zm0 11.25c-3.34 0-10 1.67-10 5V22h20v-3.75c0-3.33-6.66-5-10-5z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconUser = (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 4.5a2.5 2.5 0 110 5 2.5 2.5 0 010-5zm0 11.25c3.38 0 7.25 1.61 7.5 2.5v1.25h-15v-1.24c.25-.9 4.12-2.51 7.5-2.51zM12 2a5 5 0 100 10 5 5 0 000-10zm0 11.25c-3.34 0-10 1.67-10 5V22h20v-3.75c0-3.33-6.66-5-10-5z", fill: "currentColor" })));
+});
 exports.IconUser.displayName = 'IconUser';

package/dist/cjs/icons/IconUserCircled.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconUserCircled = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconUserCircled = (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 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.07 18.28c.43-.9 3.05-1.78 4.93-1.78s4.51.88 4.93 1.78A7.893 7.893 0 0112 20c-1.86 0-3.57-.64-4.93-1.72zm11.29-1.45c-1.43-1.74-4.9-2.33-6.36-2.33s-4.93.59-6.36 2.33A7.95 7.95 0 014 12c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.82-.62 3.49-1.64 4.83zM12 6c-1.94 0-3.5 1.56-3.5 3.5S10.06 13 12 13s3.5-1.56 3.5-3.5S13.94 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconUserCircled = (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 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM7.07 18.28c.43-.9 3.05-1.78 4.93-1.78s4.51.88 4.93 1.78A7.893 7.893 0 0112 20c-1.86 0-3.57-.64-4.93-1.72zm11.29-1.45c-1.43-1.74-4.9-2.33-6.36-2.33s-4.93.59-6.36 2.33A7.95 7.95 0 014 12c0-4.41 3.59-8 8-8s8 3.59 8 8c0 1.82-.62 3.49-1.64 4.83zM12 6c-1.94 0-3.5 1.56-3.5 3.5S10.06 13 12 13s3.5-1.56 3.5-3.5S13.94 6 12 6zm0 5c-.83 0-1.5-.67-1.5-1.5S11.17 8 12 8s1.5.67 1.5 1.5S12.83 11 12 11z", fill: "currentColor" })));
+});
 exports.IconUserCircled.displayName = 'IconUserCircled';

package/dist/cjs/icons/IconVerified.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconVerified = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconVerified = (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.5 2L4 5.64v5.453C4 16.138 7.627 20.855 12.5 22c4.873-1.145 8.5-5.862 8.5-10.907V5.64L12.5 2zm6.609 9.093c0 4.09-2.834 7.894-6.609 9.026-3.797-1.132-6.609-4.922-6.609-9.026V6.82L12.5 3.99l6.609 2.83v4.273zm-10.944.532l-1.332 1.282 3.776 3.64 7.558-7.274-1.332-1.288-6.226 5.985-2.444-2.345z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconVerified = (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.5 2L4 5.64v5.453C4 16.138 7.627 20.855 12.5 22c4.873-1.145 8.5-5.862 8.5-10.907V5.64L12.5 2zm6.609 9.093c0 4.09-2.834 7.894-6.609 9.026-3.797-1.132-6.609-4.922-6.609-9.026V6.82L12.5 3.99l6.609 2.83v4.273zm-10.944.532l-1.332 1.282 3.776 3.64 7.558-7.274-1.332-1.288-6.226 5.985-2.444-2.345z", fill: "currentColor" })));
+});
 exports.IconVerified.displayName = 'IconVerified';

package/dist/cjs/icons/IconVerifiedCircled.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconVerifiedCircled = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconVerifiedCircled = (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", { d: "M16 2.67A13.33 13.33 0 1029.33 16 13.33 13.33 0 0016 2.67zm0 24A10.67 10.67 0 1126.67 16 10.69 10.69 0 0116 26.67zm6.12-16.56l-8.79 8.78-3.45-3.44L8 17.33l5.33 5.34L24 12z", fill: "currentColor", "fill-rule": "evenodd" }))));
+const colors_1 = require("../colors");
+exports.IconVerifiedCircled = (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", { d: "M16 2.67A13.33 13.33 0 1029.33 16 13.33 13.33 0 0016 2.67zm0 24A10.67 10.67 0 1126.67 16 10.69 10.69 0 0116 26.67zm6.12-16.56l-8.79 8.78-3.45-3.44L8 17.33l5.33 5.34L24 12z", fill: "currentColor", "fill-rule": "evenodd" })));
+});
 exports.IconVerifiedCircled.displayName = 'IconVerifiedCircled';

package/dist/cjs/icons/IconVisibility.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconVisibility = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconVisibility = (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", { d: "M16 8a13 13 0 0111.76 7.33 13.09 13.09 0 01-23.52 0A13 13 0 0116 8zm0-2.67a15.78 15.78 0 00-14.67 10 15.76 15.76 0 0029.34 0A15.78 15.78 0 0016 5.33zM16 12a3.34 3.34 0 11-3.33 3.33A3.33 3.33 0 0116 12zm0-2.67a6 6 0 106 6 6 6 0 00-6-6z", fill: "currentColor", "fill-rule": "evenodd" }))));
+const colors_1 = require("../colors");
+exports.IconVisibility = (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", { d: "M16 8a13 13 0 0111.76 7.33 13.09 13.09 0 01-23.52 0A13 13 0 0116 8zm0-2.67a15.78 15.78 0 00-14.67 10 15.76 15.76 0 0029.34 0A15.78 15.78 0 0016 5.33zM16 12a3.34 3.34 0 11-3.33 3.33A3.33 3.33 0 0116 12zm0-2.67a6 6 0 106 6 6 6 0 00-6-6z", fill: "currentColor", "fill-rule": "evenodd" })));
+});
 exports.IconVisibility.displayName = 'IconVisibility';

package/dist/cjs/icons/IconVisibilityNegative.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconVisibilityNegative = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconVisibilityNegative = (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", { d: "M16 8a13 13 0 0111.76 7.33 12.83 12.83 0 01-3.21 4.16l1.88 1.88a15.75 15.75 0 004.24-6 15.78 15.78 0 00-19.52-9.28l2.2 2.2A13.61 13.61 0 0116 8zm-1.43 1.52l2.76 2.76A3.32 3.32 0 0119 14l2.76 2.76a6.16 6.16 0 00.24-1.44 6 6 0 00-6-6 5.73 5.73 0 00-1.43.2zM2.68 5.16l3.57 3.57a15.77 15.77 0 00-4.92 6.6 15.76 15.76 0 0014.67 10 15.57 15.57 0 005.76-1.09l4.56 4.56 1.88-1.88L4.56 3.27zm10 10l3.48 3.48H16a3.34 3.34 0 01-3.33-3.34v-.17zm-4.53-4.53L10.48 13A6 6 0 0016 21.33a6 6 0 002.36-.48l1.31 1.31a14 14 0 01-3.67.51 13 13 0 01-11.76-7.34 13.09 13.09 0 013.91-4.7z", fill: "currentColor", "fill-rule": "evenodd" }))));
+const colors_1 = require("../colors");
+exports.IconVisibilityNegative = (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", { d: "M16 8a13 13 0 0111.76 7.33 12.83 12.83 0 01-3.21 4.16l1.88 1.88a15.75 15.75 0 004.24-6 15.78 15.78 0 00-19.52-9.28l2.2 2.2A13.61 13.61 0 0116 8zm-1.43 1.52l2.76 2.76A3.32 3.32 0 0119 14l2.76 2.76a6.16 6.16 0 00.24-1.44 6 6 0 00-6-6 5.73 5.73 0 00-1.43.2zM2.68 5.16l3.57 3.57a15.77 15.77 0 00-4.92 6.6 15.76 15.76 0 0014.67 10 15.57 15.57 0 005.76-1.09l4.56 4.56 1.88-1.88L4.56 3.27zm10 10l3.48 3.48H16a3.34 3.34 0 01-3.33-3.34v-.17zm-4.53-4.53L10.48 13A6 6 0 0016 21.33a6 6 0 002.36-.48l1.31 1.31a14 14 0 01-3.67.51 13 13 0 01-11.76-7.34 13.09 13.09 0 013.91-4.7z", fill: "currentColor", "fill-rule": "evenodd" })));
+});
 exports.IconVisibilityNegative.displayName = 'IconVisibilityNegative';

package/dist/cjs/icons/IconWallet.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconWallet = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconWallet = (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: "M15.964 13.778c.436 0 .827-.181 1.167-.541a1.772 1.772 0 00.511-1.265c0-.23-.046-.458-.134-.668a1.658 1.658 0 00-.377-.554 1.629 1.629 0 00-.533-.39c-.2-.09-.416-.137-.634-.138-.438 0-.827.176-1.169.528-.16.155-.29.344-.377.554a1.78 1.78 0 00.377 1.933c.342.36.731.541 1.169.541zm-12.39 5.084v1.471V3.667v15.195zm0 3.138a1.454 1.454 0 01-.592-.133 1.528 1.528 0 01-.497-.367 1.58 1.58 0 01-.359-.53A1.658 1.658 0 012 20.334V3.667c0-.427.162-.81.485-1.154.324-.341.687-.513 1.09-.513h15.748c.42 0 .787.172 1.102.513.315.344.473.727.473 1.154v3.721h-1.575V3.667H3.575v16.666h15.748v-3.695h1.575v3.695c0 .445-.158.834-.473 1.167-.315.333-.682.5-1.102.5H3.575zm9.398-4.805c-.596 0-1.068-.185-1.418-.557-.35-.37-.526-.86-.526-1.471V8.862c0-.63.175-1.125.526-1.487.35-.362.822-.542 1.418-.542h7.086c.594 0 1.066.18 1.418.542.35.362.524.857.524 1.487v6.305c0 .611-.175 1.101-.524 1.471-.352.372-.824.557-1.418.557h-7.086zm7.453-1.667V8.5h-7.822v7.028h7.822z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconWallet = (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: "M15.964 13.778c.436 0 .827-.181 1.167-.541a1.772 1.772 0 00.511-1.265c0-.23-.046-.458-.134-.668a1.658 1.658 0 00-.377-.554 1.629 1.629 0 00-.533-.39c-.2-.09-.416-.137-.634-.138-.438 0-.827.176-1.169.528-.16.155-.29.344-.377.554a1.78 1.78 0 00.377 1.933c.342.36.731.541 1.169.541zm-12.39 5.084v1.471V3.667v15.195zm0 3.138a1.454 1.454 0 01-.592-.133 1.528 1.528 0 01-.497-.367 1.58 1.58 0 01-.359-.53A1.658 1.658 0 012 20.334V3.667c0-.427.162-.81.485-1.154.324-.341.687-.513 1.09-.513h15.748c.42 0 .787.172 1.102.513.315.344.473.727.473 1.154v3.721h-1.575V3.667H3.575v16.666h15.748v-3.695h1.575v3.695c0 .445-.158.834-.473 1.167-.315.333-.682.5-1.102.5H3.575zm9.398-4.805c-.596 0-1.068-.185-1.418-.557-.35-.37-.526-.86-.526-1.471V8.862c0-.63.175-1.125.526-1.487.35-.362.822-.542 1.418-.542h7.086c.594 0 1.066.18 1.418.542.35.362.524.857.524 1.487v6.305c0 .611-.175 1.101-.524 1.471-.352.372-.824.557-1.418.557h-7.086zm7.453-1.667V8.5h-7.822v7.028h7.822z", fill: "currentColor" })));
+});
 exports.IconWallet.displayName = 'IconWallet';

package/dist/cjs/icons/IconWarehouse.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconWarehouse = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconWarehouse = (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.75 15H6.262a.25.25 0 00-.25.25l-.003 1.5c0 .137.113.25.25.25H17.75a.25.25 0 00.25-.25v-1.5a.25.25 0 00-.25-.25zm0 3H6.253a.25.25 0 00-.25.25L6 19.75c0 .137.112.25.25.25h11.5a.25.25 0 00.25-.25v-1.5a.25.25 0 00-.25-.25zm0-6H6.269a.25.25 0 00-.25.25l-.003 1.5c0 .137.112.25.25.25H17.75a.25.25 0 00.25-.25v-1.5a.25.25 0 00-.25-.25zm3.328-4.345l-8.503-3.54a1.505 1.505 0 00-1.153 0l-8.5 3.54A1.504 1.504 0 002 9.04v10.71c0 .137.112.25.25.25h2.5a.25.25 0 00.25-.25V12c0-.55.456-1 1.019-1H17.98c.563 0 1.019.45 1.019 1v7.75c0 .137.113.25.25.25h2.5a.25.25 0 00.25-.25V9.04c0-.606-.366-1.15-.922-1.385h.001z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconWarehouse = (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.75 15H6.262a.25.25 0 00-.25.25l-.003 1.5c0 .137.113.25.25.25H17.75a.25.25 0 00.25-.25v-1.5a.25.25 0 00-.25-.25zm0 3H6.253a.25.25 0 00-.25.25L6 19.75c0 .137.112.25.25.25h11.5a.25.25 0 00.25-.25v-1.5a.25.25 0 00-.25-.25zm0-6H6.269a.25.25 0 00-.25.25l-.003 1.5c0 .137.112.25.25.25H17.75a.25.25 0 00.25-.25v-1.5a.25.25 0 00-.25-.25zm3.328-4.345l-8.503-3.54a1.505 1.505 0 00-1.153 0l-8.5 3.54A1.504 1.504 0 002 9.04v10.71c0 .137.112.25.25.25h2.5a.25.25 0 00.25-.25V12c0-.55.456-1 1.019-1H17.98c.563 0 1.019.45 1.019 1v7.75c0 .137.113.25.25.25h2.5a.25.25 0 00.25-.25V9.04c0-.606-.366-1.15-.922-1.385h.001z", fill: "currentColor" })));
+});
 exports.IconWarehouse.displayName = 'IconWarehouse';

package/dist/cjs/icons/IconWeightKg.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconWeightKg = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconWeightKg = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22 11.509h-4.399v1.637h2.477v3.01a9.694 9.694 0 01-2.027.231c-1.254 0-2.216-.37-2.887-1.11-.665-.745-.997-1.83-.997-3.257 0-1.357.37-2.427 1.112-3.21.741-.782 1.75-1.173 3.025-1.173.97 0 1.94.218 2.911.654l.687-1.588A9.087 9.087 0 0018.353 6c-1.94 0-3.464.532-4.57 1.597-1.107 1.059-1.66 2.528-1.66 4.407 0 1.906.49 3.383 1.472 4.431C14.575 17.478 15.97 18 17.78 18c.768 0 1.483-.048 2.142-.144A12.96 12.96 0 0022 17.37v-5.86zM8.86 17.84h2.265l-4.612-6.554a751.848 751.848 0 004.49-5.118H8.777l-3.23 3.728a73.14 73.14 0 00-1.594 1.845V6.168H2V17.84h1.954v-4.367l1.153-.918L8.86 17.84z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconWeightKg = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22 11.509h-4.399v1.637h2.477v3.01a9.694 9.694 0 01-2.027.231c-1.254 0-2.216-.37-2.887-1.11-.665-.745-.997-1.83-.997-3.257 0-1.357.37-2.427 1.112-3.21.741-.782 1.75-1.173 3.025-1.173.97 0 1.94.218 2.911.654l.687-1.588A9.087 9.087 0 0018.353 6c-1.94 0-3.464.532-4.57 1.597-1.107 1.059-1.66 2.528-1.66 4.407 0 1.906.49 3.383 1.472 4.431C14.575 17.478 15.97 18 17.78 18c.768 0 1.483-.048 2.142-.144A12.96 12.96 0 0022 17.37v-5.86zM8.86 17.84h2.265l-4.612-6.554a751.848 751.848 0 004.49-5.118H8.777l-3.23 3.728a73.14 73.14 0 00-1.594 1.845V6.168H2V17.84h1.954v-4.367l1.153-.918L8.86 17.84z", fill: "currentColor" })));
+});
 exports.IconWeightKg.displayName = 'IconWeightKg';

package/dist/cjs/icons/IconWeightLbs.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconWeightLbs = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconWeightLbs = (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 18V6h2.215v10.317h5.737V18H2zM12.287 6h4.022c1.866 0 3.213.24 4.041.722.834.482 1.252 1.242 1.252 2.282 0 .7-.204 1.283-.612 1.748-.408.465-.995.758-1.761.879v.082c.951.158 1.65.473 2.094.944.451.465.677 1.097.677 1.896 0 1.078-.426 1.923-1.279 2.536-.846.607-2.026.911-3.54.911h-4.894V6zm2.215 4.958h2.132c.927 0 1.603-.129 2.03-.386.426-.263.64-.706.64-1.33 0-.563-.233-.971-.696-1.223-.457-.252-1.186-.377-2.187-.377h-1.919v3.316zm0 1.592v3.8h2.354c.927 0 1.625-.156 2.095-.468.476-.317.713-.815.713-1.493 0-.624-.24-1.087-.722-1.388-.482-.3-1.215-.451-2.197-.451h-2.243z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconWeightLbs = (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 18V6h2.215v10.317h5.737V18H2zM12.287 6h4.022c1.866 0 3.213.24 4.041.722.834.482 1.252 1.242 1.252 2.282 0 .7-.204 1.283-.612 1.748-.408.465-.995.758-1.761.879v.082c.951.158 1.65.473 2.094.944.451.465.677 1.097.677 1.896 0 1.078-.426 1.923-1.279 2.536-.846.607-2.026.911-3.54.911h-4.894V6zm2.215 4.958h2.132c.927 0 1.603-.129 2.03-.386.426-.263.64-.706.64-1.33 0-.563-.233-.971-.696-1.223-.457-.252-1.186-.377-2.187-.377h-1.919v3.316zm0 1.592v3.8h2.354c.927 0 1.625-.156 2.095-.468.476-.317.713-.815.713-1.493 0-.624-.24-1.087-.722-1.388-.482-.3-1.215-.451-2.197-.451h-2.243z", fill: "currentColor" })));
+});
 exports.IconWeightLbs.displayName = 'IconWeightLbs';

package/dist/cjs/icons/IconZoomIn.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconZoomIn = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconZoomIn = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.288 14.579h-.909l-.317-.31A7.432 7.432 0 009.286 2.002 7.425 7.425 0 002 9.29a7.432 7.432 0 007.003 7.559 7.425 7.425 0 005.26-1.78l.31.317v.91L20.283 22 22 20.284l-5.712-5.705zm-6.86 0A5.144 5.144 0 014.674 11.4a5.15 5.15 0 013.75-7.02 5.144 5.144 0 016.15 5.05 5.149 5.149 0 01-5.146 5.148zm.566-8.014H8.853v2.29h-2.29v1.142h2.29v2.29h1.14v-2.29h2.29V8.856h-2.29v-2.29z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconZoomIn = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.288 14.579h-.909l-.317-.31A7.432 7.432 0 009.286 2.002 7.425 7.425 0 002 9.29a7.432 7.432 0 007.003 7.559 7.425 7.425 0 005.26-1.78l.31.317v.91L20.283 22 22 20.284l-5.712-5.705zm-6.86 0A5.144 5.144 0 014.674 11.4a5.15 5.15 0 013.75-7.02 5.144 5.144 0 016.15 5.05 5.149 5.149 0 01-5.146 5.148zm.566-8.014H8.853v2.29h-2.29v1.142h2.29v2.29h1.14v-2.29h2.29V8.856h-2.29v-2.29z", fill: "currentColor" })));
+});
 exports.IconZoomIn.displayName = 'IconZoomIn';

package/dist/cjs/icons/IconZoomOut.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconZoomOut = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconZoomOut = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.288 14.579h-.909l-.317-.31A7.432 7.432 0 009.286 2.002 7.425 7.425 0 002 9.29a7.432 7.432 0 007.003 7.559 7.425 7.425 0 005.26-1.78l.31.317v.91L20.283 22 22 20.284l-5.712-5.705zm-6.86 0A5.144 5.144 0 014.674 11.4a5.15 5.15 0 013.75-7.02 5.144 5.144 0 016.15 5.05 5.149 5.149 0 01-5.146 5.148zM6.563 8.856h5.72v1.141h-5.72V8.856z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconZoomOut = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.288 14.579h-.909l-.317-.31A7.432 7.432 0 009.286 2.002 7.425 7.425 0 002 9.29a7.432 7.432 0 007.003 7.559 7.425 7.425 0 005.26-1.78l.31.317v.91L20.283 22 22 20.284l-5.712-5.705zm-6.86 0A5.144 5.144 0 014.674 11.4a5.15 5.15 0 013.75-7.02 5.144 5.144 0 016.15 5.05 5.149 5.149 0 01-5.146 5.148zM6.563 8.856h5.72v1.141h-5.72V8.856z", fill: "currentColor" })));
+});
 exports.IconZoomOut.displayName = 'IconZoomOut';