@freightos/icons 1.0.17 → 3.0.1

package/dist/esm/icons/IconMainLeg.js

@@ -0,0 +1,19 @@
+import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconMainLeg = 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: "M6.5 8.11C5.61 8.11 4.89 7.39 4.89 6.5C4.89 6.073 5.05962 5.66349 5.36156 5.36156C5.66349 5.05962 6.073 4.89 6.5 4.89C7.39 4.89 8.11 5.61 8.11 6.5C8.11 6.927 7.94038 7.33651 7.63844 7.63844C7.33651 7.94038 6.927 8.11 6.5 8.11ZM6.5 2C4 2 2 4 2 6.5C2 9.87 6.5 14.86 6.5 14.86C6.5 14.86 11 9.87 11 6.5C11 4 9 2 6.5 2ZM17.5 8.11C17.073 8.11 16.6635 7.94038 16.3616 7.63844C16.0596 7.33651 15.89 6.927 15.89 6.5C15.89 5.61 16.61 4.89 17.5 4.89C18.39 4.89 19.11 5.61 19.11 6.5C19.11 6.927 18.9404 7.33651 18.6384 7.63844C18.3365 7.94038 17.927 8.11 17.5 8.11ZM17.5 2C15 2 13 4 13 6.5C13 9.87 17.5 14.86 17.5 14.86C17.5 14.86 22 9.87 22 6.5C22 4 20 2 17.5 2ZM17.5 16C16.23 16 15.1 16.8 14.68 18H9.32C8.77 16.44 7.05 15.62 5.5 16.17C3.93 16.72 3.11 18.44 3.66 20C4.22 21.56 5.93 22.38 7.5 21.83C8.35 21.53 9 20.85 9.32 20H14.69C15.24 21.56 16.96 22.38 18.5 21.83C20.08 21.28 20.9 19.56 20.35 18C19.92 16.8 18.78 16 17.5 16ZM17.5 20.5C17.1022 20.5 16.7206 20.342 16.4393 20.0607C16.158 19.7794 16 19.3978 16 19C16 18.6022 16.158 18.2206 16.4393 17.9393C16.7206 17.658 17.1022 17.5 17.5 17.5C17.8978 17.5 18.2794 17.658 18.5607 17.9393C18.842 18.2206 19 18.6022 19 19C19 19.3978 18.842 19.7794 18.5607 20.0607C18.2794 20.342 17.8978 20.5 17.5 20.5Z", fill: "currentColor" })));
+});
+IconMainLeg.displayName = 'IconMainLeg';

package/dist/esm/icons/IconManageSearch.js

@@ -1,21 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconManageSearch = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconManageSearch = 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("g", { "clip-path": "url(#clip0_5496_25956)" },
-            React.createElement("path", { d: "M7 9H2V7h5v2zm0 3H2v2h5v-2zm13.59 7l-3.83-3.83c-.8.52-1.74.83-2.76.83-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5c0 1.02-.31 1.96-.83 2.75L22 17.59 20.59 19zM17 11c0-1.65-1.35-3-3-3s-3 1.35-3 3 1.35 3 3 3 3-1.35 3-3zM2 19h10v-2H2v2z", fill: "currentColor" })),
-        React.createElement("defs", null,
-            React.createElement("clipPath", { id: "clip0_5496_25956" },
-                React.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" })))));
+        React.createElement("path", { d: "M7 9H2V7H7V9ZM7 12H2V14H7V12ZM20.59 19L16.76 15.17C15.96 15.69 15.02 16 14 16C11.24 16 9 13.76 9 11C9 8.24 11.24 6 14 6C16.76 6 19 8.24 19 11C19 12.02 18.69 12.96 18.17 13.75L22 17.59L20.59 19ZM17 11C17 9.35 15.65 8 14 8C12.35 8 11 9.35 11 11C11 12.65 12.35 14 14 14C15.65 14 17 12.65 17 11ZM2 19H12V17H2V19Z", fill: "currentColor" })));
 });
 IconManageSearch.displayName = 'IconManageSearch';

package/dist/esm/icons/IconMap.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconMap = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconMap = 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: "M21.442 2h-.175l-5.934 2.333L8.667 2 2.4 4.108a.567.567 0 00-.4.534v16.8a.55.55 0 00.558.558h.175l5.934-2.333L15.333 22l6.267-2.108a.567.567 0 00.4-.534v-16.8A.551.551 0 0021.442 2zM9.775 4.742l4.45 1.558v12.958L9.775 17.7V4.742zm-5.55 1.1l3.333-1.117v13l-3.333 1.283V5.842zm15.55 12.316l-3.333 1.117V6.292L19.775 5v13.158z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.4416 2.00006H21.2666L15.3333 4.33338L8.66669 2.00006L2.40006 4.10838C2.28558 4.1436 2.1852 4.21418 2.11334 4.31C2.04147 4.40582 2.00182 4.52195 2.00006 4.64171V21.4416C1.99894 21.5152 2.01261 21.5883 2.04027 21.6566C2.06793 21.7248 2.10902 21.7868 2.16109 21.8389C2.21316 21.891 2.27516 21.9321 2.34341 21.9597C2.41165 21.9874 2.48476 22.0011 2.55839 21.9999H2.73339L8.66669 19.6666L15.3333 21.9999L21.5999 19.8916C21.7144 19.8564 21.8148 19.7858 21.8867 19.69C21.9585 19.5942 21.9982 19.478 21.9999 19.3583V2.55839C22.0011 2.48476 21.9874 2.41165 21.9597 2.34341C21.9321 2.27516 21.891 2.21316 21.8389 2.16109C21.7868 2.10902 21.7248 2.06793 21.6566 2.04027C21.5883 2.01261 21.5152 1.99894 21.4416 2.00006ZM9.77501 4.74171L14.225 6.30004V19.2583L9.77501 17.7V4.74171ZM4.22505 5.84171L7.55836 4.72505V17.725L4.22505 19.0083V5.84171ZM19.7749 18.1583L16.4416 19.275V6.2917L19.7749 5.00004V18.1583Z", fill: "currentColor" })));
 });
 IconMap.displayName = 'IconMap';

package/dist/esm/icons/IconMatrixView.js

@@ -1,17 +1,20 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconMatrixView = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconMatrixView = 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: "M9 8.5V4H3.5v4.5H9zM9.5 2a1 1 0 011 1v6.5a1 1 0 01-1 1H3a1 1 0 01-1-1V3a1 1 0 011-1h6.5zm11 6.5V4H15v4.5h5.5zM21 2a1 1 0 011 1v6.5a1 1 0 01-1 1h-6.5a1 1 0 01-1-1V3a1 1 0 011-1H21zM9 20v-4.5H3.5V20H9zm.5-6.5a1 1 0 011 1V21a1 1 0 01-1 1H3a1 1 0 01-1-1v-6.5a1 1 0 011-1h6.5zm11 6.5v-4.5H15V20h5.5zm.5-6.5a1 1 0 011 1V21a1 1 0 01-1 1h-6.5a1 1 0 01-1-1v-6.5a1 1 0 011-1H21z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 8.5V4H3.5V8.5H9ZM9.5 2C10.0523 2 10.5 2.44772 10.5 3V9.5C10.5 10.0523 10.0523 10.5 9.5 10.5H3C2.44772 10.5 2 10.0523 2 9.5V3C2 2.44772 2.44772 2 3 2H9.5ZM20.5 8.5V4H15V8.5H20.5ZM21 2C21.5523 2 22 2.44772 22 3V9.5C22 10.0523 21.5523 10.5 21 10.5H14.5C13.9477 10.5 13.5 10.0523 13.5 9.5V3C13.5 2.44772 13.9477 2 14.5 2H21Z", fill: "currentColor" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 20V15.5H3.5V20H9ZM9.5 13.5C10.0523 13.5 10.5 13.9477 10.5 14.5V21C10.5 21.5523 10.0523 22 9.5 22H3C2.44772 22 2 21.5523 2 21V14.5C2 13.9477 2.44772 13.5 3 13.5H9.5ZM20.5 20V15.5H15V20H20.5ZM21 13.5C21.5523 13.5 22 13.9477 22 14.5V21C22 21.5523 21.5523 22 21 22H14.5C13.9477 22 13.5 21.5523 13.5 21V14.5C13.5 13.9477 13.9477 13.5 14.5 13.5H21Z", fill: "currentColor" })));
 });
 IconMatrixView.displayName = 'IconMatrixView';

package/dist/esm/icons/IconMenuClose.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconMenuClose = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconMenuClose = 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: "M14.973 5H3.08a1.082 1.082 0 000 2.167h11.892c.597 0 1.081-.485 1.081-1.084 0-.598-.484-1.083-1.081-1.083zM3.08 10.417h11.892a1.082 1.082 0 010 2.167H3.08A1.082 1.082 0 012 11.5c0-.598.484-1.083 1.081-1.083zm0 5.416h11.892c.597 0 1.081.485 1.081 1.084 0 .598-.484 1.083-1.081 1.083H3.08A1.082 1.082 0 012 16.917c0-.599.484-1.084 1.081-1.084zM22 11.5l-3.058 3.064V8.436L22 11.5z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.9729 5H3.08107C2.48401 5 2 5.48502 2 6.08333C2 6.68164 2.48401 7.16667 3.08107 7.16667H14.9729C15.57 7.16667 16.054 6.68164 16.054 6.08333C16.054 5.48502 15.57 5 14.9729 5ZM3.08107 10.4166H14.9729C15.57 10.4166 16.054 10.9016 16.054 11.4999C16.054 12.0982 15.57 12.5832 14.9729 12.5832H3.08107C2.48401 12.5832 2 12.0982 2 11.4999C2 10.9016 2.48401 10.4166 3.08107 10.4166ZM3.08107 15.8334H14.9729C15.57 15.8334 16.054 16.3184 16.054 16.9167C16.054 17.515 15.57 18 14.9729 18H3.08107C2.48401 18 2 17.515 2 16.9167C2 16.3184 2.48401 15.8334 3.08107 15.8334ZM21.9998 11.4999L18.942 14.564L18.942 8.43575L21.9998 11.4999Z", fill: "currentColor" })));
 });
 IconMenuClose.displayName = 'IconMenuClose';

package/dist/esm/icons/IconMenuOpen.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconMenuOpen = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconMenuOpen = 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: "M9.027 5H20.92a1.082 1.082 0 010 2.167H9.027a1.082 1.082 0 01-1.081-1.084C7.946 5.485 8.43 5 9.027 5zm11.892 5.417H9.027a1.082 1.082 0 000 2.167H20.92a1.083 1.083 0 000-2.167zm0 5.416H9.027c-.597 0-1.081.485-1.081 1.084 0 .598.484 1.083 1.081 1.083H20.92a1.082 1.082 0 000-2.167zM2 11.5l3.058 3.064V8.436L2 11.5z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.02711 5H20.9189C21.516 5 22 5.48502 22 6.08333C22 6.68164 21.516 7.16667 20.9189 7.16667H9.02711C8.43005 7.16667 7.94604 6.68164 7.94604 6.08333C7.94604 5.48502 8.43005 5 9.02711 5ZM20.9189 10.4166H9.02711C8.43005 10.4166 7.94604 10.9016 7.94604 11.4999C7.94604 12.0982 8.43005 12.5832 9.02711 12.5832H20.9189C21.516 12.5832 22 12.0982 22 11.4999C22 10.9016 21.516 10.4166 20.9189 10.4166ZM20.9189 15.8334H9.02711C8.43005 15.8334 7.94604 16.3184 7.94604 16.9167C7.94604 17.515 8.43005 18 9.02711 18H20.9189C21.516 18 22 17.515 22 16.9167C22 16.3184 21.516 15.8334 20.9189 15.8334ZM2.00024 11.4999L5.05798 14.564L5.05798 8.43575L2.00024 11.4999Z", fill: "currentColor" })));
 });
 IconMenuOpen.displayName = 'IconMenuOpen';

package/dist/esm/icons/IconMessage.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconMessage = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconMessage = 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: "M4 4h16v12H5.185L4 17.17V4zm0-2a2 2 0 00-2 2v18l4-4h14a2.008 2.008 0 002-2V4a2.008 2.008 0 00-2-2H4zm2 10h12v2H6v-2zm0-3h12v2H6V9zm0-2.963h12v2H6v-2z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 4H20V16H5.18519L4 17.1704V4ZM4 2C3.46957 2 2.96086 2.21071 2.58579 2.58579C2.21071 2.96086 2 3.46957 2 4V22L6 18H20C20.5298 17.998 21.0374 17.7867 21.4121 17.4121C21.7867 17.0374 21.998 16.5298 22 16V4C21.998 3.47017 21.7867 2.96259 21.4121 2.58794C21.0374 2.21329 20.5298 2.00195 20 2H4ZM6 12H18V14H6V12ZM6 9H18V11H6V9ZM6 6.03704H18V8.03704H6V6.03704Z", fill: "currentColor" })));
 });
 IconMessage.displayName = 'IconMessage';

package/dist/esm/icons/IconMetals.js

@@ -0,0 +1,19 @@
+import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconMetals = 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: "M3 7V13C3 15.3869 3.94821 17.6761 5.63604 19.364C7.32387 21.0518 9.61305 22 12 22C14.3869 22 16.6761 21.0518 18.364 19.364C20.0518 17.6761 21 15.3869 21 13V7H17V13C17 14.3261 16.4732 15.5979 15.5355 16.5355C14.5979 17.4732 13.3261 18 12 18C10.6739 18 9.40215 17.4732 8.46447 16.5355C7.52678 15.5979 7 14.3261 7 13V7M17 5H21V2H17M3 5H7V2H3", fill: "currentColor" })));
+});
+IconMetals.displayName = 'IconMetals';

package/dist/esm/icons/IconMinus.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconMinus = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconMinus = 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 13H5v-2h14v2z", fill: "currentColor" })));
+        React.createElement("path", { d: "M19 13H5V11H19V13Z", fill: "currentColor" })));
 });
 IconMinus.displayName = 'IconMinus';

package/dist/esm/icons/IconMinusCircled.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconMinusCircled = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconMinusCircled = 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: "M6.998 11.002v1.995h10.005v-1.995H6.998zm5.002-9a9.998 9.998 0 100 19.995 9.998 9.998 0 000-19.995zm0 18A8.003 8.003 0 1120.003 12 8.017 8.017 0 0112 20.002z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.99745 11.0024V12.9974H17.0024V11.0024H6.99745ZM11.9999 2.00244C10.0226 2.00244 8.08971 2.58878 6.44563 3.68732C4.80155 4.78586 3.52015 6.34726 2.76346 8.17406C2.00677 10.0009 1.80879 12.011 2.19455 13.9504C2.5803 15.8897 3.53247 17.6711 4.93065 19.0692C6.32882 20.4674 8.1102 21.4196 10.0495 21.8053C11.9889 22.1911 13.999 21.9931 15.8258 21.2364C17.6526 20.4797 19.214 19.1983 20.3126 17.5543C21.4111 15.9102 21.9974 13.9773 21.9974 11.9999C21.9974 9.34844 20.9441 6.80554 19.0692 4.93064C17.1944 3.05575 14.6514 2.00244 11.9999 2.00244ZM11.9999 20.0024C10.4172 20.0024 8.87 19.5331 7.554 18.6538C6.23799 17.7745 5.21229 16.5246 4.6066 15.0624C4.00091 13.6001 3.84243 11.9911 4.15121 10.4387C4.45999 8.8864 5.22215 7.46049 6.34132 6.34132C7.46049 5.22215 8.8864 4.45999 10.4387 4.15121C11.9911 3.84243 13.6001 4.00091 15.0624 4.6066C16.5246 5.21229 17.7745 6.23799 18.6538 7.55399C19.5331 8.86999 20.0024 10.4172 20.0024 11.9999C19.9985 14.1211 19.1541 16.1543 17.6542 17.6542C16.1543 19.1541 14.1211 19.9985 11.9999 20.0024Z", fill: "currentColor" })));
 });
 IconMinusCircled.displayName = 'IconMinusCircled';

package/dist/esm/icons/IconModeAir.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconModeAir = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconModeAir = 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: "M7.995 22h2l5.006-8.417h5.5c.398 0 .78-.166 1.06-.462.281-.297.44-.698.44-1.117 0-.419-.159-.82-.44-1.117a1.461 1.461 0 00-1.06-.462h-5.5L9.996 2H7.995l2.51 8.425H4.998l-1.5-2.108H2l1.012 3.687L2 15.684h1.5l1.499-2.1h5.507L7.995 22z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.995 22H9.99575L15.0014 13.5831H20.5016C20.899 13.5831 21.2802 13.4167 21.5613 13.1206C21.8423 12.8244 22.0002 12.4228 22.0002 12.0039C22.0002 11.5851 21.8423 11.1835 21.5613 10.8873C21.2802 10.5912 20.899 10.4248 20.5016 10.4248H15.0014L9.99575 2H7.995L10.5053 10.4248H4.99762L3.49893 8.31662H2.00024L3.01186 12.0039L2.00024 15.6834H3.49893L4.99762 13.5831H10.5053L7.995 22Z", fill: "currentColor" })));
 });
 IconModeAir.displayName = 'IconModeAir';

package/dist/esm/icons/IconModeAirExpress.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconModeAirExpress = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconModeAirExpress = 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: "M7.422 5.03l8.548 1.948 3.62-3.569a1.42 1.42 0 011.995-.004 1.38 1.38 0 01.004 1.966l-3.643 3.554 1.968 8.426-1.33 1.296-3.613-6.805-3.62 3.562.33 2.265-.984.978-1.63-2.91-2.96-1.629.985-.97 2.306.319 3.613-3.562-6.903-3.569 1.314-1.295zm9.067 14.105a.564.564 0 01.623-.136.564.564 0 01.311.307.55.55 0 01-.138.614l-2.96 2.918a.567.567 0 01-.964-.393.542.542 0 01.168-.392l2.96-2.918zm-1.24-2.184a.568.568 0 01.783.014.551.551 0 01.013.771l-1.968 1.94a.568.568 0 01-.782-.014.552.552 0 01-.014-.77l1.968-1.94zM7.362 9.17a.568.568 0 01.783.014.551.551 0 01.013.771l-1.975 1.948a.568.568 0 01-.783-.014.552.552 0 01-.013-.771L7.362 9.17zM5.11 7.466a.568.568 0 01.964.393.541.541 0 01-.168.392l-2.93 2.918a.565.565 0 01-.623.136.564.564 0 01-.311-.307.548.548 0 01.138-.614l2.93-2.918z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.42228 5.03051L15.9703 6.97781L19.5908 3.40899C19.8548 3.14781 20.2132 3.0007 20.5872 3C20.9612 2.99931 21.3201 3.14509 21.5851 3.40528C21.85 3.66548 21.9993 4.01876 22 4.38743C22.0007 4.75609 21.8528 5.10992 21.5888 5.3711L17.9458 8.92511L19.9138 17.3511L18.5843 18.6468L14.9713 11.8424L11.3508 15.4038L11.6813 17.6695L10.6973 18.6468L9.06729 15.737L6.10778 14.108L7.09178 13.1381L9.39779 13.4565L13.0108 9.89506L6.10778 6.32624L7.42228 5.03051ZM16.4886 19.1355C16.5402 19.0809 16.6024 19.0372 16.6715 19.0068C16.7406 18.9765 16.8152 18.9602 16.8908 18.9588C16.9664 18.9575 17.0416 18.9712 17.1117 18.9992C17.1819 19.0271 17.2456 19.0687 17.2991 19.1214C17.3526 19.1741 17.3948 19.2369 17.4231 19.3061C17.4514 19.3752 17.4653 19.4493 17.464 19.5239C17.4627 19.5984 17.4461 19.672 17.4153 19.7401C17.3845 19.8082 17.3401 19.8695 17.2848 19.9203L14.3253 22.8376C14.2197 22.9416 14.0765 23 13.9272 23C13.7779 23 13.6347 22.9416 13.5291 22.8376C13.4759 22.7865 13.4337 22.7255 13.4048 22.6581C13.376 22.5907 13.3611 22.5183 13.3611 22.4452C13.3611 22.372 13.376 22.2996 13.4048 22.2322C13.4337 22.1648 13.4759 22.1038 13.5291 22.0528L16.4886 19.1355ZM15.2492 16.9513C15.356 16.8532 15.4972 16.7998 15.6432 16.8023C15.7891 16.8048 15.9284 16.8631 16.0316 16.9649C16.1348 17.0666 16.1939 17.2039 16.1965 17.3477C16.1991 17.4916 16.1449 17.6308 16.0454 17.7361L14.0774 19.676C13.9706 19.7741 13.8294 19.8275 13.6834 19.825C13.5375 19.8224 13.3982 19.7641 13.295 19.6624C13.1918 19.5607 13.1327 19.4234 13.1301 19.2795C13.1275 19.1357 13.1817 18.9964 13.2812 18.8912L15.2492 16.9513ZM7.36219 9.16945C7.46899 9.07136 7.61024 9.01796 7.75618 9.0205C7.90213 9.02304 8.04138 9.08132 8.1446 9.18306C8.24782 9.2848 8.30694 9.42206 8.30952 9.56593C8.31209 9.70979 8.25792 9.84903 8.1584 9.9543L6.1829 11.9016C6.0761 11.9997 5.93485 12.0531 5.78891 12.0506C5.64296 12.048 5.50371 11.9897 5.40049 11.888C5.29727 11.7862 5.23815 11.649 5.23557 11.5051C5.233 11.3613 5.28717 11.222 5.38669 11.1168L7.36219 9.16945ZM5.10876 7.46649C5.21439 7.36249 5.35758 7.30408 5.50687 7.30408C5.65616 7.30408 5.79934 7.36249 5.90497 7.46649C5.95812 7.51753 6.00036 7.57856 6.02921 7.64595C6.05805 7.71335 6.07291 7.78576 6.07291 7.85891C6.07291 7.93206 6.05805 8.00447 6.02921 8.07186C6.00036 8.13926 5.95812 8.20028 5.90497 8.25133L2.97552 11.1686C2.92394 11.2231 2.86175 11.2669 2.79264 11.2973C2.72354 11.3276 2.64894 11.3439 2.5733 11.3452C2.49765 11.3466 2.42252 11.3328 2.35237 11.3049C2.28222 11.277 2.2185 11.2354 2.165 11.1827C2.11151 11.1299 2.06934 11.0671 2.041 10.998C2.01267 10.9288 1.99875 10.8548 2.00009 10.7802C2.00142 10.7057 2.01798 10.6321 2.04877 10.564C2.07956 10.4959 2.12395 10.4346 2.1793 10.3837L5.10876 7.46649Z", fill: "currentColor" })));
 });
 IconModeAirExpress.displayName = 'IconModeAirExpress';

package/dist/esm/icons/IconModeAirFreighter.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconModeAirFreighter = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconModeAirFreighter = 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: "M10.913 2l2.596 5.095a5.178 5.178 0 013.502 3.442h3.684c.722 0 1.305.653 1.305 1.463 0 .37-.124.725-.348.996-.224.27-.53.436-.859.463l-.098.005h-3.682c-.5 1.651-1.826 2.954-3.508 3.447L10.913 22H8.522l1.355-5.322a5.166 5.166 0 01-2.868-3.215h-2.4l-1.305 1.951H2L2.87 12 2 8.585h1.304l1.305 1.952h2.4a5.17 5.17 0 012.869-3.21L8.522 2h2.391zm2.67 6.893H10.38v6.268h1.166v-2.478h1.895v-1.085h-1.895V9.98h2.036V8.893z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.9132 1.99988L13.5088 7.09482C15.1868 7.58726 16.5107 8.88752 17.0109 10.5368H20.6957C21.417 10.5368 22 11.1902 22 12.0002C22.0004 12.3695 21.8762 12.7252 21.6524 12.9959C21.4285 13.2665 21.1217 13.4321 20.7935 13.4593L20.6957 13.4637H17.0129C16.5133 15.1152 15.1868 16.4183 13.5055 16.9108L10.9132 21.9999H8.52167L9.87687 16.6781C8.5021 16.0722 7.44298 14.9 7.00864 13.4629H4.60867L3.30433 15.4144H2L2.86934 12.0002L2 8.58532H3.30433L4.60867 10.5368H7.00994C7.44624 9.10265 8.50471 7.93117 9.87817 7.32677L8.52167 1.99988H10.9132ZM13.5825 8.89264H10.3803V15.1605H11.5458V12.6829H13.441V11.5978H11.5458V9.98144H13.5825V8.89264Z", fill: "currentColor" })));
 });
 IconModeAirFreighter.displayName = 'IconModeAirFreighter';

package/dist/esm/icons/IconModeShip.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconModeShip = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconModeShip = 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.996 3.82v.907h-1.995V3.82h1.995zm-.998 6.462l5.378 1.609 2.392.682-1.117 3.606a4.216 4.216 0 01-1.14-.852l-1.5-1.575-1.5 1.568a3.495 3.495 0 01-1.115.852 3.826 3.826 0 01-1.398.375 3.827 3.827 0 01-1.38-.366 3.503 3.503 0 01-1.11-.834l-1.5-1.568-1.5 1.568a4.34 4.34 0 01-1.14.845l-1.124-3.599 2.4-.723 5.354-1.588zm3-8.282h-6v2.727h-3a2.116 2.116 0 00-1.413.535c-.375.34-.587.803-.589 1.285v4.199l-1.29.381a1.054 1.054 0 00-.35.174.95.95 0 00-.25.283.838.838 0 00-.06.682l1.905 6.067h.045a5.901 5.901 0 002.216-.517c.69-.313 1.3-.754 1.789-1.297a5.38 5.38 0 001.78 1.312 5.88 5.88 0 002.217.529 5.883 5.883 0 002.213-.517 5.388 5.388 0 001.785-1.296 5.404 5.404 0 001.789 1.296A5.9 5.9 0 0020 18.36h.045l1.89-6.067a.868.868 0 00-.06-.681.935.935 0 00-.249-.284 1.04 1.04 0 00-.351-.173L20 10.773V6.547a1.747 1.747 0 00-.589-1.285A2.116 2.116 0 0018 4.727h-3V2zm-9 8.18V6.547h12v3.606l-6-1.786-6 1.813zm9.998 8.862a7.35 7.35 0 01-3.998 1.165 7.35 7.35 0 01-3.997-1.165 7.56 7.56 0 01-4.005 1.138H2.001V22h1.995a9.603 9.603 0 004.005-.9 9.575 9.575 0 003.998.88c1.39 0 2.76-.302 3.997-.88a9.497 9.497 0 004.005.9h1.995v-1.82h-1.995a7.541 7.541 0 01-4.005-1.2v.062z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.996 3.82004V4.72665H11.001V3.82004H12.996ZM11.9985 10.2822L17.376 11.8909L19.7685 12.5726L18.651 16.1786C18.2196 15.9568 17.8338 15.6685 17.511 15.3265L16.011 13.7519L14.511 15.3197C14.2081 15.6708 13.8285 15.9611 13.3961 16.1723C12.9637 16.3834 12.4878 16.5109 11.9985 16.5467C11.5154 16.5115 11.0453 16.387 10.6171 16.1807C10.1889 15.9744 9.81168 15.6906 9.50854 15.347L8.00854 13.7791L6.50854 15.347C6.18309 15.6846 5.79777 15.9703 5.36854 16.1922L4.24354 12.593L6.64354 11.8705L11.9985 10.2822ZM14.9985 2H8.99854V4.72665H5.99854C5.46805 4.72845 4.95985 4.92078 4.58474 5.26171C4.20962 5.60265 3.99801 6.06454 3.99604 6.54669V10.7457L2.70604 11.1275C2.57787 11.1639 2.45889 11.2231 2.35592 11.3014C2.25296 11.3798 2.16804 11.4759 2.10604 11.5842C1.98968 11.7958 1.96817 12.0401 2.04604 12.2658L3.95104 18.3327H3.99604C4.76664 18.3046 5.52196 18.1286 6.21228 17.816C6.90259 17.5035 7.51223 17.0616 8.00104 16.5194C8.48554 17.0664 9.09258 17.5134 9.78181 17.8308C10.471 18.1481 11.2267 18.3285 11.9985 18.3599C12.768 18.3318 13.5222 18.1557 14.2113 17.8431C14.9004 17.5305 15.5087 17.0887 15.996 16.5467C16.4848 17.0889 17.0945 17.5308 17.7848 17.8433C18.4751 18.1558 19.2304 18.3319 20.001 18.3599H20.046L21.936 12.2931C22.0101 12.067 21.9887 11.824 21.876 11.6115C21.8147 11.5027 21.73 11.4063 21.627 11.3278C21.5239 11.2494 21.4046 11.1905 21.276 11.1547L20.001 10.773V6.54669C19.9991 6.06454 19.7875 5.60265 19.4123 5.26171C19.0372 4.92078 18.529 4.72845 17.9985 4.72665H14.9985V2ZM5.99854 10.18V6.54669H17.9985V10.1527L11.9985 8.36673L5.99854 10.18ZM15.996 19.0416C14.83 19.7998 13.4322 20.2075 11.9985 20.2075C10.5648 20.2075 9.16704 19.7998 8.00104 19.0416C6.8239 19.7813 5.42715 20.1783 3.99604 20.18H2.00104V22H3.99604C5.39024 21.99 6.76227 21.6817 8.00104 21.1002C9.23907 21.6746 10.6085 21.9758 11.9985 21.9795C13.389 21.9792 14.7593 21.6778 15.996 21.1002C17.2335 21.6849 18.6064 21.9934 20.001 22H21.996V20.18H20.001C18.5627 20.1604 17.1653 19.7418 15.996 18.9802V19.0416Z", fill: "currentColor" })));
 });
 IconModeShip.displayName = 'IconModeShip';

package/dist/esm/icons/IconModeTrain.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconModeTrain = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconModeTrain = 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 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" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C8.00375 2 4 2.52112 4 6.20845V16.2124C4.00199 17.189 4.37176 18.1248 5.02819 18.8146C5.68461 19.5044 6.57407 19.8918 7.50141 19.8918L6.00187 21.471V22H8.00375L9.99813 19.8918H14.0019L15.9963 22H17.9981V21.471L16.4986 19.8918C17.4259 19.8918 18.3154 19.5044 18.9718 18.8146C19.6282 18.1248 19.998 17.189 20 16.2124V6.20845C20 2.52112 15.9963 2 12 2ZM12 4.10028C15.5089 4.10028 16.956 4.60561 17.5708 5.15831H6.42924C7.04405 4.62929 8.4911 4.10028 12 4.10028ZM6.00187 7.25859H11.0028V10.4169H6.00187V7.25859ZM17.9981 16.2124C17.9981 16.6312 17.8401 17.0329 17.5589 17.329C17.2777 17.6252 16.8963 17.7916 16.4986 17.7916H7.50141C7.10371 17.7916 6.72229 17.6252 6.44108 17.329C6.15986 17.0329 6.00187 16.6312 6.00187 16.2124V12.5251H17.9981V16.2124ZM8.49859 13.5752C8.79517 13.5752 9.08509 13.6678 9.33169 13.8413C9.57829 14.0149 9.77048 14.2615 9.88398 14.55C9.99748 14.8386 10.0272 15.1561 9.96931 15.4624C9.91145 15.7688 9.76864 16.0501 9.55892 16.271C9.34921 16.4918 9.08202 16.6422 8.79114 16.7032C8.50026 16.7641 8.19875 16.7328 7.92475 16.6133C7.65075 16.4938 7.41655 16.2914 7.25178 16.0317C7.08701 15.772 6.99906 15.4667 6.99906 15.1544C6.99906 14.7355 7.15705 14.3339 7.43827 14.0377C7.71948 13.7416 8.10089 13.5752 8.49859 13.5752ZM15.5014 13.5752C15.798 13.5752 16.0879 13.6678 16.3345 13.8413C16.5811 14.0149 16.7733 14.2615 16.8868 14.55C17.0003 14.8386 17.03 15.1561 16.9721 15.4624C16.9143 15.7688 16.7714 16.0501 16.5617 16.271C16.352 16.4918 16.0848 16.6422 15.794 16.7032C15.5031 16.7641 15.2016 16.7328 14.9276 16.6133C14.6536 16.4938 14.4194 16.2914 14.2546 16.0317C14.0898 15.772 14.0019 15.4667 14.0019 15.1544C14.0019 14.7355 14.1599 14.3339 14.4411 14.0377C14.7223 13.7416 15.1037 13.5752 15.5014 13.5752ZM17.9981 7.25859V10.4169H12.9972V7.25859H17.9981Z", fill: "currentColor" })));
 });
 IconModeTrain.displayName = 'IconModeTrain';

package/dist/esm/icons/IconModeTruck.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconModeTruck = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconModeTruck = 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.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" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.2733 8.63977H16.5467V5H3.82004C3.33789 5.0018 2.876 5.19411 2.53506 5.53502C2.19413 5.87592 2.0018 6.33777 2 6.81989V16.819H3.82004C3.82004 17.5421 4.10731 18.2356 4.61866 18.7469C5.13001 19.2582 5.82354 19.5455 6.54669 19.5455C7.26985 19.5455 7.96338 19.2582 8.47473 18.7469C8.98608 18.2356 9.27335 17.5421 9.27335 16.819H14.7267C14.7267 17.5421 15.0139 18.2356 15.5253 18.7469C16.0366 19.2582 16.7302 19.5455 17.4533 19.5455C18.1765 19.5455 18.87 19.2582 19.3813 18.7469C19.8927 18.2356 20.18 17.5421 20.18 16.819H22V12.2727L19.2733 8.63977ZM18.8166 10.003L20.5958 12.2727H16.5467V10.003H18.8166ZM6.54669 17.7256C6.36546 17.7269 6.18792 17.6743 6.03667 17.5745C5.88542 17.4746 5.76729 17.3321 5.69731 17.1649C5.62733 16.9977 5.60867 16.8135 5.6437 16.6357C5.67872 16.4579 5.76586 16.2946 5.89401 16.1664C6.02217 16.0383 6.18555 15.9511 6.36337 15.9161C6.54119 15.8811 6.72541 15.8998 6.89259 15.9697C7.05977 16.0397 7.20236 16.1578 7.30221 16.3091C7.40206 16.4603 7.45465 16.6378 7.45331 16.819C7.45152 17.0589 7.35543 17.2885 7.18579 17.4581C7.01616 17.6277 6.78659 17.7238 6.54669 17.7256ZM8.59168 14.9991C8.33581 14.709 8.02113 14.4767 7.66854 14.3175C7.31596 14.1584 6.93354 14.0761 6.54669 14.0761C6.15985 14.0761 5.77743 14.1584 5.42485 14.3175C5.07226 14.4767 4.75758 14.709 4.5017 14.9991H3.82004V6.81989H14.7267V14.9991H8.59168ZM17.4533 17.7256C17.2721 17.7269 17.0945 17.6743 16.9433 17.5745C16.792 17.4746 16.6739 17.3321 16.6039 17.1649C16.5339 16.9977 16.5153 16.8135 16.5503 16.6357C16.5853 16.4579 16.6725 16.2946 16.8006 16.1664C16.9288 16.0383 17.0922 15.9511 17.27 15.9161C17.4478 15.8811 17.632 15.8998 17.7992 15.9697C17.9664 16.0397 18.109 16.1578 18.2088 16.3091C18.3087 16.4603 18.3613 16.6378 18.3599 16.819C18.3581 17.0589 18.262 17.2885 18.0924 17.4581C17.9228 17.6277 17.6932 17.7238 17.4533 17.7256Z", fill: "currentColor" })));
 });
 IconModeTruck.displayName = 'IconModeTruck';

package/dist/esm/icons/IconMoneyCase.js

@@ -1,18 +1,21 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconMoneyCase = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconMoneyCase = 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: "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.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" })));
+        React.createElement("path", { d: "M3.42857 21C3.06349 21 2.73413 20.85 2.44048 20.55C2.14683 20.25 2 19.9 2 19.5V7.5C2 7.11667 2.14683 6.77083 2.44048 6.4625C2.73413 6.15417 3.06349 6 3.42857 6H20.5714C20.9524 6 21.2857 6.15417 21.5714 6.4625C21.8571 6.77083 22 7.11667 22 7.5V8.85H20.5714V7.5H3.42857V19.5H20.5714V8.85H22V19.5C22 19.9 21.8571 20.25 21.5714 20.55C21.2857 20.85 20.9524 21 20.5714 21H3.42857Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M9.14286 7.325C8.77778 7.325 8.44841 7.175 8.15476 6.875C7.86111 6.575 7.71429 6.225 7.71429 5.825V3.5C7.71429 3.11667 7.86111 2.77083 8.15476 2.4625C8.44841 2.15417 8.77778 2 9.14286 2H14.8571C15.2381 2 15.5714 2.15417 15.8571 2.4625C16.1429 2.77083 16.2857 3.11667 16.2857 3.5V5.85H14.8571V3.5H9.14286V6H14.8571V5.85H16.2857V5.825C16.2857 6.225 16.1429 6.575 15.8571 6.875C15.5714 7.175 15.2381 7.325 14.8571 7.325H9.14286Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M12.1858 12.95C11.1048 12.655 10.7572 12.35 10.7572 11.875C10.7572 11.33 11.2382 10.95 12.0429 10.95C12.8906 10.95 13.2048 11.375 13.2334 12H14.2858C14.2525 11.14 13.7525 10.35 12.7572 10.095V9H11.3286V10.08C10.4048 10.29 9.66198 10.92 9.66198 11.885C9.66198 13.04 10.5715 13.615 11.9001 13.95C13.0906 14.25 13.3286 14.69 13.3286 15.155C13.3286 15.5 13.0953 16.05 12.0429 16.05C11.062 16.05 10.6763 15.59 10.6239 15H9.57626C9.63341 16.095 10.4144 16.71 11.3286 16.915V18H12.7572V16.925C13.6858 16.74 14.4239 16.175 14.4239 15.15C14.4239 13.73 13.2667 13.245 12.1858 12.95Z", fill: "currentColor" })));
 });
 IconMoneyCase.displayName = 'IconMoneyCase';

package/dist/esm/icons/IconMonitor.js

@@ -1,12 +1,14 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconMonitor = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconMonitor = 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',