@freightos/icons 1.0.16 → 3.0.0

package/dist/esm/icons/IconMonitorWeight.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconMonitorWeight = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconMonitorWeight = 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.778 2H4.222A2.228 2.228 0 002 4.222v15.556C2 21 3 22 4.222 22h15.556C21 22 22 21 22 19.778V4.222C22 3 21 2 19.778 2zm0 17.778H4.222V4.222h15.556v15.556zM12 5.333a3.329 3.329 0 00-3.333 3.334A3.329 3.329 0 0012 12a3.329 3.329 0 003.333-3.333A3.329 3.329 0 0012 5.333zm-1.111 3.89H9.778V8.11h1.11v1.111zm1.667 0h-1.112V8.11h1.112v1.111zm1.666 0h-1.11V8.11h1.11v1.111z", fill: "currentColor" })));
+        React.createElement("path", { d: "M19.7778 2H4.22222C3.63336 2.00164 3.06908 2.2363 2.65269 2.65269C2.2363 3.06908 2.00164 3.63336 2 4.22222V19.7778C2 21 3 22 4.22222 22H19.7778C21 22 22 21 22 19.7778V4.22222C22 3 21 2 19.7778 2ZM19.7778 19.7778H4.22222V4.22222H19.7778V19.7778ZM12 5.33333C11.5621 5.33275 11.1284 5.41857 10.7237 5.58588C10.319 5.75319 9.95132 5.99869 9.64167 6.30834C9.33203 6.61798 9.08652 6.98568 8.91921 7.39036C8.7519 7.79505 8.66608 8.22876 8.66667 8.66667C8.66608 9.10457 8.7519 9.53829 8.91921 9.94297C9.08652 10.3477 9.33203 10.7153 9.64167 11.025C9.95132 11.3346 10.319 11.5801 10.7237 11.7475C11.1284 11.9148 11.5621 12.0006 12 12C12.4379 12.0006 12.8716 11.9148 13.2763 11.7475C13.681 11.5801 14.0487 11.3346 14.3583 11.025C14.668 10.7153 14.9135 10.3477 15.0808 9.94297C15.2481 9.53829 15.3339 9.10457 15.3333 8.66667C15.3339 8.22876 15.2481 7.79505 15.0808 7.39036C14.9135 6.98568 14.668 6.61798 14.3583 6.30834C14.0487 5.99869 13.681 5.75319 13.2763 5.58588C12.8716 5.41857 12.4379 5.33275 12 5.33333ZM10.8889 9.22222H9.77778V8.11111H10.8889V9.22222ZM12.5556 9.22222H11.4444V8.11111H12.5556V9.22222ZM14.2222 9.22222H13.1111V8.11111H14.2222V9.22222Z", fill: "currentColor" })));
 });
 IconMonitorWeight.displayName = 'IconMonitorWeight';

package/dist/esm/icons/IconMultipleAddress.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconMultipleAddress = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconMultipleAddress = 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.805 10.81H9.2a.12.12 0 00-.085.04.14.14 0 00-.035.094l-.002.53-.493-.223V9.226c0-.29.223-.528.498-.528h5.835c.275 0 .497.238.497.528v2.024l-.489.22v-.526a.14.14 0 00-.035-.094.119.119 0 00-.086-.04zm-.76 1.058h-4.09l1.17.528h1.751l1.17-.528zm-1.801 1.585h-.488v5.416a.139.139 0 01-.036.093.118.118 0 01-.087.038h-1.219c-.067 0-.121-.059-.121-.131v-4.096c0-.29-.223-.528-.498-.528H3.961c-.275 0-.498.238-.498.528v4.096a.139.139 0 01-.036.092.118.118 0 01-.085.039h-1.22C2.055 19 2 18.941 2 18.869V13.21c0-.156.043-.31.123-.44a.75.75 0 01.326-.292l4.147-1.87a.682.682 0 01.526-.015v-2.93c0-.156.043-.31.123-.44a.75.75 0 01.326-.292l4.148-1.87a.68.68 0 01.562 0l4.148 1.87h-.001a.75.75 0 01.327.292c.08.13.123.283.123.44v2.929a.683.683 0 01.524.016l4.149 1.87h-.002a.75.75 0 01.328.292c.08.13.123.284.123.44v5.658a.139.139 0 01-.037.093.118.118 0 01-.086.039h-1.219c-.067 0-.121-.059-.121-.132v-4.095c0-.29-.223-.528-.498-.528h-5.834c-.275 0-.498.238-.498.528v4.095a.138.138 0 01-.036.093.118.118 0 01-.085.039h-1.22c-.068 0-.122-.059-.122-.132v-5.415zm2.56-4.227h-5.6a.119.119 0 00-.086.04.14.14 0 00-.035.093l-.001.792c0 .073.054.132.121.132h5.602a.119.119 0 00.085-.04.139.139 0 00.036-.092V9.36a.14.14 0 00-.035-.094.119.119 0 00-.086-.04zm-5.121 7.132H4.078a.118.118 0 00-.086.04.139.139 0 00-.035.093v.793c0 .072.054.131.121.131h5.605a.118.118 0 00.085-.039.139.139 0 00.036-.093v-.792a.139.139 0 00-.035-.093.118.118 0 00-.086-.04zm0 1.585H4.075a.119.119 0 00-.087.039.14.14 0 00-.036.094v.793c0 .072.054.131.122.131h5.609a.118.118 0 00.085-.039.139.139 0 00.036-.092v-.793a.139.139 0 00-.035-.094.119.119 0 00-.086-.04zm0-3.17h-5.6a.118.118 0 00-.087.04.14.14 0 00-.035.093l-.002.793c0 .072.055.131.122.131h5.602a.118.118 0 00.085-.039.139.139 0 00.036-.092v-.793a.14.14 0 00-.035-.094.118.118 0 00-.086-.039zm4.639 1.585h5.604c.033 0 .064.014.086.04a.14.14 0 01.036.093v.792a.14.14 0 01-.036.093.119.119 0 01-.086.039h-5.604c-.068 0-.123-.059-.123-.132l.003-.792c0-.035.012-.068.035-.093a.119.119 0 01.085-.04zm-.003 1.585h5.607c.033 0 .064.014.086.04a.14.14 0 01.036.093v.792a.139.139 0 01-.036.093.118.118 0 01-.086.039h-5.609c-.067 0-.121-.059-.121-.132v-.792a.14.14 0 01.036-.094.118.118 0 01.087-.04zm.007-3.17h5.6c.033 0 .064.014.086.04a.14.14 0 01.036.093v.792a.139.139 0 01-.036.093.118.118 0 01-.086.039h-5.601c-.068 0-.122-.059-.122-.132l.002-.792c0-.035.012-.069.035-.094a.118.118 0 01.086-.04z", fill: "currentColor" })));
+        React.createElement("path", { d: "M11.7188 5.06043C11.8986 4.97986 12.1005 4.97986 12.2803 5.06043L16.4287 6.93054H16.4277C16.561 6.9908 16.6747 7.09247 16.7549 7.22253C16.8351 7.35282 16.8788 7.50638 16.8789 7.66296V10.5917C16.9567 10.5622 17.0385 10.5468 17.1211 10.5468C17.2175 10.5468 17.3133 10.5673 17.4023 10.6073L21.5508 12.4774H21.5488C21.6822 12.5377 21.7968 12.6401 21.877 12.7704C21.957 12.9006 21.9999 13.0534 22 13.2098V18.868C21.9996 18.9031 21.9869 18.9372 21.9639 18.9618C21.9409 18.9864 21.9093 18.9999 21.877 18.9999H20.6582C20.5909 18.9999 20.5361 18.9409 20.5361 18.868V14.7723C20.5359 14.4825 20.3141 14.245 20.0391 14.245H14.2041C13.9293 14.2453 13.7072 14.4826 13.707 14.7723V18.868C13.7067 18.9028 13.6936 18.9362 13.6709 18.9608C13.6483 18.9852 13.6179 18.9994 13.5859 18.9999H12.3652C12.2979 18.9999 12.2441 18.9409 12.2441 18.868V13.453H11.7568V18.868C11.7565 18.9031 11.7427 18.9372 11.7197 18.9618C11.6968 18.9862 11.6659 18.9998 11.6338 18.9999H10.4141C10.3469 18.9997 10.293 18.9408 10.293 18.868V14.7733C10.293 14.4834 10.0708 14.2453 9.7959 14.245H3.96094C3.68582 14.245 3.46387 14.4833 3.46387 14.7733V18.868C3.46349 18.9027 3.45031 18.9363 3.42773 18.9608C3.40504 18.9854 3.37389 18.9995 3.3418 18.9999H2.12109C2.0554 18.9997 2 18.9408 2 18.868V13.2098C2.00002 13.0536 2.04224 12.9006 2.12207 12.7704C2.20199 12.6401 2.31607 12.538 2.44922 12.4774L6.59668 10.6073C6.7645 10.5322 6.95169 10.5275 7.12207 10.5927V7.66296C7.12205 7.50672 7.16438 7.35369 7.24414 7.22351C7.32406 7.09325 7.43815 6.99111 7.57129 6.93054L11.7188 5.06043ZM9.68262 17.9423C9.71494 17.9427 9.74582 17.9574 9.76855 17.9823C9.79129 18.0072 9.80469 18.041 9.80469 18.0761V18.868C9.80431 18.9027 9.79113 18.9363 9.76855 18.9608C9.74586 18.9854 9.71471 18.9995 9.68262 18.9999H4.07324C4.0061 18.9997 3.95215 18.9408 3.95215 18.868V18.0761C3.95215 18.0407 3.96523 18.0063 3.98828 17.9813C4.01131 17.9565 4.04272 17.9423 4.0752 17.9423H9.68262ZM19.9268 17.9423C19.959 17.9428 19.99 17.9575 20.0127 17.9823C20.0353 18.0072 20.0479 18.0411 20.0479 18.0761V18.868C20.0475 18.9028 20.0344 18.9362 20.0117 18.9608C19.9891 18.9852 19.9587 18.9994 19.9268 18.9999H14.3174C14.2501 18.9999 14.1953 18.9409 14.1953 18.868V18.0761C14.1953 18.0408 14.2084 18.0063 14.2314 17.9813C14.2544 17.9564 14.2859 17.9424 14.3184 17.9423H19.9268ZM9.68262 16.3583C9.71493 16.3587 9.74582 16.3725 9.76855 16.3973C9.79129 16.4223 9.80469 16.4561 9.80469 16.4911V17.2831C9.80431 17.3177 9.79112 17.3513 9.76855 17.3759C9.74586 17.4004 9.71471 17.4145 9.68262 17.4149H4.07812C4.01081 17.4149 3.95605 17.356 3.95605 17.2831V16.4911C3.95605 16.4561 3.96945 16.4223 3.99219 16.3973C4.01492 16.3725 4.04581 16.3587 4.07812 16.3583H9.68262ZM19.9268 16.3573C19.959 16.3578 19.99 16.3725 20.0127 16.3973C20.0353 16.4222 20.0479 16.4562 20.0479 16.4911V17.2831C20.0475 17.3178 20.0344 17.3513 20.0117 17.3759C19.9891 17.4003 19.9587 17.4144 19.9268 17.4149H14.3213C14.2541 17.4147 14.1982 17.3559 14.1982 17.2831L14.2012 16.4911C14.2012 16.4563 14.2139 16.4222 14.2363 16.3973C14.2587 16.3726 14.2894 16.3582 14.3213 16.3573H19.9268ZM9.68262 14.7733C9.71492 14.7737 9.74583 14.7875 9.76855 14.8124C9.79129 14.8373 9.80469 14.8711 9.80469 14.9061V15.6981C9.80431 15.7328 9.79111 15.7663 9.76855 15.7909C9.74586 15.8155 9.71471 15.8295 9.68262 15.83H4.08105C4.01374 15.83 3.95898 15.771 3.95898 15.6981L3.96094 14.9061C3.96094 14.8712 3.97344 14.8373 3.99609 14.8124C4.01875 14.7875 4.04982 14.7738 4.08203 14.7733H9.68262ZM19.9268 14.7723C19.959 14.7729 19.99 14.7875 20.0127 14.8124C20.0353 14.8373 20.0479 14.8712 20.0479 14.9061V15.6981C20.0475 15.7329 20.0344 15.7663 20.0117 15.7909C19.9891 15.8153 19.9587 15.8294 19.9268 15.83H14.3242C14.2571 15.8297 14.2031 15.7709 14.2031 15.6981L14.2041 14.9061C14.2041 14.8711 14.2175 14.8373 14.2402 14.8124C14.263 14.7875 14.2938 14.7728 14.3262 14.7723H19.9268ZM9.95508 11.868L11.125 12.3954H12.875L14.0449 11.868H9.95508ZM9.08301 8.69812C8.80793 8.69812 8.586 8.93548 8.58594 9.22546V11.2509L9.07715 11.4725L9.08008 10.9432C9.08017 10.9086 9.0929 10.8752 9.11523 10.8505C9.13764 10.8257 9.16818 10.8113 9.2002 10.8104H14.8047C14.837 10.8108 14.8679 10.8255 14.8906 10.8505C14.9132 10.8753 14.9267 10.9084 14.9268 10.9432V11.4696L15.415 11.2499V9.22546C15.415 8.93564 15.1928 8.6984 14.918 8.69812H9.08301ZM14.8047 9.22546C14.837 9.22588 14.8679 9.24058 14.8906 9.2655C14.9132 9.29031 14.9267 9.32346 14.9268 9.35828V10.1512C14.9264 10.186 14.9133 10.2195 14.8906 10.244C14.8679 10.2686 14.8368 10.2827 14.8047 10.2831H9.20312C9.13583 10.2831 9.08108 10.2241 9.08105 10.1512L9.08301 9.35828C9.08311 9.32357 9.09573 9.29028 9.11816 9.2655C9.14082 9.24067 9.17188 9.22598 9.2041 9.22546H14.8047Z", fill: "currentColor" })));
 });
 IconMultipleAddress.displayName = 'IconMultipleAddress';

package/dist/esm/icons/IconNotificationBell.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconNotificationBell = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconNotificationBell = 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 22c.53 0 1.038-.205 1.413-.569s.587-.859.589-1.375H9.998a1.93 1.93 0 00.589 1.375A2.03 2.03 0 0012 22zm5.998-5.846v-4.867c0-2.996-1.627-5.495-4.499-6.16v-.665c0-.388-.158-.76-.439-1.034A1.52 1.52 0 0012 3c-.398 0-.78.154-1.06.428-.282.274-.44.646-.44 1.034v.665c-2.856.665-4.498 3.156-4.498 6.16v4.867L4 18.105v.972h16v-.972l-2.002-1.951zm-2.002.98H8.004v-5.847c0-2.419 1.5-4.385 3.996-4.385 2.497 0 3.996 1.966 3.996 4.385v5.846z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 22C12.5296 22 13.0377 21.7954 13.4129 21.4311C13.7881 21.0668 13.9999 20.5724 14.0019 20.0562H9.99813C10.0001 20.5724 10.2119 21.0668 10.5871 21.4311C10.9623 21.7954 11.4704 22 12 22ZM17.9981 16.1538V11.2869C17.9981 8.29077 16.3711 5.79154 13.4995 5.12654V4.46154C13.4995 4.07391 13.3415 3.70217 13.0603 3.42807C12.7791 3.15398 12.3977 3 12 3C11.6023 3 11.2209 3.15398 10.9397 3.42807C10.6585 3.70217 10.5005 4.07391 10.5005 4.46154V5.12654C7.64386 5.79154 6.00187 8.28346 6.00187 11.2869V16.1538L4 18.105V19.0769H20V18.105L17.9981 16.1538ZM15.9963 17.1331H8.00375V11.2869C8.00375 8.86808 9.50328 6.90231 12 6.90231C14.4967 6.90231 15.9963 8.86808 15.9963 11.2869V17.1331Z", fill: "currentColor" })));
 });
 IconNotificationBell.displayName = 'IconNotificationBell';

package/dist/esm/icons/IconNumber.js

@@ -0,0 +1,19 @@
+import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconNumber = 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: "M5.33333 21L6.44444 16.5H2L2.55556 14.25H7L8.11111 9.75H3.66667L4.22222 7.5H8.66667L9.77778 3H12L10.8889 7.5H15.3333L16.4444 3H18.6667L17.5556 7.5H22L21.4444 9.75H17L15.8889 14.25H20.3333L19.7778 16.5H15.3333L14.2222 21H12L13.1111 16.5H8.66667L7.55556 21H5.33333ZM9.22222 14.25H13.6667L14.7778 9.75H10.3333L9.22222 14.25Z", fill: "currentColor" })));
+});
+IconNumber.displayName = 'IconNumber';

package/dist/esm/icons/IconOffice.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconOffice = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconOffice = 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: "M17.556 10.889V2H6.444v4.444H2V22h8.889v-4.444h2.222V22H22V10.889h-4.444zM6.444 19.778H4.222v-2.222h2.222v2.222zm0-4.445H4.222v-2.222h2.222v2.222zm0-4.444H4.222V8.667h2.222v2.222zm4.445 4.444H8.667v-2.222h2.222v2.222zm0-4.444H8.667V8.667h2.222v2.222zm0-4.445H8.667V4.222h2.222v2.222zm4.444 8.89h-2.222V13.11h2.222v2.222zm0-4.445h-2.222V8.667h2.222v2.222zm0-4.445h-2.222V4.222h2.222v2.222zm4.445 13.334h-2.222v-2.222h2.222v2.222zm0-4.445h-2.222v-2.222h2.222v2.222z", fill: "currentColor" })));
+        React.createElement("path", { d: "M17.5556 10.8889V2H6.44444V6.44444H2V22H10.8889V17.5556H13.1111V22H22V10.8889H17.5556ZM6.44444 19.7778H4.22222V17.5556H6.44444V19.7778ZM6.44444 15.3333H4.22222V13.1111H6.44444V15.3333ZM6.44444 10.8889H4.22222V8.66667H6.44444V10.8889ZM10.8889 15.3333H8.66667V13.1111H10.8889V15.3333ZM10.8889 10.8889H8.66667V8.66667H10.8889V10.8889ZM10.8889 6.44444H8.66667V4.22222H10.8889V6.44444ZM15.3333 15.3333H13.1111V13.1111H15.3333V15.3333ZM15.3333 10.8889H13.1111V8.66667H15.3333V10.8889ZM15.3333 6.44444H13.1111V4.22222H15.3333V6.44444ZM19.7778 19.7778H17.5556V17.5556H19.7778V19.7778ZM19.7778 15.3333H17.5556V13.1111H19.7778V15.3333Z", fill: "currentColor" })));
 });
 IconOffice.displayName = 'IconOffice';

package/dist/esm/icons/IconPallet.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconPallet = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconPallet = 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.77 3l-.103.704L2 15.37v5.963h5v-1.666h10v1.667h5V15.37L20.333 3.704 20.23 3H3.77zm1.46 1.667h1.719l-.73 10H3.796l1.433-10zm3.385 0h2.551v10H7.885l.73-10zm4.218 0h2.553l.73 10h-3.283v-10zm4.22 0h1.717l1.433 10h-2.422l-.728-10zM3.667 16.333h16.666v3.333h-1.666v-1.667H5.333v1.667H3.667v-3.334z", fill: "currentColor" })));
+        React.createElement("path", { d: "M3.77053 3.00058L3.66667 3.70374L2 15.3704V21.3332H7V19.6672H17V21.3339H22V15.3704L20.3333 3.70374L20.2295 2.99988L3.77053 3.00058ZM5.22947 4.66725H6.94877L6.21895 14.6672H3.79649L5.22947 4.66725ZM8.61474 4.66725H11.1663V14.6672H7.88491L8.61474 4.66725ZM12.833 4.66725H15.386L16.1151 14.6672H12.833V4.66725ZM17.0526 4.66725H18.7705L20.2035 14.6672H17.7811L17.0526 4.66725ZM3.66667 16.3325H20.3333V19.6658H18.6667V17.9992H5.33333V19.6658H3.66667V16.3325Z", fill: "currentColor" })));
 });
 IconPallet.displayName = 'IconPallet';

package/dist/esm/icons/IconPaste.js

@@ -0,0 +1,19 @@
+import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPaste = 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: "M19 3H14.82C14.4 1.84 13.3 1 12 1C10.7 1 9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V21C3 22.1 3.9 23 5 23H19C20.1 23 21 22.1 21 21V5C21 3.9 20.1 3 19 3ZM12 3C12.55 3 13 3.45 13 4C13 4.55 12.55 5 12 5C11.45 5 11 4.55 11 4C11 3.45 11.45 3 12 3ZM19 21H5V5H7V8H17V5H19V21Z", fill: "currentColor" })));
+});
+IconPaste.displayName = 'IconPaste';

package/dist/esm/icons/IconPay.js

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

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconPayLater = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconPayLater = 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: "M20.5 6.983h-17v-2.49h17v2.49zM2.45 3.448c-.3.3-.45.647-.45 1.045v12.944a1.43 1.43 0 00.45 1.045c.133.142.296.255.476.332.181.077.377.117.574.117h5.825v-1.494H3.5v-6.994H22v-5.95c0-.398-.15-.745-.45-1.045-.3-.3-.65-.448-1.05-.448h-17c-.197 0-.393.04-.574.117-.18.077-.343.19-.476.331zM18.774 13.75a4.443 4.443 0 00-3.094-1.245 4.48 4.48 0 00-2.063.5 4.332 4.332 0 00-1.577 1.386 4.134 4.134 0 00-.406 3.986c.275.646.71 1.216 1.267 1.659a4.432 4.432 0 001.923.883 4.501 4.501 0 002.124-.102 4.402 4.402 0 001.824-1.063l-.69-.67c-.612.6-1.464.973-2.402.973-.447 0-.89-.085-1.302-.251a3.408 3.408 0 01-1.104-.717 3.294 3.294 0 01-.737-1.072 3.215 3.215 0 010-2.528c.17-.401.42-.765.736-1.072a3.41 3.41 0 011.104-.717 3.488 3.488 0 013.709.716 3.234 3.234 0 01.996 2.337h-1.46l1.968 1.9.033-.064 1.89-1.836h-1.458c0-1.127-.46-2.207-1.281-3.004zm-2.607 3.475v-2.36h-.73v1.957l-1.71.987.373.605 2.067-1.189z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.5 6.98346H3.50002V4.49339H20.5V6.98346ZM2.45002 3.44818C2.15002 3.74751 2.00002 4.09537 2.00002 4.49339V17.4372C1.99901 17.6318 2.03833 17.8246 2.11563 18.0042C2.19294 18.1838 2.30666 18.3464 2.45002 18.4824C2.58337 18.6238 2.74561 18.7367 2.92639 18.8139C3.10717 18.891 3.30253 18.9308 3.50002 18.9306H9.32501V17.4372H3.50002V16.7415V13.5055V10.4427H22V4.49339C22 4.09537 21.85 3.74751 21.55 3.44818C21.25 3.14886 20.9 3 20.5 3H3.50002C3.30253 2.99981 3.10717 3.03957 2.92639 3.11673C2.74561 3.19389 2.58337 3.30678 2.45002 3.44818ZM18.7737 13.7495C17.9532 12.953 16.8404 12.5055 15.6801 12.5055C14.9604 12.5049 14.2516 12.6767 13.6166 13.0057C12.9816 13.3346 12.44 13.8106 12.0398 14.3913C11.6396 14.9721 11.3932 15.6398 11.3225 16.3351C11.2517 17.0304 11.3587 17.732 11.6341 18.3776C11.9094 19.0231 12.3446 19.5928 12.901 20.036C13.4574 20.4793 14.1178 20.7824 14.8238 20.9185C15.5298 21.0547 16.2594 21.0196 16.9481 20.8165C17.6367 20.6134 18.2632 20.2485 18.7718 19.7541L18.0818 19.0842C17.4701 19.6845 16.6184 20.0566 15.6801 20.0566C15.2332 20.0569 14.7906 19.9715 14.3777 19.8056C13.9648 19.6396 13.5896 19.3962 13.2737 19.0893C12.9578 18.7825 12.7072 18.4182 12.5365 18.0172C12.3657 17.6163 12.278 17.1866 12.2785 16.7527C12.278 16.319 12.3656 15.8895 12.5363 15.4886C12.707 15.0878 12.9573 14.7236 13.2731 14.4167C13.5889 14.1099 13.9638 13.8665 14.3766 13.7004C14.7893 13.5343 15.2317 13.4488 15.6784 13.4488C16.1255 13.4484 16.5683 13.5336 16.9814 13.6995C17.3945 13.8653 17.7698 14.1087 18.0859 14.4156C18.4021 14.7225 18.6527 15.0868 18.8236 15.4879C18.9945 15.8889 19.0822 16.3187 19.0818 16.7527H17.6218L19.5901 18.6539L19.6234 18.5891L21.5134 16.7527H20.0551C20.0551 15.6263 19.5942 14.546 18.7737 13.7495ZM16.1668 17.2252V14.8646H15.4368V16.8223L13.7268 17.8093L14.1001 18.4144L16.1668 17.2252Z", fill: "currentColor" })));
 });
 IconPayLater.displayName = 'IconPayLater';

package/dist/esm/icons/IconPaypal.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconPaypal = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconPaypal = 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.144 13.102a.862.862 0 00-.638.209.889.889 0 00-.296.534l-.918 5.91H4.543a.556.556 0 01-.536-.643L6.522 2.933c.043-.26.175-.496.373-.667A1.09 1.09 0 017.604 2h5.911c6.885 0 5.498 5.088 5.498 5.088-.623 4.067-3.039 5.312-4.777 5.745h-.01c-1.386.348-3.642.282-4.082.269zm1.72 1.108c4.438 0 7.225-2.188 8.11-6.333.689.9.84 2.123.557 3.611-.711 3.679-3.126 4.955-6.208 4.955h-.48a.757.757 0 00-.496.187.78.78 0 00-.258.47c-.045.253-.17 1.064-.3 1.915-.156 1.015-.32 2.087-.367 2.328a.78.78 0 01-.258.47.757.757 0 01-.496.187H9.59a.459.459 0 01-.354-.165.474.474 0 01-.106-.38l1.127-7.245h1.606z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.1444 13.1018C10.1059 13.1007 10.0814 13.1 10.0726 13.1C9.86511 13.0993 9.66422 13.174 9.50613 13.3106C9.34803 13.4472 9.24312 13.6367 9.2103 13.845L8.29228 19.7549H4.54316C4.2153 19.7549 3.95301 19.4449 4.0071 19.1116L6.52182 2.93333C6.56508 2.67309 6.69736 2.43674 6.89531 2.26598C7.09326 2.09522 7.34416 2.00102 7.60377 2H13.5151C20.4003 2 19.0134 7.08832 19.0134 7.08832C18.3905 11.155 15.9741 12.4 14.2364 12.8333H14.2266C12.8398 13.1812 10.5837 13.1148 10.1444 13.1018ZM11.8642 14.21C16.3019 14.21 19.0887 12.0217 19.9739 7.87672C20.6625 8.77671 20.8149 10 20.5313 11.4884C19.8198 15.1667 17.4051 16.4434 14.3232 16.4434H13.8429C13.6609 16.4435 13.4849 16.5098 13.3466 16.6301C13.2084 16.7505 13.1169 16.9172 13.0888 17.1C13.044 17.3529 12.9195 18.1642 12.7891 19.0145C12.6333 20.0304 12.4689 21.102 12.4216 21.3433C12.3935 21.5262 12.3021 21.6928 12.1638 21.8132C12.0255 21.9336 11.8496 21.9998 11.6675 22H9.5905C9.52342 22.0001 9.45711 21.9854 9.39614 21.957C9.33518 21.9285 9.28102 21.8869 9.23739 21.8351C9.19375 21.7833 9.16169 21.7225 9.14341 21.6569C9.12513 21.5912 9.12106 21.5224 9.13149 21.455L10.2577 14.21H11.8642Z", fill: "currentColor" })));
 });
 IconPaypal.displayName = 'IconPaypal';

package/dist/esm/icons/IconPending.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconPending = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconPending = 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.7 2.085a10.013 10.013 0 018.602 3.084 9.998 9.998 0 01-8.603 16.747l.26-1.983a8.01 8.01 0 008.33-4.633 7.995 7.995 0 00-4.963-10.953 8.01 8.01 0 00-3.367-.279l-.26-1.983zM5.915 4.066a9.998 9.998 0 012.261-1.307v.001l.767 1.846a7.997 7.997 0 00-1.808 1.046l-1.22-1.586zM2.76 8.172a9.989 9.989 0 011.307-2.26l1.587 1.219a7.989 7.989 0 00-1.046 1.807L2.76 8.172zm-.675 2.522a10.034 10.034 0 000 2.613l1.984-.26a8.09 8.09 0 010-2.094l-1.984-.259zm1.982 7.394a9.985 9.985 0 01-1.307-2.26l1.848-.766c.268.646.62 1.253 1.046 1.807l-1.587 1.219zm4.11 3.153a9.982 9.982 0 01-2.262-1.307l1.22-1.586a7.995 7.995 0 001.808 1.046l-.767 1.847zM16.59 7.714L10 14.304l-2.59-2.58L6 13.134l4 4 8-8-1.41-1.42z", fill: "currentColor" })));
+        React.createElement("path", { d: "M12.0068 2C13.375 2.00187 14.7287 2.28398 15.9834 2.8291C17.2379 3.37418 18.3673 4.17056 19.3018 5.16895C20.2362 6.16746 20.9556 7.34736 21.416 8.63477C21.8764 9.92226 22.0681 11.291 21.9785 12.6553C21.8889 14.0194 21.5203 15.3512 20.8955 16.5674C20.2707 17.7836 19.4027 18.8587 18.3457 19.7266C17.2886 20.5945 16.0642 21.2367 14.749 21.6133C13.434 21.9898 12.0557 22.0928 10.6992 21.916L10.959 19.9326C12.0883 20.0802 13.2365 19.9854 14.3262 19.6543C15.4157 19.3232 16.4224 18.7635 17.2783 18.0127C18.134 17.262 18.8193 16.3373 19.2891 15.3008C19.7588 14.2641 20.0019 13.139 20.002 12.001C20.002 10.8628 19.7589 9.737 19.2891 8.7002C18.8193 7.66366 18.134 6.73896 17.2783 5.98828C16.4224 5.23752 15.4157 4.67782 14.3262 4.34668C13.2365 4.01555 12.0883 3.92082 10.959 4.06836L10.7002 2.08496C11.1274 2.02898 11.5636 2 12.0068 2ZM7.13477 18.3477C7.68899 18.7738 8.29661 19.1255 8.94238 19.3936L8.17578 21.2412C7.36235 20.9042 6.60342 20.4625 5.91504 19.9336L7.13477 18.3477ZM4.60742 15.0615C4.87572 15.707 5.22779 16.3152 5.6543 16.8691L4.06738 18.0879C3.53441 17.3951 3.09487 16.6353 2.75977 15.8281L4.60742 15.0615ZM18.001 9.13379L10.001 17.1338L6.00098 13.1338L7.41113 11.7236L10.001 14.3037L16.5908 7.71387L18.001 9.13379ZM4.06934 10.9531C3.97864 11.6481 3.97864 12.3519 4.06934 13.0469L2.08496 13.3066C2.02836 12.8734 2.00001 12.4369 2 12C2 11.5571 2.02895 11.1212 2.08496 10.6943L4.06934 10.9531ZM5.6543 7.13086C5.2278 7.68485 4.87573 8.29299 4.60742 8.93848L2.75977 8.17188C3.0949 7.36472 3.53444 6.60495 4.06738 5.91211L5.6543 7.13086ZM8.17578 2.75977L8.94238 4.60645C8.29662 4.87455 7.689 5.22624 7.13477 5.65234L5.91504 4.06641C6.60833 3.53382 7.36809 3.09369 8.17578 2.75879V2.75977Z", fill: "currentColor" })));
 });
 IconPending.displayName = 'IconPending';

package/dist/esm/icons/IconPeople.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconPeople = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconPeople = 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 13.752c-2.341 0-7 1.17-7 3.503v1.748h14v-1.748c0-2.332-4.66-3.502-7-3.502zm-4.66 3.255A9.567 9.567 0 019 15.755a9.567 9.567 0 014.658 1.252H4.341zM9 12.006a3.504 3.504 0 10-3.504-3.503 3.51 3.51 0 003.503 3.503zm0-5.003a1.5 1.5 0 110 3.002 1.5 1.5 0 010-3.001zm7.044 6.81a4.208 4.208 0 011.958 3.443v1.748H22v-1.748c0-2.017-3.496-3.172-5.956-3.442zM15 12.005a3.505 3.505 0 003.383-4.876A3.504 3.504 0 0015 5.008c-.52 0-1.032.119-1.5.345a5.474 5.474 0 010 6.3c.466.231.98.352 1.5.352z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.99925 13.7525C6.65866 13.7525 2 14.9225 2 17.255V19.0025H15.9985V17.255C15.9985 14.9225 11.3398 13.7525 8.99925 13.7525ZM4.34059 17.0075C5.76092 16.1989 7.36483 15.7677 8.99925 15.755C10.6337 15.7677 12.2376 16.1989 13.6579 17.0075H4.34059ZM8.99925 12.005C9.69215 12.005 10.3695 11.7996 10.9456 11.4147C11.5217 11.0299 11.9708 10.4828 12.2359 9.84285C12.5011 9.20285 12.5705 8.49862 12.4353 7.8192C12.3001 7.13978 11.9665 6.51569 11.4765 6.02586C10.9866 5.53603 10.3623 5.20245 9.68272 5.0673C9.00314 4.93216 8.29872 5.00152 7.65857 5.26661C7.01841 5.53171 6.47126 5.98063 6.0863 6.55662C5.70134 7.1326 5.49587 7.80977 5.49587 8.5025C5.49786 9.43081 5.8676 10.3205 6.52418 10.977C7.18076 11.6334 8.07071 12.003 8.99925 12.005ZM8.99925 7.0025C9.296 7.0025 9.58608 7.09048 9.83281 7.2553C10.0795 7.42012 10.2719 7.65439 10.3854 7.92848C10.499 8.20257 10.5287 8.50417 10.4708 8.79514C10.4129 9.08611 10.27 9.35338 10.0602 9.56316C9.85034 9.77294 9.583 9.9158 9.29196 9.97368C9.00091 10.0316 8.69924 10.0019 8.42508 9.88832C8.15092 9.77479 7.9166 9.58253 7.75173 9.33586C7.58687 9.08918 7.49887 8.79917 7.49887 8.5025C7.49887 8.10468 7.65695 7.72315 7.93832 7.44184C8.2197 7.16054 8.60133 7.0025 8.99925 7.0025ZM16.0435 13.8125C16.6274 14.1816 17.1115 14.6887 17.4529 15.2891C17.7944 15.8894 17.9828 16.5646 18.0015 17.255V19.0025H22V17.255C22 15.2375 18.5041 14.0825 16.0435 13.8125ZM15.0008 12.005C15.474 12.0269 15.9467 11.9526 16.3904 11.7867C16.8341 11.6208 17.2395 11.3666 17.5821 11.0395C17.9247 10.7125 18.1975 10.3194 18.3838 9.88395C18.5701 9.44853 18.6662 8.97985 18.6662 8.50625C18.6662 8.03265 18.5701 7.56398 18.3838 7.12856C18.1975 6.69313 17.9247 6.30002 17.5821 5.97297C17.2395 5.64592 16.8341 5.39174 16.3904 5.2258C15.9467 5.05985 15.474 4.98559 15.0008 5.0075C14.4811 5.00885 13.9684 5.12674 13.5004 5.3525C14.1493 6.27479 14.4976 7.37489 14.4976 8.5025C14.4976 9.63011 14.1493 10.7302 13.5004 11.6525C13.9665 11.8844 14.4801 12.005 15.0008 12.005Z", fill: "currentColor" })));
 });
 IconPeople.displayName = 'IconPeople';

package/dist/esm/icons/IconPercentage.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconPercentage = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconPercentage = 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.198 9.192c0 1.123.109 1.96.327 2.51.218.551.575.826 1.07.826.992 0 1.488-1.112 1.488-3.336 0-2.225-.496-3.337-1.487-3.337-.496 0-.853.275-1.071.826-.218.55-.327 1.387-.327 2.51zm5.072-.023c0 1.734-.312 3.039-.936 3.913-.616.868-1.529 1.301-2.738 1.301-1.143 0-2.03-.448-2.66-1.346C3.312 12.132 3 10.843 3 9.17 3 5.723 4.199 4 6.596 4c1.18 0 2.085.449 2.716 1.346.639.89.958 2.164.958 3.823zm5.658 6.628c0 1.124.109 1.964.327 2.522.225.558.586.837 1.082.837.984 0 1.477-1.12 1.477-3.359 0-2.21-.493-3.314-1.477-3.314-.496 0-.857.271-1.082.814-.218.543-.327 1.377-.327 2.5zm5.072 0c0 1.734-.312 3.035-.936 3.902-.623.867-1.532 1.301-2.727 1.301-1.142 0-2.029-.445-2.66-1.335-.631-.897-.947-2.186-.947-3.868 0-3.446 1.202-5.169 3.607-5.169 1.157 0 2.055.445 2.694 1.335.646.89.969 2.168.969 3.834zm-3.348-11.56l-9.14 16.537H6.325l9.14-16.536h2.188z", fill: "currentColor" })));
+        React.createElement("path", { d: "M5.19787 9.19162C5.19787 10.3151 5.30682 11.1522 5.52474 11.7026C5.74265 12.2531 6.09956 12.5283 6.5955 12.5283C7.58736 12.5283 8.08329 11.4161 8.08329 9.19162C8.08329 6.96718 7.58736 5.85496 6.5955 5.85496C6.09956 5.85496 5.74265 6.13019 5.52474 6.68064C5.30682 7.2311 5.19787 8.06809 5.19787 9.19162ZM10.2699 9.169C10.2699 10.9033 9.95806 12.2078 9.33438 13.0825C8.71823 13.9497 7.80527 14.3832 6.5955 14.3832C5.45335 14.3832 4.56669 13.9345 3.93551 13.0373C3.31184 12.1324 3 10.843 3 9.169C3 5.723 4.1985 4 6.5955 4C7.77521 4 8.68066 4.44866 9.31184 5.34598C9.95055 6.23575 10.2699 7.51009 10.2699 9.169ZM15.928 15.7971C15.928 16.9207 16.0369 17.7614 16.2549 18.3193C16.4803 18.8773 16.841 19.1564 17.3369 19.1564C18.3212 19.1564 18.8135 18.0366 18.8135 15.7971C18.8135 13.5878 18.3212 12.483 17.3369 12.483C16.841 12.483 16.4803 12.7545 16.2549 13.2974C16.0369 13.8403 15.928 14.6736 15.928 15.7971ZM21 15.7971C21 17.5313 20.6882 18.8322 20.0645 19.6993C19.4409 20.5664 18.5317 21 17.3369 21C16.1947 21 15.3081 20.5552 14.6769 19.6653C14.0457 18.768 13.7301 17.4786 13.7301 15.7971C13.7301 12.3511 14.9324 10.6281 17.3369 10.6281C18.4941 10.6281 19.392 11.073 20.0307 11.9628C20.6769 12.8525 21 14.1306 21 15.7971ZM17.6525 4.23752L8.51159 20.7738H6.32499L15.4659 4.23752H17.6525Z", fill: "currentColor" })));
 });
 IconPercentage.displayName = 'IconPercentage';

package/dist/esm/icons/IconPerishables.js

@@ -0,0 +1,19 @@
+import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPerishables = 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: "M20 9.99999C18.58 7.56999 15.5 6.68999 13 7.99999V2.99999H11V7.99999C8.50002 6.68999 5.42002 7.56999 4.00002 9.99999C2.00002 13 7.00002 22 9.00002 22C11 22 11 21 12 21C13 21 13 22 15 22C17 22 22 13 20 9.99999ZM18.25 13.38C17.63 15.85 16.41 18.12 14.7 20C14.5 20 14.27 19.9 14.1 19.75C12.87 18.76 11.13 18.76 9.90002 19.75C9.73002 19.9 9.50002 20 9.30002 20C7.59002 18.13 6.36002 15.85 5.75002 13.39C5.50002 12.66 5.45002 11.87 5.66002 11.12C6.24002 10.09 7.32002 9.42999 8.50002 9.39999C9.06002 9.40999 9.61002 9.53999 10.11 9.78999L11 10.24H13L13.89 9.78999C14.39 9.53999 14.94 9.40999 15.5 9.39999C16.68 9.42999 17.76 10.08 18.34 11.11C18.55 11.86 18.5 12.65 18.25 13.38ZM11 4.99999C5.38002 8.06999 4.11002 3.77999 4.11002 3.77999C4.11002 3.77999 6.77002 0.18999 11 4.99999Z", fill: "currentColor" })));
+});
+IconPerishables.displayName = 'IconPerishables';

package/dist/esm/icons/IconPharma.js

@@ -0,0 +1,19 @@
+import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPharma = 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: "M11.15 15.18L9.72996 13.77L11.15 12.35L12.56 13.77L13.97 12.35L12.56 10.94L13.97 9.53L15.39 10.94L16.8 9.53L13.97 6.7L6.89996 13.77L9.72996 16.6L11.15 15.18ZM3.07996 19L6.19996 15.89L4.07996 13.77L13.97 3.87L16.1 6L17.5 4.58L16.1 3.16L17.5 1.75L21.75 6L20.34 7.4L18.92 6L17.5 7.4L19.63 9.53L9.72996 19.42L7.60996 17.3L3.07996 21.84V19Z", fill: "currentColor" })));
+});
+IconPharma.displayName = 'IconPharma';

package/dist/esm/icons/IconPin.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconPin = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconPin = 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.64 13.8l-1.092 1.429c.447 2.388-.195 4.782-1.89 6.478a1.01 1.01 0 01-1.421 0l-4.262-4.262-3.078 3.078a.304.304 0 01-.086.062l-1.894.947c-.287.145-.594-.162-.45-.45l.948-1.893a.29.29 0 01.062-.086l3.078-3.078-4.262-4.262c-.39-.39-.39-1.03 0-1.42 1.696-1.696 4.09-2.338 6.478-1.891l1.43-1.092-.805-.805a1.006 1.006 0 010-1.42l2.84-2.842a1.01 1.01 0 011.421 0l8.05 8.05c.39.39.39 1.03 0 1.42l-2.841 2.841c-.39.391-1.03.391-1.42 0l-.806-.805zm-7.428-3.155c-1.59-.536-3.33-.411-4.715.482l8.376 8.376c.89-1.382 1.015-3.128.482-4.715l3.084-4.03 1.716 1.716 1.42-1.42-6.628-6.63-1.421 1.42 1.716 1.717-4.03 3.084z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.6404 13.7993L15.5484 15.2288C15.9953 17.617 15.3531 20.0112 13.6573 21.707C13.2666 22.0977 12.6274 22.0977 12.2368 21.707L7.97514 17.4454L4.89731 20.5232C4.87363 20.5469 4.84404 20.5706 4.81148 20.5854L2.91743 21.5324C2.63036 21.6774 2.32258 21.3696 2.46759 21.0826L3.41462 19.1885C3.42942 19.156 3.45013 19.1293 3.47677 19.1027L6.5546 16.0249L2.29299 11.7632C1.90234 11.3726 1.90234 10.7334 2.29299 10.3427C3.98875 8.64694 6.38295 8.00473 8.77123 8.45161L10.2007 7.35957L9.39568 6.5546C9.00503 6.16395 9.00503 5.52471 9.39568 5.13406L12.2368 2.29299C12.6274 1.90234 13.2666 1.90234 13.6573 2.29299L21.707 10.3427C22.0977 10.7334 22.0977 11.3726 21.707 11.7632L18.8659 14.6043C18.4753 14.995 17.836 14.995 17.4454 14.6043L16.6404 13.7993ZM9.21171 10.6451C7.62248 10.1094 5.88232 10.2337 4.49729 11.1274L12.8726 19.5027C13.7633 18.1206 13.8876 16.3746 13.3549 14.7883L16.4387 10.7575L18.1552 12.474L19.5757 11.0535L12.9465 4.42428L11.526 5.84482L13.2425 7.56131L9.21171 10.6451Z", fill: "currentColor" })));
 });
 IconPin.displayName = 'IconPin';

package/dist/esm/icons/IconPinSolid.js

@@ -0,0 +1,19 @@
+import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPinSolid = 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: "M16.6404 13.7993L15.5484 15.2288C15.9953 17.617 15.3531 20.0112 13.6573 21.707C13.2666 22.0977 12.6274 22.0977 12.2368 21.707L7.97514 17.4454L4.89731 20.5232C4.87363 20.5469 4.84404 20.5706 4.81148 20.5854L2.91743 21.5324C2.63036 21.6774 2.32258 21.3696 2.46759 21.0826L3.41462 19.1885C3.42942 19.156 3.45013 19.1293 3.47677 19.1027L6.5546 16.0249L2.29299 11.7632C1.90234 11.3726 1.90234 10.7334 2.29299 10.3427C3.98875 8.64694 6.38295 8.00473 8.77123 8.45161L10.2007 7.35957L9.39568 6.5546C9.00503 6.16395 9.00503 5.52471 9.39568 5.13406L12.2368 2.29299C12.6274 1.90234 13.2666 1.90234 13.6573 2.29299L21.707 10.3427C22.0977 10.7334 22.0977 11.3726 21.707 11.7632L18.8659 14.6043C18.4753 14.995 17.836 14.995 17.4454 14.6043L16.6404 13.7993Z", fill: "currentColor" })));
+});
+IconPinSolid.displayName = 'IconPinSolid';

package/dist/esm/icons/IconPlastic.js

@@ -0,0 +1,19 @@
+import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconPlastic = 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: "M10 2V4H10.91C10.65 5.79 9 7.5 8 9V13.77C9.32 14.96 9.32 17.04 8 18.23V20C8 21.11 8.9 22 10 22H14C15.11 22 16 21.11 16 20V18.23C14.68 17.04 14.68 14.96 16 13.77V9C15 7.5 13.35 5.79 13.09 4H14V2M12 6.5C12.24 7 13.54 8.5 13.9 8.91L14 9V13C13.35 13.87 13 14.92 13 16C13 17.08 13.35 18.13 14 19V20H10V19C10.65 18.13 11 17.08 11 16C11 14.92 10.65 13.87 10 13V9L10.1 8.91C10.46 8.5 11.76 7 12 6.5Z", fill: "currentColor" })));
+});
+IconPlastic.displayName = 'IconPlastic';

package/dist/esm/icons/IconPlayCircled.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconPlayCircled = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconPlayCircled = 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.998 16.5l6-4.5-6-4.5v9zM12 2.002a9.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: "M9.99745 16.4999L15.9974 11.9999L9.99745 7.49994V16.4999ZM11.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" })));
 });
 IconPlayCircled.displayName = 'IconPlayCircled';