@westpac/ui 0.1.0 → 0.2.0

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

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

package/dist/components/icon/components/key-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 KeyIcon({ 'aria-label': ariaLabel = 'Key' , copyrightYear ='2020' , ...props }) {
+export function KeyIcon({ look ='filled' , 'aria-label': ariaLabel = 'Key' , 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,13 L13.7101213,13 C12.8495721,15.8914889 10.1710206,18 7,18 C3.13400675,18 0,14.8659932 0,11 C0,7.13400675 3.13400675,4 7,4 C10.1710206,4 12.8495721,6.10851105 13.7101213,9 L24,9 L24,13 L22,13 L22,17 L18,17 L18,13 Z M7,14 C8.65685425,14 10,12.6568542 10,11 C10,9.34314575 8.65685425,8 7,8 C5.34314575,8 4,9.34314575 4,11 C4,12.6568542 5.34314575,14 7,14 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M13.7101 14C12.8496 16.8915 10.171 19 7 19C3.13401 19 0 15.866 0 12C0 8.13401 3.13401 5 7 5C10.171 5 12.8496 7.10851 13.7101 10H24V14H22V18H18V14H13.7101ZM10 12C10 13.6569 8.65685 15 7 15C5.34315 15 4 13.6569 4 12C4 10.3431 5.34315 9 7 9C8.65685 9 10 10.3431 10 12Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M7 14C8.10457 14 9 13.1046 9 12C9 10.8954 8.10457 10 7 10C5.89543 10 5 10.8954 5 12C5 13.1046 5.89543 14 7 14Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M16 19H22V15H24V9H13.32C12.17 6.58 9.72 5 7 5C3.14 5 0 8.14 0 12C0 15.86 3.14 19 7 19C9.72 19 12.18 17.42 13.32 15H16V19ZM20 17H18V13H11.94L11.71 13.67C11.01 15.66 9.11 17 7 17C4.24 17 2 14.76 2 12C2 9.24 4.24 7 7 7C9.11 7 11.01 8.34 11.71 10.33L11.94 11H22V13H20V17Z",
+        fill: "currentColor"
+    })));
 }

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

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

package/dist/components/icon/components/keyhole-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 KeyholeIcon({ 'aria-label': ariaLabel = 'Keyhole' , copyrightYear ='2020' , ...props }) {
+export function KeyholeIcon({ look ='filled' , 'aria-label': ariaLabel = 'Keyhole' , 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.5661739,11.5480575 L15.00015,18.0002 L9.00025,18.0002 L10.4334761,11.5480575 C9.5762404,11.0200663 9.00025,10.081082 9.00025,9.00035 C9.00025,7.34362761 10.3434776,6.0004 12.0002,6.0004 C13.6569224,6.0004 15.00015,7.34362761 15.00015,9.00035 C15.00015,10.081082 14.4234096,11.0200663 13.5661739,11.5480575 M12.0002,0.0005 C5.37256046,0.0005 0.0004,5.37266046 0.0004,12.0003 C0.0004,18.6271896 5.37256046,24.0001 12.0002,24.0001 C18.6270895,24.0001 24,18.6271896 24,12.0003 C24,5.37266046 18.6270895,0.0005 12.0002,0.0005"
-    }));
+        clipRule: "evenodd",
+        d: "M0 11.9998C0 5.37216 5.37216 0 11.9998 0C18.6267 0 23.9996 5.37216 23.9996 11.9998C23.9996 18.6267 18.6267 23.9996 11.9998 23.9996C5.37216 23.9996 0 18.6267 0 11.9998ZM14.9996 8.99902C14.9996 10.2243 14.2651 11.2779 13.2124 11.7438L14.9996 17.999H8.9996L10.7868 11.7438C9.73411 11.2779 8.9996 10.2243 8.9996 8.99902C8.9996 7.34217 10.3427 5.99902 11.9996 5.99902C13.6565 5.99902 14.9996 7.34217 14.9996 8.99902Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M14.9996 8.99902C14.9996 10.2243 14.2651 11.2779 13.2124 11.7438L14.9996 17.999H8.99963L10.7868 11.7438C9.73414 11.2779 8.99963 10.2243 8.99963 8.99902C8.99963 7.34217 10.3428 5.99902 11.9996 5.99902C13.6565 5.99902 14.9996 7.34217 14.9996 8.99902Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M11.9998 0C5.37216 0 0 5.37216 0 11.9998C0 18.6267 5.37216 23.9996 11.9998 23.9996C18.6267 23.9996 23.9996 18.6267 23.9996 11.9998C23.9996 5.37216 18.6267 0 11.9998 0ZM2 11.9998C2 6.47673 6.47673 2 11.9998 2C17.5222 2 21.9996 6.47681 21.9996 11.9998C21.9996 17.5221 17.5221 21.9996 11.9998 21.9996C6.47681 21.9996 2 17.5222 2 11.9998Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -0,0 +1,35 @@
+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 LeafIcon({ look ='filled' , 'aria-label': ariaLabel = 'Leaf' , 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 12V2.00004L12.0288 2.00004L12 2C6.47715 2 2 6.47715 2 12C2 14.2292 2.72939 16.288 3.96252 17.9508L2.46302 19.4503C1.87723 20.0361 1.87723 20.9858 2.46302 21.5716C3.0488 22.1574 3.99855 22.1574 4.58434 21.5716L6.08906 20.0669C7.74486 21.2822 9.7886 22 12 22C17.5228 22 22 17.5229 22 12ZM17.1944 6.84038C17.5849 7.2309 17.5849 7.86407 17.1944 8.25459L9.19441 16.2546C8.80389 16.6451 8.17072 16.6451 7.7802 16.2546C7.38967 15.8641 7.38967 15.2309 7.7802 14.8404L15.7802 6.84038C16.1707 6.44985 16.8039 6.44985 17.1944 6.84038Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M17.1944 8.25447C17.585 7.86394 17.585 7.23078 17.1944 6.84025C16.8039 6.44973 16.1708 6.44973 15.7802 6.84025L7.78024 14.8403C7.38971 15.2308 7.38971 15.8639 7.78024 16.2545C8.17076 16.645 8.80392 16.645 9.19445 16.2545L17.1944 8.25447Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12.0288 2.00004H22V12C22 17.5228 17.5228 22 12 22C9.7886 22 7.74486 21.2822 6.08906 20.0669L4.58434 21.5716C3.99855 22.1574 3.0488 22.1574 2.46302 21.5716C1.87723 20.9858 1.87723 20.0361 2.46302 19.4503L3.96252 17.9508C2.72939 16.288 2 14.2292 2 12C2 6.47715 6.47715 2 12 2L12.0288 2.00004ZM20 4.00004H12.0232L12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12V4.00004Z",
+        fill: "currentColor"
+    })));
+}

package/dist/components/icon/components/light-bulb-icon.d.ts

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

package/dist/components/icon/components/light-bulb-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 LightBulbIcon({ 'aria-label': ariaLabel = 'Light Bulb' , copyrightYear ='2020' , ...props }) {
+export function LightBulbIcon({ look ='filled' , 'aria-label': ariaLabel = 'Light Bulb' , 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: "M16 18V16.0019C18.6779 14.5711 20.5 11.7483 20.5 8.5C20.5 3.80558 16.6944 0 12 0C7.30558 0 3.5 3.80558 3.5 8.5C3.5 11.7483 5.32211 14.5711 8 16.0019V18C8 19.1046 8.89543 20 10 20H14C15.1046 20 16 19.1046 16 18Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M15 23V22H9V23C9 23.5523 9.44772 24 10 24H14C14.5523 24 15 23.5523 15 23Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
         fillRule: "evenodd",
-        d: "M9,22 L15,22 L15,23 C15,23.5522847 14.5522847,24 14,24 L10,24 C9.44771525,24 9,23.5522847 9,23 L9,22 Z M16,16.0018987 L16,18 C16,19.1045695 15.1045695,20 14,20 L10,20 C8.8954305,20 8,19.1045695 8,18 L8,16.0018987 C5.32211278,14.5710686 3.5,11.7483229 3.5,8.5 C3.5,3.80557963 7.30557963,0 12,0 C16.6944204,0 20.5,3.80557963 20.5,8.5 C20.5,11.7483229 18.6778872,14.5710686 16,16.0018987 L16,16.0018987 Z M14,14.6865006 L14,14.6865006 C16.611264,13.8429436 18.5,11.3920408 18.5,8.5 C18.5,4.91014913 15.5898509,2 12,2 C8.41014913,2 5.5,4.91014913 5.5,8.5 C5.5,11.3920408 7.38873598,13.8429436 10,14.6865006 L10,18 L14,18 L14,14.6865006 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M16 16.0019V18C16 19.1046 15.1046 20 14 20H10C8.89543 20 8 19.1046 8 18V16.0019C5.32211 14.5711 3.5 11.7483 3.5 8.5C3.5 3.80558 7.30558 0 12 0C16.6944 0 20.5 3.80558 20.5 8.5C20.5 11.7483 18.6779 14.5711 16 16.0019ZM14 18V14.6865C16.6113 13.8429 18.5 11.392 18.5 8.5C18.5 4.91015 15.5899 2 12 2C8.41015 2 5.5 4.91015 5.5 8.5C5.5 11.392 7.38874 13.8429 10 14.6865V18H14Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M15 22V23C15 23.5523 14.5523 24 14 24H10C9.44772 24 9 23.5523 9 23V22H15Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -14,13 +14,19 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function LimitIcon({ 'aria-label': ariaLabel = 'Limit' , copyrightYear ='2020' , ...props }) {
+export function LimitIcon({ look ='filled' , 'aria-label': ariaLabel = 'Limit' , 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: "M20.4663464,17.3242108 C21.437899,15.7825285 22,13.9569085 22,12 C22,6.47714286 17.5228571,2 12,2 C10.0430915,2 8.21747148,2.562101 6.67578925,3.53365362 L20.4663464,17.3242108 L20.4663464,17.3242108 Z M17.7016635,20.2163822 L3.78361783,6.29833646 C2.6591542,7.91570425 2,9.88087368 2,12 C2,17.5228571 6.47714286,22 12,22 C14.1191263,22 16.0842958,21.3408458 17.7016635,20.2163822 L17.7016635,20.2163822 Z M24,12 C24,18.627 18.62775,24 12,24 C5.37225,24 -8.8817842e-16,18.627 -8.8817842e-16,12 C-8.8817842e-16,5.373 5.37225,0 12,0 C18.62775,0 24,5.373 24,12 Z"
+        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 12ZM3.8557 6.36994L17.6301 20.1443C18.7358 19.3785 19.678 18.3933 20.3938 17.2517L6.74833 3.6062C5.6067 4.32199 4.62151 5.26423 3.8557 6.36994Z",
+        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 24ZM20.4663 17.3242C21.4379 15.7825 22 13.9569 22 12C22 6.47714 17.5229 2 12 2C10.0431 2 8.21747 2.5621 6.67579 3.53365L20.4663 17.3242ZM17.7017 20.2164L3.78362 6.29834C2.65915 7.9157 2 9.88087 2 12C2 17.5229 6.47714 22 12 22C14.1191 22 16.0843 21.3408 17.7017 20.2164Z",
+        fill: "currentColor"
     }));
 }

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

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

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

@@ -14,13 +14,18 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function LinkIcon({ 'aria-label': ariaLabel = 'Link' , copyrightYear ='2020' , ...props }) {
+export function LinkIcon({ 'aria-label': ariaLabel = 'Link' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M13,18 L13,16 L18,16 C20.209139,16 22,14.209139 22,12 C22,9.790861 20.209139,8 18,8 L13,8 L13,6 L18,6 C21.3137085,6 24,8.6862915 24,12 C24,15.3137085 21.3137085,18 18,18 L13,18 Z M11,18 L6,18 C2.6862915,18 -1.77635684e-15,15.3137085 -1.77635684e-15,12 C-1.77635684e-15,8.6862915 2.6862915,6 6,6 L11,6 L11,8 L6,8 C3.790861,8 2,9.790861 2,12 C2,14.209139 3.790861,16 6,16 L11,16 L11,18 L11,18 Z M8,11 L16,11 L16,13 L8,13 L8,11 Z"
+        d: "M11 18H6C2.68629 18 0 15.3137 0 12C0 8.68629 2.68629 6 6 6H11V8H6C3.79086 8 2 9.79086 2 12C2 14.2091 3.79086 16 6 16H11V18Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M13 18H18C21.3137 18 24 15.3137 24 12C24 8.68629 21.3137 6 18 6H13V8H18C20.2091 8 22 9.79086 22 12C22 14.2091 20.2091 16 18 16H13V18Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M16 11H8V13H16V11Z",
+        fill: "currentColor"
     }));
 }

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

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

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

@@ -12,15 +12,30 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function LinkedinIcon({ 'aria-label': ariaLabel = 'Linkedin' , copyrightYear ='2020' , ...props }) {
+export function LinkedinIcon({ look ='filled' , 'aria-label': ariaLabel = 'Linkedin' , 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.75,12.75 C18.75,10.6785 17.61375,9 15.75,9 C14.25,9 13.5,10.0125 12.75,10.8615 L12.75,9 L9.75,9 L9.75,19.5 L12.75,19.5 L12.75,13.5 C12.75,12.67125 13.42125,12 14.25,12 C15.07875,12 15.75,12.67125 15.75,13.5 L15.75,19.5 L18.75,19.5 L18.75,12.75 Z M8.25,6 C8.25,5.17125 7.57875,4.5 6.75,4.5 C5.92125,4.5 5.25,5.17125 5.25,6 C5.25,6.82875 5.92125,7.5 6.75,7.5 C7.57875,7.5 8.25,6.82875 8.25,6 L8.25,6 Z M5.25,19.5 L8.25,19.5 L8.25,9 L5.25,9 L5.25,19.5 Z M1.5,0 L22.5,0 L22.5,0 C23.3284271,-1.52179594e-16 24,0.671572875 24,1.5 L24,22.5 L24,22.5 C24,23.3284271 23.3284271,24 22.5,24 L1.5,24 L1.5,24 C0.671572875,24 1.01453063e-16,23.3284271 0,22.5 L0,1.5 L0,1.5 C-1.01453063e-16,0.671572875 0.671572875,1.52179594e-16 1.5,0 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M2 0C0.895431 0 0 0.89543 0 2V22C0 23.1046 0.89543 24 2 24H22C23.1046 24 24 23.1046 24 22V2C24 0.895431 23.1046 0 22 0H2ZM6.75 4.5C7.57875 4.5 8.25 5.17125 8.25 6C8.25 6.82875 7.57875 7.5 6.75 7.5C5.92125 7.5 5.25 6.82875 5.25 6C5.25 5.17125 5.92125 4.5 6.75 4.5ZM15.75 9C17.6138 9 18.75 10.6785 18.75 12.75V19.5H15.75V13.5C15.75 12.6713 15.0787 12 14.25 12C13.4213 12 12.75 12.6713 12.75 13.5V19.5H9.75V9H12.75V10.8615C12.8102 10.7934 12.8703 10.7243 12.9309 10.6547C13.6251 9.8566 14.3703 9 15.75 9ZM5.25 19.5H8.25V9H5.25V19.5Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M6.75 4.5C7.57875 4.5 8.25 5.17125 8.25 6C8.25 6.82875 7.57875 7.5 6.75 7.5C5.92125 7.5 5.25 6.82875 5.25 6C5.25 5.17125 5.92125 4.5 6.75 4.5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M15.75 9C17.6138 9 18.75 10.6785 18.75 12.75V19.5H15.75V13.5C15.75 12.6713 15.0787 12 14.25 12C13.4213 12 12.75 12.6713 12.75 13.5V19.5H9.75V9H12.75V10.8615C12.8102 10.7934 12.8703 10.7243 12.9309 10.6547C13.6251 9.8566 14.3703 9 15.75 9Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M5.25 19.5H8.25V9H5.25V19.5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M0 2C0 0.89543 0.895431 0 2 0H22C23.1046 0 24 0.895431 24 2V22C24 23.1046 23.1046 24 22 24H2C0.89543 24 0 23.1046 0 22V2ZM2 2H22V22H2V2Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -14,13 +14,14 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ListIcon({ 'aria-label': ariaLabel = 'List' , copyrightYear ='2020' , ...props }) {
+export function ListIcon({ 'aria-label': ariaLabel = 'List' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
         fillRule: "evenodd",
-        d: "M2,13 L4,13 L4,11 L2,11 L2,13 Z M2,17 L4,17 L4,15 L2,15 L2,17 Z M2,9 L4,9 L4,7 L2,7 L2,9 Z M6,13 L22,13 L22,11 L6,11 L6,13 Z M6,17 L22,17 L22,15 L6,15 L6,17 Z M6,7 L6,9 L22,9 L22,7 L6,7 Z"
+        clipRule: "evenodd",
+        d: "M2 9H4V7H2V9ZM4 13H2V11H4V13ZM4 17H2V15H4V17ZM22 13H6V11H22V13ZM6 17H22V15H6V17ZM6 9V7H22V9H6Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/live-chat-icon.d.ts

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

package/dist/components/icon/components/live-chat-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 LiveChatIcon({ 'aria-label': ariaLabel = 'Live Chat' , copyrightYear ='2020' , ...props }) {
+export function LiveChatIcon({ look ='filled' , 'aria-label': ariaLabel = 'Live Chat' , 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: "M17 14H5L0 20V1C0 0.447715 0.447715 0 1 0H17C17.5523 0 18 0.447715 18 1V13C18 13.5523 17.5523 14 17 14Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M23 6H20V16H6V19C6 19.5523 6.44772 20 7 20H20L24 24V7C24 6.44772 23.5523 6 23 6Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
         fillRule: "evenodd",
-        d: "M20,6 L23,6 C23.5522847,6 24,6.44771525 24,7 L24,24 L20,20 L7,20 C6.44771525,20 6,19.5522847 6,19 L6,16 L20,16 L20,6 Z M5,14 L0,20 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 L17,0 C17.5522847,-1.01453063e-16 18,0.44771525 18,1 L18,13 C18,13.5522847 17.5522847,14 17,14 L5,14 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M0 1V20L5 14H17C17.5523 14 18 13.5523 18 13V1C18 0.447715 17.5523 0 17 0H1C0.447715 0 0 0.447715 0 1ZM16 12H4.06325L2 14.4759V2H16V12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M6 19V16H8V18H19.7016L22 19.8387V8H20V6H23C23.5523 6 24 6.44772 24 7V24L19 20H7C6.44772 20 6 19.5523 6 19Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -0,0 +1,41 @@
+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 LuggageIcon({ look ='filled' , 'aria-label': ariaLabel = 'Luggage' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M8 4V2C8 0.895431 8.89543 0 10 0H14C15.1046 0 16 0.895431 16 2V4H20C21.1046 4 22 4.89543 22 6V20C22 21.1046 21.1046 22 20 22C20 23.1046 19.1046 24 18 24C16.8954 24 16 23.1046 16 22H8C8 23.1046 7.10457 24 6 24C4.89543 24 4 23.1046 4 22C2.89543 22 2 21.1046 2 20V6C2 4.89543 2.89543 4 4 4H8ZM10 2H14V4H10V2ZM7 18V8H9V18H7ZM11 8H13V18H11V8ZM17 18V8H15V18H17Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M7 18V8H9V18H7Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M13 8H11V18H13V8Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M15 18V8H17V18H15Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M8 4V2C8 0.895431 8.89543 0 10 0H14C15.1046 0 16 0.895431 16 2V4H20C21.1046 4 22 4.89543 22 6V20C22 21.1046 21.1046 22 20 22C20 23.1046 19.1046 24 18 24C16.8954 24 16 23.1046 16 22H8C8 23.1046 7.10457 24 6 24C4.89543 24 4 23.1046 4 22C2.89543 22 2 21.1046 2 20V6C2 4.89543 2.89543 4 4 4H8ZM10 2H14V4H10V2ZM4 6V20H20V6H4Z",
+        fill: "currentColor"
+    })));
+}

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

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

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

@@ -14,13 +14,19 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function MapIcon({ 'aria-label': ariaLabel = 'Map' , copyrightYear ='2020' , ...props }) {
+export function MapIcon({ look ='filled' , 'aria-label': ariaLabel = 'Map' , 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: "M21.4444444,2 C21.7555556,2 22,2.24444444 22,2.55555556 L22,19.3555556 C22,19.6111111 21.8333333,19.8111111 21.6,19.8888889 L15,22 L9,19 L2.73333333,21.9666667 L2.55555556,22 C2.24444444,22 2,21.7555556 2,21.4444444 L2,4.64444444 C2,4.38888889 2.16666667,4.18888889 2.4,4.11111111 L9,2 L15,4 L21.2666667,2.03333333 L21.4444444,2 Z M15,20 L15,6 L9,4 L9,17 L15,20 Z"
+        clipRule: "evenodd",
+        d: "M23.52 19.4667C23.8 19.3733 24 19.1333 24 18.8267V2.66667C24 2.29333 23.7067 2 23.3333 2L23.12 2.04L16 5L8 2L0.48 4.53333C0.2 4.62667 0 4.86667 0 5.17333V21.3333C0 21.7067 0.293333 22 0.666667 22L0.88 21.96L8 19L16 22L23.52 19.4667ZM16 19.864L8 16.864V4.136L16 7.136V19.864Z",
+        fill: "currentColor"
+    }) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M23.52 19.4667C23.8 19.3733 24 19.1333 24 18.8267V2.66667C24 2.29333 23.7067 2 23.3333 2L23.12 2.04L16 5L8 2L0.48 4.53333C0.2 4.62667 0 4.86667 0 5.17333V21.3333C0 21.7067 0.293333 22 0.666667 22L0.88 21.96L8 19L16 22L23.52 19.4667ZM18 19.2158L22 17.8683V4.67157L18 6.33449V19.2158ZM16 7.136V19.864L8 16.864V4.136L16 7.136ZM2 6.13172L6 4.7842V17.6655L2 19.3284V6.13172Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/map-pin-icon.d.ts

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

package/dist/components/icon/components/map-pin-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 MapPinIcon({ 'aria-label': ariaLabel = 'Map Pin' , copyrightYear ='2020' , ...props }) {
+export function MapPinIcon({ look ='filled' , 'aria-label': ariaLabel = 'Map Pin' , 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: "M12,24 C6.66666667,16.278852 4,10.9455187 4,8 C4,3.581722 7.581722,0 12,0 C16.418278,0 20,3.581722 20,8 C20,10.9455187 17.3333333,16.278852 12,24 Z M12,14 C15.3137085,14 18,11.3137085 18,8 C18,4.6862915 15.3137085,2 12,2 C8.6862915,2 6,4.6862915 6,8 C6,11.3137085 8.6862915,14 12,14 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M4 8C4 12.4183 12 24 12 24C12 24 20 12.4183 20 8C20 3.58172 16.4183 0 12 0C7.58172 0 4 3.58172 4 8ZM12 11C13.6569 11 15 9.65685 15 8C15 6.34315 13.6569 5 12 5C10.3431 5 9 6.34315 9 8C9 9.65685 10.3431 11 12 11Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M15 8C15 9.65685 13.6569 11 12 11C10.3431 11 9 9.65685 9 8C9 6.34315 10.3431 5 12 5C13.6569 5 15 6.34315 15 8Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M10.8022 22.2016C11.5231 23.3096 12 24 12 24C12 24 12.4769 23.3096 13.1978 22.2016C15.4296 18.7715 20 11.3395 20 8C20 3.58172 16.4183 0 12 0C7.58172 0 4 3.58172 4 8C4 11.3395 8.5704 18.7715 10.8022 22.2016ZM14.27 16.6533C13.4705 18.0315 12.6691 19.3227 12 20.3689C11.3309 19.3227 10.5295 18.0315 9.72999 16.6533C8.748 14.9605 7.78881 13.1704 7.08108 11.5595C6.33726 9.86647 6 8.65032 6 8C6 4.68629 8.68629 2 12 2C15.3137 2 18 4.68629 18 8C18 8.65032 17.6627 9.86647 16.9189 11.5595C16.2112 13.1704 15.252 14.9605 14.27 16.6533Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -0,0 +1,35 @@
+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 MedicalIcon({ look ='filled' , 'aria-label': ariaLabel = 'Medical' , 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 0C0.895431 0 0 0.89543 0 2V22C0 23.1046 0.89543 24 2 24H22C23.1046 24 24 23.1046 24 22V2C24 0.895431 23.1046 0 22 0H2ZM10.5 5.5H13.5V10.5H18.5V13.5H13.5V18.5H10.5V13.5H5.5V10.5H10.5V5.5Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M10.5 5.5H13.5V10.5H18.5V13.5H13.5V18.5H10.5V13.5H5.5V10.5H10.5V5.5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M0 2C0 0.89543 0.895431 0 2 0H22C23.1046 0 24 0.895431 24 2V22C24 23.1046 23.1046 24 22 24H2C0.89543 24 0 23.1046 0 22V2ZM2 2H22V22H2L2 2Z",
+        fill: "currentColor"
+    })));
+}

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

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

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

@@ -0,0 +1,36 @@
+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 MegaphoneIcon({ look ='filled' , 'aria-label': ariaLabel = 'Megaphone' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M6 7.52395L19.6286 2.07251C20.2855 1.80976 21 2.29352 21 3.00099V20.0469C21 20.7544 20.2855 21.2381 19.6286 20.9754L8 16.324V21.524C8 22.0762 7.55228 22.524 7 22.524C6.44772 22.524 6 22.0762 6 21.524V7.52395Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M2 7.52395C0.895431 7.52395 0 8.41938 0 9.52395V13.524C0 14.6285 0.895431 15.524 2 15.524H4V7.52395H2Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M23 9.52395H22V13.524H23C23.5523 13.524 24 13.0762 24 12.524V10.524C24 9.97167 23.5523 9.52395 23 9.52395Z",
+        fill: "currentColor"
+    })) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M8 14.1699L19 18.5699V4.47802L8 8.87802V14.1699ZM8 21.524C8 22.0762 7.55228 22.524 7 22.524C6.44772 22.524 6 22.0762 6 21.524V7.52395L19.6286 2.07251C20.2855 1.80976 21 2.29352 21 3.00099V20.0469C21 20.7544 20.2855 21.2381 19.6286 20.9754L8 16.324V21.524ZM2 7.52393C0.895431 7.52393 0 8.41936 0 9.52393V13.5239C0 14.6285 0.895431 15.5239 2 15.5239H4V7.52393H2ZM22 9.52393H23C23.5523 9.52393 24 9.97164 24 10.5239V12.5239C24 13.0762 23.5523 13.5239 23 13.5239H22V9.52393Z",
+        fill: "currentColor"
+    }));
+}

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

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

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

@@ -14,13 +14,17 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function MessageIcon({ 'aria-label': ariaLabel = 'Message' , copyrightYear ='2020' , ...props }) {
+export function MessageIcon({ look ='filled' , 'aria-label': ariaLabel = 'Message' , 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", {
+        d: "M3.63636 13L0 23L24 12L0 1L3.63636 11H12C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13H3.63636Z",
+        fill: "currentColor"
+    }) : React.createElement("path", {
         fillRule: "evenodd",
-        d: "M10.5,15.633 L19.725,18.97725 L24,0 L10.5,15.633 Z M0,11.99925 L7.49925,14.5845 L24,0 L0,11.99925 Z M10.5,23.25 L14.853,18.82875 L10.5,17.24925 L10.5,23.25 Z"
+        clipRule: "evenodd",
+        d: "M0 23L4 12L0 1L24 12L0 23ZM5.76449 11L3.51378 4.81055L19.1999 12L3.51378 19.1895L5.76449 13H12C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11H5.76449Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/mobile-pay-icon.d.ts

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