@westpac/ui 0.1.0 → 0.2.0

package/dist/components/icon/components/add-circle-icon.js

@@ -12,15 +12,24 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function AddCircleIcon({ 'aria-label': ariaLabel = 'Add' , copyrightYear ='2020' , ...props }) {
+export function AddCircleIcon({ look ='filled' , 'aria-label': ariaLabel = 'Add Circle' , 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,11 L11,6 L13,6 L13,11 L18,11 L18,13 L13,13 L13,18 L11,18 L11,13 L6,13 L6,11 L11,11 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 24ZM6 11H11V6H13V11H18V13H13V18H11V13H6V11Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M6 11H11V6H13V11H18V13H13V18H11V13H6V11Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M24 12C24 18.627 18.6278 24 12 24C5.37225 24 0 18.627 0 12C0 5.373 5.37225 0 12 0C18.6278 0 24 5.373 24 12ZM12 2C6.47714 2 2 6.47714 2 12C2 17.5229 6.47714 22 12 22C17.5229 22 22 17.5229 22 12C22 6.47714 17.5229 2 12 2Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -14,13 +14,12 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function AddIcon({ 'aria-label': ariaLabel = 'Add' , copyrightYear ='2020' , ...props }) {
+export function AddIcon({ 'aria-label': ariaLabel = 'Add' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("polygon", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        points: "11 11 4 11 4 13 11 13 11 20 13 20 13 13 20 13 20 11 13 11 13 4 11 4"
+    }, props), React.createElement("path", {
+        d: "M11 11H4V13H11V20H13V13H20V11H13V4H11V11Z",
+        fill: "currentColor"
     }));
 }

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

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

package/dist/components/icon/components/alert-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 AlertIcon({ 'aria-label': ariaLabel = 'Alert' , copyrightYear ='2020' , ...props }) {
+export function AlertIcon({ look ='filled' , 'aria-label': ariaLabel = 'Alert' , 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: "M1.0004095,24 C0.653409497,24 0.332409497,23.8196664 0.149409497,23.5241196 C-0.0325905031,23.2285729 -0.0495905031,22.8598908 0.105409497,22.5503181 L11.1054095,0.509542654 C11.4454095,-0.169713971 12.5554095,-0.169713971 12.8944095,0.509542654 L23.8944095,22.5503181 C24.0504095,22.8598908 24.0334095,23.2285729 23.8504095,23.5241196 C23.6684095,23.8196664 23.3474095,24 23.0004095,24 L1.0004095,24 Z M2.6184095,22.0001002 L21.3824095,22.0001002 L12.0004095,3.1975154 L2.6184095,22.0001002 Z M11,20 L11,18 L13,18 L13,20 L11,20 Z M11,16 L11,10 L13,10 L13,16 L11,16 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M1.00041 24C0.653409 24 0.33241 23.8197 0.14941 23.5241C-0.0325905 23.2286 -0.0495905 22.8599 0.105409 22.5503L11.1054 0.509565C11.4454 -0.169692 12.5554 -0.169692 12.8944 0.509565L23.8944 22.5503C24.0504 22.8599 24.0334 23.2286 23.8504 23.5241C23.6684 23.8197 23.3474 24 23.0004 24H1.00041ZM11 20.0001H13V18.0001H11V20.0001ZM13 16.0001H11V10.0001H13V16.0001Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M11 20H13V18H11V20Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M13 16H11V10H13V16Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M0.14941 23.5241C0.33241 23.8197 0.653409 24 1.00041 24H23.0004C23.3474 24 23.6684 23.8197 23.8504 23.5241C24.0334 23.2286 24.0504 22.8599 23.8944 22.5503L12.8944 0.509565C12.5554 -0.169692 11.4454 -0.169692 11.1054 0.509565L0.105409 22.5503C-0.0495905 22.8599 -0.0325905 23.2286 0.14941 23.5241ZM12.0004 3.19754L21.3824 22.0001H2.61841L12.0004 3.19754Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -14,13 +14,14 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function AndroidIcon({ 'aria-label': ariaLabel = 'Android' , copyrightYear ='2020' , ...props }) {
+export function AndroidIcon({ 'aria-label': ariaLabel = 'Android' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
         fillRule: "evenodd",
-        d: "M6,18 C6,18.55 6.45,19 7,19 L8,19 L8,22.5 C8,23.33 8.67,24 9.5,24 C10.33,24 11,23.33 11,22.5 L11,19 L13,19 L13,22.5 C13,23.33 13.67,24 14.5,24 C15.33,24 16,23.33 16,22.5 L16,19 L17,19 C17.55,19 18,18.55 18,18 L18,8 L6,8 L6,18 Z M3.5,8 C2.67,8 2,8.67 2,9.5 L2,16.5 C2,17.33 2.67,18 3.5,18 C4.33,18 5,17.33 5,16.5 L5,9.5 C5,8.67 4.33,8 3.5,8 Z M20.5,8 C19.67,8 19,8.67 19,9.5 L19,16.5 C19,17.33 19.67,18 20.5,18 C21.33,18 22,17.33 22,16.5 L22,9.5 C22,8.67 21.33,8 20.5,8 Z M15.53,2.16 L16.83,0.86 C17.03,0.66 17.03,0.35 16.83,0.15 C16.63,-0.05 16.32,-0.05 16.12,0.15 L14.64,1.63 C13.85,1.23 12.95,1 12,1 C11.04,1 10.14,1.23 9.34,1.63 L7.85,0.15 C7.65,-0.05 7.34,-0.05 7.14,0.15 C6.94,0.35 6.94,0.66 7.14,0.86 L8.45,2.17 C6.97,3.26 6,5.01 6,7 L18,7 C18,5.01 17.03,3.25 15.53,2.16 L15.53,2.16 Z M10,5 L9,5 L9,4 L10,4 L10,5 Z M15,5 L14,5 L14,4 L15,4 L15,5 Z"
+        clipRule: "evenodd",
+        d: "M16.83 0.86L15.53 2.16C17.03 3.25 18 5.01 18 7H6C6 5.01 6.97 3.26 8.45 2.17L7.14 0.86C6.94 0.66 6.94 0.35 7.14 0.15C7.34 -0.05 7.65 -0.05 7.85 0.15L9.34 1.63C10.14 1.23 11.04 1 12 1C12.95 1 13.85 1.23 14.64 1.63L16.12 0.15C16.32 -0.05 16.63 -0.05 16.83 0.15C17.03 0.35 17.03 0.66 16.83 0.86ZM2 9.5C2 8.67 2.67 8 3.5 8C4.33 8 5 8.67 5 9.5V16.5C5 17.33 4.33 18 3.5 18C2.67 18 2 17.33 2 16.5V9.5ZM7 19C6.45 19 6 18.55 6 18V8H18V18C18 18.55 17.55 19 17 19H16V22.5C16 23.33 15.33 24 14.5 24C13.67 24 13 23.33 13 22.5V19H11V22.5C11 23.33 10.33 24 9.5 24C8.67 24 8 23.33 8 22.5V19H7ZM20.5 8C19.67 8 19 8.67 19 9.5V16.5C19 17.33 19.67 18 20.5 18C21.33 18 22 17.33 22 16.5V9.5C22 8.67 21.33 8 20.5 8ZM10 5H9V4H10V5ZM14 5H15V4H14V5Z",
+        fill: "currentColor"
     }));
 }

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

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

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

@@ -14,13 +14,14 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function AppleIcon({ 'aria-label': ariaLabel = 'Apple' , copyrightYear ='2020' , ...props }) {
+export function AppleIcon({ 'aria-label': ariaLabel = 'Apple' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
         fillRule: "evenodd",
-        d: "M15.6117278,3.83174638 C16.4690749,2.81624734 17.0478034,1.40624867 16.8896892,0 C15.6547103,0.0494999532 14.1572311,0.80399924 13.2722524,1.81649828 C12.4770764,2.71649743 11.7816811,4.15124607 11.9681944,5.53049477 C13.3467042,5.63624467 14.7536131,4.84649542 15.6117278,3.83174638 M18.7041643,12.7522379 C18.6734625,9.71174082 21.2408986,8.2544922 21.3552627,8.18249226 C19.9122792,6.11924421 17.6649091,5.83724448 16.8643603,5.80424451 C14.9516396,5.61524469 13.1325593,6.90449347 12.1616156,6.90449347 C11.1929746,6.90449347 9.69549539,5.83124449 8.10898107,5.86049446 C6.02433043,5.88974443 4.10163165,7.04399334 3.02783701,8.86949161 C0.862594198,12.5414881 2.47366994,17.981983 4.58518464,20.9617302 C5.61676434,22.4189788 6.84713805,24.0569773 8.46205151,23.9984773 C10.0170965,23.9377274 10.6058031,23.0152282 12.4855194,23.0152282 C14.3660032,23.0152282 14.8933062,23.9984773 16.5404565,23.9684773 C18.2137034,23.9377274 19.2736822,22.4819787 20.2991216,21.0202301 C21.4834426,19.3282317 21.9716009,17.6909833 22,17.6069834 C21.9631579,17.5904834 18.7364011,16.3814845 18.7041643,12.7522379"
+        clipRule: "evenodd",
+        d: "M16.8897 0C17.0478 1.40625 16.4691 2.81625 15.6117 3.83175C14.7536 4.8465 13.3467 5.63624 11.9682 5.53049C11.7817 4.15125 12.4771 2.7165 13.2723 1.8165C14.1572 0.803999 15.6547 0.0495 16.8897 0ZM21.3386 8.19265C21.09 8.34289 18.6744 9.80249 18.7042 12.7522C18.7357 16.3027 21.8246 17.5369 21.9932 17.6042C21.9969 17.6057 22 17.607 22 17.607C21.9986 17.611 21.9962 17.6187 21.9926 17.6299C21.9227 17.8495 21.4262 19.4101 20.2991 21.0202C19.2737 22.482 18.2137 23.9377 16.5405 23.9685C15.7355 23.9831 15.198 23.7558 14.6392 23.5195C14.0547 23.2723 13.447 23.0152 12.4855 23.0152C11.4781 23.0152 10.8415 23.2802 10.2282 23.5355C9.69718 23.7565 9.18366 23.9703 8.46205 23.9985C6.84714 24.057 5.61676 22.419 4.58518 20.9617C2.47367 17.982 0.862594 12.5415 3.02784 8.86949C4.10163 7.04399 6.02433 5.88974 8.10898 5.86049C9.00865 5.84391 9.87968 6.18185 10.6419 6.47757C11.2238 6.70334 11.7423 6.90449 12.1616 6.90449C12.5389 6.90449 13.0443 6.7098 13.6335 6.48282C14.5605 6.12571 15.6949 5.68869 16.8644 5.80424C17.6649 5.83724 19.9123 6.11924 21.3553 8.18249C21.3518 8.18464 21.3463 8.18802 21.3386 8.19265Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/archive-box-icon.d.ts

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

package/dist/components/icon/components/archive-box-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 ArchiveBoxIcon({ look ='filled' , 'aria-label': ariaLabel = 'Archive Box' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M3 0C1.89543 0 1 0.89543 1 2V6H23V2C23 0.895431 22.1046 0 21 0H3Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2 8H22V22C22 23.1046 21.1046 24 20 24H4C2.89543 24 2 23.1046 2 22V8ZM8 12H16V15H8V12Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M16 12H8V15H16V12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M1 8H2V22C2 23.1046 2.89543 24 4 24H20C21.1046 24 22 23.1046 22 22V8H23V2C23 0.895431 22.1046 0 21 0H3C1.89543 0 1 0.895431 1 2V8ZM21 2H3V6H21L21 2ZM4 8H20V22H4V8Z",
+        fill: "currentColor"
+    })));
+}

package/dist/components/icon/components/arrow-fork-icon.d.ts

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

package/dist/components/icon/components/{take-out-icon.js → arrow-fork-icon.js}

@@ -14,13 +14,15 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function TakeOutIcon({ 'aria-label': ariaLabel = 'Take Out' , copyrightYear ='2020' , ...props }) {
+export function ArrowForkIcon({ 'aria-label': ariaLabel = 'Arrow Fork' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M3,5 L21,5 L18.99,22.23 C18.87,23.23 18.03,24 17,24 L7,24 C5.97,24 5.13,23.23 5.01,22.23 L3,5 Z M12,20 C13.66,20 15,18.66 15,17 C15,15 12,11.6 12,11.6 C12,11.6 9,15 9,17 C9,18.66 10.34,20 12,20 Z M5,2 L8,0 L16,0 L19,2 L21,2 L22,4 L2,4 L3,2 L5,2 Z"
+        d: "M24.0003 2.00012L16 2L18.5859 4.58593L14.0859 9.08597L16.9143 11.9144L21.4143 7.41437L24.0002 10.0003L24.0003 2.00012Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M0.000245841 2.00025L8.00016 2.00021L5.41423 4.58607L13.9999 13.1718V24.0002H9.99991V14.8286L2.58576 7.41446L0 10.0002L0.000245841 2.00025Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/arrow-left-icon.d.ts

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

package/dist/components/icon/components/arrow-left-icon.js

@@ -14,13 +14,12 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowLeftIcon({ 'aria-label': ariaLabel = 'Arrow Left' , copyrightYear ='2020' , ...props }) {
+export function ArrowLeftIcon({ 'aria-label': ariaLabel = 'Arrow Left' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("polygon", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        points: "9.824 12 16.412 18.588 15 20 7 12 15 4 16.412 5.412"
+    }, props), React.createElement("path", {
+        d: "M9.82435 12L16.4121 18.5878L15 20L7 12L15 4L16.4122 5.41218L9.82435 12Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/arrow-right-icon.d.ts

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

package/dist/components/icon/components/arrow-right-icon.js

@@ -14,13 +14,12 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ArrowRightIcon({ 'aria-label': ariaLabel = 'Arrow Right' , copyrightYear ='2020' , ...props }) {
+export function ArrowRightIcon({ 'aria-label': ariaLabel = 'Arrow Right' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("polygon", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        points: "14.588 12 8 18.588 9.412 20 17.412 12 9.412 4 8 5.412"
+    }, props), React.createElement("path", {
+        d: "M14.5879 12L8.00006 18.5878L9.41223 20L17.4122 12L9.41218 4L8 5.41218L14.5879 12Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/arrow-split-icon.d.ts

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

package/dist/components/icon/components/{star-icon.js → arrow-split-icon.js}

@@ -14,13 +14,12 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function StarIcon({ 'aria-label': ariaLabel = 'Star' , copyrightYear ='2020' , ...props }) {
+export function ArrowSplitIcon({ 'aria-label': ariaLabel = 'Arrow Split' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("polygon", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        points: "12 0 9 9 0 9 7.5 14.25 4.5 23.25 12 17.249 19.5 23.25 16.499 14.25 24 9 15 9"
+    }, props), React.createElement("path", {
+        d: "M8 2H0V10L2.58411 7.41589L10 14.8255V24H14V14.8255L21.4159 7.41589L24 10V2H16L18.5875 4.58747L12 11.1693L5.41253 4.58747L8 2Z",
+        fill: "currentColor"
     }));
 }

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

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

package/dist/components/icon/components/atm-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 AtmIcon({ 'aria-label': ariaLabel = 'Atm' , copyrightYear ='2020' , ...props }) {
+export function AtmIcon({ look ='filled' , 'aria-label': ariaLabel = 'Atm' , 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", {
         fillRule: "evenodd",
-        d: "M2,24 L2,22 L22,22 L22,24 L2,24 Z M23,10 L20.3333333,10 L22,20 L2,20 L3.66666667,10 L1,10 C0.44771525,10 0,9.55228475 0,9 L0,1 C0,0.44771525 0.44771525,0 1,0 L23,0 C23.5522847,0 24,0.44771525 24,1 L24,9 C24,9.55228475 23.5522847,10 23,10 Z M19.6390792,18 L17.3057458,4 L6.69425418,4 L4.36092084,18 L19.6390792,18 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M0 1C0 0.447716 0.447715 0 1 0H23C23.5523 0 24 0.447715 24 1V9C24 9.55228 23.5523 10 23 10H20.0349L21.9099 20H2.09015L3.96515 10H1C0.447716 10 0 9.55228 0 9V1ZM6.75 6L4.5 18H19.5L17.25 6H6.75Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M2 22V24H22V22H2Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M20.0349 10H23C23.5523 10 24 9.55228 24 9V1C24 0.447715 23.5523 0 23 0H1C0.447715 0 0 0.447716 0 1V9C0 9.55229 0.447716 10 1 10H3.96515L2.09015 20H21.9099L20.0349 10ZM2 8V2H22V8H19.6599L18.9099 4H5.09015L4.34015 8H2ZM4.5 18H19.5L17.25 6H6.75L4.5 18Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M2 24V22H22V24H2Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/attache-case-icon.d.ts

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

package/dist/components/icon/components/attache-case-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 AttacheCaseIcon({ look ='filled' , 'aria-label': ariaLabel = 'Attache Case' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M22 4H16V2C16 0.89 15.11 0 14 0H10C8.89 0 8 0.89 8 2V4H2C0.89 4 0.00999999 4.89 0.00999999 6L0 22C0 23.11 0.89 24 2 24H22C23.11 24 24 23.11 24 22V6C24 4.89 23.11 4 22 4ZM14 4H10V2H14V4ZM4 6H6V10H4V6ZM20 6H18V10H20V6Z",
+        fill: "currentColor"
+    }) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M16 4H22C23.11 4 24 4.89 24 6V22C24 23.11 23.11 24 22 24H2C0.89 24 0 23.11 0 22L0.00999999 6C0.00999999 4.89 0.89 4 2 4H8V2C8 0.89 8.89 0 10 0H14C15.11 0 16 0.89 16 2V4ZM10 4H14V2H10V4ZM4 6H2V22H22V6H20V10H18V6H6V10H4V6Z",
+        fill: "currentColor"
+    }));
+}

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

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

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

@@ -12,15 +12,25 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function AustraliaIcon({ 'aria-label': ariaLabel = 'Australia' , copyrightYear ='2020' , ...props }) {
+export function AustraliaIcon({ look ='filled' , 'aria-label': ariaLabel = 'Australia' , 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: "M18.8011 2.64933C18.2858 1.91827 17.3961 2.30744 17.3961 2.97706C17.3961 3.07232 17.4103 3.24045 17.4279 3.44916C17.4967 4.26558 17.6179 5.70291 17.1477 5.8283C16.6431 5.96285 14.8575 4.41955 14.7284 4.01387C14.6926 3.9012 14.8073 3.7051 14.9586 3.44652C15.1263 3.15982 15.339 2.79631 15.4412 2.38452C15.6116 1.69824 14.6076 1 13.5 1C12.5 1 12.1364 1.19316 11.5316 1.74397C11.2659 1.98596 10.9731 2.43484 10.6945 2.86212C10.3389 3.4074 10.0062 3.9175 9.78195 3.9175C9.60423 3.9175 9.42728 3.77784 9.23124 3.62311C8.98602 3.42957 8.71093 3.21244 8.3671 3.21557C7.77768 3.22093 7.36805 3.56534 6.87838 3.97705C5.4733 5.15838 4.14835 6.41016 2.81754 7.66748C2.63921 7.83596 2.46078 8.00454 2.28204 8.17306C0.921071 9.45619 0 10.3246 0 11.5C0 12.5357 0.395835 13.2448 0.861308 14.0787C1.1421 14.5818 1.4023 15.0915 1.63346 15.6191C2.2378 16.9982 2.7656 18.2027 4.90028 18.3034C5.7659 18.3443 6.74147 17.6459 7.74522 16.9274C7.83411 16.8637 7.92326 16.7992 8.01279 16.7344C8.96944 16.0417 9.97131 15.3163 11.1977 15.3163C12.5535 15.3163 13.4253 16.3577 14.2411 17.3322C14.4084 17.532 14.5734 17.7291 14.7397 17.9137C15.3029 18.5392 16.3617 19.715 18.6176 19.715C20.3423 19.715 21.4304 18.3954 21.8934 17.805C22.7915 16.6599 24.0157 13.4878 24 12C23.9795 10.0543 22.5695 8.03397 21.5068 6.51116C20.8045 5.50487 20.1015 4.49912 19.3961 3.495C19.1647 3.16568 18.9615 2.87685 18.8011 2.64933Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M17.2629 22.1572C17.3264 22.3027 17.3814 22.4287 17.4 22.5C17.6901 23.1973 18.3562 23.9998 19 24C19.6438 24.0002 20.3996 23.241 20.6 22.875C20.9007 22.3855 21 22.1841 21 21.75C21 21 20.0848 20.9994 19.8 21C19.6638 21.0003 19.2302 21.0002 18.7214 21.0001C18.4251 21.0001 18.1034 21 17.8 21C17.4 21 17 21 17 21.375C17 21.5553 17.1459 21.8893 17.2629 22.1572Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
         fillRule: "evenodd",
-        d: "M23.95125,12.8562667 L24,14.3317333 L22.94325,17.0472667 L22.368,17.3802 L21.12,20.1903333 L19.056,21.0476 L18.528,20.4286667 L17.52,20.7616 L15.55125,19.4291333 L15.21675,18.3812 L14.06325,18.1421333 L14.64,16.6681333 L13.632,17.9991333 L13.1025,17.6669333 L12.62325,16.3352 L10.94325,15.7155333 L8.016,16.3352 L7.056,16.9057333 L6.72,17.5239333 L4.656,17.7615333 L3.74325,18.6188 L2.01525,18.2858667 L2.208,16.6681333 L1.53525,15.1428 L0.192,13.1899333 L0.28725,12.6670667 L0.04875,11.9528 L0,10.7142 L0.28725,10.1429333 L2.16,9.14266667 L5.04,7.09593333 L5.47125,5.90573333 L6.24,5.80893333 L7.248,4.09586667 L7.87125,3.95286667 L8.78325,4.7148 L9.64725,4.76173333 L9.45525,4.3342 L10.99125,2.23906667 L13.82475,2.81033333 L14.30325,2.66733333 L14.54475,2.95186667 L13.488,4.61873333 L16.8945,6.4286 L17.47125,4.90546667 L17.56725,3.1902 L18.28725,2 L18.76875,2.90566667 L19.0065,4.5718 L19.96725,5.00006667 L20.35125,7.6672 L21.88875,8.95273333 L22.17525,10.1429333 L22.79925,10.1913333 L23.95125,12.8562667 Z M18.57525,23.9530667 L18.23925,22.9044 L18.048,21.9525333 L18.91125,22.3331333 L19.87125,22.1424667 L19.87125,23.2857333 L19.63125,23.8562667 L19.3425,23.6656 L19.056,24 L18.57525,23.9530667 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M18.8011 2.64933C18.2858 1.91827 17.3961 2.30744 17.3961 2.97706C17.3961 3.07232 17.4103 3.24045 17.4279 3.44916C17.4967 4.26558 17.6179 5.70291 17.1477 5.8283C16.6431 5.96285 14.8575 4.41955 14.7284 4.01387C14.6926 3.9012 14.8073 3.7051 14.9586 3.44652C15.1263 3.15982 15.339 2.79631 15.4412 2.38452C15.6116 1.69824 14.6076 1 13.5 1C12.5 1 12.1364 1.19316 11.5316 1.74397C11.2659 1.98596 10.9731 2.43484 10.6945 2.86212C10.3389 3.4074 10.0062 3.9175 9.78195 3.9175C9.60423 3.9175 9.42728 3.77784 9.23124 3.62311C8.98602 3.42957 8.71093 3.21244 8.3671 3.21557C7.77768 3.22093 7.36805 3.56534 6.87838 3.97705C5.4733 5.15838 4.14835 6.41016 2.81754 7.66748C2.63921 7.83596 2.46078 8.00454 2.28204 8.17306C0.921071 9.45619 0 10.3246 0 11.5C0 12.5357 0.395835 13.2448 0.861308 14.0787C1.1421 14.5818 1.4023 15.0915 1.63346 15.6191C2.2378 16.9982 2.7656 18.2027 4.90028 18.3034C5.7659 18.3443 6.74147 17.6459 7.74522 16.9274C7.83411 16.8637 7.92326 16.7992 8.01279 16.7344C8.96944 16.0417 9.97131 15.3163 11.1977 15.3163C12.5535 15.3163 13.4253 16.3577 14.2411 17.3322C14.4084 17.532 14.5734 17.7291 14.7397 17.9137C15.3029 18.5392 16.3617 19.715 18.6176 19.715C20.3423 19.715 21.4304 18.3954 21.8934 17.805C22.7915 16.6599 24.0157 13.4878 24 12C23.9795 10.0543 22.5695 8.03397 21.5068 6.51116C20.8045 5.50487 20.1015 4.49912 19.3961 3.495C19.1647 3.16568 18.9615 2.87685 18.8011 2.64933ZM6.98177 15.0668C6.18003 15.7192 5.15425 16.5539 4.31639 16.1777C3.87106 15.9778 3.53058 15.2414 3.2605 14.6573C3.16545 14.4517 3.07912 14.265 3 14.1272C2.49701 13.2509 2 12.2897 2 11.5C1.99984 11.2686 2.1978 11.0696 2.36643 10.9001C2.407 10.8593 2.44587 10.8203 2.47988 10.7828C2.94071 10.2759 3.44337 9.80715 3.94577 9.33861C4.27256 9.03385 4.59923 8.7292 4.91421 8.41421C5.97563 7.35279 7.12897 6.37187 8.28122 5.41082C8.72179 5.72059 9.23805 5.9175 9.78195 5.9175C10.4802 5.9175 10.9669 5.58368 11.1569 5.43932C11.6442 5.0692 11.9742 4.55781 12.3034 4.04766C12.4711 3.7879 12.6385 3.52847 12.8264 3.28816C12.6934 3.72028 12.6849 4.1876 12.8226 4.62027C12.9933 5.15678 13.3287 5.49938 13.4653 5.63264C14.1816 6.33104 15.1968 7.26426 16.1221 7.64675C16.4631 7.78769 17.0179 7.93281 17.663 7.76077C17.9984 7.67134 18.4522 7.47737 18.8282 7.04769C18.9568 6.90073 19.0557 6.74969 19.1319 6.603C19.2771 6.8108 19.4242 7.01799 19.5714 7.22541C20.1969 8.10666 20.8252 8.99198 21.3307 9.94523C21.7794 10.7915 21.9944 11.4816 22.0001 12.0211C22.0038 12.3762 21.8169 13.2502 21.4143 14.3353C20.9901 15.4787 20.1536 17.715 18.6176 17.715C17.7687 17.715 17.2667 17.4749 16.9409 17.2481C16.4062 16.8759 15.9931 16.3648 15.5805 15.854C15.3049 15.513 15.0295 15.1722 14.7181 14.873C14.0098 14.1925 12.8259 13.3163 11.1977 13.3163C9.40149 13.3163 8.10683 14.2297 7.55319 14.6203C7.38258 14.7407 7.18971 14.8976 6.98177 15.0668Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M17.2629 22.1572C17.3264 22.3027 17.3814 22.4287 17.4 22.5C17.6901 23.1973 18.3562 23.9998 19 24C19.6438 24.0002 20.3996 23.241 20.6 22.875C20.9007 22.3855 21 22.1841 21 21.75C21 21 20.0848 20.9994 19.8 21C19.6638 21.0003 19.2302 21.0002 18.7214 21.0001C18.4251 21.0001 18.1034 21 17.8 21C17.4 21 17 21 17 21.375C17 21.5553 17.1459 21.8893 17.2629 22.1572Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/baby-buggy-icon.d.ts

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

package/dist/components/icon/components/baby-buggy-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 BabyBuggyIcon({ look ='filled' , 'aria-label': ariaLabel = 'Baby Buggy' , 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.2388 6.17317C22.7413 7.38642 23 8.68678 23 10H13V0C14.3132 0 15.6136 0.258658 16.8268 0.761205C18.0401 1.26375 19.1425 2.00035 20.0711 2.92893C20.9997 3.85752 21.7362 4.95991 22.2388 6.17317Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2.38197 10H0V8H3.61803L5.11803 11H22.9871C22.9957 11.1656 23 11.3323 23 11.5C23 13.7036 22.2497 15.732 20.9907 17.3437C21.6186 18.0501 22 18.9805 22 20C22 22.2091 20.2091 24 18 24C15.7909 24 14 22.2091 14 20H11C11 22.2091 9.20914 24 7 24C4.79086 24 3 22.2091 3 20C3 18.3126 4.04481 16.8693 5.52278 16.2816L2.38197 10ZM7 22C8.10457 22 9 21.1046 9 20C9 18.8954 8.10457 18 7 18C5.89543 18 5 18.8954 5 20C5 21.1046 5.89543 22 7 22ZM18 22C19.1046 22 20 21.1046 20 20C20 18.8954 19.1046 18 18 18C16.8954 18 16 18.8954 16 20C16 21.1046 16.8954 22 18 22Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M23 10C23 9.32662 22.932 8.65661 22.798 8C22.6706 7.3761 22.4837 6.7643 22.2388 6.17317C21.7362 4.95991 20.9997 3.85752 20.0711 2.92893C19.1425 2.00035 18.0401 1.26375 16.8268 0.761205C16.2357 0.516351 15.6239 0.329394 15 0.202041C14.3434 0.0680107 13.6734 0 13 0V10H23ZM20.391 6.93853C20.5343 7.2844 20.6528 7.63912 20.746 8H15V2.25403C15.3609 2.34721 15.7156 2.4657 16.0615 2.60896C17.0321 3.011 17.914 3.60028 18.6569 4.34315C19.3997 5.08601 19.989 5.96793 20.391 6.93853Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2.38197 10H0V8H3.61803L5.11803 11H22.9871C22.9957 11.1656 23 11.3323 23 11.5C23 11.6677 22.9957 11.8344 22.9871 12C22.9696 12.3383 22.9343 12.672 22.8823 13C22.6252 14.6209 21.9581 16.1053 20.9907 17.3437C21.6186 18.0501 22 18.9805 22 20C22 22.2091 20.2091 24 18 24C15.7909 24 14 22.2091 14 20H11C11 22.2091 9.20914 24 7 24C4.79086 24 3 22.2091 3 20C3 18.3126 4.04481 16.8693 5.52278 16.2816L2.38197 10ZM7.6438 16.0515L6.11803 13H20.85C20.6056 14.2044 20.0726 15.3046 19.3254 16.2248C18.9106 16.0792 18.4645 16 18 16C16.5194 16 15.2267 16.8044 14.5351 18H10.4649C9.87563 16.9814 8.8501 16.2467 7.6438 16.0515ZM16 20C16 21.1046 16.8954 22 18 22C19.1046 22 20 21.1046 20 20C20 18.8954 19.1046 18 18 18C16.8954 18 16 18.8954 16 20ZM7 22C8.10457 22 9 21.1046 9 20C9 18.8954 8.10457 18 7 18C5.89543 18 5 18.8954 5 20C5 21.1046 5.89543 22 7 22Z",
+        fill: "currentColor"
+    })));
+}

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

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

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

@@ -12,15 +12,24 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BackspaceIcon({ 'aria-label': ariaLabel = 'Backspace' , copyrightYear ='2020' , ...props }) {
+export function BackspaceIcon({ look ='filled' , 'aria-label': ariaLabel = 'Backspace' , 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: "M22,2 L7,2 C6.31,2 5.77,2.35 5.41,2.88 L0,12 L5.41,21.11 C5.77,21.64 6.31,22 7,22 L22,22 C23.1,22 24,21.1 24,20 L24,4 C24,2.9 23.1,2 22,2 Z M19,15.59 L17.59,17 L14,13.41 L10.41,17 L9,15.59 L12.59,12 L9,8.41 L10.41,7 L14,10.59 L17.59,7 L19,8.41 L15.41,12 L19,15.59 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M7 2H22C23.1 2 24 2.9 24 4V20C24 21.1 23.1 22 22 22H7C6.31 22 5.77 21.64 5.41 21.11L0 12L5.41 2.88C5.77 2.35 6.31 2 7 2ZM17.59 17L19 15.59L15.41 12L19 8.41L17.59 7L14 10.59L10.41 7L9 8.41L12.59 12L9 15.59L10.41 17L14 13.41L17.59 17Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M17.59 17L19 15.59L15.41 12L19 8.41L17.59 7L14 10.59L10.41 7L9 8.41L12.59 12L9 15.59L10.41 17L14 13.41L17.59 17Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M0 12L5.41 21.11C5.77 21.64 6.31 22 7 22H22C23.1 22 24 21.1 24 20V4C24 2.9 23.1 2 22 2H7C6.31 2 5.77 2.35 5.41 2.88L0 12ZM2.32575 11.9994L7.07103 4H22V20H7.0769L2.32575 11.9994ZM6.99981 4C6.99983 4 6.9997 4 6.99981 4Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -12,15 +12,43 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function BankIcon({ 'aria-label': ariaLabel = 'Bank' , copyrightYear ='2020' , ...props }) {
+export function BankIcon({ look ='filled' , 'aria-label': ariaLabel = 'Bank' , 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: "M2 6L12 0L22 6V8H2V6Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M4 10V20H8V10H4Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M2 22V24H22V22H2Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M16 20V10H20V20H16Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M10 10V20H14V10H10Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
         fillRule: "evenodd",
-        d: "M4,10 L8,10 L8,20 L4,20 L4,10 Z M2,24 L2,22 L22,22 L22,24 L2,24 Z M16,10 L20,10 L20,20 L16,20 L16,10 Z M10,10 L14,10 L14,20 L10,20 L10,10 Z M12,0 L22,6 L22,8 L2,8 L2,6 L12,0 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M2 6V8H22V6L12 0L2 6ZM12 2.33238L18.1127 6H5.8873L12 2.33238Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M4 10V20H6V10H4Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M2 22V24H22V22H2Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M18 20V10H20V20H18Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M11 10V20H13V10H11Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/bar-chart-down-icon.d.ts

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

package/dist/components/icon/components/bar-chart-down-icon.js

@@ -0,0 +1,39 @@
+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 BarChartDownIcon({ look ='filled' , 'aria-label': ariaLabel = 'Bar Chart Down' , 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 20H6V2H2V20ZM10 20H14V8H10V20ZM22 20H18V14H22V20ZM0 24H24V22H0V24Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M4 20H6V2H4V20Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M11 20H13V8H11V20Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M20 20H18V14H20V20Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M0 24H24V22H0V24Z",
+        fill: "currentColor"
+    })));
+}