@freightos/icons 1.0.3 → 1.0.4

package/dist/cjs/icons/IconAttachment.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconAttachment = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconAttachment = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.634 6.625V16.9c.021.483-.057.965-.23 1.417a3.57 3.57 0 01-.777 1.213 3.64 3.64 0 01-1.199.817 3.69 3.69 0 01-2.856 0 3.64 3.64 0 01-1.2-.817 3.57 3.57 0 01-.776-1.213 3.526 3.526 0 01-.23-1.417V5.734a2.206 2.206 0 01.62-1.662c.212-.22.468-.397.752-.517a2.307 2.307 0 012.552.517 2.206 2.206 0 01.62 1.661v9.383a.893.893 0 01-.293.585.921.921 0 01-1.234 0 .893.893 0 01-.292-.585v-8.49H9.728v8.49c.032.572.285 1.11.708 1.504.422.393.982.613 1.564.613.582 0 1.142-.22 1.564-.613.423-.394.676-.932.708-1.504V5.735a3.527 3.527 0 00-.23-1.417 3.57 3.57 0 00-.777-1.213 3.64 3.64 0 00-1.2-.817 3.69 3.69 0 00-2.856 0 3.64 3.64 0 00-1.199.817c-.34.348-.603.761-.777 1.213a3.527 3.527 0 00-.23 1.417V16.9c-.024.661.086 1.32.326 1.938a4.91 4.91 0 001.07 1.657 5.004 5.004 0 001.645 1.114 5.071 5.071 0 003.912 0 5.005 5.005 0 001.644-1.114 4.91 4.91 0 001.07-1.657c.24-.618.351-1.277.327-1.938V6.625h-1.363z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconAttachment = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.634 6.625V16.9c.021.483-.057.965-.23 1.417a3.57 3.57 0 01-.777 1.213 3.64 3.64 0 01-1.199.817 3.69 3.69 0 01-2.856 0 3.64 3.64 0 01-1.2-.817 3.57 3.57 0 01-.776-1.213 3.526 3.526 0 01-.23-1.417V5.734a2.206 2.206 0 01.62-1.662c.212-.22.468-.397.752-.517a2.307 2.307 0 012.552.517 2.206 2.206 0 01.62 1.661v9.383a.893.893 0 01-.293.585.921.921 0 01-1.234 0 .893.893 0 01-.292-.585v-8.49H9.728v8.49c.032.572.285 1.11.708 1.504.422.393.982.613 1.564.613.582 0 1.142-.22 1.564-.613.423-.394.676-.932.708-1.504V5.735a3.527 3.527 0 00-.23-1.417 3.57 3.57 0 00-.777-1.213 3.64 3.64 0 00-1.2-.817 3.69 3.69 0 00-2.856 0 3.64 3.64 0 00-1.199.817c-.34.348-.603.761-.777 1.213a3.527 3.527 0 00-.23 1.417V16.9c-.024.661.086 1.32.326 1.938a4.91 4.91 0 001.07 1.657 5.004 5.004 0 001.645 1.114 5.071 5.071 0 003.912 0 5.005 5.005 0 001.644-1.114 4.91 4.91 0 001.07-1.657c.24-.618.351-1.277.327-1.938V6.625h-1.363z", fill: "currentColor" })));
+});
 exports.IconAttachment.displayName = 'IconAttachment';

package/dist/cjs/icons/IconAuto.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconAuto = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconAuto = (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 8l-4 4h3c0 3.31-2.69 6-6 6a5.87 5.87 0 01-2.8-.7l-1.46 1.46A7.93 7.93 0 0012 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46A7.93 7.93 0 0012 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconAuto = (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 8l-4 4h3c0 3.31-2.69 6-6 6a5.87 5.87 0 01-2.8-.7l-1.46 1.46A7.93 7.93 0 0012 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46A7.93 7.93 0 0012 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z", fill: "currentColor" })));
+});
 exports.IconAuto.displayName = 'IconAuto';

package/dist/cjs/icons/IconAutomated.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconAutomated = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconAutomated = (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 12.4l3-4 3 4h-2c0 4.42-3.58 8-8 8a7.93 7.93 0 01-4.26-1.24L9.2 17.7c.83.45 1.79.7 2.8.7 3.31 0 6-2.69 6-6h-2zm-4-6c-3.31 0-6 2.69-6 6h2l-3 3-3-3h2c0-4.42 3.58-8 8-8 1.51 0 2.987.43 4.26 1.24L14.8 7.1a5.87 5.87 0 00-2.8-.7zm1.044 2.49a.187.187 0 00-.189-.157h-1.542a.186.186 0 00-.189.158l-.146.994a2.962 2.962 0 00-.652.367l-.96-.375a.224.224 0 00-.069-.011.192.192 0 00-.165.094l-.772 1.297a.181.181 0 00.047.24l.814.619c-.016.12-.027.244-.027.367s.01.246.027.368l-.814.618a.185.185 0 00-.046.24l.77 1.298a.193.193 0 00.17.094.183.183 0 00.066-.011l.96-.375c.2.15.419.274.651.367l.146.994a.187.187 0 00.19.157h1.541a.186.186 0 00.19-.157l.146-.994c.232-.095.45-.218.651-.367l.96.375a.222.222 0 00.07.01.192.192 0 00.165-.093l.771-1.297a.185.185 0 00-.046-.24l-.813-.62c.015-.12.027-.24.027-.367a2.92 2.92 0 00-.027-.367l.813-.619a.185.185 0 00.046-.24l-.77-1.297a.193.193 0 00-.17-.094.185.185 0 00-.066.011l-.96.375c-.2-.15-.416-.274-.651-.367l-.147-.994zm-2.46 3.593c0-.825.675-1.5 1.5-1.5s1.5.675 1.5 1.5-.675 1.5-1.5 1.5-1.5-.675-1.5-1.5z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconAutomated = (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 12.4l3-4 3 4h-2c0 4.42-3.58 8-8 8a7.93 7.93 0 01-4.26-1.24L9.2 17.7c.83.45 1.79.7 2.8.7 3.31 0 6-2.69 6-6h-2zm-4-6c-3.31 0-6 2.69-6 6h2l-3 3-3-3h2c0-4.42 3.58-8 8-8 1.51 0 2.987.43 4.26 1.24L14.8 7.1a5.87 5.87 0 00-2.8-.7zm1.044 2.49a.187.187 0 00-.189-.157h-1.542a.186.186 0 00-.189.158l-.146.994a2.962 2.962 0 00-.652.367l-.96-.375a.224.224 0 00-.069-.011.192.192 0 00-.165.094l-.772 1.297a.181.181 0 00.047.24l.814.619c-.016.12-.027.244-.027.367s.01.246.027.368l-.814.618a.185.185 0 00-.046.24l.77 1.298a.193.193 0 00.17.094.183.183 0 00.066-.011l.96-.375c.2.15.419.274.651.367l.146.994a.187.187 0 00.19.157h1.541a.186.186 0 00.19-.157l.146-.994c.232-.095.45-.218.651-.367l.96.375a.222.222 0 00.07.01.192.192 0 00.165-.093l.771-1.297a.185.185 0 00-.046-.24l-.813-.62c.015-.12.027-.24.027-.367a2.92 2.92 0 00-.027-.367l.813-.619a.185.185 0 00.046-.24l-.77-1.297a.193.193 0 00-.17-.094.185.185 0 00-.066.011l-.96.375c-.2-.15-.416-.274-.651-.367l-.147-.994zm-2.46 3.593c0-.825.675-1.5 1.5-1.5s1.5.675 1.5 1.5-.675 1.5-1.5 1.5-1.5-.675-1.5-1.5z", fill: "currentColor" })));
+});
 exports.IconAutomated.displayName = 'IconAutomated';

package/dist/cjs/icons/IconBank.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBank = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconBank = (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: "M6.737 11H4.632v7h2.105v-7zm6.316 0h-2.106v7h2.106v-7zM22 20H2v2h20v-2zm-2.632-9h-2.105v7h2.105v-7zM12 4.26L17.484 7H6.516L12 4.26zM12 2L2 7v2h20V7L12 2z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconBank = (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: "M6.737 11H4.632v7h2.105v-7zm6.316 0h-2.106v7h2.106v-7zM22 20H2v2h20v-2zm-2.632-9h-2.105v7h2.105v-7zM12 4.26L17.484 7H6.516L12 4.26zM12 2L2 7v2h20V7L12 2z", fill: "currentColor" })));
+});
 exports.IconBank.displayName = 'IconBank';

package/dist/cjs/icons/IconBilling.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBilling = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconBilling = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.18 4c.488.01.953.212 1.294.565.34.353.53.827.526 1.32v12.23a1.88 1.88 0 01-.526 1.32 1.847 1.847 0 01-1.295.565H3.821a1.848 1.848 0 01-1.295-.565A1.88 1.88 0 012 18.115V5.885a1.88 1.88 0 01.526-1.32A1.847 1.847 0 013.821 4h16.358zm-9.09 1.885H3.82v12.23h7.27V5.885zm9.09 0h-7.27v12.23h7.27V5.885zM8.165 7.826v1.016c.38.107.714.34.95.659.236.32.36.71.353 1.108h-.917a.918.918 0 00-.28-.733.902.902 0 00-.74-.241c-.69 0-1.097.355-1.097.856 0 .5.296.695 1.22 1.001.924.306 1.91.696 1.91 2.038.007.404-.135.795-.397 1.1-.262.304-.626.5-1.023.55v.994h-1.2v-1.009a1.831 1.831 0 01-1.06-.62 1.86 1.86 0 01-.437-1.154h.897c.041.55.372.974 1.207.974.834 0 1.096-.508 1.096-.828 0-.43-.2-.841-1.213-1.12-1.138-.313-1.91-.841-1.91-1.913.006-.402.152-.79.41-1.095.26-.306.617-.512 1.01-.581V7.826h1.22zm11.11 6.06v1.39H13.82v-1.39h5.455zm0-2.359v1.391H13.82v-1.391h5.455zm0-2.351v1.391H13.82V9.176h5.455z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconBilling = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.18 4c.488.01.953.212 1.294.565.34.353.53.827.526 1.32v12.23a1.88 1.88 0 01-.526 1.32 1.847 1.847 0 01-1.295.565H3.821a1.848 1.848 0 01-1.295-.565A1.88 1.88 0 012 18.115V5.885a1.88 1.88 0 01.526-1.32A1.847 1.847 0 013.821 4h16.358zm-9.09 1.885H3.82v12.23h7.27V5.885zm9.09 0h-7.27v12.23h7.27V5.885zM8.165 7.826v1.016c.38.107.714.34.95.659.236.32.36.71.353 1.108h-.917a.918.918 0 00-.28-.733.902.902 0 00-.74-.241c-.69 0-1.097.355-1.097.856 0 .5.296.695 1.22 1.001.924.306 1.91.696 1.91 2.038.007.404-.135.795-.397 1.1-.262.304-.626.5-1.023.55v.994h-1.2v-1.009a1.831 1.831 0 01-1.06-.62 1.86 1.86 0 01-.437-1.154h.897c.041.55.372.974 1.207.974.834 0 1.096-.508 1.096-.828 0-.43-.2-.841-1.213-1.12-1.138-.313-1.91-.841-1.91-1.913.006-.402.152-.79.41-1.095.26-.306.617-.512 1.01-.581V7.826h1.22zm11.11 6.06v1.39H13.82v-1.39h5.455zm0-2.359v1.391H13.82v-1.391h5.455zm0-2.351v1.391H13.82V9.176h5.455z", fill: "currentColor" })));
+});
 exports.IconBilling.displayName = 'IconBilling';

package/dist/cjs/icons/IconBlankCircled.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBlankCircled = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconBlankCircled = (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 2a10 10 0 100 20 10 10 0 000-20zm0 18.005A8.005 8.005 0 1120.005 12 8.02 8.02 0 0112 20.005z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconBlankCircled = (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 2a10 10 0 100 20 10 10 0 000-20zm0 18.005A8.005 8.005 0 1120.005 12 8.02 8.02 0 0112 20.005z", fill: "currentColor" })));
+});
 exports.IconBlankCircled.displayName = 'IconBlankCircled';

package/dist/cjs/icons/IconBlock.js

@@ -35,19 +35,23 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBlock = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconBlock = (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_805_27957)" },
-        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 2a10 10 0 100 20 10 10 0 000-20zM3.995 12A8.004 8.004 0 0112 3.995a7.87 7.87 0 014.899 1.696L5.69 16.899A7.87 7.87 0 013.995 12zM12 20.005a7.87 7.87 0 01-4.899-1.696L18.31 7.101A7.87 7.87 0 0120.004 12 8.004 8.004 0 0112 20.005z", fill: "currentColor" })),
-    react_1.default.createElement("defs", null,
-        react_1.default.createElement("clipPath", { id: "clip0_805_27957" },
-            react_1.default.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" }))))));
+const colors_1 = require("../colors");
+exports.IconBlock = (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_805_27957)" },
+            react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 2a10 10 0 100 20 10 10 0 000-20zM3.995 12A8.004 8.004 0 0112 3.995a7.87 7.87 0 014.899 1.696L5.69 16.899A7.87 7.87 0 013.995 12zM12 20.005a7.87 7.87 0 01-4.899-1.696L18.31 7.101A7.87 7.87 0 0120.004 12 8.004 8.004 0 0112 20.005z", fill: "currentColor" })),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("clipPath", { id: "clip0_805_27957" },
+                react_1.default.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" })))));
+});
 exports.IconBlock.displayName = 'IconBlock';

package/dist/cjs/icons/IconBookmark.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBookmark = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconBookmark = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.587 2H6.46a2.228 2.228 0 00-2.21 2.225V22l7.774-3.333L19.806 22V4.225A2.224 2.224 0 0017.586 2zm0 16.667l-5.563-2.425-5.564 2.425V4.225h11.127v14.442z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconBookmark = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.587 2H6.46a2.228 2.228 0 00-2.21 2.225V22l7.774-3.333L19.806 22V4.225A2.224 2.224 0 0017.586 2zm0 16.667l-5.563-2.425-5.564 2.425V4.225h11.127v14.442z", fill: "currentColor" })));
+});
 exports.IconBookmark.displayName = 'IconBookmark';

package/dist/cjs/icons/IconBookmarkFilled.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBookmarkFilled = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconBookmarkFilled = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.86 2H7.132a2.111 2.111 0 00-1.508.658c-.4.416-.624.98-.624 1.567V22l7.496-3.333L20 22V4.225c0-.589-.225-1.153-.626-1.57A2.11 2.11 0 0017.86 2z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconBookmarkFilled = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.86 2H7.132a2.111 2.111 0 00-1.508.658c-.4.416-.624.98-.624 1.567V22l7.496-3.333L20 22V4.225c0-.589-.225-1.153-.626-1.57A2.11 2.11 0 0017.86 2z", fill: "currentColor" })));
+});
 exports.IconBookmarkFilled.displayName = 'IconBookmarkFilled';

package/dist/cjs/icons/IconBox.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBox = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconBox = (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.17 3L21 5.524l1 .776v11.12l-.57.792L12 21l-9.446-2.788L2 17.42V6.3l.939-.776L11.754 3h.415zm-.14 1.65L5.878 6.3l.846.33L12 8.115l4.615-1.337 1.462-.478-6.046-1.65zM3.539 16.793l7.693 2.26V9.6L3.538 7.389v9.404zM12.77 9.6v9.454l7.693-2.261V7.339l-3.108.913v4.235l-1.538.429V8.703L12.77 9.6z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconBox = (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.17 3L21 5.524l1 .776v11.12l-.57.792L12 21l-9.446-2.788L2 17.42V6.3l.939-.776L11.754 3h.415zm-.14 1.65L5.878 6.3l.846.33L12 8.115l4.615-1.337 1.462-.478-6.046-1.65zM3.539 16.793l7.693 2.26V9.6L3.538 7.389v9.404zM12.77 9.6v9.454l7.693-2.261V7.339l-3.108.913v4.235l-1.538.429V8.703L12.77 9.6z", fill: "currentColor" })));
+});
 exports.IconBox.displayName = 'IconBox';

package/dist/cjs/icons/IconBoxTotal.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBoxTotal = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconBoxTotal = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.252 7.324L16.203 4.18a.992.992 0 00-.942-.68H8.739a.992.992 0 00-.943.68L6.748 7.324a1.013 1.013 0 00-.052.315v1.688H4.043a.992.992 0 00-.943.68L2.052 13.15a1.013 1.013 0 00-.052.315v5.474c0 .549.445.994.994.994h8.619a.99.99 0 00.387-.078c.119.05.25.078.387.078h8.618A.995.995 0 0022 18.94v-5.474a.957.957 0 00-.052-.314L20.9 10.007a.992.992 0 00-.943-.68h-2.653V7.64a.957.957 0 00-.052-.315zm.033 5.98a.998.998 0 00.019-.191V10.32h2.653l.994 2.984h-3.666zM6.696 10.322v2.792c0 .066.007.13.019.192H3.049l.994-2.984h2.653zm9.56-2.843h-3.759V4.494h2.764l.994 2.984zm-4.753-2.984H8.74l-.994 2.984h3.758V4.494zM7.69 13.113v-4.64h8.619v4.64H7.69zm3.702 5.827V14.3H2.995v4.64h8.399zm9.613 0h-8.398V14.3h8.398v4.64z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconBoxTotal = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.252 7.324L16.203 4.18a.992.992 0 00-.942-.68H8.739a.992.992 0 00-.943.68L6.748 7.324a1.013 1.013 0 00-.052.315v1.688H4.043a.992.992 0 00-.943.68L2.052 13.15a1.013 1.013 0 00-.052.315v5.474c0 .549.445.994.994.994h8.619a.99.99 0 00.387-.078c.119.05.25.078.387.078h8.618A.995.995 0 0022 18.94v-5.474a.957.957 0 00-.052-.314L20.9 10.007a.992.992 0 00-.943-.68h-2.653V7.64a.957.957 0 00-.052-.315zm.033 5.98a.998.998 0 00.019-.191V10.32h2.653l.994 2.984h-3.666zM6.696 10.322v2.792c0 .066.007.13.019.192H3.049l.994-2.984h2.653zm9.56-2.843h-3.759V4.494h2.764l.994 2.984zm-4.753-2.984H8.74l-.994 2.984h3.758V4.494zM7.69 13.113v-4.64h8.619v4.64H7.69zm3.702 5.827V14.3H2.995v4.64h8.399zm9.613 0h-8.398V14.3h8.398v4.64z", fill: "currentColor" })));
+});
 exports.IconBoxTotal.displayName = 'IconBoxTotal';

package/dist/cjs/icons/IconBuild.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBuild = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconBuild = (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.6 20.8l-6.45-6.5a9.902 9.902 0 01-1.15.325 5.518 5.518 0 01-1.175.125c-1.617 0-2.992-.563-4.125-1.688C3.567 11.938 3 10.567 3 8.95a5.804 5.804 0 01.775-2.9L7.4 9.675l2.3-2.15L5.975 3.8c.433-.25.892-.446 1.375-.587A5.218 5.218 0 018.825 3c1.65 0 3.054.58 4.213 1.737 1.158 1.159 1.737 2.563 1.737 4.213 0 .4-.042.792-.125 1.175a9.902 9.902 0 01-.325 1.15l6.475 6.45a.903.903 0 01.275.662c0 .259-.092.48-.275.663l-1.9 1.75a.889.889 0 01-.65.275.889.889 0 01-.65-.275zm.7-1.425l1-1-6.825-6.825c.267-.35.467-.763.6-1.238.133-.474.2-.929.2-1.362 0-1.25-.462-2.308-1.387-3.175S9.908 4.467 8.725 4.45l2.525 2.575c.15.15.225.333.225.55 0 .217-.075.4-.225.55l-3.3 3.1a.748.748 0 01-.55.225.748.748 0 01-.55-.225l-2.425-2.4c.05 1.283.504 2.342 1.363 3.175.858.833 1.87 1.25 3.037 1.25a4.83 4.83 0 001.325-.2 3.654 3.654 0 001.225-.6l6.925 6.925z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconBuild = (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.6 20.8l-6.45-6.5a9.902 9.902 0 01-1.15.325 5.518 5.518 0 01-1.175.125c-1.617 0-2.992-.563-4.125-1.688C3.567 11.938 3 10.567 3 8.95a5.804 5.804 0 01.775-2.9L7.4 9.675l2.3-2.15L5.975 3.8c.433-.25.892-.446 1.375-.587A5.218 5.218 0 018.825 3c1.65 0 3.054.58 4.213 1.737 1.158 1.159 1.737 2.563 1.737 4.213 0 .4-.042.792-.125 1.175a9.902 9.902 0 01-.325 1.15l6.475 6.45a.903.903 0 01.275.662c0 .259-.092.48-.275.663l-1.9 1.75a.889.889 0 01-.65.275.889.889 0 01-.65-.275zm.7-1.425l1-1-6.825-6.825c.267-.35.467-.763.6-1.238.133-.474.2-.929.2-1.362 0-1.25-.462-2.308-1.387-3.175S9.908 4.467 8.725 4.45l2.525 2.575c.15.15.225.333.225.55 0 .217-.075.4-.225.55l-3.3 3.1a.748.748 0 01-.55.225.748.748 0 01-.55-.225l-2.425-2.4c.05 1.283.504 2.342 1.363 3.175.858.833 1.87 1.25 3.037 1.25a4.83 4.83 0 001.325-.2 3.654 3.654 0 001.225-.6l6.925 6.925z", fill: "currentColor" })));
+});
 exports.IconBuild.displayName = 'IconBuild';

package/dist/cjs/icons/IconBulb.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBulb = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconBulb = (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.25 22a2.17 2.17 0 01-1.188-.325 1.474 1.474 0 01-.662-.9h-.35c-.4 0-.75-.15-1.05-.45-.3-.3-.45-.65-.45-1.05V15.7a7.891 7.891 0 01-2.6-2.75C5.317 11.833 5 10.6 5 9.25c0-2.017.704-3.73 2.112-5.138C8.521 2.704 10.233 2 12.25 2s3.729.704 5.137 2.112C18.796 5.521 19.5 7.233 19.5 9.25c0 1.35-.317 2.583-.95 3.7a7.891 7.891 0 01-2.6 2.75v3.575c0 .4-.15.75-.45 1.05-.3.3-.65.45-1.05.45h-.35c-.1.383-.321.683-.663.9A2.17 2.17 0 0112.25 22zm-2.2-2.725h4.4v-1.1h-4.4v1.1zm0-2.1h4.4v-1h-4.4v1zm-.225-2.5h1.85V11.25l-2.3-2.3.775-.775 2.1 2.1 2.1-2.1.775.775-2.3 2.3v3.425h1.85c1-.467 1.804-1.192 2.412-2.175A6.057 6.057 0 0018 9.25c0-1.617-.554-2.98-1.663-4.088C15.23 4.054 13.867 3.5 12.25 3.5c-1.617 0-2.98.554-4.088 1.662C7.054 6.271 6.5 7.633 6.5 9.25a6.06 6.06 0 00.912 3.25c.609.983 1.413 1.708 2.413 2.175z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconBulb = (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.25 22a2.17 2.17 0 01-1.188-.325 1.474 1.474 0 01-.662-.9h-.35c-.4 0-.75-.15-1.05-.45-.3-.3-.45-.65-.45-1.05V15.7a7.891 7.891 0 01-2.6-2.75C5.317 11.833 5 10.6 5 9.25c0-2.017.704-3.73 2.112-5.138C8.521 2.704 10.233 2 12.25 2s3.729.704 5.137 2.112C18.796 5.521 19.5 7.233 19.5 9.25c0 1.35-.317 2.583-.95 3.7a7.891 7.891 0 01-2.6 2.75v3.575c0 .4-.15.75-.45 1.05-.3.3-.65.45-1.05.45h-.35c-.1.383-.321.683-.663.9A2.17 2.17 0 0112.25 22zm-2.2-2.725h4.4v-1.1h-4.4v1.1zm0-2.1h4.4v-1h-4.4v1zm-.225-2.5h1.85V11.25l-2.3-2.3.775-.775 2.1 2.1 2.1-2.1.775.775-2.3 2.3v3.425h1.85c1-.467 1.804-1.192 2.412-2.175A6.057 6.057 0 0018 9.25c0-1.617-.554-2.98-1.663-4.088C15.23 4.054 13.867 3.5 12.25 3.5c-1.617 0-2.98.554-4.088 1.662C7.054 6.271 6.5 7.633 6.5 9.25a6.06 6.06 0 00.912 3.25c.609.983 1.413 1.708 2.413 2.175z", fill: "currentColor" })));
+});
 exports.IconBulb.displayName = 'IconBulb';

package/dist/cjs/icons/IconCalendar.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconCalendar = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconCalendar = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.005 3.82h-1.006V2h-1.995v1.82H6.996V2H5.001v1.82H3.995a2.109 2.109 0 00-1.411.536A1.74 1.74 0 002 5.64v14.54c0 .482.21.943.584 1.285.374.34.882.533 1.411.535h16.01a2.109 2.109 0 001.411-.535A1.74 1.74 0 0022 20.18V5.64c0-.481-.21-.943-.584-1.284a2.109 2.109 0 00-1.412-.536zm0 16.36H3.994v-10h16.01v10zm0-11.813H3.994V5.64h16.01v2.727z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconCalendar = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20.005 3.82h-1.006V2h-1.995v1.82H6.996V2H5.001v1.82H3.995a2.109 2.109 0 00-1.411.536A1.74 1.74 0 002 5.64v14.54c0 .482.21.943.584 1.285.374.34.882.533 1.411.535h16.01a2.109 2.109 0 001.411-.535A1.74 1.74 0 0022 20.18V5.64c0-.481-.21-.943-.584-1.284a2.109 2.109 0 00-1.412-.536zm0 16.36H3.994v-10h16.01v10zm0-11.813H3.994V5.64h16.01v2.727z", fill: "currentColor" })));
+});
 exports.IconCalendar.displayName = 'IconCalendar';

package/dist/cjs/icons/IconCall.js

@@ -35,19 +35,23 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconCall = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconCall = (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_805_27887)" },
-        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.933 4.225c.065.973.232 1.937.5 2.875L5.1 8.433a16.333 16.333 0 01-.833-4.208h1.666zm10.959 13.333c.94.266 1.907.434 2.883.5v1.667c-1.435-.1-2.851-.38-4.217-.833l1.334-1.325v-.009zM7 2H3.108A1.117 1.117 0 002 3.108 18.892 18.892 0 0020.892 22 1.117 1.117 0 0022 20.892V17a1.117 1.117 0 00-1.108-1.108c-1.348 0-2.687-.214-3.967-.634a.99.99 0 00-.35-.058 1.14 1.14 0 00-.783.325l-2.45 2.442a16.825 16.825 0 01-7.317-7.317L8.467 8.2a1.108 1.108 0 00.275-1.133A12.67 12.67 0 018.108 3.1 1.117 1.117 0 007 2z", fill: "currentColor" })),
-    react_1.default.createElement("defs", null,
-        react_1.default.createElement("clipPath", { id: "clip0_805_27887" },
-            react_1.default.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" }))))));
+const colors_1 = require("../colors");
+exports.IconCall = (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_805_27887)" },
+            react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.933 4.225c.065.973.232 1.937.5 2.875L5.1 8.433a16.333 16.333 0 01-.833-4.208h1.666zm10.959 13.333c.94.266 1.907.434 2.883.5v1.667c-1.435-.1-2.851-.38-4.217-.833l1.334-1.325v-.009zM7 2H3.108A1.117 1.117 0 002 3.108 18.892 18.892 0 0020.892 22 1.117 1.117 0 0022 20.892V17a1.117 1.117 0 00-1.108-1.108c-1.348 0-2.687-.214-3.967-.634a.99.99 0 00-.35-.058 1.14 1.14 0 00-.783.325l-2.45 2.442a16.825 16.825 0 01-7.317-7.317L8.467 8.2a1.108 1.108 0 00.275-1.133A12.67 12.67 0 018.108 3.1 1.117 1.117 0 007 2z", fill: "currentColor" })),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("clipPath", { id: "clip0_805_27887" },
+                react_1.default.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" })))));
+});
 exports.IconCall.displayName = 'IconCall';

package/dist/cjs/icons/IconCaretDown.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconCaretDown = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconCaretDown = (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.41 8.588L12 13.17l4.59-4.582L18 9.998l-6 6-6-6 1.41-1.41z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconCaretDown = (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.41 8.588L12 13.17l4.59-4.582L18 9.998l-6 6-6-6 1.41-1.41z", fill: "currentColor" })));
+});
 exports.IconCaretDown.displayName = 'IconCaretDown';