@freightos/icons 1.0.17 → 3.0.0

package/README.md

@@ -1,16 +1,16 @@
 # @freightos/icons
 
-A comprehensive icon library with 217 SVG icons designed for Freightos applications. Built with React, TypeScript, and developer experience in mind.
+A comprehensive icon library with 280 SVG icons designed for Freightos applications. Built with React, TypeScript, and developer experience in mind.
 
 This package lives inside the [FreightWind](https://freightwind.freightos.com) monorepo at `packages/icons/`.
 
 ## Features
 
-- 🎨 **217 Icons** - Complete set of professionally designed icons
+- 🎨 **280 Icons** - Complete set of professionally designed icons
 - 📦 **Tree-shakeable** - Import only what you need
 - 🔷 **TypeScript First** - Full type definitions included
 - ⚡ **Dual Format** - Both ESM and CJS builds included
-- 🎯 **Flexible Sizing** - Size with numbers, strings, or CSS classes
+- 🎯 **Semantic Sizing** - Use `xs` (12px), `sm` (16px), `md` (24px), `lg` (32px) or any number/string
 - 🎨 **Themeable** - Uses `currentColor` by default for easy theming
 - ♿ **Accessible** - Proper ARIA support via SVG props
 - 🪶 **Lightweight** - Individual icons are tiny
@@ -54,7 +54,7 @@ All icons accept the following props:
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `size` | `number \| string` | `'1em'` | Width and height of the icon |
+| `size` | `IconSize \| number \| string` | `'1em'` | Width and height — semantic tokens (`xs`, `sm`, `md`, `lg`), pixel numbers, or CSS strings |
 | `color` | `FreightosColor \| string` | `'currentColor'` | Color of the icon - supports design system colors with autocomplete or any CSS color value |
 | `className` | `string` | - | Additional CSS classes |
 | `...props` | `SVGProps<SVGSVGElement>` | - | Any valid SVG attributes |

package/dist/cjs/icons/IconAddPerson.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconAddPerson = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconAddPerson = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconAddPerson = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
     return (react_1.default.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_1.default.createElement("path", { d: "M19.273 9.546V6.818h-1.819v2.728h-2.727v1.818h2.727v2.727h1.819v-2.727H22V9.545h-2.727zm-10 2.727a3.635 3.635 0 003.636-3.637A3.635 3.635 0 009.273 5a3.635 3.635 0 00-3.637 3.636 3.635 3.635 0 003.637 3.637zm0-5.455c1 0 1.818.818 1.818 1.818s-.818 1.819-1.818 1.819-1.818-.819-1.818-1.819.818-1.818 1.818-1.818zm5.809 7.782a12.758 12.758 0 00-5.81-1.418c-2.3 0-4.281.636-5.808 1.418A2.7 2.7 0 002 17.018v2.528h14.546v-2.528a2.7 2.7 0 00-1.464-2.418zm-.355 3.127H3.818v-.709c0-.345.182-.654.473-.8A11.007 11.007 0 019.273 15c2.154 0 3.9.664 4.982 1.218a.883.883 0 01.472.8v.71z", fill: "currentColor" })));
+        react_1.default.createElement("path", { d: "M19.2727 9.5455V6.8182H17.4545V9.5455H14.7273V11.3637H17.4545V14.091H19.2727V11.3637H22V9.5455H19.2727ZM9.27273 12.2728C11.2818 12.2728 12.9091 10.6455 12.9091 8.6364C12.9091 6.62729 11.2818 5 9.27273 5C7.26364 5 5.63636 6.62729 5.63636 8.6364C5.63636 10.6455 7.26364 12.2728 9.27273 12.2728ZM9.27273 6.8182C10.2727 6.8182 11.0909 7.63639 11.0909 8.6364C11.0909 9.63641 10.2727 10.4546 9.27273 10.4546C8.27273 10.4546 7.45455 9.63641 7.45455 8.6364C7.45455 7.63639 8.27273 6.8182 9.27273 6.8182ZM15.0818 14.6001C13.5545 13.8183 11.5727 13.1819 9.27273 13.1819C6.97273 13.1819 4.99091 13.8183 3.46364 14.6001C2.55455 15.0637 2 16.0001 2 17.0183V19.5456H16.5455V17.0183C16.5455 16.0001 15.9909 15.0637 15.0818 14.6001ZM14.7273 17.7274H3.81818V17.0183C3.81818 16.6728 4 16.3637 4.29091 16.2183C5.37273 15.6637 7.11818 15.0001 9.27273 15.0001C11.4273 15.0001 13.1727 15.6637 14.2545 16.2183C14.5455 16.3637 14.7273 16.6728 14.7273 17.0183V17.7274Z", fill: "currentColor" })));
 });
 exports.IconAddPerson.displayName = 'IconAddPerson';

package/dist/cjs/icons/IconAddressBook.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconAddressBook = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconAddressBook = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconAddressBook = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
     return (react_1.default.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_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.626 6.376v12.936a.474.474 0 01-.138.341.499.499 0 01-.345.147H5.714a.498.498 0 01-.345-.146.474.474 0 01-.138-.341V4.687a.474.474 0 01.138-.34.498.498 0 01.345-.147h11.43c.13.003.253.055.344.146.09.092.14.214.138.341v1.689zM20 8.202a.415.415 0 01-.125.297.436.436 0 01-.303.124h-.714v2.25h.714a.44.44 0 01.304.125.419.419 0 01.124.298v1.406a.41.41 0 01-.124.298.432.432 0 01-.304.124h-.714v2.25h.714a.44.44 0 01.304.124.419.419 0 01.124.298v1.406a.415.415 0 01-.125.297.436.436 0 01-.303.124h-.714v1.689a1.642 1.642 0 01-.5 1.19 1.745 1.745 0 01-1.216.498H5.714a1.745 1.745 0 01-1.215-.498A1.658 1.658 0 014 19.312V4.688a1.659 1.659 0 01.499-1.19A1.745 1.745 0 015.714 3h11.43c.456.003.893.182 1.214.498.321.316.5.744.499 1.19v1.688h.713a.44.44 0 01.305.123.42.42 0 01.125.298v1.406-.001zm-7.462 2.148c0-.62-.518-1.126-1.153-1.126-.636 0-1.155.507-1.155 1.126 0 .62.52 1.126 1.155 1.126s1.154-.507 1.154-1.126h-.001zm2.307 5.063c-.113-.401-1.902-1.126-3.46-1.126-1.559 0-3.347.726-3.463 1.13v.557h6.925v-.561h-.002zM9.078 10.35a2.211 2.211 0 01.675-1.59c.214-.21.469-.375.749-.489a2.358 2.358 0 012.514.487c.214.21.384.457.5.73a2.201 2.201 0 01-.5 2.452 2.338 2.338 0 01-1.63.659 2.337 2.337 0 01-1.632-.659 2.221 2.221 0 01-.676-1.59zM6.77 15.413c0-1.497 3.075-2.25 4.616-2.25 1.54 0 4.615.753 4.615 2.25V17.1H6.77v-1.687z", fill: "currentColor" })));
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.6258 6.3756V19.3116C17.6281 19.4387 17.5786 19.5615 17.4882 19.6531C17.3977 19.7446 17.2737 19.7975 17.1434 19.8H5.71447C5.58412 19.7978 5.45998 19.7453 5.3693 19.6539C5.27862 19.5626 5.22881 19.4399 5.23078 19.3128V4.6872C5.22881 4.5601 5.27862 4.43742 5.3693 4.34608C5.45998 4.25475 5.58412 4.20221 5.71447 4.2H17.1434C17.2735 4.20252 17.3973 4.2552 17.4878 4.3465C17.5782 4.4378 17.6278 4.5603 17.6258 4.6872V6.3756ZM20 8.202C20.0003 8.31318 19.9554 8.41996 19.8751 8.49891C19.7948 8.57787 19.6857 8.62257 19.5717 8.6232H18.8578V10.8732H19.5717C19.6283 10.8735 19.6842 10.8847 19.7363 10.9061C19.7885 10.9275 19.8358 10.9587 19.8756 10.9979C19.9153 11.0371 19.9468 11.0836 19.9681 11.1347C19.9895 11.1858 20.0003 11.2404 20 11.2956V12.702C20.0003 12.7572 19.9895 12.8118 19.9681 12.8629C19.9468 12.914 19.9153 12.9605 19.8756 12.9997C19.8358 13.0389 19.7885 13.0701 19.7363 13.0915C19.6842 13.1129 19.6283 13.1241 19.5717 13.1244H18.8578V15.3732H19.5717C19.6283 15.3735 19.6842 15.3847 19.7363 15.4061C19.7885 15.4275 19.8358 15.4587 19.8756 15.4979C19.9153 15.5371 19.9468 15.5836 19.9681 15.6347C19.9895 15.6858 20.0003 15.7404 20 15.7956V17.202C20.0003 17.3132 19.9554 17.42 19.8751 17.4989C19.7948 17.5779 19.6857 17.6226 19.5717 17.6232H18.8578V19.3116C18.859 19.5323 18.8155 19.7511 18.7299 19.9554C18.6442 20.1598 18.5182 20.3456 18.3588 20.5024C18.1995 20.6592 18.01 20.7839 17.8013 20.8693C17.5925 20.9546 17.3685 20.9991 17.1422 21H5.71447C5.2577 20.9978 4.82052 20.8188 4.49903 20.5024C4.17754 20.1861 3.99805 19.7582 4.00002 19.3128V4.6872C3.99805 4.24184 4.17754 3.81395 4.49903 3.49757C4.82052 3.18119 5.2577 3.00222 5.71447 3H17.1434C17.5999 3.00254 18.0368 3.18165 18.358 3.49799C18.6793 3.81434 18.8586 4.24205 18.8566 4.6872V6.3756H19.5705C19.627 6.37576 19.683 6.38678 19.7352 6.40803C19.7874 6.42928 19.8348 6.46035 19.8747 6.49946C19.9146 6.53858 19.9462 6.58496 19.9677 6.63598C19.9892 6.687 20.0002 6.74164 20 6.7968V8.2032V8.202ZM12.5378 10.35C12.5378 9.7308 12.0197 9.2244 11.3846 9.2244C10.7495 9.2244 10.2302 9.7308 10.2302 10.35C10.2302 10.9692 10.7495 11.4756 11.3846 11.4756C12.0197 11.4756 12.5391 10.9692 12.5391 10.35H12.5378ZM14.8455 15.4128C14.7323 15.012 12.9428 14.2872 11.3846 14.2872C9.82647 14.2872 8.03816 15.0132 7.92247 15.4176V15.9744H14.8468V15.4128H14.8455ZM9.07693 10.35C9.07685 10.0546 9.13644 9.76209 9.25231 9.48915C9.36818 9.21621 9.53805 8.96819 9.75222 8.75926C9.9664 8.55033 10.2207 8.38457 10.5006 8.27145C10.7804 8.15834 11.0804 8.10008 11.3834 8.1C11.6864 8.09992 11.9864 8.15803 12.2663 8.271C12.5463 8.38397 12.8006 8.54959 13.0149 8.75841C13.2292 8.96723 13.3992 9.21516 13.5152 9.48804C13.6312 9.76092 13.691 10.0534 13.6911 10.3488C13.6912 10.9454 13.4483 11.5176 13.0158 11.9395C12.5832 12.3615 11.9965 12.5986 11.3846 12.5988C10.7727 12.599 10.1859 12.3621 9.75309 11.9404C9.32032 11.5187 9.07709 10.9466 9.07693 10.35ZM6.76924 15.4128C6.76924 13.9164 9.8437 13.1628 11.3846 13.1628C12.9255 13.1628 16 13.9164 16 15.4128V17.1H6.76924V15.4128Z", fill: "currentColor" })));
 });
 exports.IconAddressBook.displayName = 'IconAddressBook';

package/dist/cjs/icons/IconAgreement.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconAgreement = void 0;
+const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
+const colors_1 = require("../colors");
+exports.IconAgreement = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.createElement("path", { d: "M5.5 22C4.66667 22 3.95833 21.7083 3.375 21.125C2.79167 20.5417 2.5 19.8333 2.5 19V16H5.5V2H20.5V19C20.5 19.8333 20.2083 20.5417 19.625 21.125C19.0417 21.7083 18.3333 22 17.5 22H5.5ZM17.5 20C17.7833 20 18.0208 19.9042 18.2125 19.7125C18.4042 19.5208 18.5 19.2833 18.5 19V4H7.5V16H16.5V19C16.5 19.2833 16.5958 19.5208 16.7875 19.7125C16.9792 19.9042 17.2167 20 17.5 20ZM8.5 9V7H17.5V9H8.5ZM8.5 12V10H17.5V12H8.5ZM5.5 20H14.5V18H4.5V19C4.5 19.2833 4.59583 19.5208 4.7875 19.7125C4.97917 19.9042 5.21667 20 5.5 20ZM5.5 20H4.5H14.5H5.5Z", fill: "currentColor" })));
+});
+exports.IconAgreement.displayName = 'IconAgreement';

package/dist/cjs/icons/IconAircraftOnGround.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconAircraftOnGround = void 0;
+const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
+const colors_1 = require("../colors");
+exports.IconAircraftOnGround = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.0934 13.87L10.5914 13.8754L5.09226 13.8684L3.43549 13.8672L2.09739 8.87335L3.59892 8.87477L5.0977 10.875L10.2426 10.8734L8.09955 2.87551L10.0932 2.85895L15.0963 10.8669L20.5929 10.8642C21.4226 10.8697 22.0914 11.5497 22.093 12.3672C22.0875 13.1968 21.4171 13.8631 20.59 13.8673L15.0934 13.87ZM15 17C15.5523 17 16 16.5523 16 16C16 15.4477 15.5523 15 15 15C14.4477 15 14 15.4477 14 16C14 16.5523 14.4477 17 15 17ZM12 16C12 16.5523 11.5523 17 11 17C10.4477 17 10 16.5523 10 16C10 15.4477 10.4477 15 11 15C11.5523 15 12 15.4477 12 16ZM1 18V20H23V18H1Z", fill: "currentColor" })));
+});
+exports.IconAircraftOnGround.displayName = 'IconAircraftOnGround';

package/dist/cjs/icons/IconAirplaneLanding.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconAirplaneLanding = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconAirplaneLanding = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconAirplaneLanding = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
     return (react_1.default.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_1.default.createElement("path", { d: "M2 19.895h20V22H2v-2.105zm7.558-6.032l4.579 1.221 5.59 1.495a1.588 1.588 0 001.936-1.116 1.593 1.593 0 00-1.116-1.937l-5.59-1.494-2.904-9.506L10.02 2v8.716l-5.232-1.4-.978-2.442-1.527-.41v5.441l1.684.453 5.59 1.505z", fill: "currentColor" })));
+        react_1.default.createElement("path", { d: "M2 19.8947H22V22H2V19.8947ZM9.5579 13.8632L14.1368 15.0842L19.7263 16.5789C20.5684 16.8 21.4316 16.3053 21.6632 15.4632C21.8842 14.6316 21.3895 13.7579 20.5474 13.5263L14.9579 12.0316L12.0526 2.52632L10.0211 2V10.7158L4.78947 9.31579L3.81053 6.87368L2.28421 6.46316V11.9053L3.96842 12.3579L9.5579 13.8632Z", fill: "currentColor" })));
 });
 exports.IconAirplaneLanding.displayName = 'IconAirplaneLanding';

package/dist/cjs/icons/IconAirplaneTakeoff.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconAirplaneTakeoff = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconAirplaneTakeoff = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconAirplaneTakeoff = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
     return (react_1.default.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_1.default.createElement("path", { d: "M2.65 19.705h18.74V22H2.65v-2.295zm19.3-10.74c-.206-.918-1.025-1.469-1.814-1.216L14.9 9.379 8.095 2l-1.904.585 4.083 8.227-4.901 1.527L3.43 10.57 2 11.02l2.554 5.152s7.022-2.18 16.341-5.083c.8-.264 1.263-1.205 1.056-2.123z", fill: "currentColor" })));
+        react_1.default.createElement("path", { d: "M2.65089 19.7051H21.3886V22H2.65089V19.7051ZM21.9507 8.965C21.7436 8.04705 20.9251 7.49627 20.1361 7.74871L14.8994 9.37808L8.09468 2L6.19133 2.5852L10.2742 10.8124L5.37279 12.3385L3.42998 10.5714L2 11.0189L4.55424 16.171C4.55424 16.171 11.576 13.9908 20.8955 11.0878C21.6943 10.8239 22.1578 9.88296 21.9507 8.965Z", fill: "currentColor" })));
 });
 exports.IconAirplaneTakeoff.displayName = 'IconAirplaneTakeoff';

package/dist/cjs/icons/IconAirport.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconAirport = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconAirport = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconAirport = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
     return (react_1.default.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_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.372 5.699c.452-.163.92.191 1.038.782.119.59-.146 1.196-.603 1.366-5.33 1.867-9.346 3.27-9.346 3.27L2 7.802l.818-.287 1.11 1.136 2.804-.981-2.335-5.294L5.486 2l3.891 4.747 2.995-1.048zM20 11.217l1-2.157-1-1.079h-2V5.825h-1V7.98h-2l-1 1.08 1 2.156h5zM22 22v-2.157h-2v-7.548h-5v7.548H2V22h20z", fill: "currentColor" })));
+        react_1.default.createElement("path", { d: "M19.9999 19.8438H21.9999V22H1.99988V19.8438H14.9999V12.2949H19.9999V19.8438ZM17.9999 7.98145H19.9999L20.9999 9.05957L19.9999 11.2168H14.9999L13.9999 9.05957L14.9999 7.98145H16.9999V5.8252H17.9999V7.98145ZM9.37781 6.74707L12.3719 5.69824C12.8232 5.53583 13.2916 5.89087 13.41 6.48145C13.5283 7.07191 13.2633 7.67692 12.8065 7.84668C7.48831 9.71023 3.47855 11.111 3.46082 11.1172L1.99988 7.80273L2.81726 7.51465L3.92859 8.65137L6.7323 7.66992L4.39734 2.37695L5.48523 2L9.37781 6.74707Z", fill: "currentColor" })));
 });
 exports.IconAirport.displayName = 'IconAirport';

package/dist/cjs/icons/IconAirportArrival.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconAirportArrival = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconAirportArrival = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconAirportArrival = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
     return (react_1.default.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_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.323 9.28c.475.132.703.687.507 1.228-.196.542-.734.872-1.218.743-5.59-1.596-9.799-2.802-9.799-2.802l.408-3.498.858.244.392 1.553 2.94.84L16.06 2l1.139.33.984 6.053 3.14.898zM4 11.715L3 9.657 4 8.63h2V6.57h1v2.06h2l1 1.028-1 2.057H4zM2 22v-2.057h2v-7.2h5v7.2h13V22H2z", fill: "currentColor" })));
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.3229 9.28078C21.7983 9.41243 22.0265 9.96728 21.8302 10.5084C21.634 11.0495 21.0962 11.38 20.6122 11.251C15.0223 9.65524 10.813 8.44926 10.813 8.44926L11.2209 4.95088L12.0793 5.19467L12.4708 6.74823L15.4104 7.58784L16.0598 2L17.1989 2.32987L18.1826 8.38314L21.3229 9.28078ZM4 11.7143L3 9.65714L4 8.62856H6V6.57141H7V8.62856H9L10 9.65714L9 11.7143H4ZM2 22V19.9429H4V12.7429H9V19.9429H22V22H2Z", fill: "currentColor" })));
 });
 exports.IconAirportArrival.displayName = 'IconAirportArrival';

package/dist/cjs/icons/IconAlarm.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconAlarm = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconAlarm = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconAlarm = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
     return (react_1.default.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_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.505 8.137h-1.508v5.943l4.774 2.823.754-1.218-4.02-2.348v-5.2zM17.37 2L22 5.811l-1.29 1.523-4.63-3.811L17.37 2zM6.63 2l1.29 1.523-4.63 3.811L2 5.848 6.63 2zM12 4.17c-1.79 0-3.54.522-5.028 1.502A8.946 8.946 0 003.64 9.673a8.792 8.792 0 00-.515 5.151 8.875 8.875 0 002.477 4.565 9.093 9.093 0 004.634 2.44 9.177 9.177 0 005.228-.508 9.022 9.022 0 004.062-3.283 8.821 8.821 0 001.525-4.953A8.849 8.849 0 0018.4 6.78 9.12 9.12 0 0012 4.169zm0 15.854a7.12 7.12 0 01-3.915-1.166 6.962 6.962 0 01-2.598-3.113 6.843 6.843 0 01-.404-4.01A6.908 6.908 0 017.01 8.181a7.077 7.077 0 013.607-1.901 7.142 7.142 0 014.07.393A7.022 7.022 0 0117.85 9.23a6.866 6.866 0 011.187 3.856c0 1.839-.74 3.603-2.06 4.904A7.098 7.098 0 0112 20.024z", fill: "currentColor" })));
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5053 8.1367H10.997V14.0802L15.7707 16.9034L16.5249 15.685L12.5053 13.3373V8.1367ZM17.3695 2L22 5.81129L20.7104 7.33432L16.0799 3.52303L17.3695 2ZM6.63047 2L7.92006 3.52303L3.28959 7.33432L2 5.84844L6.63047 2ZM12 4.16939C10.2101 4.16939 8.46044 4.69226 6.97222 5.67189C5.48399 6.65152 4.32406 8.0439 3.6391 9.67295C2.95414 11.302 2.77493 13.0946 3.12411 14.824C3.4733 16.5534 4.33521 18.1419 5.60084 19.3888C6.86648 20.6356 8.47899 21.4847 10.2345 21.8287C11.99 22.1727 13.8096 21.9961 15.4632 21.3214C17.1168 20.6466 18.5302 19.5039 19.5246 18.0378C20.519 16.5717 21.0498 14.848 21.0498 13.0847C21.0498 10.7202 20.0963 8.45257 18.3992 6.78062C16.702 5.10868 14.4001 4.16939 12 4.16939ZM12 20.0238C10.6066 20.0252 9.24398 19.6195 8.08466 18.8579C6.92533 18.0964 6.02134 17.0131 5.48706 15.7453C4.95278 14.4775 4.81221 13.082 5.08314 11.7355C5.35408 10.389 6.02433 9.15185 7.00911 8.18066C7.9939 7.20947 9.24896 6.54785 10.6155 6.2795C11.9821 6.01115 13.3987 6.14813 14.6862 6.67311C15.9738 7.1981 17.0743 8.08749 17.8486 9.22878C18.6229 10.3701 19.0362 11.712 19.0362 13.0847C19.0362 14.9238 18.2951 16.6876 16.9758 17.9887C15.6565 19.2899 13.8668 20.0218 12 20.0238Z", fill: "currentColor" })));
 });
 exports.IconAlarm.displayName = 'IconAlarm';

package/dist/cjs/icons/IconAlertCircled.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconAlertCircled = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconAlertCircled = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconAlertCircled = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
     return (react_1.default.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_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.003 14.991h2.002v1.994h-2.002v-1.994zm0-7.998h2.002v5.996h-2.002V6.993zM12 2a10 10 0 1010 9.992A9.987 9.987 0 0012 2zm0 17.991a7.998 7.998 0 117.998-7.998A7.991 7.991 0 0112 19.99z", fill: "currentColor" })));
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.003 14.991H13.0045V16.985H11.003V14.991ZM11.003 6.99251H13.0045V12.9895H11.003V6.99251ZM12 2.00001C10.0219 2.00001 8.08817 2.58669 6.44352 3.68584C4.79887 4.78498 3.51715 6.34721 2.76049 8.17491C2.00384 10.0026 1.80624 12.0137 2.1927 13.9537C2.57916 15.8937 3.53231 17.6755 4.93159 19.0737C6.33086 20.4719 8.11339 21.4238 10.0537 21.8088C11.994 22.1938 14.0049 21.9947 15.832 21.2366C17.6592 20.4786 19.2204 19.1957 20.3183 17.5502C21.4163 15.9048 22.0015 13.9706 22 11.9925C22.001 10.6794 21.7429 9.37892 21.2407 8.16564C20.7384 6.95236 20.0017 5.85008 19.0728 4.92189C18.1439 3.99371 17.0411 3.25786 15.8274 2.75648C14.6138 2.2551 13.3131 1.99804 12 2.00001ZM12 19.991C10.418 19.991 8.87162 19.5219 7.55627 18.643C6.24092 17.7641 5.21574 16.5149 4.61035 15.0534C4.00496 13.5919 3.84657 11.9836 4.15519 10.4321C4.46381 8.88052 5.2256 7.45533 6.34421 6.33672C7.46282 5.21811 8.88801 4.45633 10.4396 4.1477C11.9911 3.83908 13.5994 3.99747 15.0609 4.60286C16.5224 5.20825 17.7716 6.23344 18.6505 7.54878C19.5294 8.86413 19.9985 10.4106 19.9985 11.9925C19.9995 13.0432 19.7933 14.0837 19.3917 15.0546C18.99 16.0254 18.4009 16.9076 17.658 17.6505C16.9151 18.3934 16.0329 18.9825 15.0621 19.3842C14.0912 19.7858 13.0507 19.992 12 19.991Z", fill: "currentColor" })));
 });
 exports.IconAlertCircled.displayName = 'IconAlertCircled';

package/dist/cjs/icons/IconAmazon.js

@@ -35,19 +35,21 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconAmazon = void 0;
 const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
 const colors_1 = require("../colors");
-exports.IconAmazon = (0, react_1.forwardRef)(({ size = '1em', color = 'currentColor', style, ...props }, ref) => {
+exports.IconAmazon = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
     const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
     return (react_1.default.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_1.default.createElement("path", { d: "M15.827 18.09a.548.548 0 01-.633.06c-.894-.74-1.055-1.08-1.547-1.79-1.476 1.5-2.521 1.95-4.44 1.95-2.26 0-4.028-1.39-4.028-4.17 0-2.18 1.176-3.64 2.873-4.38 1.467-.64 3.506-.76 5.063-.93V8.5c0-.66.05-1.41-.332-1.96-.321-.49-.954-.7-1.506-.7-1.025 0-1.939.53-2.16 1.61-.05.24-.251.48-.472.49l-2.612-.28c-.22-.05-.462-.22-.402-.56C6.234 3.95 9.097 3 11.658 3c1.306 0 3.014.35 4.048 1.33 1.306 1.22 1.196 2.85 1.196 4.62v4.17c0 1.25.502 1.81 1.004 2.48.17.25.211.54 0 .71l-2.07 1.78h-.01zm-2.712-6.53V11c-1.949 0-4.008.39-4.008 2.67 0 1.16.613 1.95 1.637 1.95.764 0 1.437-.47 1.869-1.22.522-.93.502-1.8.502-2.84zm6.96 8.98C17.907 22.14 14.713 23 11.98 23c-3.827 0-7.283-1.41-9.894-3.76-.201-.18-.02-.43.25-.29 2.793 1.63 6.279 2.61 9.875 2.61 2.42 0 5.092-.5 7.543-1.53.372-.16.663.24.322.51zm.915-1.04c-.281-.36-1.858-.17-2.582-.08-.19.02-.22-.16-.03-.3 1.246-.88 3.305-.62 3.546-.33.241.3-.07 2.35-1.245 3.32-.181.16-.352.07-.262-.11.261-.67.854-2.14.573-2.5z", fill: "currentColor" })));
+        react_1.default.createElement("path", { d: "M15.8269 18.09C15.6461 18.25 15.395 18.26 15.1941 18.15C14.3001 17.41 14.1394 17.07 13.6472 16.36C12.1706 17.86 11.1259 18.31 9.20737 18.31C6.9473 18.31 5.17941 16.92 5.17941 14.14C5.17941 11.96 6.35465 10.5 8.05222 9.76C9.51876 9.12 11.5579 9 13.1148 8.83V8.5C13.1148 7.84 13.165 7.09 12.7833 6.54C12.4619 6.05 11.8291 5.84 11.2766 5.84C10.252 5.84 9.33796 6.37 9.11697 7.45C9.06675 7.69 8.86585 7.93 8.64487 7.94L6.03322 7.66C5.81224 7.61 5.57116 7.44 5.63143 7.1C6.23412 3.95 9.09688 3 11.6583 3C12.9641 3 14.6717 3.35 15.7063 4.33C17.0122 5.55 16.9017 7.18 16.9017 8.95V13.12C16.9017 14.37 17.4039 14.93 17.9062 15.6C18.0769 15.85 18.1171 16.14 17.9062 16.31L15.8369 18.09H15.8269ZM13.1148 11.56V11C11.1661 11 9.10693 11.39 9.10693 13.67C9.10693 14.83 9.71966 15.62 10.7442 15.62C11.5076 15.62 12.1806 15.15 12.6126 14.4C13.1349 13.47 13.1148 12.6 13.1148 11.56ZM20.0758 20.54C17.9062 22.14 14.7119 23 11.9797 23C8.15267 23 4.69726 21.59 2.08562 19.24C1.88473 19.06 2.06553 18.81 2.33674 18.95C5.12919 20.58 8.61473 21.56 12.2108 21.56C14.6316 21.56 17.3035 21.06 19.7544 20.03C20.1261 19.87 20.4174 20.27 20.0758 20.54ZM20.9899 19.5C20.7087 19.14 19.1316 19.33 18.4084 19.42C18.2175 19.44 18.1874 19.26 18.3783 19.12C19.6238 18.24 21.683 18.5 21.9241 18.79C22.1651 19.09 21.8538 21.14 20.6785 22.11C20.4977 22.27 20.327 22.18 20.4174 22C20.6785 21.33 21.2712 19.86 20.9899 19.5Z", fill: "currentColor" })));
 });
 exports.IconAmazon.displayName = 'IconAmazon';

package/dist/cjs/icons/IconAnimal.js

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconAnimal = void 0;
+const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
+const colors_1 = require("../colors");
+exports.IconAnimal = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.createElement("g", { "clip-path": "url(#clip0_10934_82)" },
+            react_1.default.createElement("path", { d: "M17 14C16.76 13.76 16.56 13.51 16.35 13.25C17.51 11.5 19 8.56 19 5C19 3.05 18.26 2 17 2C15.46 2 13.04 4.06 12 7.97C10.96 4.06 8.54 2 7 2C5.74 2 5 3.05 5 5C5 8.56 6.49 11.5 7.65 13.25C7.44 13.51 7.24 13.76 7 14C6.75 14.25 5 15.39 5 17.5C5 19.98 7.02 22 9.5 22C11 22 12 21.5 12 21.5C12 21.5 13 22 14.5 22C16.98 22 19 19.98 19 17.5C19 15.39 17.25 14.25 17 14ZM16.88 4.03C16.94 4.2 17 4.51 17 5C17 7.84 15.89 10.24 14.93 11.78C14.55 11.52 14.1 11.3 13.53 11.16C13.77 6.64 15.97 4.33 16.88 4.03ZM7 5C7 4.51 7.06 4.2 7.12 4.03C8.03 4.33 10.23 6.64 10.48 11.16C9.9 11.3 9.45 11.51 9.08 11.78C8.11 10.24 7 7.84 7 5ZM14.5 20C13.5 20 12.7 19.67 12.28 19.44C12.7 19.26 13 18.73 13 18.5C13 18.22 12.55 18 12 18C11.45 18 11 18.22 11 18.5C11 18.73 11.3 19.26 11.72 19.44C11.3 19.67 10.5 20 9.5 20C8.12 20 7 18.88 7 17.5C7 16.8 7.43 16.26 8 15.77C8.44 15.41 8.61 15.25 9.3 14.4C10.06 13.45 10.39 13 12 13C13.61 13 13.94 13.45 14.7 14.4C15.39 15.25 15.56 15.41 16 15.77C16.57 16.26 17 16.8 17 17.5C17 18.88 15.88 20 14.5 20ZM14 16C14 16.41 13.78 16.75 13.5 16.75C13.22 16.75 13 16.41 13 16C13 15.59 13.22 15.25 13.5 15.25C13.78 15.25 14 15.59 14 16ZM11 16C11 16.41 10.78 16.75 10.5 16.75C10.22 16.75 10 16.41 10 16C10 15.59 10.22 15.25 10.5 15.25C10.78 15.25 11 15.59 11 16Z", fill: "currentColor" })),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("clipPath", { id: "clip0_10934_82" },
+                react_1.default.createElement("rect", { width: "24", height: "24", fill: "currentColor" })))));
+});
+exports.IconAnimal.displayName = 'IconAnimal';

package/dist/cjs/icons/IconApi.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconApi = void 0;
+const react_1 = __importStar(require("react"));
+const types_1 = require("../types");
+const colors_1 = require("../colors");
+exports.IconApi = (0, react_1.forwardRef)(({ size = 'md', color = 'currentColor', style, ...props }, ref) => {
+    const resolvedSize = types_1.ICON_SIZES[size];
+    const resolvedColor = color && color in colors_1.FREIGHTOS_COLORS ? colors_1.FREIGHTOS_COLORS[color] : color;
+    return (react_1.default.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_1.default.createElement("path", { d: "M7 20C5.62121 20 4.44318 19.475 3.46591 18.425C2.48864 17.375 2 16.0917 2 14.575C2 13.275 2.35606 12.1167 3.06818 11.1C3.7803 10.0833 4.71212 9.43333 5.86364 9.15C6.24242 7.61667 7 6.375 8.13636 5.425C9.27273 4.475 10.5606 4 12 4C13.7727 4 15.2765 4.67917 16.5114 6.0375C17.7462 7.39583 18.3636 9.05 18.3636 11C19.4091 11.1333 20.2765 11.6292 20.9659 12.4875C21.6553 13.3458 22 14.35 22 15.5C22 16.75 21.6023 17.8125 20.8068 18.6875C20.0114 19.5625 19.0455 20 17.9091 20H7ZM7 18H17.9091C18.5455 18 19.0833 17.7583 19.5227 17.275C19.9621 16.7917 20.1818 16.2 20.1818 15.5C20.1818 14.8 19.9621 14.2083 19.5227 13.725C19.0833 13.2417 18.5455 13 17.9091 13H16.5455V11C16.5455 9.61667 16.1023 8.4375 15.2159 7.4625C14.3295 6.4875 13.2576 6 12 6C10.7424 6 9.67045 6.4875 8.78409 7.4625C7.89773 8.4375 7.45455 9.61667 7.45455 11H7C6.12121 11 5.37121 11.3417 4.75 12.025C4.12879 12.7083 3.81818 13.5333 3.81818 14.5C3.81818 15.4667 4.12879 16.2917 4.75 16.975C5.37121 17.6583 6.12121 18 7 18Z", fill: "currentColor" })));
+});
+exports.IconApi.displayName = 'IconApi';