@westpac/ui 0.1.0 → 0.2.0

package/dist/components/icon/components/heart-tick-icon.js

@@ -0,0 +1,28 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import React from 'react';
+import { Icon } from '../icon.component.js';
+export function HeartTickIcon({ 'aria-label': ariaLabel = 'Heart Tick' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("path", {
+        d: "M10.7507 19.2364L10.7478 19.2338C7.87504 16.6312 5.6533 14.6125 4.12566 12.7465C2.62094 10.9085 2 9.46406 2 8.04451C2 5.76586 3.76486 4 6.05 4C7.35911 4 8.6463 4.61863 9.47788 5.59427L10.676 7H11.324L12.5221 5.59427C13.3537 4.61863 14.6409 4 15.95 4C17.8713 4 19.4247 5.24824 19.8708 7H21.9134C21.4304 4.12818 18.9807 2 15.95 2C14.7256 2 13.5328 2.36428 12.5183 2.99501C11.9468 3.35027 11.432 3.79006 11 4.29691C10.568 3.79006 10.0532 3.35027 9.48175 2.99501C8.46724 2.36428 7.27438 2 6.05 2C2.662 2 0 4.65958 0 8.04451C0 12.1953 3.73386 15.5781 9.39106 20.7034L9.405 20.716L11 22.1667L12.595 20.727L12.6384 20.6875C13.409 19.988 14.1439 19.3207 14.8382 18.6798L13.4227 17.2642C12.7468 17.8875 12.0233 18.5447 11.2529 19.2442L11.2506 19.2462L11.0051 19.4678L10.7507 19.2364Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M16.7021 14.4679L22.585 8.585L23.995 10.005L16.7021 17.2979L12.7021 13.2979L14.1121 11.8879L16.7021 14.4679Z",
+        fill: "currentColor"
+    }));
+}

package/dist/components/icon/components/help-icon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from '../icon.types.js';
-export declare function HelpIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
+export declare function HelpIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/help-icon.js

@@ -12,15 +12,27 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function HelpIcon({ 'aria-label': ariaLabel = 'Help' , copyrightYear ='2020' , ...props }) {
+export function HelpIcon({ look ='filled' , 'aria-label': ariaLabel = 'Help' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
+    }, props), look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
-        d: "M24,12 C24,18.627 18.62775,24 12,24 C5.37225,24 0,18.627 0,12 C0,5.373 5.37225,0 12,0 C18.62775,0 24,5.373 24,12 Z M12,2 C6.47714286,2 2,6.47714286 2,12 C2,17.5228571 6.47714286,22 12,22 C17.5228571,22 22,17.5228571 22,12 C22,6.47714286 17.5228571,2 12,2 Z M11,18 L11,16 L13,16 L13,18 L11,18 Z M12,6 C14.21,6 16,7.79 16,10 C16,12.5 13,12.75 13,15 L11,15 C11,11.75 14,12 14,10 C14,8.9 13.1,8 12,8 C10.9,8 10,8.9 10,10 L8,10 C8,7.79 9.79,6 12,6 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M12 24C18.6278 24 24 18.627 24 12C24 5.373 18.6278 0 12 0C5.37225 0 0 5.373 0 12C0 18.627 5.37225 24 12 24ZM12 6C9.79 6 8 7.79 8 10H10C10 8.9 10.9 8 12 8C13.1 8 14 8.9 14 10C14 10.8792 13.4202 11.3236 12.7704 11.8217C11.9421 12.4566 11 13.1787 11 15H13C13 13.9046 13.711 13.2833 14.4408 12.6455C15.21 11.9733 16 11.2829 16 10C16 7.79 14.21 6 12 6ZM13 18V16H11V18H13Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M13 18V16H11V18H13Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M8 10C8 7.79 9.79 6 12 6C14.21 6 16 7.79 16 10C16 11.2829 15.21 11.9733 14.4408 12.6455C13.711 13.2833 13 13.9046 13 15H11C11 13.1787 11.9421 12.4566 12.7704 11.8217C13.4202 11.3236 14 10.8792 14 10C14 8.9 13.1 8 12 8C10.9 8 10 8.9 10 10H8Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12 24C18.6278 24 24 18.627 24 12C24 5.373 18.6278 0 12 0C5.37225 0 0 5.373 0 12C0 18.627 5.37225 24 12 24ZM2 12C2 6.47714 6.47714 2 12 2C17.5229 2 22 6.47714 22 12C22 17.5229 17.5229 22 12 22C6.47714 22 2 17.5229 2 12Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/history-clock-icon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from '../icon.types.js';
 export declare function HistoryClockIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/history-clock-icon.js

@@ -14,13 +14,15 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function HistoryClockIcon({ 'aria-label': ariaLabel = 'History Clock' , copyrightYear ='2020' , ...props }) {
+export function HistoryClockIcon({ 'aria-label': ariaLabel = 'History Clock' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M6.77789622,20.0665245 L8.05829694,18.5300437 C9.53261534,19.7599774 11.4298869,20.5 13.5,20.5 C18.1944204,20.5 22,16.6944204 22,12 C22,7.30557963 18.1944204,3.5 13.5,3.5 C8.80557963,3.5 5,7.30557963 5,12 L3,12 C3,6.20101013 7.70101013,1.5 13.5,1.5 C19.2989899,1.5 24,6.20101013 24,12 C24,17.7989899 19.2989899,22.5 13.5,22.5 C10.9428015,22.5 8.59911307,21.5858544 6.77789622,20.0665245 L6.77789622,20.0665245 Z M4,16.5 L0,12 L8,12 L4,16.5 Z M14,12.8457833 L18.1961524,15.268433 L17.1961524,17.0004838 L12,14.0004838 L12.0002793,14 L12,14 L12,6 L14,6 L14,12.8457833 Z"
+        d: "M6.7779 20.0665L8.0583 18.53C9.53262 19.76 11.4299 20.5 13.5 20.5C18.1944 20.5 22 16.6944 22 12C22 7.30558 18.1944 3.5 13.5 3.5C8.80558 3.5 5 7.30558 5 12H8L4 16.5L0 12H3C3 6.20101 7.70101 1.5 13.5 1.5C19.299 1.5 24 6.20101 24 12C24 17.799 19.299 22.5 13.5 22.5C10.9428 22.5 8.59911 21.5859 6.7779 20.0665Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M14 6V12.8458L18.1962 15.2684L17.1962 17.0005L12 14.0005V6H14Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/house-dollar-icon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type IconProps } from '../icon.types.js';
+export declare function HouseDollarIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/house-dollar-icon.js

@@ -0,0 +1,38 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import React, { Fragment } from 'react';
+import { Icon } from '../icon.component.js';
+export function HouseDollarIcon({ look ='filled' , 'aria-label': ariaLabel = 'House Dollar' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M22 8V10.2876C20.695 9.4716 19.1526 9 17.5 9C12.8056 9 9 12.8056 9 17.5C9 19.1526 9.4716 20.695 10.2876 22H2V8L12 0L22 8Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M24 17.5C24 21.0899 21.0899 24 17.5 24C13.9101 24 11 21.0899 11 17.5C11 13.9101 13.9101 11 17.5 11C21.0899 11 24 13.9101 24 17.5ZM15 18.8518H16.2522C16.3124 19.3699 16.846 19.7095 17.5344 19.7095C18.2272 19.7095 18.7005 19.3742 18.7005 18.9128C18.7005 18.5035 18.4036 18.2771 17.6549 18.1073L16.846 17.9288C15.7014 17.6807 15.1377 17.0929 15.1377 16.1743C15.1377 15.1649 15.8895 14.4532 17 14.2871V13.5H18V14.2806C19.1599 14.4324 19.8691 15.1368 19.8881 16.1395H18.6704C18.6274 15.6083 18.167 15.2862 17.5172 15.2862C16.8761 15.2862 16.4458 15.5953 16.4458 16.0611C16.4458 16.4486 16.747 16.6663 17.4613 16.8317L18.2143 16.9928C19.4578 17.2627 20 17.8026 20 18.7604C20 19.8367 19.2386 20.5634 18 20.7188V21.5H17V20.7231C15.7873 20.5825 15.0344 19.8989 15 18.8518Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M20 8.96125L12 2.56125L4 8.96125V20H10L11 22H2V8L12 0L22 8V11L20 10V8.96125Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M24 17.5C24 21.0899 21.0899 24 17.5 24C13.9101 24 11 21.0899 11 17.5C11 13.9101 13.9101 11 17.5 11C21.0899 11 24 13.9101 24 17.5ZM15 18.8518H16.2522C16.3124 19.3699 16.846 19.7095 17.5344 19.7095C18.2272 19.7095 18.7005 19.3742 18.7005 18.9128C18.7005 18.5035 18.4036 18.2771 17.6549 18.1073L16.846 17.9288C15.7014 17.6807 15.1377 17.0929 15.1377 16.1743C15.1377 15.1649 15.8895 14.4532 17 14.2871V13.5H18V14.2806C19.1599 14.4324 19.8691 15.1368 19.8881 16.1395H18.6704C18.6274 15.6083 18.167 15.2862 17.5172 15.2862C16.8761 15.2862 16.4458 15.5953 16.4458 16.0611C16.4458 16.4486 16.747 16.6663 17.4613 16.8317L18.2143 16.9928C19.4578 17.2627 20 17.8026 20 18.7604C20 19.8367 19.2386 20.5634 18 20.7188V21.5H17V20.7231C15.7873 20.5825 15.0344 19.8989 15 18.8518Z",
+        fill: "currentColor"
+    })));
+}

package/dist/components/icon/components/house-icon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from '../icon.types.js';
-export declare function HouseIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
+export declare function HouseIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/house-icon.js

@@ -14,13 +14,19 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function HouseIcon({ 'aria-label': ariaLabel = 'House' , copyrightYear ='2020' , ...props }) {
+export function HouseIcon({ look ='filled' , 'aria-label': ariaLabel = 'House' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("polygon", {
-        fill: "currentColor",
+    }, props), look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
-        points: "12 0 0 12 4 12 4 24 10 24 10 17 14 17 14 24 20 24 20 12 24 12"
+        clipRule: "evenodd",
+        d: "M24 12V11.0769L12 0L0 11.0769V12H2V24H22V12H24ZM15 22V15H9V22H15Z",
+        fill: "currentColor"
+    }) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M24 12V11.0769L12 0L0 11.0769V12H2V24H22V12H24ZM20 22V10.1064L12 2.72182L4 10.1064V22H8V15H16V22H20ZM14 22V17H10V22H14Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/house-people-icon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type IconProps } from '../icon.types.js';
+export declare function HousePeopleIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/house-people-icon.js

@@ -0,0 +1,52 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import React, { Fragment } from 'react';
+import { Icon } from '../icon.component.js';
+export function HousePeopleIcon({ look ='filled' , 'aria-label': ariaLabel = 'House People' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M22 8V11.4288C21.0982 10.5449 19.8629 10 18.5 10C17.4757 10 16.5177 10.3099 15.7222 10.8419L15.4938 10.9946C14.6593 10.3699 13.623 10 12.5 10C9.73793 10 7.5 12.2379 7.5 15C7.5 15.965 7.7732 16.8661 8.24649 17.6301C8.11315 17.6773 7.98253 17.7275 7.85495 17.7808C6.58522 18.3105 5 19.4483 5 21.5V22H2V8L12 0L22 8Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M21.5784 19.358C21.724 19.3973 21.8647 19.4398 22 19.4856C23.2163 19.897 24 20.5692 24 21.5V24H20V21.5C20 21.3573 19.9923 21.2191 19.9776 21.0852C19.9282 20.6343 19.7991 20.2323 19.6148 19.8753C19.4475 19.5514 19.2347 19.2644 18.9946 19.0116C18.9934 19.0103 18.9921 19.009 18.9908 19.0076C18.9908 19.0076 18.9908 19.0076 18.9908 19.0076C19.7587 19.0317 20.4851 19.113 21.134 19.2511C21.2866 19.2836 21.4349 19.3192 21.5784 19.358Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M17.5667 20.4127C17.8453 20.724 18 21.0865 18 21.5V24H7V21.5C7 20.3635 8.16833 19.6125 9.86603 19.2511C10.6517 19.0838 11.5508 19 12.5 19C13.4492 19 14.3483 19.0838 15.134 19.2511C15.2589 19.2777 15.381 19.3064 15.5 19.3372C16.3529 19.5582 17.0452 19.8875 17.4832 20.3246C17.4907 20.3321 17.4981 20.3396 17.5054 20.3471C17.5179 20.3599 17.5301 20.3727 17.5421 20.3857C17.5423 20.3859 17.5419 20.3854 17.5421 20.3857C17.5453 20.3892 17.5493 20.3934 17.5525 20.397C17.5573 20.4022 17.562 20.4075 17.5667 20.4127Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M16.8339 17.4956C16.9435 17.5688 17.0582 17.6351 17.1773 17.6937C17.5762 17.8898 18.0252 18 18.5 18C18.6132 18 18.7249 17.9937 18.8348 17.9815C18.8985 17.9745 18.9615 17.9654 19.0239 17.9545C19.6368 17.8466 20.1855 17.5529 20.6096 17.1335C21.1594 16.5897 21.5 15.8348 21.5 15C21.5 13.4557 20.3346 12.1848 18.8348 12.0185C18.7249 12.0063 18.6132 12 18.5 12C18.0252 12 17.5762 12.1102 17.1773 12.3063C17.0582 12.3649 16.9435 12.4312 16.8339 12.5044C16.8553 12.5415 16.8762 12.5788 16.8967 12.6164C17.2815 13.3249 17.5 14.1369 17.5 15C17.5 15.6909 17.36 16.349 17.1067 16.9475C17.0268 17.1364 16.9356 17.3194 16.8339 17.4956Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M14.6096 17.1335C14.6916 17.0524 14.769 16.9665 14.8413 16.8764C15.2535 16.3627 15.5 15.7103 15.5 15C15.5 13.3425 14.1575 12 12.5 12C10.8425 12 9.5 13.3425 9.5 15C9.5 15.8348 9.84057 16.5898 10.3904 17.1335C10.9323 17.6693 11.6773 18 12.5 18C13.2797 18 13.9897 17.7029 14.5231 17.2157C14.5524 17.1889 14.5813 17.1615 14.6096 17.1335Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M20 8.96125L12 2.56125L4 8.96125V20H5.5L5 22H2V8L12 0L22 8V12L20 10.5V8.96125Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M12.5 12C14.1575 12 15.5 13.3425 15.5 15C15.5 16.6575 14.1575 18 12.5 18C10.8425 18 9.5 16.6575 9.5 15C9.5 13.3425 10.8425 12 12.5 12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M7 24V21.5C7 19.8375 9.5 19 12.5 19C13.6001 19 14.633 19.1126 15.5 19.3372C16.9973 19.7252 18 20.4471 18 21.5V24H7Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M20 21.5V24H24V21.5C24 19.9291 21.7678 19.0948 18.9908 19.0076C19.576 19.6221 20 20.4388 20 21.5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M16.8339 17.4956C17.3105 17.8142 17.8834 18 18.5 18C20.1575 18 21.5 16.6575 21.5 15C21.5 13.3425 20.1575 12 18.5 12C17.8834 12 17.3104 12.1858 16.8339 12.5044C17.2576 13.2388 17.5 14.091 17.5 15C17.5 15.909 17.2576 16.7612 16.8339 17.4956Z",
+        fill: "currentColor"
+    })));
+}

package/dist/components/icon/components/house-person-icon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type IconProps } from '../icon.types.js';
+export declare function HousePersonIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/house-person-icon.js

@@ -0,0 +1,40 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import React, { Fragment } from 'react';
+import { Icon } from '../icon.component.js';
+export function HousePersonIcon({ look ='filled' , 'aria-label': ariaLabel = 'House Person' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M22 8V11.9969C21.0883 10.7837 19.6369 10 18 10C15.2354 10 13 12.2354 13 15C13 16.237 13.4476 17.3681 14.1899 18.2404C13.9252 18.3383 13.6649 18.4455 13.4127 18.5617C12.6549 18.9111 11.8537 19.3948 11.2156 20.0575C10.7347 20.5568 10.3028 21.2086 10.1086 22H2V8L12 0L22 8Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M18 12C19.66 12 21 13.34 21 15C21 16.66 19.66 18 18 18C16.34 18 15 16.66 15 15C15 13.34 16.34 12 18 12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M12 24V22.9024C12 20.7073 16 19.5 18 19.5C20 19.5 24 20.7073 24 22.9024V24H12Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M20 8.96125L12 2.56125L4 8.96125V20H11.5L10.5 22H2V8L12 0L22 8V12L20 10.5V8.96125Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M18 12C19.66 12 21 13.34 21 15C21 16.66 19.66 18 18 18C16.34 18 15 16.66 15 15C15 13.34 16.34 12 18 12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M12 24V22.9024C12 20.7073 16 19.5 18 19.5C20 19.5 24 20.7073 24 22.9024V24H12Z",
+        fill: "currentColor"
+    })));
+}

package/dist/components/icon/components/ice-cream-icon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type IconProps } from '../icon.types.js';
+export declare function IceCreamIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/ice-cream-icon.js

@@ -0,0 +1,32 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import React from 'react';
+import { Icon } from '../icon.component.js';
+export function IceCreamIcon({ look ='filled' , 'aria-label': ariaLabel = 'Ice Cream' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M17.408 13.9565C17.6012 13.9852 17.7989 14 18 14C20.2091 14 22 12.2091 22 10C22 8.11613 20.6977 6.53644 18.9442 6.1121C18.5079 2.66532 15.5652 0 12 0C8.43478 0 5.49209 2.66532 5.05578 6.11209C3.30232 6.53643 2 8.11613 2 10C2 12.2091 3.79086 14 6 14C6.20113 14 6.3988 13.9852 6.59196 13.9565L12 24L17.408 13.9565ZM12 14C13.2574 14 14.4374 13.6685 15.4573 13.088C15.4911 13.1159 15.5254 13.1432 15.5601 13.1699L12 19.7815L8.43992 13.1699C8.47463 13.1432 8.50888 13.1159 8.54266 13.088C9.56257 13.6685 10.7426 14 12 14Z",
+        fill: "currentColor"
+    }) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M17.408 13.9565C17.6012 13.9852 17.7989 14 18 14C20.2091 14 22 12.2091 22 10C22 8.11613 20.6977 6.53644 18.9442 6.1121C18.5079 2.66532 15.5652 0 12 0C8.43478 0 5.49209 2.66532 5.05578 6.11209C3.30232 6.53643 2 8.11613 2 10C2 12.2091 3.79086 14 6 14C6.20114 14 6.3988 13.9852 6.59197 13.9565L12 24L17.408 13.9565ZM15.666 10.668L14.4681 11.3498C13.7417 11.7632 12.9015 12 12 12C11.0985 12 10.2583 11.7632 9.53191 11.3498L8.33402 10.668L7.27049 11.5448C6.92428 11.8302 6.48463 12 6 12C5.82925 12 5.66349 11.9786 5.50526 11.9383C4.63998 11.7182 4 10.9338 4 10C4 9.0607 4.64942 8.26816 5.52621 8.05598L6.86674 7.73157L7.03995 6.36326C7.35134 3.90331 9.45495 2 12 2C14.5451 2 16.6487 3.90331 16.9601 6.36326L17.1333 7.73157L18.4738 8.05598C19.3506 8.26817 20 9.0607 20 10C20 10.9492 19.3387 11.744 18.4517 11.9488C18.3065 11.9823 18.1553 12 18 12C17.5154 12 17.0757 11.8302 16.7295 11.5448L15.666 10.668ZM8.43993 13.1699C8.47463 13.1432 8.50888 13.1159 8.54266 13.088C9.56257 13.6685 10.7426 14 12 14C13.2574 14 14.4374 13.6685 15.4573 13.088C15.4911 13.1159 15.5254 13.1432 15.5601 13.1699L12 19.7815L8.43993 13.1699Z",
+        fill: "currentColor"
+    }));
+}

package/dist/components/icon/components/id-card-icon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from '../icon.types.js';
-export declare function IdCardIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
+export declare function IdCardIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/id-card-icon.js

@@ -12,15 +12,36 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function IdCardIcon({ 'aria-label': ariaLabel = 'Id Card' , copyrightYear ='2020' , ...props }) {
+export function IdCardIcon({ look ='filled' , 'aria-label': ariaLabel = 'Id Card' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
+    }, props), look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
-        d: "M2,2 L22,2 C23.1045695,2 24,2.8954305 24,4 L24,20 C24,21.1045695 23.1045695,22 22,22 L2,22 C0.8954305,22 1.3527075e-16,21.1045695 0,20 L0,4 C-1.3527075e-16,2.8954305 0.8954305,2 2,2 Z M16,16 L16,18 L22,18 L22,16 L16,16 Z M16,8 L16,10 L22,10 L22,8 L16,8 Z M16,12 L16,14 L22,14 L22,12 L16,12 Z M14,18.1 L2,18.1 L2,17.1 C2,15.1 6,14 8,14 C10,14 14,15.1 14,17.1 L14,18.1 Z M8,6 C9.66,6 11,7.34 11,9 C11,10.66 9.66,12 8,12 C6.34,12 5,10.66 5,9 C5,7.34 6.34,6 8,6 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M2 2H22C23.1046 2 24 2.89543 24 4V20C24 21.1046 23.1046 22 22 22H2C0.89543 22 0 21.1046 0 20V4C0 2.89543 0.89543 2 2 2ZM11.5 10.5C11.5 9.11667 10.3833 8 9 8C7.61667 8 6.5 9.11667 6.5 10.5C6.5 11.8833 7.61667 13 9 13C10.3833 13 11.5 11.8833 11.5 10.5ZM4 17.0854V18H14V17.0854C14 15.2561 10.6667 14.25 9 14.25C7.33333 14.25 4 15.2561 4 17.0854ZM14 8H20V10H14V8ZM15 12H20V14H15V12ZM20 16H16V18H20V16Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M11.5 10.5C11.5 9.11667 10.3833 8 9 8C7.61667 8 6.5 9.11667 6.5 10.5C6.5 11.8833 7.61667 13 9 13C10.3833 13 11.5 11.8833 11.5 10.5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M4 17.0854V18H14V17.0854C14 15.2561 10.6667 14.25 9 14.25C7.33333 14.25 4 15.2561 4 17.0854Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M14 8H20V10H14V8Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M15 12H20V14H15V12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M20 16H16V18H20V16Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2 2H22C23.1046 2 24 2.89543 24 4V20C24 21.1046 23.1046 22 22 22H2C0.89543 22 0 21.1046 0 20V4C0 2.89543 0.89543 2 2 2ZM2 4H22V20H2V4Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/image-square-icon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from '../icon.types.js';
-export declare function ImageSquareIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
+export declare function ImageSquareIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/image-square-icon.js

@@ -12,15 +12,27 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function ImageSquareIcon({ 'aria-label': ariaLabel = 'Image Square' , copyrightYear ='2020' , ...props }) {
+export function ImageSquareIcon({ look ='filled' , 'aria-label': ariaLabel = 'Image Square' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
+    }, props), look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
-        d: "M13.9767442,18.3255814 L16.5,14 L20,20 L14,20 L4,20 L9.5,11 L13.9767442,18.3255814 Z M24,2.4 L24,21.6 C24,22.9254834 23.1045695,24 22,24 L2,24 C0.8954305,24 -2.66453526e-15,22.9254834 -2.66453526e-15,21.6 L8.8817842e-16,2.4 C8.8817842e-16,1.0745166 0.8954305,3.6292676e-16 2,4.4408921e-16 L22,4.85281769e-15 C23.1045695,4.93398014e-15 24,1.0745166 24,2.4 Z M22,2 L2,2 L2,22 L22,22 L22,2 Z M15.5,10 C14.1192881,10 13,8.88071187 13,7.5 C13,6.11928813 14.1192881,5 15.5,5 C16.8807119,5 18,6.11928813 18,7.5 C18,8.88071187 16.8807119,10 15.5,10 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M24 21.6V2.4C24 1.07452 23.1046 0 22 0H2C0.89543 0 0 1.07452 0 2.4V21.6C0 22.9255 0.89543 24 2 24H22C23.1046 24 24 22.9255 24 21.6ZM18 7.5C18 8.88071 16.8807 10 15.5 10C14.1193 10 13 8.88071 13 7.5C13 6.11929 14.1193 5 15.5 5C16.8807 5 18 6.11929 18 7.5ZM13.9767 18.3256L9.5 11L4 20H20L16.5 14L13.9767 18.3256Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M13.9767 18.3256L9.5 11L4 20H20L16.5 14L13.9767 18.3256Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M15.5 10C16.8807 10 18 8.88071 18 7.5C18 6.11929 16.8807 5 15.5 5C14.1193 5 13 6.11929 13 7.5C13 8.88071 14.1193 10 15.5 10Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M24 2.4V21.6C24 22.9255 23.1046 24 22 24H2C0.89543 24 0 22.9255 0 21.6V2.4C0 1.07452 0.89543 0 2 0H22C23.1046 0 24 1.07452 24 2.4ZM22 2H2V22H22V2Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/info-icon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from '../icon.types.js';
-export declare function InfoIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
+export declare function InfoIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/info-icon.js

@@ -12,15 +12,27 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function InfoIcon({ 'aria-label': ariaLabel = 'Info' , copyrightYear ='2020' , ...props }) {
+export function InfoIcon({ look ='filled' , 'aria-label': ariaLabel = 'Info' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
+    }, props), look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
-        d: "M24,12 C24,18.627 18.62775,24 12,24 C5.37225,24 0,18.627 0,12 C0,5.373 5.37225,0 12,0 C18.62775,0 24,5.373 24,12 Z M12,2 C6.47714286,2 2,6.47714286 2,12 C2,17.5228571 6.47714286,22 12,22 C17.5228571,22 22,17.5228571 22,12 C22,6.47714286 17.5228571,2 12,2 Z M11,18 L11,10 L13,10 L13,18 L11,18 Z M11,8 L11,6 L13,6 L13,8 L11,8 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M12 24C18.6278 24 24 18.627 24 12C24 5.373 18.6278 0 12 0C5.37225 0 0 5.373 0 12C0 18.627 5.37225 24 12 24ZM11 6V8H13V6H11ZM11 10V18H13V10H11Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M13 18V10H11V18H13Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M13 6V8H11V6H13Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12 24C18.6278 24 24 18.627 24 12C24 5.373 18.6278 0 12 0C5.37225 0 0 5.373 0 12C0 18.627 5.37225 24 12 24ZM2 12C2 6.47714 6.47714 2 12 2C17.5229 2 22 6.47714 22 12C22 17.5229 17.5229 22 12 22C6.47714 22 2 17.5229 2 12Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/instagram-icon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from '../icon.types.js';
-export declare function InstagramIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
+export declare function InstagramIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/instagram-icon.js

@@ -12,15 +12,32 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function InstagramIcon({ 'aria-label': ariaLabel = 'Instagram' , copyrightYear ='2020' , ...props }) {
+export function InstagramIcon({ look ='filled' , 'aria-label': ariaLabel = 'Instagram' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M12 8C9.79125 8 8.00025 9.791 8.00025 11.9998C8.00025 14.2085 9.79125 15.9995 12 15.9995C14.2087 15.9995 15.9998 14.2085 15.9998 11.9998C15.9998 9.791 14.2087 8 12 8Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
         fillRule: "evenodd",
-        d: "M6,0 L18,0 C21.3137085,-6.08718376e-16 24,2.6862915 24,6 L24,18 C24,21.3137085 21.3137085,24 18,24 L6,24 C2.6862915,24 4.05812251e-16,21.3137085 0,18 L0,6 C-4.05812251e-16,2.6862915 2.6862915,6.08718376e-16 6,0 Z M6,2 C3.790861,2 2,3.790861 2,6 L2,18 C2,20.209139 3.790861,22 6,22 L18,22 C20.209139,22 22,20.209139 22,18 L22,6 C22,3.790861 20.209139,2 18,2 L6,2 Z M5.838,12 C5.838,8.5965 8.5965,5.838 12,5.838 C15.4035,5.838 18.162,8.5965 18.162,12 C18.162,15.4035 15.4035,18.162 12,18.162 C8.5965,18.162 5.838,15.4035 5.838,12 Z M8.00025,12 C8.00025,14.20875 9.79125,15.99975 12,15.99975 C14.20875,15.99975 15.99975,14.20875 15.99975,12 C15.99975,9.79125 14.20875,8.00025 12,8.00025 C9.79125,8.00025 8.00025,9.79125 8.00025,12 Z M18.405675,7.03425 C17.610675,7.03425 16.965675,6.39 16.965675,5.59425 C16.965675,4.7985 17.610675,4.15425 18.405675,4.15425 C19.201425,4.15425 19.845675,4.7985 19.845675,5.59425 C19.845675,6.39 19.201425,7.03425 18.405675,7.03425 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M6 0H18C21.3137 0 24 2.68629 24 6V18C24 21.3137 21.3137 24 18 24H6C2.68629 24 0 21.3137 0 18V6C0 2.68629 2.68629 0 6 0ZM12 18.1619C8.5965 18.1619 5.838 15.4034 5.838 11.9999C5.838 8.59639 8.5965 5.83789 12 5.83789C15.4035 5.83789 18.162 8.59639 18.162 11.9999C18.162 15.4034 15.4035 18.1619 12 18.1619ZM16.9657 5.5943C16.9657 6.39005 17.6107 7.0343 18.4057 7.0343C19.2014 7.0343 19.8457 6.39005 19.8457 5.5943C19.8457 4.79855 19.2014 4.1543 18.4057 4.1543C17.6107 4.1543 16.9657 4.79855 16.9657 5.5943Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12 18.162C8.5965 18.162 5.838 15.4035 5.838 12C5.838 8.5965 8.5965 5.838 12 5.838C15.4035 5.838 18.162 8.5965 18.162 12C18.162 15.4035 15.4035 18.162 12 18.162ZM8.00025 12C8.00025 9.79125 9.79125 8.00025 12 8.00025C14.2087 8.00025 15.9998 9.79125 15.9998 12C15.9998 14.2087 14.2087 15.9998 12 15.9998C9.79125 15.9998 8.00025 14.2087 8.00025 12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M16.9657 5.59425C16.9657 6.39 17.6107 7.03425 18.4057 7.03425C19.2014 7.03425 19.8457 6.39 19.8457 5.59425C19.8457 4.7985 19.2014 4.15425 18.4057 4.15425C17.6107 4.15425 16.9657 4.7985 16.9657 5.59425Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M6 0H18C21.3137 0 24 2.68629 24 6V18C24 21.3137 21.3137 24 18 24H6C2.68629 24 0 21.3137 0 18V6C0 2.68629 2.68629 0 6 0ZM6 2C3.79086 2 2 3.79086 2 6V18C2 20.2091 3.79086 22 6 22H18C20.2091 22 22 20.2091 22 18V6C22 3.79086 20.2091 2 18 2H6Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/inventory-icon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type IconProps } from '../icon.types.js';
+export declare function InventoryIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/{cursor-arrow-double-click-icon.js → inventory-icon.js}

@@ -14,13 +14,17 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function CursorArrowDoubleClickIcon({ 'aria-label': ariaLabel = 'Cursor arrow double-click' , copyrightYear ='2021' , ...props }) {
+export function InventoryIcon({ 'aria-label': ariaLabel = 'Inventory' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
         fillRule: "evenodd",
-        d: "m11 10 8.167 7.524-3.675.107 2.45 5.563-1.878.806-2.45-5.562L11 21.018V10Zm1-10c6.627 0 12 5.373 12 12 0 .672-.055 1.332-.162 1.974l-1.973-.33A10.07 10.07 0 0 0 22 12c0-5.523-4.477-10-10-10S2 6.477 2 12a9.99 9.99 0 0 0 4.453 8.322l-1.11 1.664A11.989 11.989 0 0 1 0 12C0 5.373 5.373 0 12 0Zm0 5a7 7 0 0 1 6.906 8.152l-1.973-.33a5 5 0 1 0-7.706 3.338l-1.11 1.665A7 7 0 0 1 12 5Z"
+        clipRule: "evenodd",
+        d: "M6 4H4V22H12V24H4C2.9 24 2 23.1 2 22V4C2 2.9 2.9 2 4 2H9.18C9.6 0.84 10.7 0 12 0C13.3 0 14.4 0.84 14.82 2H20C21.1 2 22 2.9 22 4V13H20V4H18V8H6V4ZM13 3C13 2.45 12.55 2 12 2C11.45 2 11 2.45 11 3C11 3.55 11.45 4 12 4C12.55 4 13 3.55 13 3Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M17 20.5L22.49 15L23.99 16.5L17 23.5L12.49 19L13.99 17.5L17 20.5Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/invest-icon.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from '../icon.types.js';
-export declare function InvestIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
+export declare function InvestIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/invest-icon.js

@@ -14,13 +14,19 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function InvestIcon({ 'aria-label': ariaLabel = 'Invest' , copyrightYear ='2020' , ...props }) {
+export function InvestIcon({ look ='filled' , 'aria-label': ariaLabel = 'Invest' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
+    }, props), look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
-        d: "M18,24 L22,24 L22,10 L18,10 L18,24 Z M10,24 L14,24 L14,16 L10,16 L10,24 Z M2,24 L6,24 L6,14 L2,14 L2,24 Z M21.7309981,3.73099809 L12.2500311,13.4994066 L5.63133825,6.8807138 L0,12.512052 L8.8817842e-16,9.68362492 L5.63133825,4.05228667 L12.2287557,10.6497041 L20.3166269,2.31662686 L18,3.99680289e-15 L24,0 L24,6 L21.7309981,3.73099809 L21.7309981,3.73099809 Z"
+        clipRule: "evenodd",
+        d: "M12.25 13.4994L21.731 3.731L24 6V0H18L20.3166 2.31663L12.2288 10.6497L5.63134 4.05229L0 9.68363V12.5121L5.63134 6.88071L12.25 13.4994ZM22 24H18V10H22V24ZM14 24H10V16H14V24ZM2 24H6V14H2V24Z",
+        fill: "currentColor"
+    }) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12.25 13.4994L21.731 3.731L24 6V0H18L20.3166 2.31663L12.2288 10.6497L5.63134 4.05229L0 9.68363V12.5121L5.63134 6.88071L12.25 13.4994ZM22 24H20V10H22V24ZM13 24H11V16H13V24ZM2 24H4V14H2V24Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/invoice-icon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type IconProps } from '../icon.types.js';
+export declare function InvoiceIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;

package/dist/components/icon/components/invoice-icon.js

@@ -0,0 +1,38 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import React, { Fragment } from 'react';
+import { Icon } from '../icon.component.js';
+export function InvoiceIcon({ look ='filled' , 'aria-label': ariaLabel = 'Invoice' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2 2C2 0.89543 2.89543 0 4 0H16L22 6V22C22 23.1046 21.1046 24 20 24H4C2.89543 24 2 23.1046 2 22V2ZM16 2L20 6H16V2ZM6 15.3657H8.19127C8.29669 16.2723 9.23042 16.8666 10.4352 16.8666C11.6476 16.8666 12.4759 16.2799 12.4759 15.4723C12.4759 14.7562 11.9563 14.36 10.6461 14.0628L9.23042 13.7505C7.22741 13.3162 6.24096 12.2876 6.24096 10.68C6.24096 8.91366 7.55666 7.66818 9.5 7.37744V6H11.25V7.36611C13.2799 7.63171 14.521 8.86437 14.5542 10.6191H12.4232C12.3479 9.68959 11.5422 9.1258 10.4051 9.1258C9.28313 9.1258 8.53012 9.66674 8.53012 10.482C8.53012 11.16 9.05723 11.541 10.3072 11.8305L11.625 12.1124C13.8012 12.5848 14.75 13.5295 14.75 15.2057C14.75 17.0892 13.4175 18.361 11.25 18.6329V20H9.5V18.6404C7.37772 18.3944 6.06015 17.1981 6 15.3657ZM18 18.5C18 19.3284 17.3284 20 16.5 20C15.6716 20 15 19.3284 15 18.5C15 17.6716 15.6716 17 16.5 17C17.3284 17 18 17.6716 18 18.5Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M6 15.3657H8.19127C8.29669 16.2723 9.23042 16.8666 10.4352 16.8666C11.6476 16.8666 12.4759 16.2799 12.4759 15.4723C12.4759 14.7562 11.9563 14.36 10.6461 14.0628L9.23042 13.7505C7.22741 13.3162 6.24096 12.2876 6.24096 10.68C6.24096 8.91366 7.55666 7.66818 9.5 7.37744V6H11.25V7.36611C13.2799 7.63171 14.521 8.86437 14.5542 10.6191H12.4232C12.3479 9.68959 11.5422 9.1258 10.4051 9.1258C9.28313 9.1258 8.53012 9.66674 8.53012 10.482C8.53012 11.16 9.05723 11.541 10.3072 11.8305L11.625 12.1124C13.8012 12.5848 14.75 13.5295 14.75 15.2057C14.75 17.0892 13.4175 18.361 11.25 18.633V20H9.5V18.6404C7.37772 18.3944 6.06015 17.1981 6 15.3657Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M16.5 20C17.3284 20 18 19.3284 18 18.5C18 17.6716 17.3284 17 16.5 17C15.6716 17 15 17.6716 15 18.5C15 19.3284 15.6716 20 16.5 20Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2 2C2 0.89543 2.89543 0 4 0H16L22 6V22C22 23.1046 21.1046 24 20 24H4C2.89543 24 2 23.1046 2 22V2ZM4 2H16V6H20V22H4V2Z",
+        fill: "currentColor"
+    })));
+}