@freightos/icons 1.0.17 → 3.0.0

package/dist/esm/icons/IconTable.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconTable = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconTable = 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.9 2H4.108a2.062 2.062 0 00-1.488.654A2.297 2.297 0 002 4.225v15.55c.002.59.225 1.154.62 1.57.395.418.93.653 1.488.655H19.9a2.054 2.054 0 001.485-.655 2.29 2.29 0 00.615-1.57V4.225a2.29 2.29 0 00-.615-1.57A2.054 2.054 0 0019.9 2zm0 2.225v3.333H4.108V4.225H19.9zm-5.267 15.55H9.367v-10h5.266v10zm-10.525-10h3.158v10H4.108v-10zm12.633 10v-10H19.9v10h-3.16z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.8997 2H4.10817C3.54969 2.0022 3.01468 2.23732 2.61977 2.65411C2.22486 3.07091 2.00208 3.63557 2 4.225V19.775C2.00208 20.3644 2.22486 20.9291 2.61977 21.3459C3.01468 21.7627 3.54969 21.9978 4.10817 22H19.8997C20.4575 21.9978 20.9917 21.7624 21.3853 21.3454C21.779 20.9283 22 20.3637 22 19.775V4.225C22 3.63633 21.779 3.07166 21.3853 2.65463C20.9917 2.2376 20.4575 2.0022 19.8997 2ZM19.8997 4.225V7.55833H4.10817V4.225H19.8997ZM14.6332 19.775H9.36676V9.775H14.6332V19.775ZM4.10817 9.775H7.26648V19.775H4.10817V9.775ZM16.7414 19.775V9.775H19.8997V19.775H16.7414Z", fill: "currentColor" })));
 });
 IconTable.displayName = 'IconTable';

package/dist/esm/icons/IconTableSort.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconTableSort = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconTableSort = 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.997 14.5l-4.995 5.003L7 14.5h9.997zM12.002 4l4.995 5.002H7L12.002 4z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.9975 14.5L12.0025 19.5025L7 14.5H16.9975ZM12.0025 4L16.9975 9.0025H7L12.0025 4Z", fill: "currentColor" })));
 });
 IconTableSort.displayName = 'IconTableSort';

package/dist/esm/icons/IconTablet.js

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

package/dist/esm/icons/IconTag.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconTag = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconTag = 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.878 3.55l8.556 8.568c.353.354.556.83.566 1.33a1.844 1.844 0 01-.558 1.339l-6.652 6.655a1.843 1.843 0 01-1.338.558 1.881 1.881 0 01-1.338-.55l-8.556-8.568A1.89 1.89 0 013 11.552V4.905A1.913 1.913 0 014.904 3h6.636a1.88 1.88 0 011.338.55zm-7.974 8.002l8.54 8.559 6.644-6.67-8.54-8.536H4.904v6.647zm2.705-4.5a1.37 1.37 0 111.523 2.28 1.37 1.37 0 01-1.523-2.28z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.8784 3.55074L21.4341 12.1175C21.7869 12.4718 21.9896 12.9485 21.9999 13.4484C22.0022 13.6977 21.9539 13.9449 21.858 14.1749C21.762 14.405 21.6204 14.6132 21.4418 14.787L14.7899 21.4416C14.6162 21.6203 14.4081 21.7619 14.1781 21.8579C13.9481 21.9539 13.701 22.0022 13.4519 21.9999C13.2035 22.001 12.9575 21.9529 12.7278 21.8584C12.4982 21.7639 12.2895 21.6248 12.1138 21.4492L3.55815 12.8824C3.20337 12.5302 3.00265 12.0516 3 11.5515V4.9046C3.00201 4.40009 3.20324 3.91682 3.55984 3.56008C3.91644 3.20334 4.39951 3.00203 4.90382 3.00002H11.5404C11.7887 2.99891 12.0348 3.047 12.2645 3.14152C12.4941 3.23605 12.7028 3.37513 12.8784 3.55074ZM4.90382 11.5515L13.4442 20.1106L20.0885 13.4408L11.5481 4.9046H4.90382V11.5515ZM7.60901 7.05284C7.83436 6.90227 8.0993 6.8219 8.37032 6.8219C8.73376 6.8219 9.0823 6.96627 9.33929 7.22326C9.59627 7.48024 9.74065 7.82879 9.74065 8.19222C9.74065 8.46325 9.66028 8.72818 9.50971 8.95353C9.35913 9.17888 9.14512 9.35452 8.89472 9.45824C8.64433 9.56195 8.3688 9.58909 8.10299 9.53621C7.83717 9.48334 7.593 9.35283 7.40136 9.16119C7.20972 8.96954 7.07921 8.72538 7.02633 8.45956C6.97346 8.19374 7.00059 7.91822 7.10431 7.66782C7.20803 7.41743 7.38366 7.20341 7.60901 7.05284Z", fill: "currentColor" })));
 });
 IconTag.displayName = 'IconTag';

package/dist/esm/icons/IconTax.js

@@ -0,0 +1,22 @@
+import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconTax = 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: "M15.1944 16.9711C16.1715 16.9711 16.9691 16.1735 16.9691 15.1964C16.9691 14.2193 16.1715 13.4317 15.1944 13.4317C14.2174 13.4317 13.4297 14.2193 13.4297 15.1964C13.4297 16.1735 14.2174 16.9711 15.1944 16.9711Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M6.99902 15.5055L8.49454 17.001L16.999 8.49649L15.5035 7.00098L6.99902 15.5055Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M8.82355 7.05083C7.83651 7.05083 7.04887 7.83846 7.04887 8.8255C7.04887 9.80257 7.83651 10.5902 8.82355 10.5902C9.80062 10.5902 10.5883 9.80257 10.5883 8.8255C10.5883 7.83846 9.80062 7.05083 8.82355 7.05083Z", fill: "currentColor" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 2L19.5 3.5L21 2V22L19.5 20.5L18 22L16.5 20.5L15 22L13.5 20.5L12 22L10.5 20.5L9 22L7.5 20.5L6 22L4.5 20.5L3 22V2L4.5 3.5L6 2L7.5 3.5L9 2L10.5 3.5L12 2L13.5 3.5L15 2L16.5 3.5L18 2ZM18.75 18.875V5.375H5.25V18.875H18.75Z", fill: "currentColor" })));
+});
+IconTax.displayName = 'IconTax';

package/dist/esm/icons/IconTemperatureControl.js

@@ -0,0 +1,19 @@
+import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconTemperatureControl = 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", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.83 1C10.7318 1 12.28 2.4929 12.28 4.32678V14.3862C13.1554 15.2469 13.66 16.4196 13.66 17.6339C13.66 20.2038 11.4952 22.2914 8.83 22.2914C6.16488 22.2914 4 20.2038 4 17.6339C4 16.4196 4.50456 15.2469 5.38 14.3862V4.32678C5.38 2.4929 6.92819 1 8.83 1ZM17.8 1C16.2777 1 15.04 2.19348 15.04 3.66143C15.04 5.12937 16.2777 6.32285 17.8 6.32285C19.3223 6.32285 20.56 5.12937 20.56 3.66143C20.56 2.19348 19.3223 1 17.8 1ZM17.8 4.99214C17.0367 4.99214 16.42 4.39748 16.42 3.66143C16.42 2.92537 17.0367 2.33071 17.8 2.33071C18.5633 2.33071 19.18 2.92537 19.18 3.66143C19.18 4.39748 18.5633 4.99214 17.8 4.99214ZM8.83001 20.9607C6.92819 20.9607 5.38 19.4678 5.38 17.6339C5.38 16.5735 5.90613 15.6005 6.76001 14.9808V4.32678C6.76001 3.22478 7.68719 2.33071 8.83001 2.33071C9.97281 2.33071 10.9 3.22478 10.9 4.32678V14.9808C11.7539 15.5962 12.28 16.5735 12.28 17.6339C12.28 19.4678 10.7318 20.9607 8.83001 20.9607ZM6.76001 17.6782C6.76001 18.7807 7.68676 19.6743 8.83001 19.6743C9.97325 19.6743 10.9 18.7807 10.9 17.6782C10.9 16.8093 10.3239 16.0703 9.52 15.7962V10.3594C9.52 9.99191 9.2111 9.69402 8.83001 9.69402C8.4489 9.69402 8.14 9.99191 8.14 10.3594V15.7962C7.33611 16.0703 6.76001 16.8093 6.76001 17.6782Z", fill: "currentColor" })));
+});
+IconTemperatureControl.displayName = 'IconTemperatureControl';

package/dist/esm/icons/IconTerminal.js

@@ -0,0 +1,22 @@
+import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconTerminal = 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 21.5V19.5H11V16.5H4C3.45 16.5 2.97917 16.3042 2.5875 15.9125C2.19583 15.5208 2 15.05 2 14.5V4.5C2 3.95 2.19583 3.47917 2.5875 3.0875C2.97917 2.69583 3.45 2.5 4 2.5H20C20.55 2.5 21.0208 2.69583 21.4125 3.0875C21.8042 3.47917 22 3.95 22 4.5V14.5C22 15.05 21.8042 15.5208 21.4125 15.9125C21.0208 16.3042 20.55 16.5 20 16.5H13V19.5H18V21.5H6ZM4 14.5H20V4.5H4V14.5Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M9 13.5H7V7.5H9V13.5Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M13 13.5H11V5.5H13V13.5Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M17 13.5H15V9.5H17V13.5Z", fill: "currentColor" })));
+});
+IconTerminal.displayName = 'IconTerminal';

package/dist/esm/icons/IconTextBold.js

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

@@ -0,0 +1,19 @@
+import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconTextFormat = 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 21.5V18.9091H22V21.5H2ZM5.78472 16.3182L10.8194 2.5H13.2153L18.2153 16.3182H15.8889L14.7083 12.7917H9.32639L8.11111 16.3182H5.78472ZM9.98611 10.7765H14.0139L12.0694 5.09091H11.9653L9.98611 10.7765Z", fill: "currentColor" })));
+});
+IconTextFormat.displayName = 'IconTextFormat';

package/dist/esm/icons/IconTextItalic.js

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

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

@@ -0,0 +1,19 @@
+import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconThumbDown = 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.7619 3H17.2381V14.7L10.5714 21L9.38095 19.875C9.26984 19.77 9.17857 19.6275 9.10714 19.4475C9.03571 19.2675 9 19.095 9 18.93V18.615L10.0476 14.7H3.90476C3.39683 14.7 2.95238 14.52 2.57143 14.16C2.19048 13.8 2 13.38 2 12.9V11.1C2 10.995 2.01587 10.8825 2.04762 10.7625C2.07937 10.6425 2.11111 10.53 2.14286 10.425L5 4.08C5.14286 3.78 5.38095 3.525 5.71429 3.315C6.04762 3.105 6.39683 3 6.7619 3ZM15.3333 4.8H6.7619L3.90476 11.1V12.9H12.4762L11.1905 17.85L15.3333 13.935V4.8ZM17.2381 14.7V12.9H20.0952V4.8H17.2381V3H22V14.7H17.2381Z", fill: "currentColor" })));
+});
+IconThumbDown.displayName = 'IconThumbDown';

package/dist/esm/icons/IconThumbUp.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconThumbUp = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconThumbUp = 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: "M5.636 9.273v10.909H2V9.272h3.636zm3.637 10.909a1.818 1.818 0 01-1.818-1.818V9.273c0-.5.2-.955.536-1.282L13.973 2l.963.964c.246.245.4.581.4.954l-.027.291-.864 4.155h5.737c1.009 0 1.818.818 1.818 1.818V12c0 .236-.046.454-.127.664l-2.746 6.409a1.806 1.806 0 01-1.672 1.109H9.272zm0-1.818h8.209l2.7-6.364v-1.818H12.19l1.027-4.837L9.273 9.3v9.064z", fill: "currentColor" })));
+        React.createElement("path", { d: "M5.63636 10.2V21H2V10.2H5.63636ZM9.27273 21C8.79052 21 8.32805 20.8104 7.98708 20.4728C7.6461 20.1352 7.45455 19.6774 7.45455 19.2V10.2C7.45455 9.705 7.65455 9.255 7.99091 8.931L13.9727 3L14.9364 3.954C15.1818 4.197 15.3364 4.53 15.3364 4.899L15.3091 5.187L14.4455 9.3H20.1818C21.1909 9.3 22 10.11 22 11.1V12.9C22 13.134 21.9545 13.35 21.8727 13.557L19.1273 19.902C18.8545 20.55 18.2091 21 17.4545 21H9.27273ZM9.27273 19.2H17.4818L20.1818 12.9V11.1H12.1909L13.2182 6.312L9.27273 10.227V19.2Z", fill: "currentColor" })));
 });
 IconThumbUp.displayName = 'IconThumbUp';

package/dist/esm/icons/IconTile.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconTile = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconTile = 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: "M2 5v14h20V5H2zm4.702 1.996v2.003H4.356V6.996h2.346zm-2.346 6.002v-1.996h2.346v1.996H4.356zm0 2.003h2.346v2.003H4.356v-2.003zm15.288 2.003H9.059v-2.003h10.587v2.003zm0-4.006H9.059v-1.996h10.587v1.996zm0-4H9.059V6.997h10.587V9z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 5V19H22V5H2ZM6.70225 6.99571V8.99893H4.35554V6.99571H6.70225ZM4.35554 12.9979V11.0021H6.70225V12.9979H4.35554ZM4.35554 15.0011H6.70225V17.0043H4.35554V15.0011ZM19.6445 17.0043H9.05779V15.0011H19.6445V17.0043ZM19.6445 12.9979H9.05779V11.0021H19.6445V12.9979ZM19.6445 8.99893H9.05779V6.99571H19.6445V8.99893Z", fill: "currentColor" })));
 });
 IconTile.displayName = 'IconTile';

package/dist/esm/icons/IconTimer.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconTimer = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconTimer = 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.995 2h-6v1.891h6V2zm-3.998 12.368H13v-5.71h-2.003v5.71zm8.033-6.302l1.417-1.32a10.64 10.64 0 00-1.41-1.342L17.62 6.746c-1.797-1.366-4.076-2.026-6.37-1.845-2.292.182-4.424 1.193-5.958 2.824-1.534 1.631-2.353 3.76-2.29 5.948.064 2.189 1.006 4.27 2.633 5.818 1.627 1.549 3.815 2.445 6.114 2.506 2.3.06 4.537-.72 6.251-2.179 1.714-1.46 2.776-3.489 2.968-5.67.191-2.182-.503-4.35-1.94-6.06v-.022zm-7.035 12.012a7.262 7.262 0 01-3.893-1.124 6.749 6.749 0 01-2.58-2.993 6.367 6.367 0 01-.397-3.852 6.573 6.573 0 011.92-3.413 7.122 7.122 0 013.588-1.823 7.336 7.336 0 014.048.383 6.94 6.94 0 013.142 2.458A6.438 6.438 0 0119 13.419a6.372 6.372 0 01-.532 2.551 6.641 6.641 0 01-1.518 2.162 7.026 7.026 0 01-2.274 1.443 7.304 7.304 0 01-2.681.503z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.9948 2H8.99479V3.8913H14.9948V2ZM10.9973 14.3684H12.9998V8.6588H10.9973V14.3684ZM19.0298 8.06643L20.4473 6.74609C20.0214 6.25875 19.5494 5.80962 19.0373 5.40434L17.6198 6.74609C15.8229 5.37913 13.5441 4.71886 11.2516 4.90091C8.95902 5.08296 6.82676 6.09351 5.2928 7.72497C3.75884 9.35644 2.93963 11.4849 3.00347 13.6733C3.0673 15.8616 4.00933 17.9436 5.63604 19.4915C7.26275 21.0395 9.45064 21.936 11.7503 21.9967C14.0499 22.0574 16.2867 21.2779 18.0011 19.8182C19.7156 18.3585 20.7775 16.3294 20.9688 14.1478C21.1601 11.9663 20.4663 9.79777 19.0298 8.08784V8.06643ZM11.9948 20.078C10.609 20.078 9.25437 19.6868 8.10225 18.9541C6.95012 18.2213 6.05227 17.1798 5.5223 15.9613C4.99233 14.7429 4.85405 13.4022 5.12495 12.1089C5.39584 10.8157 6.06375 9.62794 7.04417 8.69598C8.02459 7.76401 9.27346 7.12971 10.6328 6.87331C11.9921 6.61691 13.4008 6.74993 14.6807 7.25556C15.9606 7.76118 17.0541 8.61668 17.8229 9.71383C18.5917 10.811 19.0013 12.1005 18.9998 13.4192C19.0008 14.2945 18.8202 15.1614 18.4684 15.9701C18.1167 16.7789 17.6006 17.5137 16.9498 18.1323C16.2991 18.7509 15.5264 19.2412 14.6761 19.5751C13.8258 19.9089 12.9146 20.0798 11.9948 20.078Z", fill: "currentColor" })));
 });
 IconTimer.displayName = 'IconTimer';

package/dist/esm/icons/IconTotal.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconTotal = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconTotal = 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: "M18 6H8.83l6 6-6 6H18v2H6v-2l6-6-6-6V4h12v2z", fill: "currentColor" })));
+        React.createElement("path", { d: "M18 6H8.83L14.83 12L8.83 18H18V20H6V18L12 12L6 6V4H18V6Z", fill: "currentColor" })));
 });
 IconTotal.displayName = 'IconTotal';

package/dist/esm/icons/IconTotalUnits.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconTotalUnits = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconTotalUnits = 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.333 5.17L12.081 4h-.2L7.637 5.17l-.452.36v5.158l.267.367L12 12.348l4.54-1.293.275-.367V5.53l-.482-.36zm-7.281.36l2.963-.765 2.91.765-.703.222-2.222.62-2.54-.689-.408-.153zm2.578 5.915l-3.704-1.048V6.035l3.704 1.026v4.384zm.74 0V7.061l1.467-.416V8.6l.74-.2V6.437l1.497-.424v4.385l-3.704 1.048zm4.897.207l4.252 1.17.481.36v5.158l-.274.367L17.186 20l-4.549-1.293-.267-.367v-5.158l.452-.36 4.245-1.17h.2zm-.067.765l-2.963.765.408.153 2.54.689 2.223-.62.703-.222-2.91-.765zm-4.089 5.632l3.704 1.048v-4.385l-3.704-1.025v4.362zm4.445-3.336v4.384l3.703-1.048v-4.385l-1.496.423v1.965l-.74.199v-1.954l-1.467.415zm-10.66-3.061l4.252 1.17.482.36v5.158l-.274.367L6.815 20l-4.548-1.293L2 18.34v-5.158l.452-.36 4.244-1.17h.2zm-.066.765l-2.963.765.407.153 2.54.689 2.223-.62.704-.222-2.911-.765zm-4.09 5.632l3.704 1.048v-4.385l-3.703-1.025v4.362zm4.445-3.336v4.384l3.704-1.048v-4.385l-1.496.423v1.965l-.741.199v-1.954l-1.467.415z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.7958 2.4093C11.9281 2.36357 12.0719 2.36357 12.2042 2.4093L17.2042 4.13769C17.456 4.22475 17.625 4.46192 17.625 4.7284V10.5548L22.2042 12.1377C22.456 12.2248 22.625 12.4619 22.625 12.7284V19.3539C22.625 19.6238 22.4518 19.8632 22.1954 19.9476L17.1954 21.5937C17.0685 21.6354 16.9315 21.6354 16.8046 21.5937L12 20.0119L7.19544 21.5937C7.0685 21.6354 6.9315 21.6354 6.80456 21.5937L1.80456 19.9476C1.54822 19.8632 1.375 19.6238 1.375 19.3539V12.5C1.375 12.224 1.55604 11.9807 1.82041 11.9014L6.375 10.535V4.7284C6.375 4.46192 6.54395 4.22475 6.79581 4.13769L11.7958 2.4093ZM7 11.6525L4.17506 12.5L7 13.3475L9.82494 12.5L7 11.6525ZM11.375 13.34L7.625 14.465V20.1362L11.375 18.9017V13.34ZM12.625 18.9017L16.375 20.1362V14.465L12.625 13.34V18.9017ZM14.1751 12.5L17.0138 13.3516L19.823 12.6371L16.9864 11.6566L14.1751 12.5ZM16.375 10.535V5.59216L12.625 6.82672V11.66L16.375 10.535ZM11.375 11.66V6.82672L7.625 5.59216V10.535L11.375 11.66ZM8.9548 4.71395L12 5.71649L15.0452 4.71395L12 3.66129L8.9548 4.71395ZM21.375 13.5322L17.625 14.4859V20.1362L21.375 18.9017V13.5322ZM6.375 20.1362V14.465L2.625 13.34V18.9017L6.375 20.1362Z", fill: "currentColor" })));
 });
 IconTotalUnits.displayName = 'IconTotalUnits';

package/dist/esm/icons/IconTransactions.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconTransactions = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconTransactions = 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: "M22 8.571L17.556 4v3.429H9.778v2.285h7.778v3.429M6.444 10.857L2 15.43 6.444 20v-3.429h7.778v-2.285H6.444v-3.429z", fill: "currentColor" })));
+        React.createElement("path", { d: "M22 8.57143L17.5556 4V7.42857H9.77778V9.71429H17.5556V13.1429M6.44444 10.8571L2 15.4286L6.44444 20V16.5714H14.2222V14.2857H6.44444V10.8571Z", fill: "currentColor" })));
 });
 IconTransactions.displayName = 'IconTransactions';

package/dist/esm/icons/IconTrash.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconTrash = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconTrash = 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.002 18.997c.006.535.22 1.045.593 1.42A1.97 1.97 0 007.999 21H16a1.971 1.971 0 001.404-.582c.374-.376.587-.886.593-1.42v-12H6.002v12zM8 9h8v9.997H8V9zm7.5-5.002L14.498 3H9.502L8.5 3.998H5V6h14V3.998h-3.5z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.00211 18.9975C6.00794 19.532 6.22112 20.0424 6.59518 20.4175C6.96924 20.7926 7.47384 21.002 7.99895 21H16.0011C16.5262 21.002 17.0308 20.7926 17.4048 20.4175C17.7789 20.0424 17.9921 19.532 17.9979 18.9975V6.9975H6.00211V18.9975ZM7.99895 9H16.0011V18.9975H7.99895V9ZM15.5 3.9975L14.4979 3H9.5021L8.5 3.9975H5V6H19V3.9975H15.5Z", fill: "currentColor" })));
 });
 IconTrash.displayName = 'IconTrash';

package/dist/esm/icons/IconTrendingDown.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconTrendingDown = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconTrendingDown = 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: "M15.998 18l2.296-2.287-4.884-4.883-3.998 3.998L2 7.41 3.41 6l6.002 6 3.998-3.998 6.302 6.285L22 12v6h-6.002z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.9985 18L18.2941 15.7125L13.4104 10.83L9.41185 14.8275L2 7.41L3.41035 6L9.41185 12L13.4104 8.0025L19.7119 14.2875L22 12V18H15.9985Z", fill: "currentColor" })));
 });
 IconTrendingDown.displayName = 'IconTrendingDown';

package/dist/esm/icons/IconTrendingFlat.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconTrendingFlat = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconTrendingFlat = 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.997 12L18 8v3.002H3v1.996h15V16l3.997-4z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.9975 12L18 8V11.0019H3V12.9981H18V16L21.9975 12Z", fill: "currentColor" })));
 });
 IconTrendingFlat.displayName = 'IconTrendingFlat';

package/dist/esm/icons/IconTrendingUp.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconTrendingUp = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconTrendingUp = 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: "M15.999 6l2.295 2.287-4.884 4.883-3.998-3.998L2 16.59 3.41 18l6.002-6 3.998 3.998 6.302-6.285L22 12V6h-6z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.9985 6L18.2941 8.2875L13.4104 13.17L9.41185 9.1725L2 16.59L3.41035 18L9.41185 12L13.4104 15.9975L19.7119 9.7125L22 12V6H15.9985Z", fill: "currentColor" })));
 });
 IconTrendingUp.displayName = 'IconTrendingUp';