@freightos/icons 1.0.16 → 3.0.0

package/dist/esm/icons/IconPlus.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconPlus = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconPlus = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.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.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19 13H13V19H11V13H5V11H11V4.99998H13V11H19V13Z", fill: "currentColor" })));
 });
 IconPlus.displayName = 'IconPlus';

package/dist/esm/icons/IconPlusCircled.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconPlusCircled = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconPlusCircled = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.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.createElement("path", { d: "M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4V7zm-1-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z", fill: "currentColor" })));
+        React.createElement("path", { d: "M13 7H11V11H7V13H11V17H13V13H17V11H13V7ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z", fill: "currentColor" })));
 });
 IconPlusCircled.displayName = 'IconPlusCircled';

package/dist/esm/icons/IconPlusCircledSolid.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconPlusCircledSolid = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconPlusCircledSolid = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.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.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z", fill: "currentColor" })));
+        React.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM17 13H13V17H11V13H7V11H11V7H13V11H17V13Z", fill: "currentColor" })));
 });
 IconPlusCircledSolid.displayName = 'IconPlusCircledSolid';

package/dist/esm/icons/IconPort.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconPort = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconPort = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.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.createElement("path", { d: "M20 20.095c-1.39 0-2.78-.447-4-1.266a7.16 7.16 0 01-8 0c-1.22.819-2.61 1.266-4 1.266H2V22h2c1.37 0 2.74-.333 4-.952a9.08 9.08 0 008 0c1.26.619 2.62.952 4 .952h2v-1.905h-2zm0-15.238v-.952a.93.93 0 00-.293-.674A1.026 1.026 0 0019 2.952H9V2H6v.952H5v1.905h1v8.572H5v-1.905H3v1.905H2v1.904h1v3.81h1c.33 0 .67-.029 1-.076v-3.734h5v3.476c.65.191 1.33.286 2 .286v-3.762h1V13.43h-1v-1.905h-2v1.905H9V4.857h8v4.4c-.47.162-.81.581-.81 1.086 0 .419.24.8.61 1.01v1.123h.62a.6.6 0 01.61.59.6.6 0 01-.61.591.65.65 0 01-.54-.295.587.587 0 00-.37-.269.636.636 0 00-.46.06c-.3.152-.4.514-.23.8.33.533.94.876 1.6.876 1.01 0 1.84-.79 1.84-1.762 0-.743-.5-1.41-1.23-1.658v-.057c.38-.21.62-.59.62-1.01 0-.437-.27-.809-.65-1.009V4.857h2zM8 12.152l-1 .953v-1.353l1-.952v1.352zm0-2.81l-1 .953V8.943l1-.953v1.353zM7 7.439V6.086l1-.953v1.353l-1 .952z", fill: "currentColor" })));
+        React.createElement("path", { d: "M19.9997 20.0952C18.6097 20.0952 17.2197 19.6476 15.9997 18.8286C13.5597 20.4571 10.4397 20.4571 7.99976 18.8286C6.77976 19.6476 5.38976 20.0952 3.99976 20.0952H1.99976V22H3.99976C5.36976 22 6.73976 21.6667 7.99976 21.0476C10.4997 22.2857 13.4997 22.2857 15.9997 21.0476C17.2597 21.6667 18.6197 22 19.9997 22H21.9997V20.0952H19.9997ZM19.9997 4.85715V3.90476C19.9997 3.65217 19.8944 3.40994 19.7069 3.23133C19.5193 3.05273 19.265 2.95238 18.9997 2.95238H8.99976V2H5.99976V2.95238H4.99976V4.85715H5.99976V13.4286H4.99976V11.5238H2.99976V13.4286H1.99976V15.3333H2.99976V19.1429H3.99976C4.32976 19.1429 4.66976 19.1143 4.99976 19.0667V15.3333H9.99976V18.8095C10.6497 19 11.3297 19.0952 11.9997 19.0952V15.3333H12.9997V13.4286H11.9997V11.5238H9.99976V13.4286H8.99976V4.85715H16.9997V9.25715C16.5297 9.41905 16.1897 9.8381 16.1897 10.3429C16.1897 10.7619 16.4297 11.1428 16.7997 11.3524V12.4762H17.4197C17.7597 12.4762 18.0297 12.7428 18.0297 13.0667C18.0297 13.3905 17.7597 13.6571 17.4197 13.6571C17.1997 13.6571 16.9997 13.5428 16.8797 13.3619C16.8398 13.2962 16.7866 13.2386 16.7232 13.1924C16.6599 13.1463 16.5875 13.1125 16.5104 13.093C16.4333 13.0735 16.3529 13.0688 16.2739 13.0789C16.1948 13.0891 16.1187 13.1141 16.0497 13.1524C15.7497 13.3048 15.6497 13.6667 15.8197 13.9524C16.1497 14.4857 16.7597 14.8286 17.4197 14.8286C18.4297 14.8286 19.2597 14.0381 19.2597 13.0667C19.2597 12.3238 18.7597 11.6571 18.0297 11.4095V11.3524C18.4097 11.1428 18.6497 10.7619 18.6497 10.3429C18.6497 9.90477 18.3797 9.53334 17.9997 9.33334V4.85715H19.9997ZM7.99976 12.1524L6.99976 13.1048V11.7524L7.99976 10.8V12.1524ZM7.99976 9.34286L6.99976 10.2952V8.94286L7.99976 7.99048V9.34286ZM6.99976 7.4381V6.08572L7.99976 5.13334V6.48572L6.99976 7.4381Z", fill: "currentColor" })));
 });
 IconPort.displayName = 'IconPort';

package/dist/esm/icons/IconPreferences.js

@@ -0,0 +1,19 @@
+import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPreferences = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.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.createElement("path", { d: "M2 17.5556V19.7778H8.66667V17.5556H2ZM2 4.22222V6.44444H13.1111V4.22222H2ZM13.1111 22V19.7778H22V17.5556H13.1111V15.3333H10.8889V22H13.1111ZM6.44444 8.66667V10.8889H2V13.1111H6.44444V15.3333H8.66667V8.66667H6.44444ZM22 13.1111V10.8889H10.8889V13.1111H22ZM15.3333 8.66667H17.5556V6.44444H22V4.22222H17.5556V2H15.3333V8.66667Z", fill: "currentColor" })));
+});
+IconPreferences.displayName = 'IconPreferences';

package/dist/esm/icons/IconPrint.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconPrint = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconPrint = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.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.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19 8.002h-.998V3H5.999v5.002H5a3.001 3.001 0 00-3 3v6h3.998V21h12.003v-3.997H22v-6a3 3 0 00-3-3zm-10.998-3h7.997v3H8.002v-3zm7.997 12v1.995H8.002V15h7.997v2.003zm3-7.004a1.005 1.005 0 011.006 1.005V15h-2.003v-2.002H5.999V15H3.996v-3.998A1.005 1.005 0 015 9.997h13.998zm-.997.502a1.005 1.005 0 10.997.998.997.997 0 00-.997-.998z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.9993 8.0025H18.0015V3H5.9985V8.0025H5.00075C4.2049 8.0025 3.44165 8.31857 2.8789 8.88118C2.31615 9.44379 2 10.2069 2 11.0025V17.0025H5.9985V21H18.0015V17.0025H22V11.0025C22 10.2069 21.6839 9.44379 21.1211 8.88118C20.5584 8.31857 19.7951 8.0025 18.9993 8.0025ZM8.0015 5.0025H15.9985V8.0025H8.0015V5.0025ZM15.9985 17.0025V18.9975H8.0015V15H15.9985V17.0025ZM18.9993 9.9975C19.2659 9.9975 19.5215 10.1034 19.7101 10.2919C19.8986 10.4803 20.0045 10.736 20.0045 11.0025V15H18.0015V12.9975H5.9985V15H3.9955V11.0025C3.9955 10.736 4.10141 10.4803 4.28993 10.2919C4.47845 10.1034 4.73414 9.9975 5.00075 9.9975H18.9993ZM18.0015 10.5C17.802 10.4985 17.6067 10.5564 17.4402 10.6662C17.2738 10.7761 17.1437 10.933 17.0667 11.1169C16.9897 11.3009 16.9692 11.5036 17.0077 11.6992C17.0463 11.8949 17.1422 12.0746 17.2832 12.2156C17.4242 12.3566 17.604 12.4525 17.7997 12.491C17.9954 12.5296 18.1982 12.509 18.3822 12.432C18.5662 12.355 18.7231 12.2251 18.833 12.0587C18.9429 11.8922 19.0007 11.6969 18.9993 11.4975C18.9993 11.2329 18.8941 10.9792 18.707 10.7922C18.5199 10.6051 18.2661 10.5 18.0015 10.5Z", fill: "currentColor" })));
 });
 IconPrint.displayName = 'IconPrint';

package/dist/esm/icons/IconProgressCancel.js

@@ -0,0 +1,20 @@
+import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconProgressCancel = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.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.createElement("path", { d: "M12.9771 2V2.02003V4.02303C17.378 4.56385 20.4957 8.55984 19.9544 12.9564C19.4932 16.6019 16.6262 19.4962 12.9771 19.9269V21.9299C18.4908 21.3791 22.5007 16.4917 21.9493 10.9835C21.4982 6.22634 17.7189 2.47071 12.9771 2ZM10.9722 2.03005C9.01735 2.22033 7.15274 2.97146 5.62897 4.23335L7.06252 5.71557C8.18529 4.81422 9.53864 4.23335 10.9722 4.03305V2.03005ZM4.21548 5.64547C2.95235 7.16775 2.2005 9.02053 2 10.9835H4.00496C4.19543 9.56134 4.75682 8.20931 5.64902 7.07762L4.21548 5.64547ZM2.01002 12.9865C2.21052 14.9494 2.98243 16.8022 4.2255 18.3245L5.64902 16.8923C4.76684 15.7606 4.19543 14.4086 4.01498 12.9865H2.01002ZM7.06252 18.3645L5.62897 19.7366C7.14271 20.9985 9.00732 21.7897 10.9722 22V19.997C9.54866 19.8167 8.19532 19.2459 7.06252 18.3645Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M14.81 7.73223L16.2314 9.15222L13.3962 11.9847L16.2314 14.8171L14.81 16.2371L11.9748 13.4047L9.13961 16.2371L7.71824 14.8171L10.5535 11.9847L7.71824 9.15222L9.13961 7.73223L11.9748 10.5647L14.81 7.73223Z", fill: "currentColor" })));
+});
+IconProgressCancel.displayName = 'IconProgressCancel';

package/dist/esm/icons/IconProgressClockBlocked.js

@@ -0,0 +1,20 @@
+import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconProgressClockBlocked = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.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.createElement("path", { d: "M12.9771 2V2.01979V3.99876C17.378 4.53308 20.4957 8.48113 19.9544 12.825C19.4932 16.4267 16.6262 19.2863 12.9771 19.7118V21.6908C18.4908 21.1465 22.5007 16.3179 21.9493 10.8757C21.4982 6.17563 17.7189 2.46506 12.9771 2ZM10.9722 2.02968C9.01735 2.21769 7.15274 2.9598 5.62897 4.20655L7.06252 5.67099C8.18529 4.78045 9.53864 4.20655 10.9722 4.00866V2.02968ZM4.21548 5.60173C2.95235 7.10575 2.2005 8.93629 2 10.8757H4.00496C4.19543 9.47062 4.75682 8.13481 5.64902 7.01669L4.21548 5.60173ZM12.4759 6.91774V12.1125L16.987 14.7545L16.2352 15.9715L10.9722 12.8547V6.91774H12.4759Z", fill: "currentColor" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.0699 17.1547C12.0699 19.8466 9.83213 22 7.03494 22C4.23775 22 2 19.8466 2 17.1547C2 14.4629 4.23775 12.3094 7.03494 12.3094C9.83213 12.3094 12.0699 14.4629 12.0699 17.1547ZM8.71387 19.9341L4.14885 15.5411C3.84676 15.9933 3.67892 16.5532 3.67892 17.1562C3.67892 18.9435 5.17822 20.3864 7.03555 20.3864C7.66212 20.3864 8.24394 20.2249 8.71387 19.9341ZM7.03513 13.9248C8.89246 13.9248 10.3918 15.3676 10.3918 17.155C10.3918 17.758 10.2239 18.3179 9.92183 18.7701L5.35681 14.377C5.82674 14.0863 6.40856 13.9248 7.03513 13.9248Z", fill: "currentColor" })));
+});
+IconProgressClockBlocked.displayName = 'IconProgressClockBlocked';

package/dist/esm/icons/IconRateReview.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconRateReview = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconRateReview = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.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.createElement("path", { d: "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17l-.59.59-.58.58V4h16v12zm-9.5-2H18v-2h-5.5l-2 2zm3.86-5.87c.2-.2.2-.51 0-.71l-1.77-1.77c-.2-.2-.51-.2-.71 0L6 11.53V14h2.47l5.89-5.87z", fill: "currentColor" })));
+        React.createElement("path", { d: "M20 2H4C2.9 2 2.01 2.9 2.01 4L2 22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2ZM20 16H5.17L4.58 16.59L4 17.17V4H20V16ZM10.5 14H18V12H12.5L10.5 14ZM14.36 8.13C14.56 7.93 14.56 7.62 14.36 7.42L12.59 5.65C12.39 5.45 12.08 5.45 11.88 5.65L6 11.53V14H8.47L14.36 8.13Z", fill: "currentColor" })));
 });
 IconRateReview.displayName = 'IconRateReview';

package/dist/esm/icons/IconRates.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconRates = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconRates = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.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.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.36 8.64l-3.633 3.635h2.726A5.455 5.455 0 0112 17.73a5.303 5.303 0 01-2.543-.634L8.128 18.41a7.252 7.252 0 0011.145-6.136H22L18.36 8.64zm-5.72-.456v.996a1.765 1.765 0 011.289 1.731h-.886a.894.894 0 00-1.009-.954c-.682 0-1.084.348-1.084.838 0 .491.293.682 1.207.982.913.3 1.888.71 1.888 1.998a1.602 1.602 0 01-1.404 1.616v.975h-1.207v-.989a1.814 1.814 0 01-1.479-1.738h.886c.041.538.368.954 1.193.954.825 0 1.084-.498 1.084-.811 0-.423-.198-.825-1.2-1.098-1.125-.307-1.888-.825-1.888-1.875a1.698 1.698 0 011.404-1.643v-.982h1.207zM12 5a7.218 7.218 0 013.872 1.139l-1.33 1.316A5.302 5.302 0 0012 6.82a5.453 5.453 0 00-5.453 5.455h2.726L5.64 15.909 2 12.275h2.727A7.276 7.276 0 0112 5z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.3599 8.64091L14.7267 12.275H17.4533C17.4533 13.7216 16.8788 15.109 15.8561 16.1319C14.8334 17.1549 13.4463 17.7295 12 17.7295C11.1128 17.7342 10.2386 17.5162 9.4574 17.0955L8.12815 18.4114C9.22576 19.1096 10.4909 19.4997 11.791 19.5409C13.0912 19.582 14.3785 19.2727 15.518 18.6453C16.6576 18.0179 17.6074 17.0955 18.2681 15.9747C18.9288 14.8539 19.276 13.5761 19.2733 12.275H22L18.3599 8.64091ZM12.6408 8.18409V9.17955C13.0168 9.28505 13.3472 9.51227 13.5803 9.82563C13.8134 10.139 13.9361 10.5208 13.9291 10.9114H13.0429C13.0533 10.7786 13.0338 10.6452 12.9859 10.521C12.9381 10.3967 12.863 10.2847 12.7663 10.1932C12.6696 10.1017 12.5537 10.033 12.427 9.99209C12.3003 9.95119 12.166 9.93914 12.0341 9.95682C11.3524 9.95682 10.9502 10.3045 10.9502 10.7955C10.9502 11.2864 11.2434 11.4773 12.1568 11.7773C13.0702 12.0773 14.045 12.4864 14.045 13.775C14.0514 14.1701 13.9115 14.5537 13.6523 14.852C13.3931 15.1503 13.0329 15.3422 12.6408 15.3909V16.3659H11.4342V15.3773C11.0258 15.3008 10.6561 15.0864 10.3868 14.77C10.1175 14.4535 9.9651 14.0541 9.95501 13.6386H10.8412C10.8821 14.1773 11.2093 14.5932 12.0341 14.5932C12.8589 14.5932 13.1179 14.0955 13.1179 13.7818C13.1179 13.3591 12.9202 12.9568 11.9182 12.6841C10.7935 12.3773 10.03 11.8591 10.03 10.8091C10.0367 10.4147 10.1806 10.0349 10.4369 9.73507C10.6931 9.43522 11.0458 9.23397 11.4342 9.16591V8.18409H12.6408ZM12 5C13.3726 5.00364 14.7157 5.39863 15.8718 6.13864L14.5426 7.45455C13.7614 7.03378 12.8872 6.81576 12 6.82045C10.5537 6.82045 9.16662 7.39513 8.14393 8.41805C7.12124 9.44098 6.54669 10.8284 6.54669 12.275H9.27335L5.64008 15.9091L2 12.275H4.72665C4.72665 10.3456 5.49295 8.49513 6.85697 7.1308C8.22098 5.76647 10.071 5 12 5Z", fill: "currentColor" })));
 });
 IconRates.displayName = 'IconRates';

package/dist/esm/icons/IconReceipt.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconReceipt = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconReceipt = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.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.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zm-.503 15.59H5.003V4.91h13.994v14.18zM6 15h12v2.004H6V15zm0-3.998h12v1.996H6v-1.996zm0-4.006h12V9H6V6.996z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.5 3.50038L18 2L16.5 3.50038L15 2L13.5 3.50038L12 2L10.5 3.50038L9 2L7.5 3.50038L6 2L4.5 3.50038L3 2V22L4.5 20.4996L6 22L7.5 20.4996L9 22L10.5 20.4996L12 22L13.5 20.4996L15 22L16.5 20.4996L18 22L19.5 20.4996L21 22V2L19.5 3.50038ZM18.9975 19.0893H5.0025V4.91073H18.9975V19.0893ZM6 15.0008H18V17.0038H6V15.0008ZM6 11.0023H18V12.9977H6V11.0023ZM6 6.99625H18V8.99925H6V6.99625Z", fill: "currentColor" })));
 });
 IconReceipt.displayName = 'IconReceipt';

package/dist/esm/icons/IconRefresh.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconRefresh = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconRefresh = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.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.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.06 4.94A9.983 9.983 0 006.977 3.35a9.996 9.996 0 00-4.23 4.859 10.012 10.012 0 003.22 11.77 9.98 9.98 0 0012.188-.113 10.001 10.001 0 003.513-5.402H19.06a7.541 7.541 0 01-2.913 3.8 7.526 7.526 0 01-9.06-.483 7.545 7.545 0 01-2.026-8.854 7.525 7.525 0 0112.22-2.234l-4.024 4.028H22V2.007L19.06 4.94z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.0606 4.94008C17.504 3.37668 15.4746 2.37291 13.2886 2.08527C11.1027 1.79763 8.88307 2.2423 6.97594 3.34993C5.06881 4.45757 3.58133 6.16593 2.74542 8.20863C1.90952 10.2513 1.77217 12.5136 2.3548 14.6426C2.93743 16.7716 4.20728 18.6478 5.96637 19.9786C7.72545 21.3094 9.8749 22.02 12.0796 21.9996C14.2842 21.9792 16.4202 21.2289 18.1544 19.8658C19.8886 18.5027 21.1236 16.6033 21.6668 14.4639H19.0606C18.5277 16.0136 17.5052 17.3474 16.1478 18.2634C14.7904 19.1794 13.1719 19.6278 11.5373 19.5407C9.90268 19.4537 8.34086 18.8359 7.08816 17.7809C5.83546 16.7258 4.96005 15.291 4.5944 13.6934C4.22874 12.0959 4.39275 10.4225 5.06159 8.92658C5.73042 7.43065 6.8677 6.19355 8.30134 5.40247C9.73497 4.61139 11.3869 4.30937 13.0073 4.54212C14.6276 4.77488 16.1282 5.52973 17.2819 6.69246L13.2583 10.721H21.9998V2.00675L19.0606 4.94008Z", fill: "currentColor" })));
 });
 IconRefresh.displayName = 'IconRefresh';

package/dist/esm/icons/IconRefund.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconRefund = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconRefund = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.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.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.424 4a8.623 8.623 0 014.042 1 8.544 8.544 0 013.088 2.774 8.438 8.438 0 01.795 7.978 8.506 8.506 0 01-2.482 3.319 8.598 8.598 0 01-3.766 1.766 8.634 8.634 0 01-4.16-.204 8.582 8.582 0 01-3.572-2.126l1.35-1.34a6.696 6.696 0 008.403.809 6.606 6.606 0 002.666-3.576 6.553 6.553 0 00-.226-4.442 6.621 6.621 0 00-3.015-3.292 6.702 6.702 0 00-4.436-.647 6.664 6.664 0 00-3.843 2.292A6.57 6.57 0 005.762 12.5H8.62l-3.85 3.804-.064-.128L1 12.5h2.856c0-2.254.903-4.416 2.51-6.01A8.603 8.603 0 0112.424 4zm.671 4.25v1.034a1.83 1.83 0 011.35 1.799h-.928a.921.921 0 00-.29-.746.936.936 0 00-.767-.245c-.714 0-1.135.36-1.135.87s.307.71 1.264 1.02c.956.313 1.977.738 1.977 2.076.007.41-.14.81-.411 1.12-.271.31-.649.508-1.06.56v1.012h-1.263v-1.027a1.903 1.903 0 01-1.098-.631 1.876 1.876 0 01-.452-1.175h.928c.043.56.386.991 1.25.991s1.135-.517 1.135-.843c0-.439-.207-.857-1.256-1.14-1.178-.319-1.978-.857-1.978-1.948.007-.41.157-.804.426-1.116.268-.311.638-.52 1.045-.591V8.25h1.263z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.4243 4C13.8339 3.99877 15.222 4.34256 16.4656 5.0009C17.7092 5.65923 18.7699 6.61178 19.5536 7.77409C20.3373 8.9364 20.8199 10.2726 20.9585 11.6642C21.0971 13.0558 20.8875 14.4598 20.3482 15.7518C19.8089 17.0438 18.9567 18.1838 17.867 19.0709C16.7773 19.958 15.4839 20.5646 14.1013 20.8371C12.7187 21.1096 11.2897 21.0394 9.94102 20.6329C8.59231 20.2264 7.36552 19.4961 6.3694 18.5067L7.71889 17.1679C8.80915 18.2461 10.2425 18.916 11.7748 19.0634C13.3071 19.2108 14.8434 18.8267 16.1222 17.9764C17.401 17.1261 18.3431 15.8622 18.7879 14.4002C19.2327 12.9381 19.1528 11.3683 18.5618 9.95809C17.9708 8.54792 16.9052 7.38464 15.5466 6.66645C14.1879 5.94826 12.6203 5.71958 11.1108 6.01937C9.60133 6.31915 8.24328 7.12886 7.26806 8.31055C6.29283 9.49223 5.76076 10.9728 5.76249 12.5H8.61856L4.77001 16.3038L4.70575 16.1763L1 12.5H3.85607C3.85607 10.2457 4.75878 8.08365 6.36563 6.4896C7.97248 4.89554 10.1518 4 12.4243 4ZM13.0954 8.25V9.28417C13.4893 9.39378 13.8354 9.62983 14.0796 9.95538C14.3237 10.2809 14.4522 10.6776 14.4449 11.0833H13.5167C13.5275 10.9454 13.5071 10.8068 13.457 10.6778C13.4068 10.5487 13.3282 10.4323 13.2269 10.3373C13.1256 10.2422 13.0042 10.1708 12.8715 10.1283C12.7388 10.0858 12.5982 10.0733 12.46 10.0917C11.7459 10.0917 11.3247 10.4529 11.3247 10.9629C11.3247 11.4729 11.6317 11.6713 12.5885 11.9829C13.5453 12.2946 14.5663 12.7196 14.5663 14.0583C14.573 14.4689 14.4265 14.8673 14.155 15.1772C13.8835 15.4871 13.5061 15.6865 13.0954 15.7371V16.75H11.8316V15.7229C11.4039 15.6435 11.0165 15.4208 10.7345 15.092C10.4525 14.7632 10.2928 14.3483 10.2822 13.9167H11.2104C11.2533 14.4763 11.596 14.9083 12.46 14.9083C13.3239 14.9083 13.5953 14.3913 13.5953 14.0654C13.5953 13.6263 13.3882 13.2083 12.3386 12.925C11.1605 12.6063 10.3608 12.0679 10.3608 10.9771C10.3678 10.5673 10.5185 10.1728 10.7869 9.8613C11.0553 9.54978 11.4247 9.34071 11.8316 9.27V8.25H13.0954Z", fill: "currentColor" })));
 });
 IconRefund.displayName = 'IconRefund';

package/dist/esm/icons/IconResidential.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconResidential = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconResidential = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.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.createElement("path", { d: "M19.606 9.436V4.789c0-.595-.489-1.081-1.087-1.081h-1.087c-.598 0-1.087.486-1.087 1.08v1.73l-3.62-3.242a1.1 1.1 0 00-1.456 0l-9.087 8.138a.538.538 0 00.359.94h1.848v7.565c0 .595.489 1.081 1.087 1.081h4.348v-5.404c0-.594.489-1.08 1.087-1.08h2.173c.598 0 1.087.486 1.087 1.08V21h4.348c.598 0 1.087-.486 1.087-1.08v-7.566h1.848c.5 0 .739-.616.359-.94l-2.207-1.978zm-9.782.756a2.174 2.174 0 014.347 0H9.824z", fill: "currentColor" })));
+        React.createElement("path", { d: "M19.6062 9.4359V4.78865C19.6062 4.19424 19.1171 3.7079 18.5193 3.7079H17.4323C16.8345 3.7079 16.3454 4.19424 16.3454 4.78865V6.51786L12.7258 3.27559C12.3128 2.90814 11.6824 2.90814 11.2693 3.27559L2.18245 11.4137C1.81288 11.7379 2.04114 12.3539 2.54114 12.3539H4.38895V19.9192C4.38895 20.5137 4.87808 21 5.4759 21H9.82369V15.5962C9.82369 15.0018 10.3128 14.5155 10.9106 14.5155H13.0845C13.6824 14.5155 14.1715 15.0018 14.1715 15.5962V21H18.5193C19.1171 21 19.6062 20.5137 19.6062 19.9192V12.3539H21.454C21.954 12.3539 22.1932 11.7379 21.8127 11.4137L19.6062 9.4359ZM9.82369 10.1924C9.82369 9.0036 10.8019 8.03092 11.9976 8.03092C13.1932 8.03092 14.1715 9.0036 14.1715 10.1924H9.82369Z", fill: "currentColor" })));
 });
 IconResidential.displayName = 'IconResidential';

package/dist/esm/icons/IconRetail.js

@@ -0,0 +1,23 @@
+import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconRetail = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.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.createElement("g", { "clip-path": "url(#clip0_10934_62)" },
+            React.createElement("path", { d: "M21.6 18.2L13 11.75V10.84C14.65 10.35 15.8 8.67 15.43 6.79C15.17 5.48001 14.13 4.39001 12.82 4.09001C10.54 3.57001 8.50002 5.3 8.50002 7.50001H10.5C10.5 6.67001 11.17 6.00001 12 6.00001C12.83 6.00001 13.5 6.67001 13.5 7.50001C13.5 8.34 12.81 9.02001 11.97 9.00001C11.43 8.99001 11 9.45001 11 9.99001V11.75L2.40002 18.2C1.63002 18.78 2.04002 20 3.00002 20H12H21C21.96 20 22.37 18.78 21.6 18.2ZM6.00002 18L12 13.5L18 18H6.00002Z", fill: "currentColor" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "clip0_10934_62" },
+                React.createElement("rect", { width: "24", height: "24", fill: "currentColor" })))));
+});
+IconRetail.displayName = 'IconRetail';

package/dist/esm/icons/IconReview.js

@@ -1,12 +1,14 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconReview = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconReview = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.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,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',

package/dist/esm/icons/IconRight.js

@@ -1,12 +1,14 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconRight = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconRight = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.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,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',

package/dist/esm/icons/IconRisk.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconRisk = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconRisk = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.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.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 6.57l6.848 11.642H5.152L12 6.57zM12 3L2 20h20L12 3zm.91 12.526h-1.82v1.788h1.82v-1.788zm0-5.366h-1.82v3.577h1.82V10.16z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 6.57L18.8483 18.2116H5.15172L12 6.57ZM12 3L2 20H22L12 3ZM12.9103 15.5256H11.0897V17.314H12.9103V15.5256ZM12.9103 10.1604H11.0897V13.7372H12.9103V10.1604Z", fill: "currentColor" })));
 });
 IconRisk.displayName = 'IconRisk';

package/dist/esm/icons/IconSave.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconSave = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconSave = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.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.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.558 2H4.225A2.225 2.225 0 002 4.225v15.55A2.225 2.225 0 004.225 22h15.55A2.233 2.233 0 0022 19.775V6.442L17.558 2zm2.217 17.775H4.225V4.225h12.408l3.142 3.142v12.408zM12 12a3.333 3.333 0 100 6.666A3.333 3.333 0 0012 12zM5.333 5.333h10v4.442h-10V5.333z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.5583 2H4.225C3.93281 2 3.64348 2.05755 3.37353 2.16937C3.10358 2.28118 2.8583 2.44508 2.65169 2.65169C2.44508 2.8583 2.28118 3.10358 2.16937 3.37353C2.05755 3.64348 2 3.93281 2 4.225V19.775C2 20.3651 2.23442 20.931 2.65169 21.3483C3.06896 21.7656 3.63489 22 4.225 22H19.775C20.3644 21.9978 20.9291 21.7627 21.3459 21.3459C21.7627 20.9291 21.9978 20.3644 22 19.775V6.44167L17.5583 2ZM19.775 19.775H4.225V4.225H16.6333L19.775 7.36667V19.775ZM12 12C11.3407 12 10.6963 12.1955 10.1481 12.5618C9.59994 12.928 9.17269 13.4486 8.9204 14.0577C8.66811 14.6668 8.6021 15.337 8.73072 15.9836C8.85933 16.6302 9.1768 17.2242 9.64298 17.6904C10.1092 18.1565 10.7031 18.474 11.3497 18.6026C11.9963 18.7312 12.6665 18.6652 13.2756 18.4129C13.8847 18.1606 14.4053 17.7334 14.7716 17.1852C15.1378 16.6371 15.3333 15.9926 15.3333 15.3333C15.3333 14.4493 14.9821 13.6014 14.357 12.9763C13.7319 12.3512 12.8841 12 12 12ZM5.33333 5.33333H15.3333V9.775H5.33333V5.33333Z", fill: "currentColor" })));
 });
 IconSave.displayName = 'IconSave';

package/dist/esm/icons/IconSearch.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconSearch = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconSearch = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.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.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.288 14.579h-.909l-.317-.31A7.432 7.432 0 009.286 2.002 7.425 7.425 0 002 9.29a7.432 7.432 0 007.003 7.559 7.425 7.425 0 005.26-1.78l.31.317v.91L20.283 22 22 20.284l-5.712-5.705zm-6.86 0A5.144 5.144 0 014.674 11.4a5.15 5.15 0 013.75-7.02 5.144 5.144 0 016.15 5.05 5.149 5.149 0 01-5.146 5.148z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.2884 14.5786H15.3793L15.062 14.2697C16.3132 12.8116 16.951 10.9252 16.8416 9.00668C16.7321 7.08812 15.8839 5.2866 14.4751 3.98037C13.0662 2.67415 11.2062 1.96483 9.28571 2.00134C7.3652 2.03786 5.53352 2.81737 4.17527 4.1762C2.81702 5.53504 2.03784 7.3675 2.00134 9.28883C1.96484 11.2102 2.67386 13.0709 3.97952 14.4804C5.28519 15.8899 7.08594 16.7385 9.00367 16.848C10.9214 16.9574 12.807 16.3193 14.2644 15.0676L14.5732 15.3851V16.2945L20.2848 22L22 20.2841L16.2884 14.5786ZM9.42757 14.5786C8.40986 14.5786 7.41501 14.2767 6.56882 13.711C5.72263 13.1454 5.06311 12.3414 4.67365 11.4007C4.28419 10.4601 4.18229 9.42504 4.38083 8.42647C4.57938 7.42789 5.06945 6.51064 5.78908 5.7907C6.5087 5.07077 7.42556 4.58048 8.42371 4.38185C9.42186 4.18322 10.4565 4.28517 11.3967 4.67479C12.3369 5.06442 13.1406 5.72423 13.706 6.57078C14.2714 7.41734 14.5732 8.41261 14.5732 9.43075C14.5732 10.796 14.0311 12.1054 13.0661 13.0708C12.1011 14.0362 10.7923 14.5786 9.42757 14.5786Z", fill: "currentColor" })));
 });
 IconSearch.displayName = 'IconSearch';