@freightos/icons 1.0.3 → 1.0.4

package/dist/cjs/icons/IconModeTrain.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconModeTrain = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconModeTrain = (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 2c-3.996 0-8 .521-8 4.208v10.004a3.788 3.788 0 001.028 2.603 3.414 3.414 0 002.473 1.077l-1.5 1.579V22h2.003l1.994-2.108h4.004L15.996 22h2.002v-.529l-1.5-1.58c.928 0 1.817-.387 2.474-1.076A3.788 3.788 0 0020 16.212V6.208C20 2.521 15.996 2 12 2zm0 2.1c3.509 0 4.956.506 5.57 1.058H6.43C7.043 4.63 8.49 4.1 12 4.1zM6.002 7.26h5v3.158h-5V7.259zm11.996 8.953c0 .42-.158.82-.44 1.117a1.462 1.462 0 01-1.06.463H7.502c-.397 0-.779-.167-1.06-.463a1.623 1.623 0 01-.44-1.117v-3.687h11.997v3.687zm-9.5-2.637c.297 0 .587.093.834.266.246.174.438.42.552.709.113.289.143.606.085.912-.058.307-.2.588-.41.809-.21.22-.477.371-.768.432-.29.061-.592.03-.866-.09a1.519 1.519 0 01-.673-.581 1.64 1.64 0 01-.253-.878c0-.418.158-.82.44-1.116a1.462 1.462 0 011.06-.463zm7.003 0c.297 0 .587.093.833.266.247.174.44.42.553.709.113.289.143.606.085.912-.058.307-.2.588-.41.809-.21.22-.477.371-.768.432-.291.061-.593.03-.867-.09a1.52 1.52 0 01-.672-.581 1.64 1.64 0 01-.253-.878c0-.418.158-.82.439-1.116a1.462 1.462 0 011.06-.463zm2.497-6.316v3.158h-5V7.259h5z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconModeTrain = (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 2c-3.996 0-8 .521-8 4.208v10.004a3.788 3.788 0 001.028 2.603 3.414 3.414 0 002.473 1.077l-1.5 1.579V22h2.003l1.994-2.108h4.004L15.996 22h2.002v-.529l-1.5-1.58c.928 0 1.817-.387 2.474-1.076A3.788 3.788 0 0020 16.212V6.208C20 2.521 15.996 2 12 2zm0 2.1c3.509 0 4.956.506 5.57 1.058H6.43C7.043 4.63 8.49 4.1 12 4.1zM6.002 7.26h5v3.158h-5V7.259zm11.996 8.953c0 .42-.158.82-.44 1.117a1.462 1.462 0 01-1.06.463H7.502c-.397 0-.779-.167-1.06-.463a1.623 1.623 0 01-.44-1.117v-3.687h11.997v3.687zm-9.5-2.637c.297 0 .587.093.834.266.246.174.438.42.552.709.113.289.143.606.085.912-.058.307-.2.588-.41.809-.21.22-.477.371-.768.432-.29.061-.592.03-.866-.09a1.519 1.519 0 01-.673-.581 1.64 1.64 0 01-.253-.878c0-.418.158-.82.44-1.116a1.462 1.462 0 011.06-.463zm7.003 0c.297 0 .587.093.833.266.247.174.44.42.553.709.113.289.143.606.085.912-.058.307-.2.588-.41.809-.21.22-.477.371-.768.432-.291.061-.593.03-.867-.09a1.52 1.52 0 01-.672-.581 1.64 1.64 0 01-.253-.878c0-.418.158-.82.439-1.116a1.462 1.462 0 011.06-.463zm2.497-6.316v3.158h-5V7.259h5z", fill: "currentColor" })));
+});
 exports.IconModeTrain.displayName = 'IconModeTrain';

package/dist/cjs/icons/IconModeTruck.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconModeTruck = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconModeTruck = (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.273 8.64h-2.726V5H3.82A1.827 1.827 0 002 6.82v9.999h1.82a2.726 2.726 0 005.453 0h5.454a2.727 2.727 0 005.453 0H22v-4.546L19.273 8.64zm-.456 1.363l1.779 2.27h-4.05v-2.27h2.27zm-12.27 7.723a.914.914 0 11-.013-1.829.914.914 0 01.013 1.829zm2.045-2.727a2.727 2.727 0 00-4.09 0H3.82V6.82h10.907V15H8.592zm8.861 2.727a.914.914 0 11-.013-1.829.914.914 0 01.013 1.829z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconModeTruck = (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.273 8.64h-2.726V5H3.82A1.827 1.827 0 002 6.82v9.999h1.82a2.726 2.726 0 005.453 0h5.454a2.727 2.727 0 005.453 0H22v-4.546L19.273 8.64zm-.456 1.363l1.779 2.27h-4.05v-2.27h2.27zm-12.27 7.723a.914.914 0 11-.013-1.829.914.914 0 01.013 1.829zm2.045-2.727a2.727 2.727 0 00-4.09 0H3.82V6.82h10.907V15H8.592zm8.861 2.727a.914.914 0 11-.013-1.829.914.914 0 01.013 1.829z", fill: "currentColor" })));
+});
 exports.IconModeTruck.displayName = 'IconModeTruck';

package/dist/cjs/icons/IconMoneyCase.js

@@ -35,16 +35,20 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconMoneyCase = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconMoneyCase = (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: "M3.429 21c-.366 0-.695-.15-.989-.45-.293-.3-.44-.65-.44-1.05v-12c0-.383.147-.73.44-1.037.294-.309.623-.463.989-.463H20.57c.381 0 .715.154 1 .463.286.308.429.654.429 1.037v1.35H20.57V7.5H3.43v12h17.14V8.85H22V19.5c0 .4-.143.75-.429 1.05-.285.3-.619.45-1 .45H3.43z", fill: "currentColor" }),
-    react_1.default.createElement("path", { d: "M9.143 7.325c-.365 0-.695-.15-.988-.45-.294-.3-.44-.65-.44-1.05V3.5c0-.383.146-.73.44-1.038.293-.308.623-.462.988-.462h5.714c.381 0 .714.154 1 .462.286.309.429.655.429 1.038v2.35h-1.429V3.5H9.143V6h5.714v-.15h1.429v-.025c0 .4-.143.75-.429 1.05-.286.3-.619.45-1 .45H9.143zm3.043 5.625c-1.081-.295-1.429-.6-1.429-1.075 0-.545.481-.925 1.286-.925.848 0 1.162.425 1.19 1.05h1.053c-.034-.86-.534-1.65-1.529-1.905V9H11.33v1.08c-.924.21-1.667.84-1.667 1.805 0 1.155.91 1.73 2.238 2.065 1.19.3 1.429.74 1.429 1.205 0 .345-.234.895-1.286.895-.981 0-1.367-.46-1.42-1.05H9.577c.057 1.095.838 1.71 1.753 1.915V18h1.428v-1.075c.929-.185 1.667-.75 1.667-1.775 0-1.42-1.157-1.905-2.238-2.2z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconMoneyCase = (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: "M3.429 21c-.366 0-.695-.15-.989-.45-.293-.3-.44-.65-.44-1.05v-12c0-.383.147-.73.44-1.037.294-.309.623-.463.989-.463H20.57c.381 0 .715.154 1 .463.286.308.429.654.429 1.037v1.35H20.57V7.5H3.43v12h17.14V8.85H22V19.5c0 .4-.143.75-.429 1.05-.285.3-.619.45-1 .45H3.43z", fill: "currentColor" }),
+        react_1.default.createElement("path", { d: "M9.143 7.325c-.365 0-.695-.15-.988-.45-.294-.3-.44-.65-.44-1.05V3.5c0-.383.146-.73.44-1.038.293-.308.623-.462.988-.462h5.714c.381 0 .714.154 1 .462.286.309.429.655.429 1.038v2.35h-1.429V3.5H9.143V6h5.714v-.15h1.429v-.025c0 .4-.143.75-.429 1.05-.286.3-.619.45-1 .45H9.143zm3.043 5.625c-1.081-.295-1.429-.6-1.429-1.075 0-.545.481-.925 1.286-.925.848 0 1.162.425 1.19 1.05h1.053c-.034-.86-.534-1.65-1.529-1.905V9H11.33v1.08c-.924.21-1.667.84-1.667 1.805 0 1.155.91 1.73 2.238 2.065 1.19.3 1.429.74 1.429 1.205 0 .345-.234.895-1.286.895-.981 0-1.367-.46-1.42-1.05H9.577c.057 1.095.838 1.71 1.753 1.915V18h1.428v-1.075c.929-.185 1.667-.75 1.667-1.775 0-1.42-1.157-1.905-2.238-2.2z", fill: "currentColor" })));
+});
 exports.IconMoneyCase.displayName = 'IconMoneyCase';

package/dist/cjs/icons/IconMonitorWeight.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconMonitorWeight = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconMonitorWeight = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    react_1.default.createElement("path", { d: "M19.778 2H4.222A2.228 2.228 0 002 4.222v15.556C2 21 3 22 4.222 22h15.556C21 22 22 21 22 19.778V4.222C22 3 21 2 19.778 2zm0 17.778H4.222V4.222h15.556v15.556zM12 5.333a3.329 3.329 0 00-3.333 3.334A3.329 3.329 0 0012 12a3.329 3.329 0 003.333-3.333A3.329 3.329 0 0012 5.333zm-1.111 3.89H9.778V8.11h1.11v1.111zm1.667 0h-1.112V8.11h1.112v1.111zm1.666 0h-1.11V8.11h1.11v1.111z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconMonitorWeight = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        react_1.default.createElement("path", { d: "M19.778 2H4.222A2.228 2.228 0 002 4.222v15.556C2 21 3 22 4.222 22h15.556C21 22 22 21 22 19.778V4.222C22 3 21 2 19.778 2zm0 17.778H4.222V4.222h15.556v15.556zM12 5.333a3.329 3.329 0 00-3.333 3.334A3.329 3.329 0 0012 12a3.329 3.329 0 003.333-3.333A3.329 3.329 0 0012 5.333zm-1.111 3.89H9.778V8.11h1.11v1.111zm1.667 0h-1.112V8.11h1.112v1.111zm1.666 0h-1.11V8.11h1.11v1.111z", fill: "currentColor" })));
+});
 exports.IconMonitorWeight.displayName = 'IconMonitorWeight';

package/dist/cjs/icons/IconMultipleAddress.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconMultipleAddress = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconMultipleAddress = (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.805 10.81H9.2a.12.12 0 00-.085.04.14.14 0 00-.035.094l-.002.53-.493-.223V9.226c0-.29.223-.528.498-.528h5.835c.275 0 .497.238.497.528v2.024l-.489.22v-.526a.14.14 0 00-.035-.094.119.119 0 00-.086-.04zm-.76 1.058h-4.09l1.17.528h1.751l1.17-.528zm-1.801 1.585h-.488v5.416a.139.139 0 01-.036.093.118.118 0 01-.087.038h-1.219c-.067 0-.121-.059-.121-.131v-4.096c0-.29-.223-.528-.498-.528H3.961c-.275 0-.498.238-.498.528v4.096a.139.139 0 01-.036.092.118.118 0 01-.085.039h-1.22C2.055 19 2 18.941 2 18.869V13.21c0-.156.043-.31.123-.44a.75.75 0 01.326-.292l4.147-1.87a.682.682 0 01.526-.015v-2.93c0-.156.043-.31.123-.44a.75.75 0 01.326-.292l4.148-1.87a.68.68 0 01.562 0l4.148 1.87h-.001a.75.75 0 01.327.292c.08.13.123.283.123.44v2.929a.683.683 0 01.524.016l4.149 1.87h-.002a.75.75 0 01.328.292c.08.13.123.284.123.44v5.658a.139.139 0 01-.037.093.118.118 0 01-.086.039h-1.219c-.067 0-.121-.059-.121-.132v-4.095c0-.29-.223-.528-.498-.528h-5.834c-.275 0-.498.238-.498.528v4.095a.138.138 0 01-.036.093.118.118 0 01-.085.039h-1.22c-.068 0-.122-.059-.122-.132v-5.415zm2.56-4.227h-5.6a.119.119 0 00-.086.04.14.14 0 00-.035.093l-.001.792c0 .073.054.132.121.132h5.602a.119.119 0 00.085-.04.139.139 0 00.036-.092V9.36a.14.14 0 00-.035-.094.119.119 0 00-.086-.04zm-5.121 7.132H4.078a.118.118 0 00-.086.04.139.139 0 00-.035.093v.793c0 .072.054.131.121.131h5.605a.118.118 0 00.085-.039.139.139 0 00.036-.093v-.792a.139.139 0 00-.035-.093.118.118 0 00-.086-.04zm0 1.585H4.075a.119.119 0 00-.087.039.14.14 0 00-.036.094v.793c0 .072.054.131.122.131h5.609a.118.118 0 00.085-.039.139.139 0 00.036-.092v-.793a.139.139 0 00-.035-.094.119.119 0 00-.086-.04zm0-3.17h-5.6a.118.118 0 00-.087.04.14.14 0 00-.035.093l-.002.793c0 .072.055.131.122.131h5.602a.118.118 0 00.085-.039.139.139 0 00.036-.092v-.793a.14.14 0 00-.035-.094.118.118 0 00-.086-.039zm4.639 1.585h5.604c.033 0 .064.014.086.04a.14.14 0 01.036.093v.792a.14.14 0 01-.036.093.119.119 0 01-.086.039h-5.604c-.068 0-.123-.059-.123-.132l.003-.792c0-.035.012-.068.035-.093a.119.119 0 01.085-.04zm-.003 1.585h5.607c.033 0 .064.014.086.04a.14.14 0 01.036.093v.792a.139.139 0 01-.036.093.118.118 0 01-.086.039h-5.609c-.067 0-.121-.059-.121-.132v-.792a.14.14 0 01.036-.094.118.118 0 01.087-.04zm.007-3.17h5.6c.033 0 .064.014.086.04a.14.14 0 01.036.093v.792a.139.139 0 01-.036.093.118.118 0 01-.086.039h-5.601c-.068 0-.122-.059-.122-.132l.002-.792c0-.035.012-.069.035-.094a.118.118 0 01.086-.04z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconMultipleAddress = (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.805 10.81H9.2a.12.12 0 00-.085.04.14.14 0 00-.035.094l-.002.53-.493-.223V9.226c0-.29.223-.528.498-.528h5.835c.275 0 .497.238.497.528v2.024l-.489.22v-.526a.14.14 0 00-.035-.094.119.119 0 00-.086-.04zm-.76 1.058h-4.09l1.17.528h1.751l1.17-.528zm-1.801 1.585h-.488v5.416a.139.139 0 01-.036.093.118.118 0 01-.087.038h-1.219c-.067 0-.121-.059-.121-.131v-4.096c0-.29-.223-.528-.498-.528H3.961c-.275 0-.498.238-.498.528v4.096a.139.139 0 01-.036.092.118.118 0 01-.085.039h-1.22C2.055 19 2 18.941 2 18.869V13.21c0-.156.043-.31.123-.44a.75.75 0 01.326-.292l4.147-1.87a.682.682 0 01.526-.015v-2.93c0-.156.043-.31.123-.44a.75.75 0 01.326-.292l4.148-1.87a.68.68 0 01.562 0l4.148 1.87h-.001a.75.75 0 01.327.292c.08.13.123.283.123.44v2.929a.683.683 0 01.524.016l4.149 1.87h-.002a.75.75 0 01.328.292c.08.13.123.284.123.44v5.658a.139.139 0 01-.037.093.118.118 0 01-.086.039h-1.219c-.067 0-.121-.059-.121-.132v-4.095c0-.29-.223-.528-.498-.528h-5.834c-.275 0-.498.238-.498.528v4.095a.138.138 0 01-.036.093.118.118 0 01-.085.039h-1.22c-.068 0-.122-.059-.122-.132v-5.415zm2.56-4.227h-5.6a.119.119 0 00-.086.04.14.14 0 00-.035.093l-.001.792c0 .073.054.132.121.132h5.602a.119.119 0 00.085-.04.139.139 0 00.036-.092V9.36a.14.14 0 00-.035-.094.119.119 0 00-.086-.04zm-5.121 7.132H4.078a.118.118 0 00-.086.04.139.139 0 00-.035.093v.793c0 .072.054.131.121.131h5.605a.118.118 0 00.085-.039.139.139 0 00.036-.093v-.792a.139.139 0 00-.035-.093.118.118 0 00-.086-.04zm0 1.585H4.075a.119.119 0 00-.087.039.14.14 0 00-.036.094v.793c0 .072.054.131.122.131h5.609a.118.118 0 00.085-.039.139.139 0 00.036-.092v-.793a.139.139 0 00-.035-.094.119.119 0 00-.086-.04zm0-3.17h-5.6a.118.118 0 00-.087.04.14.14 0 00-.035.093l-.002.793c0 .072.055.131.122.131h5.602a.118.118 0 00.085-.039.139.139 0 00.036-.092v-.793a.14.14 0 00-.035-.094.118.118 0 00-.086-.039zm4.639 1.585h5.604c.033 0 .064.014.086.04a.14.14 0 01.036.093v.792a.14.14 0 01-.036.093.119.119 0 01-.086.039h-5.604c-.068 0-.123-.059-.123-.132l.003-.792c0-.035.012-.068.035-.093a.119.119 0 01.085-.04zm-.003 1.585h5.607c.033 0 .064.014.086.04a.14.14 0 01.036.093v.792a.139.139 0 01-.036.093.118.118 0 01-.086.039h-5.609c-.067 0-.121-.059-.121-.132v-.792a.14.14 0 01.036-.094.118.118 0 01.087-.04zm.007-3.17h5.6c.033 0 .064.014.086.04a.14.14 0 01.036.093v.792a.139.139 0 01-.036.093.118.118 0 01-.086.039h-5.601c-.068 0-.122-.059-.122-.132l.002-.792c0-.035.012-.069.035-.094a.118.118 0 01.086-.04z", fill: "currentColor" })));
+});
 exports.IconMultipleAddress.displayName = 'IconMultipleAddress';

package/dist/cjs/icons/IconNegativeCircled.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconNegativeCircled = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconNegativeCircled = (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: "M21.66 12.23l-1.89-1.89L16 14.11l-3.77-3.77-1.89 1.89L14.11 16l-3.77 3.77 1.89 1.89L16 17.89l3.77 3.77 1.89-1.89L17.89 16zM16 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.67z", fill: "currentColor", "fill-rule": "evenodd" }))));
+const colors_1 = require("../colors");
+exports.IconNegativeCircled = (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: "M21.66 12.23l-1.89-1.89L16 14.11l-3.77-3.77-1.89 1.89L14.11 16l-3.77 3.77 1.89 1.89L16 17.89l3.77 3.77 1.89-1.89L17.89 16zM16 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.67z", fill: "currentColor", "fill-rule": "evenodd" })));
+});
 exports.IconNegativeCircled.displayName = 'IconNegativeCircled';

package/dist/cjs/icons/IconNotificationBell.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconNotificationBell = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconNotificationBell = (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 22c.53 0 1.038-.205 1.413-.569s.587-.859.589-1.375H9.998a1.93 1.93 0 00.589 1.375A2.03 2.03 0 0012 22zm5.998-5.846v-4.867c0-2.996-1.627-5.495-4.499-6.16v-.665c0-.388-.158-.76-.439-1.034A1.52 1.52 0 0012 3c-.398 0-.78.154-1.06.428-.282.274-.44.646-.44 1.034v.665c-2.856.665-4.498 3.156-4.498 6.16v4.867L4 18.105v.972h16v-.972l-2.002-1.951zm-2.002.98H8.004v-5.847c0-2.419 1.5-4.385 3.996-4.385 2.497 0 3.996 1.966 3.996 4.385v5.846z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconNotificationBell = (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 22c.53 0 1.038-.205 1.413-.569s.587-.859.589-1.375H9.998a1.93 1.93 0 00.589 1.375A2.03 2.03 0 0012 22zm5.998-5.846v-4.867c0-2.996-1.627-5.495-4.499-6.16v-.665c0-.388-.158-.76-.439-1.034A1.52 1.52 0 0012 3c-.398 0-.78.154-1.06.428-.282.274-.44.646-.44 1.034v.665c-2.856.665-4.498 3.156-4.498 6.16v4.867L4 18.105v.972h16v-.972l-2.002-1.951zm-2.002.98H8.004v-5.847c0-2.419 1.5-4.385 3.996-4.385 2.497 0 3.996 1.966 3.996 4.385v5.846z", fill: "currentColor" })));
+});
 exports.IconNotificationBell.displayName = 'IconNotificationBell';

package/dist/cjs/icons/IconOffice.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconOffice = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconOffice = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    react_1.default.createElement("path", { d: "M17.556 10.889V2H6.444v4.444H2V22h8.889v-4.444h2.222V22H22V10.889h-4.444zM6.444 19.778H4.222v-2.222h2.222v2.222zm0-4.445H4.222v-2.222h2.222v2.222zm0-4.444H4.222V8.667h2.222v2.222zm4.445 4.444H8.667v-2.222h2.222v2.222zm0-4.444H8.667V8.667h2.222v2.222zm0-4.445H8.667V4.222h2.222v2.222zm4.444 8.89h-2.222V13.11h2.222v2.222zm0-4.445h-2.222V8.667h2.222v2.222zm0-4.445h-2.222V4.222h2.222v2.222zm4.445 13.334h-2.222v-2.222h2.222v2.222zm0-4.445h-2.222v-2.222h2.222v2.222z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconOffice = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        react_1.default.createElement("path", { d: "M17.556 10.889V2H6.444v4.444H2V22h8.889v-4.444h2.222V22H22V10.889h-4.444zM6.444 19.778H4.222v-2.222h2.222v2.222zm0-4.445H4.222v-2.222h2.222v2.222zm0-4.444H4.222V8.667h2.222v2.222zm4.445 4.444H8.667v-2.222h2.222v2.222zm0-4.444H8.667V8.667h2.222v2.222zm0-4.445H8.667V4.222h2.222v2.222zm4.444 8.89h-2.222V13.11h2.222v2.222zm0-4.445h-2.222V8.667h2.222v2.222zm0-4.445h-2.222V4.222h2.222v2.222zm4.445 13.334h-2.222v-2.222h2.222v2.222zm0-4.445h-2.222v-2.222h2.222v2.222z", fill: "currentColor" })));
+});
 exports.IconOffice.displayName = 'IconOffice';

package/dist/cjs/icons/IconPallet.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconPallet = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconPallet = (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: "M3.77 3l-.103.704L2 15.37v5.963h5v-1.666h10v1.667h5V15.37L20.333 3.704 20.23 3H3.77zm1.46 1.667h1.719l-.73 10H3.796l1.433-10zm3.385 0h2.551v10H7.885l.73-10zm4.218 0h2.553l.73 10h-3.283v-10zm4.22 0h1.717l1.433 10h-2.422l-.728-10zM3.667 16.333h16.666v3.333h-1.666v-1.667H5.333v1.667H3.667v-3.334z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconPallet = (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: "M3.77 3l-.103.704L2 15.37v5.963h5v-1.666h10v1.667h5V15.37L20.333 3.704 20.23 3H3.77zm1.46 1.667h1.719l-.73 10H3.796l1.433-10zm3.385 0h2.551v10H7.885l.73-10zm4.218 0h2.553l.73 10h-3.283v-10zm4.22 0h1.717l1.433 10h-2.422l-.728-10zM3.667 16.333h16.666v3.333h-1.666v-1.667H5.333v1.667H3.667v-3.334z", fill: "currentColor" })));
+});
 exports.IconPallet.displayName = 'IconPallet';

package/dist/cjs/icons/IconPay.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconPay = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconPay = (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.918 10.775c-2.432-.65-3.243-1.333-3.243-2.383 0-1.217 1.094-2.059 2.918-2.059s2.643.942 2.708 2.334h2.383a4.498 4.498 0 00-1.011-2.744 4.283 4.283 0 00-2.459-1.49V2h-3.242v2.4c-2.091.467-3.777 1.867-3.777 4.008 0 2.567 2.059 3.85 5.074 4.592 2.707.667 3.242 1.667 3.242 2.675 0 .767-.526 1.992-2.918 1.992-2.22 0-3.096-1.025-3.242-2.334H7c.13 2.434 1.897 3.8 3.972 4.259V22h3.242v-2.392C16.322 19.2 18 17.942 18 15.667c0-3.159-2.626-4.234-5.082-4.892z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconPay = (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.918 10.775c-2.432-.65-3.243-1.333-3.243-2.383 0-1.217 1.094-2.059 2.918-2.059s2.643.942 2.708 2.334h2.383a4.498 4.498 0 00-1.011-2.744 4.283 4.283 0 00-2.459-1.49V2h-3.242v2.4c-2.091.467-3.777 1.867-3.777 4.008 0 2.567 2.059 3.85 5.074 4.592 2.707.667 3.242 1.667 3.242 2.675 0 .767-.526 1.992-2.918 1.992-2.22 0-3.096-1.025-3.242-2.334H7c.13 2.434 1.897 3.8 3.972 4.259V22h3.242v-2.392C16.322 19.2 18 17.942 18 15.667c0-3.159-2.626-4.234-5.082-4.892z", fill: "currentColor" })));
+});
 exports.IconPay.displayName = 'IconPay';

package/dist/cjs/icons/IconPayLater.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconPayLater = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconPayLater = (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.5 6.983h-17v-2.49h17v2.49zM2.45 3.448c-.3.3-.45.647-.45 1.045v12.944a1.43 1.43 0 00.45 1.045c.133.142.296.255.476.332.181.077.377.117.574.117h5.825v-1.494H3.5v-6.994H22v-5.95c0-.398-.15-.745-.45-1.045-.3-.3-.65-.448-1.05-.448h-17c-.197 0-.393.04-.574.117-.18.077-.343.19-.476.331zM18.774 13.75a4.443 4.443 0 00-3.094-1.245 4.48 4.48 0 00-2.063.5 4.332 4.332 0 00-1.577 1.386 4.134 4.134 0 00-.406 3.986c.275.646.71 1.216 1.267 1.659a4.432 4.432 0 001.923.883 4.501 4.501 0 002.124-.102 4.402 4.402 0 001.824-1.063l-.69-.67c-.612.6-1.464.973-2.402.973-.447 0-.89-.085-1.302-.251a3.408 3.408 0 01-1.104-.717 3.294 3.294 0 01-.737-1.072 3.215 3.215 0 010-2.528c.17-.401.42-.765.736-1.072a3.41 3.41 0 011.104-.717 3.488 3.488 0 013.709.716 3.234 3.234 0 01.996 2.337h-1.46l1.968 1.9.033-.064 1.89-1.836h-1.458c0-1.127-.46-2.207-1.281-3.004zm-2.607 3.475v-2.36h-.73v1.957l-1.71.987.373.605 2.067-1.189z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconPayLater = (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.5 6.983h-17v-2.49h17v2.49zM2.45 3.448c-.3.3-.45.647-.45 1.045v12.944a1.43 1.43 0 00.45 1.045c.133.142.296.255.476.332.181.077.377.117.574.117h5.825v-1.494H3.5v-6.994H22v-5.95c0-.398-.15-.745-.45-1.045-.3-.3-.65-.448-1.05-.448h-17c-.197 0-.393.04-.574.117-.18.077-.343.19-.476.331zM18.774 13.75a4.443 4.443 0 00-3.094-1.245 4.48 4.48 0 00-2.063.5 4.332 4.332 0 00-1.577 1.386 4.134 4.134 0 00-.406 3.986c.275.646.71 1.216 1.267 1.659a4.432 4.432 0 001.923.883 4.501 4.501 0 002.124-.102 4.402 4.402 0 001.824-1.063l-.69-.67c-.612.6-1.464.973-2.402.973-.447 0-.89-.085-1.302-.251a3.408 3.408 0 01-1.104-.717 3.294 3.294 0 01-.737-1.072 3.215 3.215 0 010-2.528c.17-.401.42-.765.736-1.072a3.41 3.41 0 011.104-.717 3.488 3.488 0 013.709.716 3.234 3.234 0 01.996 2.337h-1.46l1.968 1.9.033-.064 1.89-1.836h-1.458c0-1.127-.46-2.207-1.281-3.004zm-2.607 3.475v-2.36h-.73v1.957l-1.71.987.373.605 2.067-1.189z", fill: "currentColor" })));
+});
 exports.IconPayLater.displayName = 'IconPayLater';

package/dist/cjs/icons/IconPaypal.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconPaypal = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconPaypal = (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.144 13.102a.862.862 0 00-.638.209.889.889 0 00-.296.534l-.918 5.91H4.543a.556.556 0 01-.536-.643L6.522 2.933c.043-.26.175-.496.373-.667A1.09 1.09 0 017.604 2h5.911c6.885 0 5.498 5.088 5.498 5.088-.623 4.067-3.039 5.312-4.777 5.745h-.01c-1.386.348-3.642.282-4.082.269zm1.72 1.108c4.438 0 7.225-2.188 8.11-6.333.689.9.84 2.123.557 3.611-.711 3.679-3.126 4.955-6.208 4.955h-.48a.757.757 0 00-.496.187.78.78 0 00-.258.47c-.045.253-.17 1.064-.3 1.915-.156 1.015-.32 2.087-.367 2.328a.78.78 0 01-.258.47.757.757 0 01-.496.187H9.59a.459.459 0 01-.354-.165.474.474 0 01-.106-.38l1.127-7.245h1.606z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconPaypal = (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.144 13.102a.862.862 0 00-.638.209.889.889 0 00-.296.534l-.918 5.91H4.543a.556.556 0 01-.536-.643L6.522 2.933c.043-.26.175-.496.373-.667A1.09 1.09 0 017.604 2h5.911c6.885 0 5.498 5.088 5.498 5.088-.623 4.067-3.039 5.312-4.777 5.745h-.01c-1.386.348-3.642.282-4.082.269zm1.72 1.108c4.438 0 7.225-2.188 8.11-6.333.689.9.84 2.123.557 3.611-.711 3.679-3.126 4.955-6.208 4.955h-.48a.757.757 0 00-.496.187.78.78 0 00-.258.47c-.045.253-.17 1.064-.3 1.915-.156 1.015-.32 2.087-.367 2.328a.78.78 0 01-.258.47.757.757 0 01-.496.187H9.59a.459.459 0 01-.354-.165.474.474 0 01-.106-.38l1.127-7.245h1.606z", fill: "currentColor" })));
+});
 exports.IconPaypal.displayName = 'IconPaypal';

package/dist/cjs/icons/IconPending.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconPending = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconPending = (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.7 2.085a10.013 10.013 0 018.602 3.084 9.998 9.998 0 01-8.603 16.747l.26-1.983a8.01 8.01 0 008.33-4.633 7.995 7.995 0 00-4.963-10.953 8.01 8.01 0 00-3.367-.279l-.26-1.983zM5.915 4.066a9.998 9.998 0 012.261-1.307v.001l.767 1.846a7.997 7.997 0 00-1.808 1.046l-1.22-1.586zM2.76 8.172a9.989 9.989 0 011.307-2.26l1.587 1.219a7.989 7.989 0 00-1.046 1.807L2.76 8.172zm-.675 2.522a10.034 10.034 0 000 2.613l1.984-.26a8.09 8.09 0 010-2.094l-1.984-.259zm1.982 7.394a9.985 9.985 0 01-1.307-2.26l1.848-.766c.268.646.62 1.253 1.046 1.807l-1.587 1.219zm4.11 3.153a9.982 9.982 0 01-2.262-1.307l1.22-1.586a7.995 7.995 0 001.808 1.046l-.767 1.847zM16.59 7.714L10 14.304l-2.59-2.58L6 13.134l4 4 8-8-1.41-1.42z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconPending = (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.7 2.085a10.013 10.013 0 018.602 3.084 9.998 9.998 0 01-8.603 16.747l.26-1.983a8.01 8.01 0 008.33-4.633 7.995 7.995 0 00-4.963-10.953 8.01 8.01 0 00-3.367-.279l-.26-1.983zM5.915 4.066a9.998 9.998 0 012.261-1.307v.001l.767 1.846a7.997 7.997 0 00-1.808 1.046l-1.22-1.586zM2.76 8.172a9.989 9.989 0 011.307-2.26l1.587 1.219a7.989 7.989 0 00-1.046 1.807L2.76 8.172zm-.675 2.522a10.034 10.034 0 000 2.613l1.984-.26a8.09 8.09 0 010-2.094l-1.984-.259zm1.982 7.394a9.985 9.985 0 01-1.307-2.26l1.848-.766c.268.646.62 1.253 1.046 1.807l-1.587 1.219zm4.11 3.153a9.982 9.982 0 01-2.262-1.307l1.22-1.586a7.995 7.995 0 001.808 1.046l-.767 1.847zM16.59 7.714L10 14.304l-2.59-2.58L6 13.134l4 4 8-8-1.41-1.42z", fill: "currentColor" })));
+});
 exports.IconPending.displayName = 'IconPending';

package/dist/cjs/icons/IconPeople.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconPeople = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconPeople = (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 13.752c-2.341 0-7 1.17-7 3.503v1.748h14v-1.748c0-2.332-4.66-3.502-7-3.502zm-4.66 3.255A9.567 9.567 0 019 15.755a9.567 9.567 0 014.658 1.252H4.341zM9 12.006a3.504 3.504 0 10-3.504-3.503 3.51 3.51 0 003.503 3.503zm0-5.003a1.5 1.5 0 110 3.002 1.5 1.5 0 010-3.001zm7.044 6.81a4.208 4.208 0 011.958 3.443v1.748H22v-1.748c0-2.017-3.496-3.172-5.956-3.442zM15 12.005a3.505 3.505 0 003.383-4.876A3.504 3.504 0 0015 5.008c-.52 0-1.032.119-1.5.345a5.474 5.474 0 010 6.3c.466.231.98.352 1.5.352z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconPeople = (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 13.752c-2.341 0-7 1.17-7 3.503v1.748h14v-1.748c0-2.332-4.66-3.502-7-3.502zm-4.66 3.255A9.567 9.567 0 019 15.755a9.567 9.567 0 014.658 1.252H4.341zM9 12.006a3.504 3.504 0 10-3.504-3.503 3.51 3.51 0 003.503 3.503zm0-5.003a1.5 1.5 0 110 3.002 1.5 1.5 0 010-3.001zm7.044 6.81a4.208 4.208 0 011.958 3.443v1.748H22v-1.748c0-2.017-3.496-3.172-5.956-3.442zM15 12.005a3.505 3.505 0 003.383-4.876A3.504 3.504 0 0015 5.008c-.52 0-1.032.119-1.5.345a5.474 5.474 0 010 6.3c.466.231.98.352 1.5.352z", fill: "currentColor" })));
+});
 exports.IconPeople.displayName = 'IconPeople';

package/dist/cjs/icons/IconPercentage.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconPercentage = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconPercentage = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', strokeWidth, style, ...props }, ref) => (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: color, style: {
-        width: size,
-        height: size,
-        minWidth: size,
-        minHeight: size,
-        flexShrink: 0,
-        display: 'inline-block',
-        verticalAlign: 'middle',
-        ...style,
-    }, ...props },
-    react_1.default.createElement("path", { d: "M5.198 9.192c0 1.123.109 1.96.327 2.51.218.551.575.826 1.07.826.992 0 1.488-1.112 1.488-3.336 0-2.225-.496-3.337-1.487-3.337-.496 0-.853.275-1.071.826-.218.55-.327 1.387-.327 2.51zm5.072-.023c0 1.734-.312 3.039-.936 3.913-.616.868-1.529 1.301-2.738 1.301-1.143 0-2.03-.448-2.66-1.346C3.312 12.132 3 10.843 3 9.17 3 5.723 4.199 4 6.596 4c1.18 0 2.085.449 2.716 1.346.639.89.958 2.164.958 3.823zm5.658 6.628c0 1.124.109 1.964.327 2.522.225.558.586.837 1.082.837.984 0 1.477-1.12 1.477-3.359 0-2.21-.493-3.314-1.477-3.314-.496 0-.857.271-1.082.814-.218.543-.327 1.377-.327 2.5zm5.072 0c0 1.734-.312 3.035-.936 3.902-.623.867-1.532 1.301-2.727 1.301-1.142 0-2.029-.445-2.66-1.335-.631-.897-.947-2.186-.947-3.868 0-3.446 1.202-5.169 3.607-5.169 1.157 0 2.055.445 2.694 1.335.646.89.969 2.168.969 3.834zm-3.348-11.56l-9.14 16.537H6.325l9.14-16.536h2.188z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconPercentage = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        react_1.default.createElement("path", { d: "M5.198 9.192c0 1.123.109 1.96.327 2.51.218.551.575.826 1.07.826.992 0 1.488-1.112 1.488-3.336 0-2.225-.496-3.337-1.487-3.337-.496 0-.853.275-1.071.826-.218.55-.327 1.387-.327 2.51zm5.072-.023c0 1.734-.312 3.039-.936 3.913-.616.868-1.529 1.301-2.738 1.301-1.143 0-2.03-.448-2.66-1.346C3.312 12.132 3 10.843 3 9.17 3 5.723 4.199 4 6.596 4c1.18 0 2.085.449 2.716 1.346.639.89.958 2.164.958 3.823zm5.658 6.628c0 1.124.109 1.964.327 2.522.225.558.586.837 1.082.837.984 0 1.477-1.12 1.477-3.359 0-2.21-.493-3.314-1.477-3.314-.496 0-.857.271-1.082.814-.218.543-.327 1.377-.327 2.5zm5.072 0c0 1.734-.312 3.035-.936 3.902-.623.867-1.532 1.301-2.727 1.301-1.142 0-2.029-.445-2.66-1.335-.631-.897-.947-2.186-.947-3.868 0-3.446 1.202-5.169 3.607-5.169 1.157 0 2.055.445 2.694 1.335.646.89.969 2.168.969 3.834zm-3.348-11.56l-9.14 16.537H6.325l9.14-16.536h2.188z", fill: "currentColor" })));
+});
 exports.IconPercentage.displayName = 'IconPercentage';

package/dist/cjs/icons/IconPin.js

@@ -35,15 +35,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconPin = void 0;
 const react_1 = __importStar(require("react"));
-exports.IconPin = (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.64 13.8l-1.092 1.429c.447 2.388-.195 4.782-1.89 6.478a1.01 1.01 0 01-1.421 0l-4.262-4.262-3.078 3.078a.304.304 0 01-.086.062l-1.894.947c-.287.145-.594-.162-.45-.45l.948-1.893a.29.29 0 01.062-.086l3.078-3.078-4.262-4.262c-.39-.39-.39-1.03 0-1.42 1.696-1.696 4.09-2.338 6.478-1.891l1.43-1.092-.805-.805a1.006 1.006 0 010-1.42l2.84-2.842a1.01 1.01 0 011.421 0l8.05 8.05c.39.39.39 1.03 0 1.42l-2.841 2.841c-.39.391-1.03.391-1.42 0l-.806-.805zm-7.428-3.155c-1.59-.536-3.33-.411-4.715.482l8.376 8.376c.89-1.382 1.015-3.128.482-4.715l3.084-4.03 1.716 1.716 1.42-1.42-6.628-6.63-1.421 1.42 1.716 1.717-4.03 3.084z", fill: "currentColor" }))));
+const colors_1 = require("../colors");
+exports.IconPin = (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.64 13.8l-1.092 1.429c.447 2.388-.195 4.782-1.89 6.478a1.01 1.01 0 01-1.421 0l-4.262-4.262-3.078 3.078a.304.304 0 01-.086.062l-1.894.947c-.287.145-.594-.162-.45-.45l.948-1.893a.29.29 0 01.062-.086l3.078-3.078-4.262-4.262c-.39-.39-.39-1.03 0-1.42 1.696-1.696 4.09-2.338 6.478-1.891l1.43-1.092-.805-.805a1.006 1.006 0 010-1.42l2.84-2.842a1.01 1.01 0 011.421 0l8.05 8.05c.39.39.39 1.03 0 1.42l-2.841 2.841c-.39.391-1.03.391-1.42 0l-.806-.805zm-7.428-3.155c-1.59-.536-3.33-.411-4.715.482l8.376 8.376c.89-1.382 1.015-3.128.482-4.715l3.084-4.03 1.716 1.716 1.42-1.42-6.628-6.63-1.421 1.42 1.716 1.717-4.03 3.084z", fill: "currentColor" })));
+});
 exports.IconPin.displayName = 'IconPin';