@freightos/icons 1.0.16 → 3.0.0

package/dist/cjs/icons/IconArchive.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconArchive = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconArchive = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconArchive = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     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,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.543 5.25l-1.395-1.702A1.448 1.448 0 0018 3H6a1.5 1.5 0 00-1.162.548L3.458 5.25A2.01 2.01 0 003 6.503v12.494A2.01 2.01 0 005.003 21h13.994A2.01 2.01 0 0021 18.997V6.503a2.01 2.01 0 00-.457-1.253zM6.24 5.003h11.52l.81.997H5.437l.803-.997zM5.003 18.997V8.003h13.994v10.994H5.003zm8.445-9h-2.896v3h-2.55L12 17.004l3.998-4.005h-2.55v-3z", fill: "currentColor" })));
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.5425 5.25006L19.1475 3.54756C19.0105 3.37499 18.8359 3.23596 18.6371 3.14108C18.4382 3.0462 18.2203 2.99797 18 3.00007H6C5.77777 2.99951 5.5582 3.04834 5.35715 3.14303C5.15611 3.23772 4.97861 3.37589 4.8375 3.54756L3.4575 5.25006C3.16692 5.60333 3.00554 6.04516 3 6.50255V18.9975C3.00198 19.528 3.21359 20.0362 3.5887 20.4113C3.96382 20.7864 4.47201 20.998 5.0025 21H18.9975C19.528 20.998 20.0362 20.7864 20.4113 20.4113C20.7864 20.0362 20.998 19.528 21 18.9975V6.50255C20.9945 6.04516 20.8331 5.60333 20.5425 5.25006ZM6.24 5.00256H17.76L18.57 6.00005H5.4375L6.24 5.00256ZM5.0025 18.9975V8.00255H18.9975V18.9975H5.0025ZM13.4475 9.99754H10.5525V12.9975H8.0025L12 17.0025L15.9975 12.9975H13.4475V9.99754Z", fill: "currentColor" })));
 });
 exports.IconArchive.displayName = 'IconArchive';

package/dist/cjs/icons/IconArrowBack.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconArrowBack = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconArrowBack = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconArrowBack = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     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,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 11.003H7.831l5.586-5.593L12 4l-8 8 8 8 1.41-1.41-5.579-5.593H20v-1.994z", fill: "currentColor" })));
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 11.0028H7.8313L13.4171 5.40956L12 4L4 12L12 20L13.4096 18.5904L7.8313 12.9972H20V11.0028Z", fill: "currentColor" })));
 });
 exports.IconArrowBack.displayName = 'IconArrowBack';

package/dist/cjs/icons/IconArrowForward.js

@@ -35,23 +35,25 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconArrowForward = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconArrowForward = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconArrowForward = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     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,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        react_1.default.createElement("g", { clipPath: "url(#clip0_805_28001)" },
-            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.998 3.998l-1.41 1.41L16.166 11H3.998v1.995h12.168l-5.578 5.593 1.41 1.41 8-8-8-8z", fill: "currentColor" })),
+        react_1.default.createElement("g", { "clip-path": "url(#clip0_805_28001)" },
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.9976 3.99756L10.588 5.40712L16.1663 11.0004H3.99756V12.9947H16.1663L10.588 18.588L11.9976 19.9976L19.9976 11.9976L11.9976 3.99756Z", fill: "currentColor" })),
         react_1.default.createElement("defs", null,
             react_1.default.createElement("clipPath", { id: "clip0_805_28001" },
-                react_1.default.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" })))));
+                react_1.default.createElement("rect", { width: "24", height: "24", fill: "currentColor" })))));
 });
 exports.IconArrowForward.displayName = 'IconArrowForward';

package/dist/cjs/icons/IconArrowSmallDown.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconArrowSmallDown = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconArrowSmallDown = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconArrowSmallDown = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     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,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 9l6 6 6-6H6z", fill: "currentColor" })));
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 9L12 15L18 9H6Z", fill: "currentColor" })));
 });
 exports.IconArrowSmallDown.displayName = 'IconArrowSmallDown';

package/dist/cjs/icons/IconArrowSmallLeft.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconArrowSmallLeft = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconArrowSmallLeft = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconArrowSmallLeft = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     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,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.498 6l-6 6 6 6V6z", fill: "currentColor" })));
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.4976 6L8.49756 12L14.4976 18V6Z", fill: "currentColor" })));
 });
 exports.IconArrowSmallLeft.displayName = 'IconArrowSmallLeft';

package/dist/cjs/icons/IconArrowSmallRight.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconArrowSmallRight = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconArrowSmallRight = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconArrowSmallRight = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     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,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.502 18l6-6-6-6v12z", fill: "currentColor" })));
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.50244 18L15.5024 12L9.50244 6V18Z", fill: "currentColor" })));
 });
 exports.IconArrowSmallRight.displayName = 'IconArrowSmallRight';

package/dist/cjs/icons/IconArrowSmallUp.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconArrowSmallUp = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconArrowSmallUp = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconArrowSmallUp = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     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,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 14.498l6-6 6 6H6z", fill: "currentColor" })));
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 14.4976L12 8.49756L18 14.4976H6Z", fill: "currentColor" })));
 });
 exports.IconArrowSmallUp.displayName = 'IconArrowSmallUp';

package/dist/cjs/icons/IconAttachment.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconAttachment = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconAttachment = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconAttachment = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     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,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "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" })));
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.6342 6.62506V16.8992C15.6554 17.3818 15.5772 17.8636 15.4041 18.3156C15.2311 18.7676 14.9668 19.1805 14.6272 19.5293C14.2877 19.8782 13.8798 20.1558 13.4283 20.3455C12.9768 20.5351 12.4909 20.6329 12 20.6329C11.5091 20.6329 11.0232 20.5351 10.5717 20.3455C10.1202 20.1558 9.71233 19.8782 9.37277 19.5293C9.03322 19.1805 8.76895 18.7676 8.59589 18.3156C8.42283 17.8636 8.34456 17.3818 8.3658 16.8992V5.7337C8.34889 5.42988 8.39511 5.12586 8.50163 4.84021C8.60816 4.55456 8.77276 4.29328 8.98538 4.07232C9.198 3.85137 9.45417 3.67537 9.73824 3.5551C10.0223 3.43483 10.3283 3.3728 10.6376 3.3728C10.9469 3.3728 11.2529 3.43483 11.537 3.5551C11.821 3.67537 12.0772 3.85137 12.2898 4.07232C12.5024 4.29328 12.667 4.55456 12.7736 4.84021C12.8801 5.12586 12.9263 5.42988 12.9094 5.7337V15.1165C12.8897 15.3404 12.7853 15.5489 12.617 15.7008C12.4486 15.8527 12.2285 15.937 12 15.937C11.7715 15.937 11.5514 15.8527 11.383 15.7008C11.2147 15.5489 11.1103 15.3404 11.0906 15.1165V6.62506H9.7282V15.1165C9.76003 15.6881 10.0133 16.226 10.4358 16.6196C10.8584 17.0132 11.4181 17.2325 12 17.2325C12.5819 17.2325 13.1416 17.0132 13.5642 16.6196C13.9867 16.226 14.24 15.6881 14.2718 15.1165V5.7337C14.293 5.25113 14.2148 4.76933 14.0417 4.31731C13.8687 3.8653 13.6044 3.45243 13.2648 3.10357C12.9253 2.75472 12.5174 2.4771 12.0659 2.28744C11.6144 2.09778 11.1285 2 10.6376 2C10.1467 2 9.66079 2.09778 9.20927 2.28744C8.75776 2.4771 8.34994 2.75472 8.01038 3.10357C7.67082 3.45243 7.40655 3.8653 7.23349 4.31731C7.06043 4.76933 6.98217 5.25113 7.00341 5.7337V16.8992C6.9786 17.56 7.08948 18.219 7.32941 18.8367C7.56934 19.4545 7.9334 20.0182 8.39982 20.4944C8.86624 20.9705 9.42546 21.3493 10.044 21.608C10.6626 21.8667 11.3279 22 12 22C12.6721 22 13.3374 21.8667 13.956 21.608C14.5745 21.3493 15.1338 20.9705 15.6002 20.4944C16.0666 20.0182 16.4307 19.4545 16.6706 18.8367C16.9105 18.219 17.0214 17.56 16.9966 16.8992V6.62506H15.6342Z", fill: "currentColor" })));
 });
 exports.IconAttachment.displayName = 'IconAttachment';

package/dist/cjs/icons/IconAuto.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconAuto = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconAuto = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconAuto = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     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,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "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" })));
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19 8.00004L15 12H18C18 15.31 15.31 18 12 18C10.99 18 10.03 17.75 9.19996 17.3L7.73996 18.76C8.96996 19.54 10.43 20 12 20C16.42 20 20 16.42 20 12H23L19 8.00004ZM6 12C6 8.69002 8.69 6.00002 12 6.00002C13.01 6.00002 13.97 6.25002 14.8 6.70002L16.26 5.24002C15.03 4.46002 13.57 4.00002 12 4.00002C7.58 4.00002 4 7.58002 4 12H1L5 16L9 12H6Z", fill: "currentColor" })));
 });
 exports.IconAuto.displayName = 'IconAuto';

package/dist/cjs/icons/IconAutomated.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconAutomated = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconAutomated = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconAutomated = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     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,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "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" })));
+        react_1.default.createElement("path", { d: "M22 12.4H20C20 16.82 16.42 20.4 12 20.4C10.43 20.4 8.97023 19.9397 7.74023 19.1598L9.2002 17.6998C10.0302 18.1498 10.99 18.4 12 18.4C15.31 18.4 18 15.71 18 12.4H16L19 8.39999L22 12.4ZM12.8555 8.733C12.952 8.733 13.0329 8.8012 13.0449 8.8912L13.1914 9.88535C13.4262 9.97882 13.6424 10.1021 13.8428 10.2525L14.8027 9.87753C14.8234 9.86991 14.8452 9.86576 14.8672 9.86581C14.937 9.86581 15.002 9.89935 15.0371 9.95956L15.8086 11.2574C15.8312 11.2963 15.8386 11.3422 15.8301 11.3863C15.8215 11.4304 15.7972 11.4701 15.7617 11.4977L14.9492 12.1158C14.9642 12.2357 14.9756 12.3557 14.9756 12.483C14.9756 12.6105 14.9642 12.7312 14.9492 12.8512L15.7617 13.4703C15.7972 13.4979 15.8215 13.5375 15.8301 13.5816C15.8385 13.6256 15.831 13.6709 15.8086 13.7096L15.0371 15.0074C15.0021 15.0673 14.937 15.1012 14.8711 15.1012C14.8479 15.1011 14.8248 15.0976 14.8027 15.0904L13.8428 14.7154C13.6418 14.8645 13.4229 14.9877 13.1914 15.0826L13.0449 16.0758C13.0379 16.1205 13.0143 16.1611 12.9795 16.19C12.9447 16.219 12.9007 16.2342 12.8555 16.233H11.3135C11.2682 16.2341 11.2242 16.219 11.1895 16.19C11.1547 16.1611 11.132 16.1205 11.125 16.0758L10.9775 15.0816C10.7453 14.9886 10.526 14.8659 10.3262 14.7154L9.36621 15.0904C9.34535 15.0979 9.32295 15.1015 9.30078 15.1012C9.26676 15.1018 9.23291 15.0932 9.20312 15.0768C9.17346 15.0603 9.14834 15.0365 9.13086 15.0074L8.36035 13.7096C8.3377 13.6707 8.33031 13.6248 8.33887 13.5807C8.34743 13.5365 8.37172 13.4969 8.40723 13.4693L9.2207 12.8512C9.20391 12.7294 9.19454 12.606 9.19336 12.483C9.19339 12.3596 9.20522 12.2357 9.2207 12.1158L8.40625 11.4977C8.37003 11.4706 8.34551 11.4307 8.33691 11.3863C8.32834 11.342 8.33683 11.296 8.36035 11.2574L9.13184 9.95956C9.16637 9.89986 9.23157 9.86587 9.29688 9.86581C9.31974 9.86581 9.34334 9.86914 9.36621 9.87656L10.3262 10.2516C10.526 10.1057 10.7423 9.97883 10.9775 9.88535L11.125 8.8912C11.132 8.84654 11.1548 8.80592 11.1895 8.77695C11.2242 8.74798 11.2682 8.73186 11.3135 8.733H12.8555ZM12 4.39999C13.509 4.39963 14.9867 4.83005 16.2598 5.64023L14.7998 7.10019C13.9698 6.65021 13.01 6.39999 12 6.39999C8.69001 6.39999 6.00002 9.09 6 12.4H8L5 15.4L2 12.4H4C4.00002 7.97999 7.58001 4.39999 12 4.39999ZM12.084 10.983C11.2591 10.983 10.5842 11.6582 10.584 12.483C10.584 13.308 11.259 13.983 12.084 13.983C12.9088 13.9828 13.584 13.3079 13.584 12.483C13.5838 11.6583 12.9086 10.9833 12.084 10.983Z", fill: "currentColor" })));
 });
 exports.IconAutomated.displayName = 'IconAutomated';

package/dist/cjs/icons/IconBank.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBank = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconBank = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconBank = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     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,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             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" })));
+        react_1.default.createElement("path", { d: "M6.73684 11H4.63158V18H6.73684V11ZM13.0526 11H10.9474V18H13.0526V11ZM22 20H2V22H22V20ZM19.3684 11H17.2632V18H19.3684V11ZM12 4.26L17.4842 7H6.51579L12 4.26ZM12 2L2 7V9H22V7L12 2Z", fill: "currentColor" })));
 });
 exports.IconBank.displayName = 'IconBank';

package/dist/cjs/icons/IconBattery.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconBattery = void 0;
+const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
+const colors_1 = require("../colors");
+exports.IconBattery = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
+    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: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        react_1.default.createElement("path", { d: "M4.72727 4V6.64706H2V19H22V6.64706H19.2727V4H13.8182V6.64706H10.1818V4H4.72727ZM3.81818 8.41176H20.1818V17.2353H3.81818V8.41176ZM14.7273 10.1765V11.9412H12.9091V13.7059H14.7273V15.4706H16.5455V13.7059H18.3636V11.9412H16.5455V10.1765H14.7273ZM5.63636 11.9412V13.7059H11.0909V11.9412H5.63636Z", fill: "currentColor" })));
+});
+exports.IconBattery.displayName = 'IconBattery';

package/dist/cjs/icons/IconBilling.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBilling = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconBilling = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconBilling = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     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,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "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" })));
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.1793 4C20.6677 4.00914 21.1328 4.21224 21.4737 4.5652C21.8146 4.91815 22.0037 5.39249 21.9999 5.88522V18.1148C22.0037 18.6076 21.8146 19.0819 21.4737 19.4349C21.1328 19.7878 20.6677 19.9909 20.1793 20.0001H3.82073C3.33232 19.9909 2.86719 19.7878 2.52631 19.4349C2.18544 19.0819 1.99634 18.6076 2.00005 18.1148V5.88522C1.99634 5.39249 2.18544 4.91815 2.52631 4.5652C2.86719 4.21224 3.33232 4.00914 3.82073 4H20.1793ZM11.0897 5.88522H3.82073V18.1148H11.0897V5.88522ZM20.1793 5.88522H12.9103V18.1148H20.1793V5.88522ZM8.16554 7.8261V8.84176C8.54594 8.9494 8.88022 9.18123 9.11608 9.50096C9.35193 9.82068 9.47604 10.2103 9.46898 10.6087H8.55174C8.56219 10.4733 8.54248 10.3372 8.49405 10.2104C8.44563 10.0836 8.36971 9.96937 8.27187 9.87601C8.17402 9.78264 8.05671 9.71253 7.92854 9.67079C7.80036 9.62906 7.66456 9.61676 7.53106 9.6348C6.84141 9.6348 6.43451 9.98959 6.43451 10.4905C6.43451 10.9913 6.73106 11.1861 7.6552 11.4922C8.57933 11.7983 9.56553 12.1879 9.56553 13.5305C9.57198 13.9336 9.43049 14.325 9.16826 14.6293C8.90602 14.9336 8.54154 15.1295 8.14485 15.1792V16.174H6.94485V15.1653C6.53168 15.0873 6.15758 14.8685 5.88516 14.5456C5.61274 14.2227 5.45852 13.8152 5.44831 13.3913H6.34486C6.38624 13.9409 6.71727 14.3653 7.55175 14.3653C8.38623 14.3653 8.64829 13.8574 8.64829 13.5374C8.64829 13.1061 8.44829 12.6957 7.43451 12.4174C6.29658 12.1044 5.52417 11.5757 5.52417 10.5044C5.53101 10.102 5.67655 9.7145 5.9358 9.40856C6.19506 9.10262 6.55184 8.89729 6.94485 8.82784V7.8261H8.16554ZM19.2758 13.8853V15.2766H13.8207V13.8853H19.2758ZM19.2758 11.527V12.9183H13.8207V11.527H19.2758ZM19.2758 9.17567V10.567H13.8207V9.17567H19.2758Z", fill: "currentColor" })));
 });
 exports.IconBilling.displayName = 'IconBilling';

package/dist/cjs/icons/IconBlankCircled.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBlankCircled = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconBlankCircled = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconBlankCircled = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     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,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "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" })));
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17316C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8078C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 9.34783 20.9464 6.80429 19.0711 4.92893C17.1957 3.05357 14.6522 2 12 2ZM12 20.0045C10.4169 20.0045 8.86927 19.535 7.55294 18.6555C6.23661 17.7759 5.21065 16.5258 4.60481 15.0632C3.99897 13.6006 3.84045 11.9911 4.14931 10.4384C4.45816 8.88568 5.22052 7.45941 6.33997 6.33996C7.45942 5.22051 8.88568 4.45816 10.4384 4.1493C11.9911 3.84045 13.6006 3.99896 15.0632 4.6048C16.5258 5.21065 17.776 6.2366 18.6555 7.55294C19.535 8.86927 20.0045 10.4169 20.0045 12C20.0005 14.1217 19.1559 16.1554 17.6557 17.6557C16.1554 19.1559 14.1217 20.0005 12 20.0045Z", fill: "currentColor" })));
 });
 exports.IconBlankCircled.displayName = 'IconBlankCircled';

package/dist/cjs/icons/IconBlock.js

@@ -35,23 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBlock = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconBlock = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconBlock = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     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,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        react_1.default.createElement("g", { clipPath: "url(#clip0_805_27957)" },
-            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "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" })))));
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17316C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8078C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 9.34783 20.9464 6.80429 19.0711 4.92893C17.1957 3.05357 14.6522 2 12 2ZM3.9955 12C3.9955 9.87707 4.83883 7.8411 6.33997 6.33996C7.8411 4.83883 9.87708 3.9955 12 3.9955C13.7775 3.99117 15.5042 4.58875 16.8987 5.69092L5.69093 16.8987C4.58875 15.5042 3.99117 13.7775 3.9955 12ZM12 20.0045C10.2225 20.0088 8.49585 19.4113 7.10128 18.3091L18.3091 7.10127C19.4113 8.49584 20.0088 10.2225 20.0045 12C20.0045 13.0512 19.7975 14.092 19.3952 15.0632C18.9929 16.0343 18.4033 16.9167 17.66 17.66C16.9168 18.4033 16.0343 18.9929 15.0632 19.3952C14.092 19.7975 13.0512 20.0045 12 20.0045Z", fill: "currentColor" })));
 });
 exports.IconBlock.displayName = 'IconBlock';

package/dist/cjs/icons/IconBookmark.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBookmark = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconBookmark = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconBookmark = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     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,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "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" })));
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.5869 2H6.46031C5.87257 2.0044 5.3104 2.24076 4.89636 2.65755C4.48232 3.07434 4.24998 3.63777 4.25 4.225V22L12.0236 18.6667L19.8056 22V4.225C19.8056 3.63633 19.5721 3.07166 19.1562 2.65463C18.7404 2.2376 18.1761 2.0022 17.5869 2ZM17.5869 18.6667L12.0236 16.2417L6.46031 18.6667V4.225H17.5869V18.6667Z", fill: "currentColor" })));
 });
 exports.IconBookmark.displayName = 'IconBookmark';

package/dist/cjs/icons/IconBookmarkFilled.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconBookmarkFilled = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconBookmarkFilled = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconBookmarkFilled = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     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,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "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" })));
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.8606 2H7.13137C6.56462 2.0044 6.02253 2.24076 5.62328 2.65755C5.22402 3.07434 4.99998 3.63777 5 4.225V22L12.496 18.6667L20 22V4.225C20 3.63633 19.7749 3.07166 19.3739 2.65463C18.9729 2.2376 18.4287 2.0022 17.8606 2Z", fill: "currentColor" })));
 });
 exports.IconBookmarkFilled.displayName = 'IconBookmarkFilled';