@freightos/icons 1.0.17 → 3.0.0

package/dist/esm/icons/IconSearchManager.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconSearchManager = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconSearchManager = 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: "M3.667 22c-.445 0-.834-.167-1.167-.5-.333-.333-.5-.722-.5-1.167V3.667c0-.445.167-.834.5-1.167.333-.333.722-.5 1.167-.5h16.666c.445 0 .834.167 1.167.5.333.333.5.722.5 1.167v16.666c0 .445-.167.834-.5 1.167-.333.333-.722.5-1.167.5H3.667zm0-1.667h16.666V3.667H3.667v16.666zm3.916-3.194a.8.8 0 01-.583.25.8.8 0 01-.583-.25.8.8 0 01-.25-.583.8.8 0 01.25-.584.8.8 0 01.583-.25.8.8 0 01.583.25.8.8 0 01.25.584.8.8 0 01-.25.583zM7 12.833a.8.8 0 00.583-.25.8.8 0 00.25-.583.8.8 0 00-.25-.583.8.8 0 00-.583-.25.8.8 0 00-.583.25.8.8 0 00-.25.583.8.8 0 00.25.583.8.8 0 00.583.25zm.583-4.805a.8.8 0 01-.583.25.8.8 0 01-.583-.25.8.8 0 01-.25-.584.8.8 0 01.25-.583.8.8 0 01.583-.25.8.8 0 01.583.25.8.8 0 01.25.583.8.8 0 01-.25.584zm3.083 9.361h6.778v-1.667h-6.778v1.667zm6.778-4.556h-6.778v-1.666h6.778v1.666zm-6.778-4.555h6.778V6.61h-6.778v1.667z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.66667 22C3.22222 22 2.83333 21.8333 2.5 21.5C2.16667 21.1667 2 20.7778 2 20.3333V3.66667C2 3.22222 2.16667 2.83333 2.5 2.5C2.83333 2.16667 3.22222 2 3.66667 2H20.3333C20.7778 2 21.1667 2.16667 21.5 2.5C21.8333 2.83333 22 3.22222 22 3.66667V20.3333C22 20.7778 21.8333 21.1667 21.5 21.5C21.1667 21.8333 20.7778 22 20.3333 22H3.66667ZM3.66667 20.3333H20.3333V3.66667H3.66667V20.3333ZM7.58333 17.139C7.41667 17.3057 7.22222 17.389 7 17.389C6.77778 17.389 6.58333 17.3057 6.41667 17.139C6.25 16.9723 6.16667 16.7779 6.16667 16.5557C6.16667 16.3334 6.25 16.139 6.41667 15.9723C6.58333 15.8057 6.77778 15.7223 7 15.7223C7.22222 15.7223 7.41667 15.8057 7.58333 15.9723C7.75 16.139 7.83333 16.3334 7.83333 16.5557C7.83333 16.7779 7.75 16.9723 7.58333 17.139ZM7 12.8333C7.22222 12.8333 7.41667 12.75 7.58333 12.5833C7.75 12.4167 7.83333 12.2222 7.83333 12C7.83333 11.7778 7.75 11.5833 7.58333 11.4167C7.41667 11.25 7.22222 11.1667 7 11.1667C6.77778 11.1667 6.58333 11.25 6.41667 11.4167C6.25 11.5833 6.16667 11.7778 6.16667 12C6.16667 12.2222 6.25 12.4167 6.41667 12.5833C6.58333 12.75 6.77778 12.8333 7 12.8333ZM7.58333 8.02767C7.41667 8.19434 7.22222 8.27767 7 8.27767C6.77778 8.27767 6.58333 8.19434 6.41667 8.02767C6.25 7.861 6.16667 7.66656 6.16667 7.44434C6.16667 7.22211 6.25 7.02767 6.41667 6.861C6.58333 6.69434 6.77778 6.611 7 6.611C7.22222 6.611 7.41667 6.69434 7.58333 6.861C7.75 7.02767 7.83333 7.22211 7.83333 7.44434C7.83333 7.66656 7.75 7.861 7.58333 8.02767ZM10.6664 17.389H17.4442V15.7223H10.6664V17.389ZM17.4442 12.8333H10.6664V11.1667H17.4442V12.8333ZM10.6664 8.27767H17.4442V6.611H10.6664V8.27767Z", fill: "currentColor" })));
 });
 IconSearchManager.displayName = 'IconSearchManager';

package/dist/esm/icons/IconSectionCollapse.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconSectionCollapse = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconSectionCollapse = 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: "M8.075 20L7 18.925l4.5-4.5 4.5 4.5L14.925 20 11.5 16.575 8.075 20zM11.5 9.575L7 5.075 8.075 4 11.5 7.425 14.925 4 16 5.075l-4.5 4.5z", fill: "currentColor" })));
+        React.createElement("path", { d: "M8.075 20L7 18.925L11.5 14.425L16 18.925L14.925 20L11.5 16.575L8.075 20ZM11.5 9.575L7 5.075L8.075 4L11.5 7.425L14.925 4L16 5.075L11.5 9.575Z", fill: "currentColor" })));
 });
 IconSectionCollapse.displayName = 'IconSectionCollapse';

package/dist/esm/icons/IconSectionExpand.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconSectionExpand = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconSectionExpand = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
-            width: size,
-            height: size,
-            minWidth: size,
-            minHeight: size,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        React.createElement("path", { d: "M12.5 21L8 16.475l1.1-1.106 3.4 3.419 3.4-3.42 1.1 1.107L12.5 21zM9.1 8.631L8 7.525 12.5 3 17 7.525l-1.1 1.106-3.4-3.419-3.4 3.42z", fill: "currentColor" })));
+        React.createElement("path", { d: "M12.5 21L8 16.4749L9.1 15.3687L12.5 18.7877L15.9 15.3687L17 16.4749L12.5 21ZM9.1 8.63129L8 7.52514L12.5 3L17 7.52514L15.9 8.63129L12.5 5.21229L9.1 8.63129Z", fill: "currentColor" })));
 });
 IconSectionExpand.displayName = 'IconSectionExpand';

package/dist/esm/icons/IconSecurePayment.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconSecurePayment = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconSecurePayment = 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: "M3.913 9.891h15.401v1.796l1.928 1.47V5.81a1.712 1.712 0 00-.145-.696 1.8 1.8 0 00-.418-.588 1.927 1.927 0 00-.627-.392A2.017 2.017 0 0019.314 4h-15.4c-.253 0-.503.045-.736.136-.233.09-.444.224-.622.392a1.792 1.792 0 00-.414.589c-.096.22-.144.455-.142.693v10.884c0 .239.048.475.145.696.096.22.238.421.418.59.179.169.392.303.626.394.234.09.485.137.739.136h9.14v-1.816H3.914V9.89zm0-4.081h15.401v1.816h-15.4V5.81zm17.098 9.843h-.498v-.912c0-.62-.262-1.215-.728-1.654a2.563 2.563 0 00-1.756-.686c-.659 0-1.29.247-1.756.686a2.273 2.273 0 00-.728 1.655v.911h-.49a1.04 1.04 0 00-.385.056.993.993 0 00-.33.193.929.929 0 00-.226.298.881.881 0 00-.085.358v4.537a.901.901 0 00.3.646c.187.17.437.263.696.259h5.986c.258.002.506-.092.691-.261.185-.17.292-.4.298-.644v-4.537a.9.9 0 00-.298-.644 1.015 1.015 0 00-.691-.261zm-4.47-.912c0-.371.157-.728.436-.99.279-.263.657-.41 1.052-.41.394 0 .773.147 1.052.41.278.262.435.619.435.99v.912h-3.003l.028-.912zm4.47 6.354h-5.986v-4.537h5.986v4.537zm-2.48-1.524a.998.998 0 01-.53.164 1.014 1.014 0 01-.695-.264.9.9 0 01-.295-.648c0-.18.056-.355.162-.504a.956.956 0 01.43-.336 1.018 1.018 0 011.052.189.9.9 0 01.27.461.862.862 0 01-.046.525.924.924 0 01-.347.413z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.9134 9.89115H19.314V11.6871L21.2418 13.1564V5.80956C21.2428 5.5711 21.1935 5.33484 21.0969 5.11444C21.0003 4.89405 20.8582 4.69391 20.6789 4.52561C20.4996 4.35731 20.2866 4.2242 20.0524 4.13399C19.8181 4.04377 19.5671 3.99825 19.314 4.00005H3.9134C3.66126 3.99914 3.41143 4.04538 3.17839 4.13608C2.94534 4.22678 2.73371 4.36014 2.55576 4.52844C2.3778 4.69674 2.23705 4.89663 2.14166 5.11654C2.04627 5.33645 1.99814 5.572 2.00005 5.80956V16.6938C1.9991 16.9326 2.04831 17.1692 2.14485 17.3899C2.2414 17.6107 2.38336 17.8113 2.56256 17.9801C2.74176 18.149 2.95466 18.2827 3.18898 18.3737C3.4233 18.4647 3.67441 18.511 3.92784 18.5101H13.0686V16.6938H3.9134V9.89115ZM3.9134 5.80956H19.314V7.62587H3.9134V5.80956ZM21.0107 15.653H20.5125V14.7415C20.5125 14.1208 20.2508 13.5256 19.7851 13.0868C19.3193 12.6479 18.6875 12.4014 18.0288 12.4014C17.3701 12.4014 16.7383 12.6479 16.2725 13.0868C15.8067 13.5256 15.545 14.1208 15.545 14.7415V15.653H15.0541C14.9233 15.6476 14.7927 15.6668 14.67 15.7095C14.5472 15.7523 14.4348 15.8177 14.3393 15.902C14.2438 15.9863 14.1671 16.0878 14.1138 16.2004C14.0605 16.313 14.0316 16.4345 14.0288 16.5578V21.0951C14.0345 21.3393 14.1424 21.5715 14.3291 21.741C14.5158 21.9105 14.766 22.0036 15.0252 21.9999H21.0107C21.2687 22.0017 21.5171 21.9079 21.7022 21.7386C21.8873 21.5693 21.9942 21.3381 21.9999 21.0951V16.5578C21.9942 16.3148 21.8873 16.0837 21.7022 15.9144C21.5171 15.7451 21.2687 15.6512 21.0107 15.653ZM16.5414 14.7415C16.5414 14.3698 16.6981 14.0134 16.9771 13.7506C17.256 13.4878 17.6343 13.3401 18.0288 13.3401C18.4233 13.3401 18.8016 13.4878 19.0805 13.7506C19.3594 14.0134 19.5161 14.3698 19.5161 14.7415V15.653H16.5125L16.5414 14.7415ZM21.0107 21.0951H15.0252V16.5578H21.0107V21.0951ZM18.5319 19.5712C18.3757 19.6738 18.1908 19.7306 18.0004 19.7347C17.7412 19.7365 17.4918 19.6417 17.3065 19.4709C17.1212 19.3001 17.015 19.0673 17.0112 18.8231C17.0113 18.6437 17.0675 18.4683 17.1729 18.3188C17.2783 18.1694 17.4281 18.0526 17.6037 17.9831C17.7792 17.9135 17.9726 17.8943 18.1597 17.9278C18.3467 17.9614 18.5191 18.0462 18.6552 18.1717C18.7914 18.2971 18.8852 18.4576 18.9249 18.6331C18.9647 18.8085 18.9486 18.9911 18.8787 19.158C18.8087 19.3249 18.6881 19.4686 18.5319 19.5712Z", fill: "currentColor" })));
 });
 IconSecurePayment.displayName = 'IconSecurePayment';

package/dist/esm/icons/IconSend.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconSend = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconSend = 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 11 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
-            width: size,
-            height: size,
-            minWidth: size,
-            minHeight: size,
+    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: "M0 9.5L10.5 5 0 .5V4l7.5 1L0 6v3.5z", fill: "currentColor" })));
+        React.createElement("path", { d: "M2 21L22 12L2 3V10L16.2857 12L2 14V21Z", fill: "currentColor" })));
 });
 IconSend.displayName = 'IconSend';

package/dist/esm/icons/IconSettings.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconSettings = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconSettings = 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.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46a.5.5 0 00-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.488.488 0 0014 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1a.566.566 0 00-.18-.03c-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98 0 .33.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46a.5.5 0 00.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74 0-.2.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z", fill: "currentColor" })));
+        React.createElement("path", { d: "M19.4298 12.98C19.4698 12.66 19.4998 12.34 19.4998 12C19.4998 11.66 19.4698 11.34 19.4298 11.02L21.5398 9.37C21.7298 9.22 21.7798 8.95 21.6598 8.73L19.6598 5.27C19.5698 5.11 19.3998 5.02 19.2198 5.02C19.1598 5.02 19.0998 5.03 19.0498 5.05L16.5598 6.05C16.0398 5.65 15.4798 5.32 14.8698 5.07L14.4898 2.42C14.4598 2.18 14.2498 2 13.9998 2H9.99984C9.74984 2 9.53984 2.18 9.50984 2.42L9.12984 5.07C8.51984 5.32 7.95984 5.66 7.43984 6.05L4.94984 5.05C4.88984 5.03 4.82984 5.02 4.76984 5.02C4.59984 5.02 4.42984 5.11 4.33984 5.27L2.33984 8.73C2.20984 8.95 2.26984 9.22 2.45984 9.37L4.56984 11.02C4.52984 11.34 4.49984 11.67 4.49984 12C4.49984 12.33 4.52984 12.66 4.56984 12.98L2.45984 14.63C2.26984 14.78 2.21984 15.05 2.33984 15.27L4.33984 18.73C4.42984 18.89 4.59984 18.98 4.77984 18.98C4.83984 18.98 4.89984 18.97 4.94984 18.95L7.43984 17.95C7.95984 18.35 8.51984 18.68 9.12984 18.93L9.50984 21.58C9.53984 21.82 9.74984 22 9.99984 22H13.9998C14.2498 22 14.4598 21.82 14.4898 21.58L14.8698 18.93C15.4798 18.68 16.0398 18.34 16.5598 17.95L19.0498 18.95C19.1098 18.97 19.1698 18.98 19.2298 18.98C19.3998 18.98 19.5698 18.89 19.6598 18.73L21.6598 15.27C21.7798 15.05 21.7298 14.78 21.5398 14.63L19.4298 12.98ZM17.4498 11.27C17.4898 11.58 17.4998 11.79 17.4998 12C17.4998 12.21 17.4798 12.43 17.4498 12.73L17.3098 13.86L18.1998 14.56L19.2798 15.4L18.5798 16.61L17.3098 16.1L16.2698 15.68L15.3698 16.36C14.9398 16.68 14.5298 16.92 14.1198 17.09L13.0598 17.52L12.8998 18.65L12.6998 20H11.2998L11.1098 18.65L10.9498 17.52L9.88984 17.09C9.45984 16.91 9.05984 16.68 8.65984 16.38L7.74984 15.68L6.68984 16.11L5.41984 16.62L4.71984 15.41L5.79984 14.57L6.68984 13.87L6.54984 12.74C6.51984 12.43 6.49984 12.2 6.49984 12C6.49984 11.8 6.51984 11.57 6.54984 11.27L6.68984 10.14L5.79984 9.44L4.71984 8.6L5.41984 7.39L6.68984 7.9L7.72984 8.32L8.62984 7.64C9.05984 7.32 9.46984 7.08 9.87984 6.91L10.9398 6.48L11.0998 5.35L11.2998 4H12.6898L12.8798 5.35L13.0398 6.48L14.0998 6.91C14.5298 7.09 14.9298 7.32 15.3298 7.62L16.2398 8.32L17.2998 7.89L18.5698 7.38L19.2698 8.59L18.1998 9.44L17.3098 10.14L17.4498 11.27ZM11.9998 8C9.78984 8 7.99984 9.79 7.99984 12C7.99984 14.21 9.78984 16 11.9998 16C14.2098 16 15.9998 14.21 15.9998 12C15.9998 9.79 14.2098 8 11.9998 8ZM11.9998 14C10.8998 14 9.99984 13.1 9.99984 12C9.99984 10.9 10.8998 10 11.9998 10C13.0998 10 13.9998 10.9 13.9998 12C13.9998 13.1 13.0998 14 11.9998 14Z", fill: "currentColor" })));
 });
 IconSettings.displayName = 'IconSettings';

package/dist/esm/icons/IconShare.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconShare = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconShare = 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 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7 0-.24-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92 0-1.61-1.31-2.92-2.92-2.92zM18 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM6 13c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm12 7.02c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z", fill: "currentColor" })));
+        React.createElement("path", { d: "M18 16.08C17.24 16.08 16.56 16.38 16.04 16.85L8.91 12.7C8.96 12.47 9 12.24 9 12C9 11.76 8.96 11.53 8.91 11.3L15.96 7.19C16.5 7.69 17.21 8 18 8C19.66 8 21 6.66 21 5C21 3.34 19.66 2 18 2C16.34 2 15 3.34 15 5C15 5.24 15.04 5.47 15.09 5.7L8.04 9.81C7.5 9.31 6.79 9 6 9C4.34 9 3 10.34 3 12C3 13.66 4.34 15 6 15C6.79 15 7.5 14.69 8.04 14.19L15.16 18.35C15.11 18.56 15.08 18.78 15.08 19C15.08 20.61 16.39 21.92 18 21.92C19.61 21.92 20.92 20.61 20.92 19C20.92 17.39 19.61 16.08 18 16.08ZM18 4C18.55 4 19 4.45 19 5C19 5.55 18.55 6 18 6C17.45 6 17 5.55 17 5C17 4.45 17.45 4 18 4ZM6 13C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11C6.55 11 7 11.45 7 12C7 12.55 6.55 13 6 13ZM18 20.02C17.45 20.02 17 19.57 17 19.02C17 18.47 17.45 18.02 18 18.02C18.55 18.02 19 18.47 19 19.02C19 19.57 18.55 20.02 18 20.02Z", fill: "currentColor" })));
 });
 IconShare.displayName = 'IconShare';

package/dist/esm/icons/IconSmartphone.js

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

@@ -1,18 +1,21 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconSpend = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconSpend = 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.276 6.11c.006-.05.009-.101.01-.153V3.54c0-.393-.143-.749-.429-1.066-.285-.317-.619-.475-1-.475H8.143c-.365 0-.695.158-.988.475-.294.317-.44.673-.44 1.067V5.93c0 .061.003.121.01.18H2.428c-.365 0-.695.158-.989.475-.293.317-.44.672-.44 1.066v12.333c0 .41.147.77.44 1.079.294.308.623.462.989.462H13.34a6.28 6.28 0 01-.32-1.541H2.429V7.652h17.143v5.68a5.83 5.83 0 011.428.323V7.652c0-.394-.143-.749-.428-1.066-.286-.317-.62-.475-1-.475h-4.296zm-1.419 0V3.543H8.143V6.11h5.714z", fill: "currentColor" }),
-        React.createElement("path", { d: "M11.186 13.253c-1.081-.303-1.429-.616-1.429-1.104 0-.56.481-.951 1.286-.951.848 0 1.162.437 1.19 1.079h1.053c-.034-.884-.534-1.696-1.529-1.958V9.194H10.33v1.11c-.924.216-1.667.863-1.667 1.855 0 1.187.91 1.778 2.238 2.122 1.19.308 1.429.76 1.429 1.238 0 .355-.234.92-1.286.92-.981 0-1.367-.473-1.42-1.079H8.577c.057 1.125.838 1.757 1.753 1.968v1.115h1.428v-1.105c.929-.19 1.667-.77 1.667-1.824 0-1.46-1.157-1.958-2.238-2.26zm8.363 1.607l-.863.892 1.978 2.046h-5.996v1.263h5.996l-1.978 2.046.863.893L23 18.43l-3.451-3.57z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.2763 6.11079C15.2818 6.06024 15.2849 6.00885 15.2856 5.95663L15.2858 5.93094V3.54154C15.2858 3.14759 15.1429 2.79218 14.8572 2.47531C14.5715 2.15844 14.2382 2 13.8572 2H8.1429C7.77782 2 7.44845 2.15844 7.1548 2.47531C6.86115 2.79218 6.71432 3.14759 6.71432 3.54154V5.93094C6.71432 5.99202 6.71756 6.05197 6.72405 6.11079H2.42858C2.0635 6.11079 1.73413 6.26922 1.44048 6.5861C1.14683 6.90297 1 7.25838 1 7.65233V19.9847C1 20.3958 1.14683 20.7555 1.44048 21.0638C1.73413 21.3721 2.0635 21.5262 2.42858 21.5262H13.3415C13.1735 21.0377 13.0636 20.5209 13.0206 19.9847H2.42858V7.65233H19.5715V13.3323C20.0678 13.3804 20.5465 13.4908 21.0001 13.6555V7.65233C21.0001 7.25838 20.8573 6.90297 20.5715 6.5861C20.2858 6.26922 19.9525 6.11079 19.5715 6.11079H15.2763ZM13.8572 6.11079V3.54154H8.1429V6.11079H13.8572Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M11.1858 13.2533C10.1049 12.9501 9.75727 12.6367 9.75727 12.1485C9.75727 11.5884 10.2382 11.1979 11.043 11.1979C11.8906 11.1979 12.2049 11.6347 12.2335 12.277H13.2859C13.2525 11.3931 12.7525 10.5813 11.7573 10.3192V9.19388H10.3287V10.3038C9.40489 10.5196 8.66203 11.1671 8.66203 12.1588C8.66203 13.3458 9.57155 13.9367 10.9001 14.281C12.0906 14.5893 12.3287 15.0415 12.3287 15.5193C12.3287 15.8739 12.0954 16.4391 11.043 16.4391C10.062 16.4391 9.67632 15.9664 9.62394 15.3601H8.57631C8.63345 16.4854 9.41441 17.1174 10.3287 17.3281V18.4431H11.7573V17.3384C12.6859 17.1482 13.424 16.5676 13.424 15.5142C13.424 14.0549 12.2668 13.5564 11.1858 13.2533Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M19.5487 14.8593L18.6859 15.7519L20.6642 17.7984H14.6685V19.0607H20.6642L18.6859 21.1074L19.5487 22L23 18.4298L19.5487 14.8593Z", fill: "currentColor" })));
 });
 IconSpend.displayName = 'IconSpend';

package/dist/esm/icons/IconSphere.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconSphere = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconSphere = 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.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2m-5.15 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 01-4.33 3.56zM14.34 14H9.66c-.1-.66-.16-1.32-.16-2 0-.68.06-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zM12 19.96c-.83-1.2-1.5-2.53-1.91-3.96h3.82c-.41 1.43-1.08 2.76-1.91 3.96zM8 8H5.08A7.923 7.923 0 019.4 4.44C8.8 5.55 8.35 6.75 8 8zm-2.92 8H8c.35 1.25.8 2.45 1.4 3.56A8.008 8.008 0 015.08 16zm-.82-2C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2M12 4.03c.83 1.2 1.5 2.54 1.91 3.97h-3.82c.41-1.43 1.08-2.77 1.91-3.97zM18.92 8h-2.95a15.65 15.65 0 00-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56zM12 2C6.47 2 2 6.5 2 12A10 10 0 1012 2z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.36 14C16.44 13.34 16.5 12.68 16.5 12C16.5 11.32 16.44 10.66 16.36 10H19.74C19.9 10.64 20 11.31 20 12C20 12.69 19.9 13.36 19.74 14M14.59 19.56C15.19 18.45 15.65 17.25 15.97 16H18.92C17.9512 17.6683 16.4141 18.932 14.59 19.56ZM14.34 14H9.66C9.56 13.34 9.5 12.68 9.5 12C9.5 11.32 9.56 10.65 9.66 10H14.34C14.43 10.65 14.5 11.32 14.5 12C14.5 12.68 14.43 13.34 14.34 14ZM12 19.96C11.17 18.76 10.5 17.43 10.09 16H13.91C13.5 17.43 12.83 18.76 12 19.96ZM8 8H5.08C6.03886 6.32721 7.5748 5.06149 9.4 4.44C8.8 5.55 8.35 6.75 8 8ZM5.08 16H8C8.35 17.25 8.8 18.45 9.4 19.56C7.57862 18.9317 6.04485 17.6677 5.08 16ZM4.26 14C4.1 13.36 4 12.69 4 12C4 11.31 4.1 10.64 4.26 10H7.64C7.56 10.66 7.5 11.32 7.5 12C7.5 12.68 7.56 13.34 7.64 14M12 4.03C12.83 5.23 13.5 6.57 13.91 8H10.09C10.5 6.57 11.17 5.23 12 4.03ZM18.92 8H15.97C15.657 6.76146 15.1936 5.5659 14.59 4.44C16.43 5.07 17.96 6.34 18.92 8ZM12 2C6.47 2 2 6.5 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7362 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2Z", fill: "currentColor" })));
 });
 IconSphere.displayName = 'IconSphere';

package/dist/esm/icons/IconStarEmpty.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconStarEmpty = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconStarEmpty = 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: "M22 9.238l-7.187-.623L12 2 9.187 8.63 2 9.237l5.5 4.733-1.68 7.027 6.18-3.75 6.182 3.75-1.628-7.027L22 9.238zm-10 6.157l-3.75 2.25.997-4.282-3.331-2.865 4.381-.375L12 6.095l1.71 4.042 4.382.383-3.324 2.88.983 4.275-3.75-2.28z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22 9.2375L14.8132 8.615L12 2L9.1868 8.63L2 9.2375L7.49887 13.97L5.81845 20.9975L12 17.2475L18.1815 20.9975L16.5536 13.97L22 9.2375ZM12 15.395L8.24906 17.645L9.24681 13.3625L5.91598 10.4975L10.2971 10.1225L12 6.095L13.7104 10.1375L18.0915 10.52L14.7682 13.4L15.7509 17.675L12 15.395Z", fill: "currentColor" })));
 });
 IconStarEmpty.displayName = 'IconStarEmpty';

package/dist/esm/icons/IconStarFull.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconStarFull = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconStarFull = 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 17.27l6.182 3.727-1.643-7.027L22 9.238l-7.187-.608L12 2 9.187 8.63 2 9.237l5.461 4.733-1.642 7.027L12 17.27z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 17.27L18.1815 20.9975L16.5386 13.97L22 9.2375L14.8132 8.63L12 2L9.1868 8.63L2 9.2375L7.46137 13.97L5.81845 20.9975L12 17.27Z", fill: "currentColor" })));
 });
 IconStarFull.displayName = 'IconStarFull';

package/dist/esm/icons/IconStarHalf.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconStarHalf = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconStarHalf = 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: "M22 9.238l-7.187-.623L12 2 9.187 8.63 2 9.237l5.5 4.733-1.68 7.027 6.18-3.75 6.182 3.75-1.628-7.027L22 9.238zm-10 6.157v-9.3l1.71 4.042 4.382.383-3.324 2.88.983 4.275-3.75-2.28z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22 9.2375L14.8132 8.615L12 2L9.1868 8.63L2 9.2375L7.49887 13.97L5.81845 20.9975L12 17.2475L18.1815 20.9975L16.5536 13.97L22 9.2375ZM12 15.395V6.095L13.7104 10.1375L18.0915 10.52L14.7682 13.4L15.7509 17.675L12 15.395Z", fill: "currentColor" })));
 });
 IconStarHalf.displayName = 'IconStarHalf';

package/dist/esm/icons/IconStatusUpdate.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconStatusUpdate = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconStatusUpdate = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
-            width: size,
-            height: size,
-            minWidth: size,
-            minHeight: size,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.9 6H2v1.576h15.9V6zm-5.884 4.26H2v1.576h9.174c.201-.57.486-1.101.842-1.576zm-1.157 4.255c.057.553.186 1.082.377 1.576H2v-1.576h8.859zm9.2-2.758l-1.943 2.082h1.457a3.24 3.24 0 01-.854 2.206 2.821 2.821 0 01-2.06.915c-.49 0-.957-.13-1.36-.365l-.71.76a3.666 3.666 0 002.07.645 3.66 3.66 0 001.486-.316c.472-.21.9-.516 1.26-.902.361-.387.648-.845.843-1.35a4.42 4.42 0 00.296-1.592H22l-1.942-2.083zm-6.314 2.082c.001-.828.308-1.62.854-2.206a2.82 2.82 0 012.059-.915c.49 0 .957.13 1.36.364l.71-.76a3.666 3.666 0 00-2.07-.645c-.51 0-1.015.108-1.487.317-.47.21-.899.516-1.26.902-.36.386-.646.845-.841 1.35a4.42 4.42 0 00-.296 1.593h-1.457l1.942 2.08 1.943-2.08h-1.457z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.9006 6H2V7.57591H17.9006V6ZM12.0162 10.2602H2V11.8361H11.1737C11.3751 11.2665 11.6595 10.7346 12.0162 10.2602ZM10.8589 14.5151C10.9158 15.0678 11.0453 15.5973 11.2355 16.0911H2V14.5151H10.8589ZM20.0582 11.7573L18.1163 13.8386H19.5727C19.5722 14.6662 19.265 15.4598 18.7187 16.0451C18.1724 16.6303 17.4316 16.9593 16.659 16.9599C16.1686 16.9599 15.7018 16.8296 15.2987 16.5953L14.5896 17.3549C15.208 17.7765 15.9259 18.0003 16.659 18C17.169 18.0001 17.6742 17.8926 18.1455 17.6836C18.6168 17.4746 19.045 17.1682 19.4058 16.7818C19.7665 16.3955 20.0527 15.9368 20.2479 15.432C20.4431 14.9271 20.5436 14.386 20.5436 13.8396H22L20.0582 11.7573ZM13.7452 13.8386C13.746 13.0113 14.0531 12.2181 14.5992 11.6331C15.1453 11.0481 15.8857 10.7191 16.658 10.7183C17.1483 10.7183 17.6152 10.8475 18.0182 11.0818L18.7273 10.3222C18.1089 9.90058 17.391 9.67679 16.658 9.67711C16.1479 9.67711 15.6428 9.78476 15.1715 9.99391C14.7003 10.2031 14.2721 10.5096 13.9114 10.896C13.5508 11.2825 13.2647 11.7412 13.0696 12.2461C12.8745 12.751 12.7742 13.2921 12.7743 13.8386H11.3169L13.2588 15.9188L15.2016 13.8386H13.7452Z", fill: "currentColor" })));
 });
 IconStatusUpdate.displayName = 'IconStatusUpdate';

package/dist/esm/icons/IconSubdirectory.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconSubdirectory = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconSubdirectory = 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 14.942L13.8 22l-1.701-1.667 4.31-4.217H3V2h2.404v11.769H16.41l-4.311-4.217 1.7-1.668 7.2 7.058z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21 14.9422L13.8 22L12.099 20.3326L16.41 16.1156H3V2H5.403V13.7689H16.41L12.099 9.55183L13.8 7.88443L21 14.9422Z", fill: "currentColor" })));
 });
 IconSubdirectory.displayName = 'IconSubdirectory';

package/dist/esm/icons/IconSync.js

@@ -1,21 +1,23 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconSync = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconSync = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
-            width: size,
-            height: size,
-            minWidth: size,
-            minHeight: size,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
         React.createElement("g", { "clip-path": "url(#clip0_5512_25958)" },
-            React.createElement("path", { d: "M12.5 4.727V2L8.75 5.636l3.75 3.637V6.545c3.103 0 5.625 2.446 5.625 5.455 0 .918-.234 1.79-.656 2.546l1.368 1.327A7.05 7.05 0 0020 12c0-4.018-3.356-7.273-7.5-7.273zm0 12.727c-3.103 0-5.625-2.445-5.625-5.454 0-.918.234-1.79.656-2.545L6.162 8.127A7.05 7.05 0 005 12c0 4.018 3.356 7.273 7.5 7.273V22l3.75-3.636-3.75-3.637v2.727z", fill: "currentColor" })),
+            React.createElement("path", { d: "M12.5 4.72727V2L8.75 5.63636L12.5 9.27273V6.54545C15.6031 6.54545 18.125 8.99091 18.125 12C18.125 12.9182 17.8906 13.7909 17.4687 14.5455L18.8375 15.8727C19.5971 14.7154 20.0004 13.3719 20 12C20 7.98182 16.6438 4.72727 12.5 4.72727ZM12.5 17.4545C9.39687 17.4545 6.875 15.0091 6.875 12C6.875 11.0818 7.10938 10.2091 7.53125 9.45455L6.1625 8.12727C5.40289 9.28463 4.99961 10.6281 5 12C5 16.0182 8.35625 19.2727 12.5 19.2727V22L16.25 18.3636L12.5 14.7273V17.4545Z", fill: "currentColor" })),
         React.createElement("defs", null,
             React.createElement("clipPath", { id: "clip0_5512_25958" },
-                React.createElement("path", { fill: "currentColor", d: "M0 0h24v24H0z" })))));
+                React.createElement("rect", { width: "24", height: "24", fill: "currentColor" })))));
 });
 IconSync.displayName = 'IconSync';

package/dist/esm/icons/IconSyncCircledSolid.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconSyncCircledSolid = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconSyncCircledSolid = 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: "M2 12a10 10 0 1020 0 10 10 0 00-20 0zm13.6 1.72A4 4 0 0016 12a4 4 0 00-4-4v2L8.88 7 12 4v2a6 6 0 016 6 5.9 5.9 0 01-.93 3.19M6 12a5.9 5.9 0 01.93-3.19l1.47 1.47A4 4 0 008 12a4 4 0 004 4v-2l3 3-3 3v-2a6 6 0 01-6-6z", fill: "currentColor" })));
+        React.createElement("path", { d: "M2 12C2 13.9778 2.58649 15.9112 3.6853 17.5557C4.78412 19.2002 6.3459 20.4819 8.17317 21.2388C10.0004 21.9957 12.0111 22.1937 13.9509 21.8079C15.8907 21.422 17.6725 20.4696 19.0711 19.0711C20.4696 17.6725 21.422 15.8907 21.8079 13.9509C22.1937 12.0111 21.9957 10.0004 21.2388 8.17317C20.4819 6.3459 19.2002 4.78412 17.5557 3.6853C15.9112 2.58649 13.9778 2 12 2C10.6868 2 9.38642 2.25866 8.17317 2.7612C6.95991 3.26375 5.85752 4.00035 4.92893 4.92893C3.05357 6.8043 2 9.34784 2 12ZM15.6 13.72C15.8598 13.1836 15.9965 12.596 16 12C16 10.9391 15.5786 9.92172 14.8284 9.17157C14.0783 8.42143 13.0609 8 12 8V10L8.88 7L12 4V6C13.5913 6 15.1174 6.63214 16.2426 7.75736C17.3679 8.88258 18 10.4087 18 12C18.002 13.1305 17.6792 14.2377 17.07 15.19M6 12C5.99799 10.8695 6.32079 9.76228 6.93 8.81L8.4 10.28C8.14019 10.8164 8.00353 11.404 8 12C8 13.0609 8.42143 14.0783 9.17157 14.8284C9.92172 15.5786 10.9391 16 12 16V14L15 17L12 20V18C10.4087 18 8.88258 17.3679 7.75736 16.2426C6.63214 15.1174 6 13.5913 6 12Z", fill: "currentColor" })));
 });
 IconSyncCircledSolid.displayName = 'IconSyncCircledSolid';