@freightos/icons 1.0.17 → 3.0.1

package/dist/esm/icons/IconCaretDown.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconCaretDown = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconCaretDown = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
-            width: size,
-            height: size,
-            minWidth: size,
-            minHeight: size,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.41 8.588L12 13.17l4.59-4.582L18 9.998l-6 6-6-6 1.41-1.41z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.41 8.58752L12 13.17L16.59 8.58752L18 9.99752L12 15.9975L6 9.99752L7.41 8.58752Z", fill: "currentColor" })));
 });
 IconCaretDown.displayName = 'IconCaretDown';

package/dist/esm/icons/IconCaretLeft.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconCaretLeft = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconCaretLeft = 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.41 16.59L10.828 12l4.582-4.59L14 6l-6 6 6 6 1.41-1.41z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.41 16.59L10.8275 12L15.41 7.41L14 6L8 12L14 18L15.41 16.59Z", fill: "currentColor" })));
 });
 IconCaretLeft.displayName = 'IconCaretLeft';

package/dist/esm/icons/IconCaretRight.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconCaretRight = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconCaretRight = 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 16.59L13.582 12 9 7.41 10.41 6l6 6-6 6L9 16.59z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 16.59L13.5825 12L9 7.41L10.41 6L16.41 12L10.41 18L9 16.59Z", fill: "currentColor" })));
 });
 IconCaretRight.displayName = 'IconCaretRight';

package/dist/esm/icons/IconCaretUp.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconCaretUp = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconCaretUp = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
-            width: size,
-            height: size,
-            minWidth: size,
-            minHeight: size,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.41 15.412L12 10.83l4.59 4.582 1.41-1.41-6-6-6 6 1.41 1.41z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.41 15.4124L12 10.8299L16.59 15.4124L18 14.0024L12 8.00244L6 14.0024L7.41 15.4124Z", fill: "currentColor" })));
 });
 IconCaretUp.displayName = 'IconCaretUp';

package/dist/esm/icons/IconCharges.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconCharges = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconCharges = 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 12c0-4.968 4.032-9 9-9s9 4.032 9 9-4.032 9-9 9-9-4.032-9-9zm10.27 7.2v-1.718c1.565-.297 2.798-1.197 2.807-2.844 0-2.268-1.944-3.05-3.762-3.52-1.818-.468-2.403-.963-2.403-1.719 0-.863.81-1.476 2.16-1.476 1.422 0 1.953.684 1.998 1.683h1.764c-.055-1.377-.891-2.646-2.565-3.051V4.8h-2.404v1.737c-1.548.333-2.799 1.341-2.799 2.889 0 1.845 1.53 2.763 3.762 3.303 2.007.477 2.403 1.179 2.403 1.926 0 .549-.396 1.431-2.16 1.431-1.647 0-2.295-.738-2.385-1.683H7.923c.1 1.746 1.404 2.736 2.943 3.06V19.2h2.403z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 12C3 7.03163 7.03222 3 12 3C16.9684 3 21 7.03163 21 12C21 16.9684 16.9678 21 12 21C7.03163 21 3 16.9684 3 12ZM13.2692 19.2004V17.4816C14.835 17.1845 16.0682 16.285 16.0771 14.6377C16.0771 12.3697 14.1333 11.5872 12.3154 11.1188C10.4974 10.6504 9.91211 10.1555 9.91211 9.39946C9.91211 8.53596 10.7219 7.92348 12.072 7.92348C13.4943 7.92348 14.0247 8.60743 14.0701 9.60618H15.8337C15.7794 8.22884 14.9425 6.96017 13.2687 6.55499V4.80024H10.8654V6.53728C9.31734 6.8698 8.06639 7.878 8.06639 9.42604C8.06639 11.2706 9.59612 12.189 11.8281 12.7288C13.8351 13.2055 14.2314 13.9077 14.2314 14.6549C14.2314 15.2036 13.8351 16.086 12.0714 16.086C10.4242 16.086 9.77626 15.3483 9.68649 14.4033H7.92287C8.0221 16.1492 9.3268 17.1391 10.866 17.4633V19.2004H13.2692Z", fill: "currentColor" })));
 });
 IconCharges.displayName = 'IconCharges';

package/dist/esm/icons/IconChatProgress.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconChatProgress = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconChatProgress = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
-            width: size,
-            height: size,
-            minWidth: size,
-            minHeight: size,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        React.createElement("path", { d: "M12 2C6.5 2 2 5.978 2 10.889c.025 1.18.285 2.34.76 3.397A7.912 7.912 0 004.75 17c0 .667-.42 2.411-2.75 5 2.37-.122 4.64-1.111 6.47-2.778 1.14.367 2.34.556 3.53.556 5.5 0 10-3.978 10-8.89C22 5.979 17.5 2 12 2zm0 15.556c-4.42 0-8-2.99-8-6.667 0-3.678 3.58-6.667 8-6.667s8 2.99 8 6.667c0 3.678-3.58 6.667-8 6.667zM17 12V9.778h-2V12h2zm-4 0V9.778h-2V12h2zm-4 0V9.778H7V12h2z", fill: "currentColor" })));
+        React.createElement("path", { d: "M12 2C6.5 2 2 5.97778 2 10.8889C2.02511 12.0697 2.28463 13.2297 2.76001 14.2861C3.23539 15.3425 3.91491 16.2692 4.75 17C4.75 17.6667 4.33 19.4111 2 22C4.37 21.8778 6.64 20.8889 8.47 19.2222C9.61 19.5889 10.81 19.7778 12 19.7778C17.5 19.7778 22 15.8 22 10.8889C22 5.97778 17.5 2 12 2ZM12 17.5556C7.58 17.5556 4 14.5667 4 10.8889C4 7.21111 7.58 4.22222 12 4.22222C16.42 4.22222 20 7.21111 20 10.8889C20 14.5667 16.42 17.5556 12 17.5556ZM17 12V9.77778H15V12H17ZM13 12V9.77778H11V12H13ZM9 12V9.77778H7V12H9Z", fill: "currentColor" })));
 });
 IconChatProgress.displayName = 'IconChatProgress';

package/dist/esm/icons/IconChatProgressSolid.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconChatProgressSolid = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconChatProgressSolid = 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 2c5.5 0 10 3.978 10 8.889s-4.5 8.889-10 8.889c-1.24 0-2.43-.2-3.53-.556C5.55 22 2 22 2 22c2.33-2.589 2.7-4.333 2.75-5C3.05 15.411 2 13.256 2 10.889 2 5.978 6.5 2 12 2zm5 10V9.778h-2V12h2zm-4 0V9.778h-2V12h2zm-4 0V9.778H7V12h2z", fill: "currentColor" })));
+        React.createElement("path", { d: "M12 2C17.5 2 22 5.97778 22 10.8889C22 15.8 17.5 19.7778 12 19.7778C10.76 19.7778 9.57 19.5778 8.47 19.2222C5.55 22 2 22 2 22C4.33 19.4111 4.7 17.6667 4.75 17C3.05 15.4111 2 13.2556 2 10.8889C2 5.97778 6.5 2 12 2ZM17 12V9.77778H15V12H17ZM13 12V9.77778H11V12H13ZM9 12V9.77778H7V12H9Z", fill: "currentColor" })));
 });
 IconChatProgressSolid.displayName = 'IconChatProgressSolid';

package/dist/esm/icons/IconCheck.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconCheck = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconCheck = 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 16.17L4.83 12l-1.418 1.41L9 18.997l12-12-1.41-1.41L9 16.17z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.0001 16.17L4.8301 12L3.4126 13.41L9.0001 18.9975L21.0001 6.99752L19.5901 5.58752L9.0001 16.17Z", fill: "currentColor" })));
 });
 IconCheck.displayName = 'IconCheck';

package/dist/esm/icons/IconCheckCircled.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconCheckCircled = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconCheckCircled = 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 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.002zm4.59-12.42l-6.592 6.585-2.588-2.58L6 12.997l3.998 4.005L18 9l-1.41-1.418z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.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.0024ZM16.5899 7.58244L9.99745 14.1674L7.40995 11.5874L5.99995 12.9974L9.99745 17.0024L17.9999 8.99994L16.5899 7.58244Z", fill: "currentColor" })));
 });
 IconCheckCircled.displayName = 'IconCheckCircled';

package/dist/esm/icons/IconCheckCircledSolid.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconCheckCircledSolid = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconCheckCircledSolid = 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 2.002a9.998 9.998 0 100 19.995 9.998 9.998 0 000-19.995zm4.59 5.58l-6.592 6.585-2.588-2.58L6 12.997l3.998 4.005L18 9l-1.41-1.418z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.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.00244ZM16.5899 7.58244L9.99745 14.1674L7.40995 11.5874L5.99995 12.9974L9.99745 17.0024L17.9999 8.99994L16.5899 7.58244Z", fill: "currentColor" })));
 });
 IconCheckCircledSolid.displayName = 'IconCheckCircledSolid';

package/dist/esm/icons/IconChemical.js

@@ -0,0 +1,23 @@
+import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
+import { FREIGHTOS_COLORS } from '../colors';
+export const IconChemical = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
+    const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
+    return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
+            flexShrink: 0,
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            ...style,
+        }, ...props },
+        React.createElement("g", { "clip-path": "url(#clip0_10934_46)" },
+            React.createElement("path", { d: "M13.0001 11.33L18.0001 18H6.00005L11.0001 11.33V6H13.0001M15.9601 4H8.04005C7.62005 4 7.39005 4.48 7.65005 4.81L9.00005 6.5V10.67L3.20005 18.4C2.71005 19.06 3.18005 20 4.00005 20H20.0001C20.8201 20 21.2901 19.06 20.8001 18.4L15.0001 10.67V6.5L16.3501 4.81C16.6101 4.48 16.3801 4 15.9601 4Z", fill: "currentColor" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "clip0_10934_46" },
+                React.createElement("rect", { width: "24", height: "24", fill: "currentColor" })))));
+});
+IconChemical.displayName = 'IconChemical';

package/dist/esm/icons/IconChooseList.js

@@ -1,12 +1,14 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconChooseList = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconChooseList = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.createElement("svg", { ref: ref, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
-            width: size,
-            height: size,
-            minWidth: size,
-            minHeight: size,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
@@ -16,6 +18,6 @@ export const IconChooseList = forwardRef(({ size = '1em', color = 'currentColor'
             React.createElement("clipPath", { id: "a" },
                 React.createElement("path", { fill: "none", d: "M8.4 0c.968 0 1.794.338 2.476 1.012a3.318 3.318 0 011.024 2.45 3.274 3.274 0 01-.7 2.042l2.8 2.77-.735.726-2.8-2.77c-.303.232-.63.405-.98.52-.35.115-.712.173-1.085.173-.968 0-1.794-.337-2.476-1.012A3.318 3.318 0 014.9 3.46c0-.957.341-1.773 1.024-2.448C6.606.338 7.432 0 8.4 0zM7 7.962V9H0V7.962h7zm1.4-6.924c-.677 0-1.254.237-1.732.71a2.322 2.322 0 00-.718 1.714c0 .669.24 1.24.718 1.713.478.473 1.055.71 1.732.71s1.254-.237 1.732-.71a2.322 2.322 0 00.718-1.713c0-.67-.24-1.24-.717-1.714a2.374 2.374 0 00-1.733-.71zM3.5 4.327v1.038H0V4.327h3.5zm0-3.635v1.039H0V.692h3.5z" }))),
         React.createElement("g", { "clip-path": "url(#a)", transform: "translate(1 3)" },
-            React.createElement("path", { fill: "none", d: "M0 0h14v9H0V0z" }))));
+            React.createElement("path", { fill: "currentColor", d: "M0 0h14v9H0V0z" }))));
 });
 IconChooseList.displayName = 'IconChooseList';

package/dist/esm/icons/IconClassicView.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconClassicView = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconClassicView = 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 8.5v-4h-17v4h17zm.5-6a1 1 0 011 1v6a1 1 0 01-1 1H3a1 1 0 01-1-1v-6a1 1 0 011-1h18zm-.5 17v-4h-17v4h17zm.5-6a1 1 0 011 1v6a1 1 0 01-1 1H3a1 1 0 01-1-1v-6a1 1 0 011-1h18z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.5 8.5V4.5H3.5V8.5H20.5ZM21 2.5C21.5523 2.5 22 2.94772 22 3.5V9.5C22 10.0523 21.5523 10.5 21 10.5H3C2.44772 10.5 2 10.0523 2 9.5V3.5C2 2.94772 2.44772 2.5 3 2.5H21ZM20.5 19.5V15.5H3.5V19.5H20.5ZM21 13.5C21.5523 13.5 22 13.9477 22 14.5V20.5C22 21.0523 21.5523 21.5 21 21.5H3C2.44772 21.5 2 21.0523 2 20.5V14.5C2 13.9477 2.44772 13.5 3 13.5H21Z", fill: "currentColor" })));
 });
 IconClassicView.displayName = 'IconClassicView';

package/dist/esm/icons/IconClear.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconClear = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconClear = 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.612L18.388 4 12 10.388 5.612 4 4 5.612 10.388 12 4 18.388 5.612 20 12 13.612 18.388 20 20 18.388 13.612 12 20 5.612z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 5.612L18.388 4L12 10.388L5.612 4L4 5.612L10.388 12L4 18.388L5.612 20L12 13.612L18.388 20L20 18.388L13.612 12L20 5.612Z", fill: "currentColor" })));
 });
 IconClear.displayName = 'IconClear';

package/dist/esm/icons/IconClearCircled.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconClearCircled = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconClearCircled = 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.246 9.172l-1.418-1.418L12 10.582 9.172 7.754 7.754 9.172 10.582 12l-2.828 2.828 1.418 1.418L12 13.418l2.828 2.828 1.418-1.418L13.418 12l2.828-2.828zM12 2a10 10 0 100 20 10 10 0 000-20zm0 18.005A8.005 8.005 0 1120.005 12 8.02 8.02 0 0112 20.005z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.2461 9.17179L14.8282 7.75394L12 10.5821L9.1718 7.75394L7.75394 9.17179L10.5821 12L7.75394 14.8282L9.1718 16.2461L12 13.4179L14.8282 16.2461L16.2461 14.8282L13.4179 12L16.2461 9.17179ZM12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17316C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8078C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 9.34783 20.9464 6.80429 19.0711 4.92893C17.1957 3.05357 14.6522 2 12 2ZM12 20.0045C10.4169 20.0045 8.86927 19.535 7.55294 18.6555C6.23661 17.776 5.21065 16.5258 4.60481 15.0632C3.99897 13.6006 3.84045 11.9911 4.14931 10.4384C4.45816 8.88568 5.22052 7.45941 6.33997 6.33996C7.45942 5.22051 8.88568 4.45816 10.4384 4.1493C11.9911 3.84045 13.6006 3.99896 15.0632 4.6048C16.5258 5.21065 17.776 6.2366 18.6555 7.55294C19.535 8.86927 20.0045 10.4169 20.0045 12C20.0005 14.1217 19.1559 16.1554 17.6557 17.6557C16.1554 19.1559 14.1217 20.0005 12 20.0045Z", fill: "currentColor" })));
 });
 IconClearCircled.displayName = 'IconClearCircled';

package/dist/esm/icons/IconClearCircledSolid.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconClearCircledSolid = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconClearCircledSolid = 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.246 9.172l-1.418-1.418L12 10.582 9.172 7.754 7.754 9.172 10.582 12l-2.828 2.828 1.418 1.418L12 13.418l2.828 2.828 1.418-1.418L13.418 12l2.828-2.828zM12 2a10 10 0 100 20 10 10 0 000-20z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.2461 9.17179L14.8282 7.75394L12 10.5821L9.1718 7.75394L7.75394 9.17179L10.5821 12L7.75394 14.8282L9.1718 16.2461L12 13.4179L14.8282 16.2461L16.2461 14.8282L13.4179 12L16.2461 9.17179ZM12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17316C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8078C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 9.34783 20.9464 6.80429 19.0711 4.92893C17.1957 3.05357 14.6522 2 12 2Z", fill: "currentColor" })));
 });
 IconClearCircledSolid.displayName = 'IconClearCircledSolid';

package/dist/esm/icons/IconClock.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconClock = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconClock = 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: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z", fill: "currentColor" })));
+        React.createElement("path", { d: "M11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20ZM12.5 7H11V13L16.25 16.15L17 14.92L12.5 12.25V7Z", fill: "currentColor" })));
 });
 IconClock.displayName = 'IconClock';

package/dist/esm/icons/IconColumn.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconColumn = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconColumn = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
-            width: size,
-            height: size,
-            minWidth: size,
-            minHeight: size,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 5v15h20V5H2zm11.769 2.302V17.69H10.24V7.302h3.529zm-9.413 0h3.528V17.69H4.356V7.302zM19.645 17.69h-3.53V7.302h3.53V17.69z", fill: "currentColor" })));
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 5V20H22V5H2ZM13.7689 7.30237V17.689H10.24V7.30237H13.7689ZM4.35554 7.30237H7.88443V17.689H4.35554V7.30237ZM19.6445 17.689H16.1156V7.30237H19.6445V17.689Z", fill: "currentColor" })));
 });
 IconColumn.displayName = 'IconColumn';

package/dist/esm/icons/IconCommodity.js

@@ -1,17 +1,19 @@
 import React, { forwardRef } from 'react';
+import { ICON_SIZES } from '../types';
 import { FREIGHTOS_COLORS } from '../colors';
-export const IconCommodity = forwardRef(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+export const IconCommodity = forwardRef(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = ICON_SIZES[size];
     const resolvedColor = color && color in FREIGHTOS_COLORS ? FREIGHTOS_COLORS[color] : color;
     return (React.createElement("svg", { ref: ref, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: resolvedColor, style: {
-            width: size,
-            height: size,
-            minWidth: size,
-            minHeight: size,
+            width: resolvedSize,
+            height: resolvedSize,
+            minWidth: resolvedSize,
+            minHeight: resolvedSize,
             flexShrink: 0,
             display: 'inline-block',
             verticalAlign: 'middle',
             ...style,
         }, ...props },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.693 5.318C2.17 4.45 2.123 3.155 2.298 2c.295.019.589.065.877.14.591.156 1.246.47 1.681 1.095.256.393.391.864.456 1.326.02.15.035.301.044.453a6.892 6.892 0 01-.102 1.537c-.983-.062-1.984-.407-2.56-1.233zm12.589.05v.001zm0 0l1.587.396.53-2.647.015-.087.005-.054a.87.87 0 00-.137-.519.814.814 0 00-.103-.135.802.802 0 00-.405-.24.796.796 0 00-.403-.002.769.769 0 00-.38.25l-.061.08-.048.09c-.031.07-.055.145-.07.221l-.53 2.647zm5.827 1.448l-1.588-.394V6.42l.53-2.646a.852.852 0 01.12-.314.762.762 0 01.225-.232l.095-.052a.71.71 0 01.28-.07l.09.002.06.008.092.018a.82.82 0 01.508.375.864.864 0 01.118.658l-.53 2.648zm-.706 5.807a1.74 1.74 0 00.899-1.223L22 7.916l-7.945-1.974-.698 3.484c-.107.539.007 1.05.347 1.534a2.3 2.3 0 001.38.942l-.53 2.648 3.708.921.53-2.647c.192.048.388.073.584.073h.092c.326-.016.645-.11.935-.274zm-3.869 5.931c-.248 1.244-.84 2.18-1.771 2.807v.001a3.65 3.65 0 01-1.781.627 4.413 4.413 0 01-1.417-.134 4.434 4.434 0 01-1.765-.856l1.031-1.315a2.51 2.51 0 00.564.329c.163.07.331.126.502.168.762.19 1.42.095 1.976-.284.56-.378.916-.959 1.072-1.738l.502-2.508 1.59.395-.503 2.508zM5.217 7.468a4.453 4.453 0 01-1.653-.408c-.654.2-1.227.73-1.564 1.102.489.862 1.19 1.645 1.965 1.794.29.03.58-.025.866-.14.388-.16.762-.431 1.105-.76l.861 1.318a1.552 1.552 0 00-.442-.142c-.924-.095-1.787.68-2.239 1.174.49.864 1.19 1.645 1.965 1.794.242.024.487-.005.719-.086l.15-.055c.387-.16.761-.43 1.104-.76l.862 1.321-.1-.046-.136-.047a1.142 1.142 0 00-.21-.05c-.197-.02-.392 0-.58.047-.076.019-.15.043-.223.07a2.86 2.86 0 00-.55.285l-.124.085-.12.09c-.258.2-.476.417-.639.598.489.862 1.187 1.645 1.965 1.795.682.07 1.378-.33 1.972-.901l1.502 2.3a.779.779 0 00.22.23.636.636 0 00.582.086.685.685 0 00.258-.16c.328-.314.382-.89.121-1.288l-1.502-2.304c.364-.354.692-.775.911-1.238a4.05 4.05 0 00.129-.314c.062-.179.106-.365.13-.555.028-.41-.04-.825-.172-1.228a4.905 4.905 0 00-.443-.95l-.1-.162a6.496 6.496 0 00-.266-.386c-.158.113-1.338 1.044-1.464 2.376a1.904 1.904 0 00-.005.2c.003.112.012.223.026.334l-.864-1.322c.202-.193.388-.407.555-.637.319-.441.551-.939.617-1.47a3.14 3.14 0 00-.133-1.095 4.693 4.693 0 00-.186-.512 5.784 5.784 0 00-.661-1.118c-.158.113-1.34 1.044-1.467 2.376a2.89 2.89 0 00.021.534L7.12 7.92c.58-.567 1.068-1.3 1.17-2.108.062-.956-.392-1.935-.98-2.725-.397.302-.74.68-1.016 1.116a3.61 3.61 0 00-.216.408c.036.346.046.695.033 1.042a7.318 7.318 0 01-.124 1.12 1.42 1.42 0 00-.002.014l-.155.719-.613-.039z", fill: "currentColor" })));
+        React.createElement("path", { d: "M17.0371 16.0459L16.5342 18.5537C16.2856 19.7979 15.6941 20.734 14.7627 21.3613V21.3623C14.2237 21.7273 13.6122 21.9419 12.9814 21.9883C12.533 22.023 12.0596 21.9787 11.5645 21.8545C10.8779 21.685 10.2912 21.399 9.7998 20.999L10.8311 19.6846C10.9162 19.7501 11.005 19.8097 11.0967 19.8633C11.193 19.9202 11.2933 19.9701 11.3955 20.0127C11.5587 20.0824 11.7267 20.1393 11.8975 20.1816C12.659 20.3709 13.317 20.2761 13.873 19.8975C14.4321 19.5196 14.7881 18.9381 14.9443 18.1592L15.4463 15.6514L17.0371 16.0459ZM7.30957 3.08789C7.89815 3.87733 8.35292 4.85668 8.29102 5.81348C8.18816 6.62081 7.7001 7.35461 7.11914 7.9209L7.98047 9.24316C7.95708 9.06653 7.94953 8.8872 7.95898 8.70898C8.08665 7.37647 9.26769 6.44563 9.42578 6.33301C9.68197 6.67509 9.91167 7.05435 10.0869 7.45117C10.1593 7.61959 10.222 7.79027 10.2734 7.96289C10.3782 8.32285 10.432 8.69232 10.4062 9.05859C10.3405 9.5891 10.1081 10.0873 9.78906 10.5283C9.62218 10.7587 9.43623 10.9718 9.23438 11.165L10.0986 12.4863C10.0842 12.3759 10.0749 12.2648 10.0723 12.1533C10.0704 12.0866 10.0721 12.0196 10.0771 11.9531C10.2029 10.6206 11.3829 9.68977 11.541 9.57715C11.6343 9.70241 11.7229 9.83027 11.8076 9.96289L11.9072 10.125C12.0881 10.428 12.2401 10.748 12.3496 11.0752C12.482 11.4783 12.5501 11.8922 12.5215 12.3027C12.4981 12.4929 12.4543 12.6794 12.3916 12.8584C12.3535 12.9647 12.3094 13.0698 12.2627 13.1719C12.0436 13.635 11.7164 14.0565 11.3525 14.4102L12.8545 16.7139C13.1154 17.1117 13.0609 17.6873 12.7334 18.001C12.6584 18.0749 12.5696 18.1304 12.4736 18.1631C12.3779 18.1956 12.277 18.2048 12.1777 18.1904C12.0768 18.1745 11.9794 18.1363 11.8926 18.0771C11.8058 18.018 11.731 17.9392 11.6729 17.8467L10.1709 15.5459C9.57758 16.1164 8.88111 16.5157 8.19922 16.4463C7.4212 16.2968 6.72294 15.5143 6.23438 14.6523C6.39723 14.4713 6.61494 14.2537 6.87207 14.0537L6.99316 13.9639L7.11719 13.8789C7.291 13.7631 7.47555 13.6672 7.66699 13.5928C7.74022 13.5665 7.81452 13.5424 7.88965 13.5234C8.07819 13.4761 8.27359 13.4566 8.4707 13.4766C8.54285 13.4871 8.61322 13.5033 8.67969 13.5264L8.81543 13.5742L8.91602 13.6201L8.05469 12.2998C7.71183 12.6293 7.33684 12.8996 6.94922 13.0596L6.7998 13.1143C6.56764 13.1948 6.32344 13.2238 6.08105 13.2002C5.30591 13.0507 4.60668 12.2703 4.11621 11.4062C4.56764 10.9115 5.4307 10.1377 6.35547 10.2324C6.51145 10.2556 6.65515 10.3068 6.79688 10.374L5.93652 9.05566C5.59366 9.38512 5.21868 9.65544 4.83105 9.81543C4.54546 9.93111 4.25519 9.98656 3.96484 9.95605C3.18968 9.8066 2.48857 9.02407 2 8.16211C2.3371 7.7906 2.91025 7.25963 3.56348 7.05957C4.08844 7.30208 4.64837 7.44015 5.2168 7.46777L5.8291 7.50684L5.98438 6.78809C5.99199 6.74598 6.08749 6.29006 6.11035 5.6543C6.1242 5.30661 6.11353 4.95812 6.07812 4.6123C6.14174 4.47106 6.21371 4.3346 6.29395 4.2041C6.56872 3.76757 6.91305 3.3891 7.30957 3.08789ZM22 7.91504L21.3018 11.3994C21.1942 11.9372 20.8946 12.3473 20.4033 12.623C20.1133 12.7881 19.7937 12.8813 19.4678 12.8965L19.376 12.8975C19.1796 12.8971 18.9834 12.8718 18.792 12.8232L18.2617 15.4707L14.5537 14.5498L15.085 11.9014C14.5023 11.7583 14.0412 11.4439 13.7041 10.96C13.3641 10.4768 13.2508 9.9647 13.3574 9.42578L14.0547 5.94238L22 7.91504ZM20.8623 3.10938L20.9219 3.11719L21.0137 3.13477C21.2203 3.18305 21.4016 3.31792 21.5205 3.51074C21.5829 3.60399 21.6261 3.71146 21.6465 3.8252C21.6668 3.93872 21.664 4.05568 21.6387 4.16797L21.1084 6.81543L19.5205 6.42188V6.4209L20.0518 3.77441C20.0707 3.66184 20.1106 3.55482 20.1699 3.46094C20.2294 3.36689 20.3072 3.28793 20.3965 3.22949L20.4912 3.17676C20.5795 3.13458 20.6744 3.11115 20.7705 3.10742L20.8623 3.10938ZM2.29785 2C2.59325 2.01854 2.88673 2.06508 3.1748 2.13965C3.76624 2.29543 4.4212 2.61019 4.85645 3.23438C5.11258 3.62795 5.24772 4.09857 5.3125 4.56055C5.33254 4.71071 5.34729 4.86222 5.35645 5.01367C5.37033 5.3112 5.36452 5.60958 5.33984 5.90625C5.31222 6.23565 5.2701 6.47598 5.25391 6.55176C4.27109 6.48963 3.27048 6.14361 2.69336 5.31738C2.16963 4.45111 2.12357 3.15461 2.29785 2ZM16.3711 2.08008C16.5037 2.04623 16.6421 2.04679 16.7744 2.08203C16.9271 2.11796 17.0672 2.2015 17.1787 2.32227C17.2172 2.36304 17.2523 2.40823 17.2822 2.45703C17.3456 2.55415 17.3887 2.66559 17.4092 2.7832C17.4206 2.84653 17.424 2.91126 17.4189 2.97559L17.4141 3.03027L17.4004 3.11719L16.8691 5.76367L15.2822 5.36816L15.8125 2.7207C15.8276 2.64433 15.8508 2.57021 15.8818 2.5L15.9297 2.41016L15.9902 2.3291C16.0927 2.20716 16.2251 2.12083 16.3711 2.08008Z", fill: "currentColor" })));
 });
 IconCommodity.displayName = 'IconCommodity';