@westpac/ui 0.1.0 → 0.2.0

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

@@ -0,0 +1,54 @@
+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 PackageDeliveryIcon({ look ='filled' , 'aria-label': ariaLabel = 'Package Delivery' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M0.053006 0.679823C0.229985 0.156663 0.79756 -0.123973 1.32072 0.053006L3.72221 0.865403C4.67238 1.18683 5.39903 1.96186 5.65864 2.93074L9.2639 16.3857L7.33205 16.9034L3.72679 3.44838C3.64026 3.12542 3.39804 2.86708 3.08132 2.75993L0.679823 1.94754C0.156663 1.77056 -0.123973 1.20298 0.053006 0.679823Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M22.149 18.1095C22.6824 17.9665 22.999 17.4182 22.8561 16.8847C22.7131 16.3512 22.1648 16.0347 21.6313 16.1776C21.6262 16.179 21.6212 16.1804 21.6161 16.1818L12.938 18.5071L13.4557 20.4389L22.149 18.1095Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M12.2309 19.7318C12.6598 21.3322 11.71 22.9773 10.1096 23.4061C8.50921 23.8349 6.8642 22.8852 6.43537 21.2848C6.00655 19.6844 6.95629 18.0393 8.55669 17.6105C10.1571 17.1817 11.8021 18.1314 12.2309 19.7318Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M8.34861 5.24284C8.06273 4.1759 8.69589 3.07923 9.76282 2.79335L17.4902 0.722795C18.5572 0.436912 19.6538 1.07008 19.9397 2.13701L22.5279 11.7963C22.8138 12.8632 22.1806 13.9599 21.1137 14.2458L13.3863 16.3163C12.3194 16.6022 11.2227 15.969 10.9368 14.9021L8.34861 5.24284Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M0.053006 0.679823C0.229985 0.156663 0.79756 -0.123973 1.32072 0.053006L3.72221 0.865403C4.67238 1.18683 5.39903 1.96186 5.65864 2.93074L9.2639 16.3857L7.33205 16.9034L3.72679 3.44838C3.64026 3.12542 3.39804 2.86708 3.08132 2.75993L0.679823 1.94754C0.156663 1.77056 -0.123973 1.20298 0.053006 0.679823Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M22.149 18.1095C22.6824 17.9665 22.999 17.4182 22.8561 16.8847C22.7131 16.3512 22.1648 16.0347 21.6313 16.1776C21.6262 16.179 21.6212 16.1804 21.6161 16.1818L12.938 18.5071L13.4557 20.4389L22.149 18.1095Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M9.59197 21.4742C10.1254 21.3313 10.442 20.7829 10.2991 20.2495C10.1561 19.716 9.6078 19.3994 9.07433 19.5424C8.54087 19.6853 8.22428 20.2337 8.36722 20.7671C8.51017 21.3006 9.0585 21.6172 9.59197 21.4742ZM10.1096 23.4061C11.71 22.9773 12.6598 21.3322 12.2309 19.7318C11.8021 18.1314 10.1571 17.1817 8.55669 17.6105C6.95629 18.0393 6.00655 19.6844 6.43537 21.2848C6.8642 22.8852 8.50921 23.8349 10.1096 23.4061Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M18.0079 2.65465L10.2805 4.7252L12.8687 14.3845L20.5961 12.3139L18.0079 2.65465ZM9.76282 2.79335C8.69589 3.07923 8.06273 4.1759 8.34861 5.24284L10.9368 14.9021C11.2227 15.969 12.3194 16.6022 13.3863 16.3163L21.1137 14.2458C22.1806 13.9599 22.8138 12.8632 22.5279 11.7963L19.9397 2.13701C19.6538 1.07008 18.5572 0.436912 17.4902 0.722795L9.76282 2.79335Z",
+        fill: "currentColor"
+    })));
+}

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

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

package/dist/components/icon/components/padlock-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 PadlockIcon({ 'aria-label': ariaLabel = 'Padlock' , copyrightYear ='2020' , ...props }) {
+export function PadlockIcon({ look ='filled' , 'aria-label': ariaLabel = 'Padlock' , 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: "M6,8 L6,6 C6,2.6862915 8.6862915,0 12,0 C15.3137085,0 18,2.6862915 18,6 L18,8 L20,8 C21.1045695,8 22,8.8954305 22,10 L22,22 C22,23.1045695 21.1045695,24 20,24 L4,24 C2.8954305,24 2,23.1045695 2,22 L2,10 C2,8.8954305 2.8954305,8 4,8 L6,8 Z M16,8 L16,6 C16,3.790861 14.209139,2 12,2 C9.790861,2 8,3.790861 8,6 L8,8 L16,8 Z M12,18.5 C13.3807119,18.5 14.5,17.3807119 14.5,16 C14.5,14.6192881 13.3807119,13.5 12,13.5 C10.6192881,13.5 9.5,14.6192881 9.5,16 C9.5,17.3807119 10.6192881,18.5 12,18.5 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M6 8H4C2.89543 8 2 8.89543 2 10V22C2 23.1046 2.89543 24 4 24H20C21.1046 24 22 23.1046 22 22V10C22 8.89543 21.1046 8 20 8H18V6C18 2.68629 15.3137 0 12 0C8.68629 0 6 2.68629 6 6V8ZM16 8V6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6V8H16ZM12 18.5C13.3807 18.5 14.5 17.3807 14.5 16C14.5 14.6193 13.3807 13.5 12 13.5C10.6193 13.5 9.5 14.6193 9.5 16C9.5 17.3807 10.6193 18.5 12 18.5Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M12 18.5C13.3807 18.5 14.5 17.3807 14.5 16C14.5 14.6193 13.3807 13.5 12 13.5C10.6193 13.5 9.5 14.6193 9.5 16C9.5 17.3807 10.6193 18.5 12 18.5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M4 8H6V6C6 2.68629 8.68629 0 12 0C15.3137 0 18 2.68629 18 6V8H20C21.1046 8 22 8.89543 22 10V22C22 23.1046 21.1046 24 20 24H4C2.89543 24 2 23.1046 2 22V10C2 8.89543 2.89543 8 4 8ZM4 22H20V10H4V22ZM16 8V6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6V8H16Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/padlock-open-icon.d.ts

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

package/dist/components/icon/components/padlock-open-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 PadlockOpenIcon({ 'aria-label': ariaLabel = 'Padlock Open' , copyrightYear ='2020' , ...props }) {
+export function PadlockOpenIcon({ look ='filled' , 'aria-label': ariaLabel = 'Padlock Open' , 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: "M16,8 L16,6 C16,3.790861 14.209139,2 12,2 C9.790861,2 8,3.790861 8,6 L6,6 C6,2.6862915 8.6862915,0 12,0 C15.3137085,0 18,2.6862915 18,6 L18,8 L20,8 C21.1045695,8 22,8.8954305 22,10 L22,22 C22,23.1045695 21.1045695,24 20,24 L4,24 C2.8954305,24 2,23.1045695 2,22 L2,10 C2,8.8954305 2.8954305,8 4,8 L16,8 Z M12,18.5 C13.3807119,18.5 14.5,17.3807119 14.5,16 C14.5,14.6192881 13.3807119,13.5 12,13.5 C10.6192881,13.5 9.5,14.6192881 9.5,16 C9.5,17.3807119 10.6192881,18.5 12,18.5 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M4 8H16V6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6H6C6 2.68629 8.68629 0 12 0C15.3137 0 18 2.68629 18 6V8H20C21.1046 8 22 8.89543 22 10V22C22 23.1046 21.1046 24 20 24H4C2.89543 24 2 23.1046 2 22V10C2 8.89543 2.89543 8 4 8ZM12 18.5C13.3807 18.5 14.5 17.3807 14.5 16C14.5 14.6193 13.3807 13.5 12 13.5C10.6193 13.5 9.5 14.6193 9.5 16C9.5 17.3807 10.6193 18.5 12 18.5Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M12 18.5C13.3807 18.5 14.5 17.3807 14.5 16C14.5 14.6193 13.3807 13.5 12 13.5C10.6193 13.5 9.5 14.6193 9.5 16C9.5 17.3807 10.6193 18.5 12 18.5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M16 8H4C2.89543 8 2 8.89543 2 10V22C2 23.1046 2.89543 24 4 24H20C21.1046 24 22 23.1046 22 22V10C22 8.89543 21.1046 8 20 8H18V6C18 2.68629 15.3137 0 12 0C8.68629 0 6 2.68629 6 6H8C8 3.79086 9.79086 2 12 2C14.2091 2 16 3.79086 16 6V8ZM4 10H20V22H4V10Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/padlock-tick-icon.d.ts

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

package/dist/components/icon/components/padlock-tick-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 PadlockTickIcon({ look ='filled' , 'aria-label': ariaLabel = 'Padlock Tick' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M4 8H6V6C6 2.68629 8.68629 0 12 0C15.3137 0 18 2.68629 18 6V8H20C21.1046 8 22 8.89543 22 10V22C22 23.1046 21.1046 24 20 24H4C2.89543 24 2 23.1046 2 22V10C2 8.89543 2.89543 8 4 8ZM16 6V8H8V6C8 3.79086 9.79086 2 12 2C14.2091 2 16 3.79086 16 6ZM10.7021 17.4679L16.585 11.585L17.995 13.005L10.7021 20.2979L6.70211 16.2979L8.11211 14.8879L10.7021 17.4679Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M10.7021 17.4679L16.585 11.585L17.995 13.005L10.7021 20.2979L6.70211 16.2979L8.11211 14.8879L10.7021 17.4679Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M6 8H4C2.89543 8 2 8.89543 2 10V22C2 23.1046 2.89543 24 4 24H20C21.1046 24 22 23.1046 22 22V10C22 8.89543 21.1046 8 20 8H18V6C18 2.68629 15.3137 0 12 0C8.68629 0 6 2.68629 6 6V8ZM16 8V6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6V8H16ZM20 10V22H4V10H20Z",
+        fill: "currentColor"
+    })));
+}

package/dist/components/icon/components/pause-circle-icon.d.ts

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

package/dist/components/icon/components/pause-circle-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 PauseCircleIcon({ 'aria-label': ariaLabel = 'Pause' , copyrightYear ='2020' , ...props }) {
+export function PauseCircleIcon({ look ='filled' , 'aria-label': ariaLabel = 'Pause 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 M9,16 L9,8 L11,8 L11,16 L9,16 Z M13,16 L13,8 L15,8 L15,16 L13,16 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 12ZM9 16H11V8H9V16ZM15 16H13V8H15V16Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M9 16H11V8H9V16Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M15 16H13V8H15V16Z",
+        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/pause-icon.d.ts

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

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

@@ -14,13 +14,14 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function PauseIcon({ 'aria-label': ariaLabel = 'Pause' , copyrightYear ='2020' , ...props }) {
+export function PauseIcon({ 'aria-label': ariaLabel = 'Pause' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
         fillRule: "evenodd",
-        d: "M6,19 L10,19 L10,5 L6,5 L6,19 Z M14,5 L14,19 L18,19 L18,5 L14,5 Z"
+        clipRule: "evenodd",
+        d: "M10 19H6V5H10V19ZM14 19V5H18V19H14Z",
+        fill: "currentColor"
     }));
 }

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

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

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

@@ -0,0 +1,54 @@
+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 PawIcon({ look ='filled' , 'aria-label': ariaLabel = 'Paw' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M11 3.99999C11 6.20913 9.76877 7.99999 8.24999 7.99999C6.73121 7.99999 5.49999 6.20913 5.49999 3.99999C5.49999 1.79086 6.73121 0 8.24999 0C9.76877 0 11 1.79086 11 3.99999Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M18.5 3.99999C18.5 6.20913 17.2688 7.99999 15.75 7.99999C14.2312 7.99999 13 6.20913 13 3.99999C13 1.79086 14.2312 0 15.75 0C17.2688 0 18.5 1.79086 18.5 3.99999Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M21.25 15C22.7688 15 24 13.2091 24 11C24 8.79085 22.7688 6.99999 21.25 6.99999C19.7312 6.99999 18.5 8.79085 18.5 11C18.5 13.2091 19.7312 15 21.25 15Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M5.49999 11C5.49999 13.2091 4.26878 15 2.75 15C1.23122 15 0 13.2091 0 11C0 8.79085 1.23122 6.99999 2.75 6.99999C4.26878 6.99999 5.49999 8.79085 5.49999 11Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M12 9.49999C13.933 9.49999 15.5 11.067 15.5 13C15.5 14.0851 16.442 14.7464 17.5083 15.4948C18.8985 16.4706 20.5 17.5947 20.5 20C20.5 22.2091 18.7091 24 16.5 24C15.0912 24 14.3175 23.5237 13.6421 23.1078C13.1189 22.7858 12.6547 22.5 12 22.5C11.3452 22.5 10.881 22.7858 10.3579 23.1078C9.68245 23.5237 8.90876 24 7.49999 24C5.29085 24 3.5 22.2091 3.5 20C3.5 17.5947 5.10144 16.4706 6.49169 15.4948C7.55796 14.7464 8.49999 14.0851 8.49999 13C8.49999 11.067 10.067 9.49999 12 9.49999Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M11 3.99999C11 6.20913 9.76877 7.99999 8.24999 7.99999C6.73121 7.99999 5.49999 6.20913 5.49999 3.99999C5.49999 1.79086 6.73121 0 8.24999 0C9.76877 0 11 1.79086 11 3.99999Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M18.5 3.99999C18.5 6.20913 17.2688 7.99999 15.75 7.99999C14.2312 7.99999 13 6.20913 13 3.99999C13 1.79086 14.2312 0 15.75 0C17.2688 0 18.5 1.79086 18.5 3.99999Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M21.25 15C22.7688 15 24 13.2091 24 11C24 8.79085 22.7688 6.99999 21.25 6.99999C19.7312 6.99999 18.5 8.79085 18.5 11C18.5 13.2091 19.7312 15 21.25 15Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M5.49999 11C5.49999 13.2091 4.26878 15 2.75 15C1.23122 15 0 13.2091 0 11C0 8.79085 1.23122 6.99999 2.75 6.99999C4.26878 6.99999 5.49999 8.79085 5.49999 11Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M7.49999 24C8.90876 24 9.68245 23.5237 10.3579 23.1078C10.881 22.7858 11.3452 22.5 12 22.5C12.6547 22.5 13.1189 22.7858 13.6421 23.1078C14.3175 23.5237 15.0912 24 16.5 24C18.7091 24 20.5 22.2091 20.5 20C20.5 17.5947 18.8985 16.4706 17.5083 15.4948C16.442 14.7464 15.5 14.0851 15.5 13C15.5 11.067 13.933 9.49999 12 9.49999C10.067 9.49999 8.49999 11.067 8.49999 13C8.49999 14.0851 7.55796 14.7464 6.49169 15.4948C5.10144 16.4706 3.5 17.5947 3.5 20C3.5 22.2091 5.29085 24 7.49999 24ZM12 11.5C12.8284 11.5 13.5 12.1716 13.5 13C13.5 14.2049 14.0511 15.106 14.6433 15.7395C15.1571 16.2892 15.8092 16.7462 16.2896 17.0829L16.3592 17.1318C17.8159 18.1542 18.5 18.7372 18.5 20C18.5 21.1045 17.6045 22 16.5 22C16.0358 22 15.7292 21.9242 15.5013 21.8383C15.2494 21.7434 15.037 21.618 14.6906 21.4047L14.6174 21.3594C14.1219 21.0522 13.2314 20.5 12 20.5C10.7686 20.5 9.87805 21.0522 9.38261 21.3594L9.30935 21.4047C8.96294 21.618 8.75055 21.7434 8.4987 21.8383C8.27079 21.9242 7.96414 22 7.49999 22C6.39543 22 5.5 21.1045 5.5 20C5.5 18.7372 6.18407 18.1542 7.64072 17.1318L7.71037 17.0829C8.1907 16.7463 8.84283 16.2892 9.35672 15.7395C9.94887 15.106 10.5 14.2049 10.5 13C10.5 12.1716 11.1716 11.5 12 11.5Z",
+        fill: "currentColor"
+    })));
+}

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

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

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

@@ -12,15 +12,33 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function PayIcon({ 'aria-label': ariaLabel = 'Pay' , copyrightYear ='2020' , ...props }) {
+export function PayIcon({ look ='filled' , 'aria-label': ariaLabel = 'Pay' , 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: "M15 2C17.7625 2 20 4.2375 20 7C20 9.7625 17.7625 12 15 12C12.2375 12 10 9.7625 10 7C10 4.2375 12.2375 2 15 2Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M12 14L4 6V10H0V18H4V22L12 14Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M14.827 14.0014C14.8857 14.0005 14.9434 14 15 14C18.0037 14 24 15.34 24 18V22H6.82843L14.827 14.0014Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
         fillRule: "evenodd",
-        d: "M12,14 L4,22 L4,18 L0,18 L0,10 L4,10 L4,6 L12,14 Z M14.8269987,14.0014284 C14.8856891,14.0004762 14.9433762,14 15,14 C18.00375,14 24,15.34 24,18 L24,22 L6.82842712,22 L14.8269987,14.0014284 L14.8269987,14.0014284 Z M20,7 C20,9.7625 17.7625,12 15,12 C12.2375,12 10,9.7625 10,7 C10,4.2375 12.2375,2 15,2 C17.7625,2 20,4.2375 20,7 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M20 7C20 4.2375 17.7625 2 15 2C12.2375 2 10 4.2375 10 7C10 9.7625 12.2375 12 15 12C17.7625 12 20 9.7625 20 7ZM15 4C16.6579 4 18 5.34207 18 7C18 8.65793 16.6579 10 15 10C13.3421 10 12 8.65793 12 7C12 5.34207 13.3421 4 15 4Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M23.9999 22H9V20H21.9999V18.0569C21.9734 18.0148 21.9055 17.9286 21.7475 17.799C21.3883 17.5043 20.7844 17.1818 19.9554 16.8866C18.3034 16.2984 16.281 16 15 16V14C18.0038 14 23.9999 15.34 23.9999 18V22Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M12 14L4 6V10H0V18H4V22L12 14Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -0,0 +1,27 @@
+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 PayIdIcon({ 'aria-label': ariaLabel = 'Pay Id' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M6 0C2.68629 0 0 2.68629 0 6V18C0 21.3137 2.68629 24 6 24H18C21.3137 24 24 21.3137 24 18V6C24 2.68629 21.3137 0 18 0H6ZM10.8544 5.75669L10.1729 5.83989V14.4609H11.7238V7.26271C13.0484 7.25243 15.9333 7.52633 16.9523 9.94475L18.3816 9.34272C17.6338 7.57214 16.0791 6.3849 13.8757 5.92216C12.8825 5.71694 11.8641 5.66117 10.8544 5.75669ZM5.47033 6.17948C5.34297 6.37039 5.27508 6.59478 5.27527 6.82427C5.27552 7.1318 5.39785 7.42664 5.61539 7.644C5.83293 7.86137 6.12787 7.98347 6.4354 7.98347C6.66489 7.98347 6.88923 7.9154 7.08003 7.78788C7.27083 7.66037 7.41953 7.47912 7.50731 7.26708C7.59509 7.05504 7.61801 6.82173 7.57317 6.59666C7.52833 6.37159 7.41774 6.16488 7.2554 6.00267C7.09306 5.84046 6.88626 5.73004 6.66115 5.68539C6.43605 5.64073 6.20276 5.66384 5.99079 5.75179C5.77882 5.83974 5.5977 5.98858 5.47033 6.17948ZM18.3882 14.8536C18.5701 14.3953 18.6957 13.9165 18.7621 13.4279L20.3364 13.4298L18.1171 10.6459L15.9034 13.4251H17.1935C17.1464 13.7058 17.0696 13.9806 16.9644 14.245C16.1801 16.0866 14.2104 17.0214 11.1105 17.0214H7.16083V10.0102H5.609V18.5733H11.1068C14.8872 18.5733 17.3374 17.3215 18.3882 14.8536Z",
+        fill: "currentColor"
+    }));
+}

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

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

package/dist/components/icon/components/pay-to-mobile-icon.js

@@ -12,15 +12,35 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function PayToMobileIcon({ 'aria-label': ariaLabel = 'Pay To Mobile' , copyrightYear ='2020' , ...props }) {
+export function PayToMobileIcon({ look ='filled' , 'aria-label': ariaLabel = 'Pay To Mobile' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M2,17 L2,19 C4.76,19 7,21.24 7,24 L9,24 C9,20.13 5.87,17 2,17 Z M2,21 L2,24 L5,24 C5,22.34 3.66,21 2,21 Z M2,13 C8.08,13 13,17.92 13,24 L11,24 C11,19.03 6.97,15 2,15 L2,13 Z M18,24 L15,24 C15,22.6043798 14.7800789,21.260125 14.3730012,20 L18,20 L18,4 L8,4 L8,12.4644213 C7.36250073,12.1321607 6.69400958,11.8511954 6,11.6269988 L6,2 C6,0.9 6.9,0 8,0 L18,0 C19.1,0 20,0.9 20,2 L20,22 C20,23.1 19.1,24 18,24 Z"
-    }));
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M6 2C6 0.89543 6.89543 0 8 0H18C19.1046 0 20 0.895431 20 2V22C20 23.1046 19.1046 24 18 24H10V22H17.8471C17.9478 21.3481 18 20.6801 18 20C18 13.1568 12.7124 7.54851 6 7.03789V2Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M5 9V11C9.97 11 14 15.03 14 20H16C16 13.92 11.08 9 5 9Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M5 15V13C8.87 13 12 16.13 12 20H10C10 17.24 7.76 15 5 15Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M8 20C8 18.34 6.66 17 5 17C3.34315 17 2 18.3431 2 20C2 21.6569 3.34315 23 5 23C6.65685 23 8 21.6569 8 20Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M8 0C6.89543 0 6 0.89543 6 2V7H8V2H18V22H10V24H18C19.1046 24 20 23.1046 20 22V2C20 0.895431 19.1046 0 18 0H8Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M5 11V9C11.08 9 16 13.92 16 20H14C14 15.03 9.97 11 5 11Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M5 13V15C7.76 15 10 17.24 10 20H12C12 16.13 8.87 13 5 13Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M8 20C8 18.34 6.66 17 5 17C3.34315 17 2 18.3431 2 20C2 21.6569 3.34315 23 5 23C6.65685 23 8 21.6569 8 20Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -12,15 +12,35 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function PaypassIcon({ 'aria-label': ariaLabel = 'Paypass' , copyrightYear ='2020' , ...props }) {
+export function PaypassIcon({ look ='filled' , 'aria-label': ariaLabel = 'Paypass' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M14.3137085,0.686291501 C17.209139,3.581722 19,7.581722 19,12 C19,16.418278 17.209139,20.418278 14.3137085,23.3137085 L12.8994949,21.8994949 C15.4329966,19.3659932 17,15.8659932 17,12 C17,8.13400675 15.4329966,4.63400675 12.8994949,2.10050506 L14.3137085,0.686291501 L14.3137085,0.686291501 Z M11.4852814,3.51471863 C13.6568542,5.6862915 15,8.6862915 15,12 C15,15.3137085 13.6568542,18.3137085 11.4852814,20.4852814 L10.0710678,19.0710678 C11.8807119,17.2614237 13,14.7614237 13,12 C13,9.23857625 11.8807119,6.73857625 10.0710678,4.92893219 L11.4852814,3.51471863 Z M8.65685425,6.34314575 C10.1045695,7.790861 11,9.790861 11,12 C11,14.209139 10.1045695,16.209139 8.65685425,17.6568542 L7.24264069,16.2426407 C8.32842712,15.1568542 9,13.6568542 9,12 C9,10.3431458 8.32842712,8.84314575 7.24264069,7.75735931 L8.65685425,6.34314575 L8.65685425,6.34314575 Z M5.82842712,9.17157288 C6.55228475,9.8954305 7,10.8954305 7,12 C7,13.1045695 6.55228475,14.1045695 5.82842712,14.8284271 L4.41421356,13.4142136 C4.77614237,13.0522847 5,12.5522847 5,12 C5,11.4477153 4.77614237,10.9477153 4.41421356,10.5857864 L5.82842712,9.17157288 L5.82842712,9.17157288 Z"
-    }));
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M19 12C19 7.58171 17.2091 3.58171 14.3137 0.686279L12.8995 2.10049C15.433 4.63399 17 8.13399 17 12C17 15.866 15.433 19.366 12.8995 21.8995L14.3137 23.3137C17.2091 20.4183 19 16.4183 19 12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M15 12C15 8.68628 13.6568 5.68628 11.4853 3.51471L10.071 4.92892C11.8807 6.73856 13 9.23856 13 12C13 14.7614 11.8807 17.2614 10.071 19.0711L11.4853 20.4853C13.6568 18.3137 15 15.3137 15 12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M8.65683 6.34313C10.1045 7.79085 11 9.79085 11 12C11 14.2091 10.1045 16.2091 8.65683 17.6568L7.24261 16.2426C8.3284 15.1568 8.99997 13.6568 8.99997 12C8.99997 10.3431 8.3284 8.84313 7.24261 7.75735L8.65683 6.34313Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M6.99997 12C6.99997 10.8954 6.55226 9.89542 5.8284 9.17156L4.41418 10.5858C4.77611 10.9477 4.99997 11.4477 4.99997 12C4.99997 12.5523 4.77611 13.0523 4.41418 13.4142L5.8284 14.8284C6.55226 14.1046 6.99997 13.1046 6.99997 12Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M19.0001 12C19.0001 7.58171 17.2092 3.58171 14.3138 0.686279L12.8996 2.10049C15.4331 4.63399 17.0001 8.13399 17.0001 12C17.0001 15.866 15.4331 19.366 12.8996 21.8995L14.3138 23.3137C17.2092 20.4183 19.0001 16.4183 19.0001 12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M15.0001 12C15.0001 8.68628 13.6569 5.68628 11.4854 3.51471L10.0712 4.92892C11.8808 6.73856 13.0001 9.23856 13.0001 12C13.0001 14.7614 11.8808 17.2614 10.0712 19.0711L11.4854 20.4853C13.6569 18.3137 15.0001 15.3137 15.0001 12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M8.65695 6.34313C10.1047 7.79085 11.0001 9.79085 11.0001 12C11.0001 14.2091 10.1047 16.2091 8.65695 17.6568L7.24273 16.2426C8.32852 15.1568 9.00009 13.6568 9.00009 12C9.00009 10.3431 8.32852 8.84313 7.24273 7.75735L8.65695 6.34313Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M7.00009 12C7.00009 10.8954 6.55238 9.89542 5.82852 9.17156L4.41431 10.5858C4.77624 10.9477 5.00009 11.4477 5.00009 12C5.00009 12.5523 4.77624 13.0523 4.41431 13.4142L5.82852 14.8284C6.55238 14.1046 7.00009 13.1046 7.00009 12Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/pdf-file-icon.d.ts

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

package/dist/components/icon/components/pdf-file-icon.js

@@ -12,15 +12,33 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function PdfFileIcon({ 'aria-label': ariaLabel = 'PDF File' , copyrightYear ='2020' , ...props }) {
+export function PdfFileIcon({ look ='filled' , 'aria-label': ariaLabel = 'Pdf File' , 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: "M11.3163 7.45663C11.5945 7.45663 11.7527 8.17343 11.7658 8.8453C11.7789 9.51717 11.6254 9.98855 11.4344 10.3366C11.2763 9.82092 11.2002 9.00623 11.2002 8.4745C11.2002 8.4745 11.189 7.45663 11.3163 7.45663Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M10.2861 15.5063C10.08 15.9026 9.8779 16.2761 9.68432 16.6308C10.7487 16.2124 11.9581 15.8684 13.3577 15.5855C13.2613 15.5117 13.1701 15.4373 13.0848 15.3629C12.3977 14.7688 11.8117 14.0258 11.3419 13.1521C11.1057 13.7764 10.7881 14.5368 10.2861 15.5063Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M18.0168 16.6362C18.1736 16.6362 18.4171 16.6047 18.503 16.5504C18.5884 16.496 18.5811 16.2325 18.0857 16.1038C17.5934 15.9757 17.4399 15.9757 16.9449 15.9757H16.9295C16.6519 15.9757 16.3422 15.9891 16.0055 16.0146C16.8835 16.3988 17.5102 16.6362 18.0168 16.6362Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M7.55166 18.2441C6.62772 19.0166 6.00302 19.8889 5.84553 20.3301C6.2714 20.133 6.91776 19.5061 7.8837 17.9317C7.75311 18.0597 7.6094 18.1958 7.55166 18.2441Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
         fillRule: "evenodd",
-        d: "M4,0 L16,0 L22,6 L22,22 C22,23.1045695 21.1045695,24 20,24 L4,24 C2.8954305,24 2,23.1045695 2,22 L2,2 L2,2 C2,0.8954305 2.8954305,2.02906125e-16 4,0 L4,0 Z M4,2 L4,22 L20,22 L20,6 L16,6 L16,2 L4,2 Z M18.5030447,16.5503616 C18.417082,16.6046746 18.1736303,16.6361895 18.0167975,16.6361895 C17.5102081,16.6361895 16.8835333,16.3988218 16.0055323,16.014608 C16.342165,15.9891278 16.6518932,15.9757172 16.9294675,15.9757172 C17.4367132,15.9757172 17.5882963,15.9743762 18.085699,16.1037885 C18.581133,16.2325303 18.5883512,16.4960487 18.5030447,16.5503616 L18.5030447,16.5503616 Z M9.68431929,16.6308252 C9.87789946,16.2761148 10.0800103,15.9026294 10.2860583,15.5063461 C10.7880544,14.5367594 11.1056571,13.7763782 11.3418906,13.1521146 C11.8117326,14.0258154 12.3977228,14.7687629 13.0847684,15.3628526 C13.1700749,15.4372815 13.2612872,15.5117103 13.3577492,15.5854687 C11.9580661,15.8684324 10.7486822,16.2124144 9.68431929,16.6308252 L9.68431929,16.6308252 Z M11.3162986,7.45663106 C11.5945291,7.45663106 11.7526743,8.17342785 11.7657983,8.8452991 C11.7789224,9.51717036 11.6253707,9.98855309 11.4344153,10.3365583 C11.2762702,9.82092054 11.2001505,9.00622635 11.2001505,8.4744959 C11.2001505,8.4744959 11.188995,7.45663106 11.3162986,7.45663106 L11.3162986,7.45663106 Z M5.84552595,20.3301403 C6.00301491,19.8889315 6.62772111,19.0165717 7.55165632,18.2441209 C7.60940227,18.1958427 7.75311095,18.0597251 7.88369554,17.9316538 C6.91776327,19.5060587 6.27140234,20.1330045 5.84552595,20.3301403 L5.84552595,20.3301403 Z M18.7720883,15.6243594 C18.4932016,15.3427367 17.8711203,15.192538 16.9268427,15.1804684 C16.2870438,15.1730926 15.5179728,15.2307582 14.7088732,15.3467599 C14.3466486,15.1321902 13.9726124,14.9008573 13.6806016,14.6205757 C12.8911882,13.8682408 12.2336718,12.8235548 11.8235443,11.6735955 C11.8504487,11.5663106 11.8721034,11.4724364 11.8937581,11.3765506 C11.8937581,11.3765506 12.3380082,8.79769146 12.2205477,7.92533167 C12.2041426,7.80664783 12.1942995,7.77178026 12.1628018,7.67790603 L12.1247419,7.5773265 C12.0033442,7.29235117 11.7671107,6.99061258 11.3950431,7.00737583 L11.1771834,7 L11.1706213,7 C10.7572128,7 10.4192678,7.21658125 10.3306802,7.53910628 C10.0609804,8.55495953 10.3392109,10.0730399 10.8425193,12.0390344 L10.7139033,12.3602184 C10.3529912,13.2587289 9.90152281,14.1632741 9.50255078,14.9618756 L9.45071067,15.0658077 C9.03205252,15.9039705 8.6501418,16.6160736 8.3049785,17.2202213 L7.94865974,17.4126634 C7.92306778,17.426074 7.31345427,17.7566454 7.1697456,17.8444849 C5.95445581,18.5860913 5.14994972,19.4282772 5.01674031,20.0961253 C4.97343085,20.3086834 5.00492864,20.5815892 5.22147596,20.7076488 L5.56598305,20.8853393 C5.71559756,20.9617798 5.87308652,21 6.0338565,21 C6.90070197,21 7.90469407,19.8983189 9.28797208,17.4300972 C10.886485,16.8983668 12.7061387,16.4564874 14.3007144,16.2130849 C15.5160041,16.9124479 17.0101806,17.3979118 17.9531458,17.3979118 C18.121134,17.3979118 18.2654989,17.3824896 18.3829594,17.3496336 C18.5640717,17.3013554 18.716311,17.1960822 18.809492,17.0525887 C18.9925729,16.770966 19.0293203,16.3833996 18.980105,15.9864457 C18.9630437,15.8697735 18.8718313,15.7242684 18.7720883,15.6243594 L18.7720883,15.6243594 Z"
+        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 6H16V2ZM18.7721 15.6244C18.4932 15.3427 17.8711 15.1925 16.9268 15.1805C16.287 15.1731 15.518 15.2308 14.7089 15.3468C14.3466 15.1322 13.9726 14.9009 13.6806 14.6206C12.8912 13.8682 12.2337 12.8236 11.8235 11.6736C11.8504 11.5663 11.8721 11.4724 11.8938 11.3766C11.8938 11.3766 12.338 8.79769 12.2205 7.92533C12.2041 7.80665 12.1943 7.77178 12.1628 7.67791L12.1247 7.57733C12.0033 7.29235 11.7671 6.99061 11.395 7.00738L11.1772 7H11.1706C10.7572 7 10.4193 7.21658 10.3307 7.53911C10.061 8.55496 10.3392 10.073 10.8425 12.039L10.7139 12.3602C10.353 13.2587 9.90152 14.1633 9.50255 14.9619L9.45071 15.0658C9.03205 15.904 8.65014 16.6161 8.30498 17.2202L7.94866 17.4127C7.92307 17.4261 7.31345 17.7566 7.16975 17.8445C5.95446 18.5861 5.14995 19.4283 5.01674 20.0961C4.97343 20.3087 5.00493 20.5816 5.22148 20.7076L5.56598 20.8853C5.7156 20.9618 5.87309 21 6.03386 21C6.9007 21 7.90469 19.8983 9.28797 17.4301C10.8865 16.8984 12.7061 16.4565 14.3007 16.2131C15.516 16.9124 17.0102 17.3979 17.9531 17.3979C18.1211 17.3979 18.2655 17.3825 18.383 17.3496C18.5641 17.3014 18.7163 17.1961 18.8095 17.0526C18.9926 16.771 19.0293 16.3834 18.9801 15.9864C18.963 15.8698 18.8718 15.7243 18.7721 15.6244Z",
+        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 2H16V6H20V22H4V2ZM18.0168 16.6362C18.1736 16.6362 18.4171 16.6047 18.503 16.5504C18.5884 16.496 18.5811 16.2325 18.0857 16.1038C17.5934 15.9757 17.4399 15.9757 16.9449 15.9757H16.9295C16.6519 15.9757 16.3422 15.9891 16.0055 16.0146C16.8835 16.3988 17.5102 16.6362 18.0168 16.6362ZM9.68432 16.6308C9.8779 16.2761 10.08 15.9026 10.2861 15.5063C10.7881 14.5368 11.1057 13.7764 11.3419 13.1521C11.8117 14.0258 12.3977 14.7688 13.0848 15.3629C13.1701 15.4373 13.2613 15.5117 13.3577 15.5855C11.9581 15.8684 10.7487 16.2124 9.68432 16.6308ZM11.7658 8.8453C11.7527 8.17343 11.5945 7.45663 11.3163 7.45663C11.189 7.45663 11.2002 8.4745 11.2002 8.4745C11.2002 9.00623 11.2763 9.82092 11.4344 10.3366C11.6254 9.98855 11.7789 9.51717 11.7658 8.8453ZM5.84553 20.3301C6.00302 19.8889 6.62772 19.0166 7.55166 18.2441C7.6094 18.1958 7.75311 18.0597 7.8837 17.9317C6.91776 19.5061 6.2714 20.133 5.84553 20.3301ZM16.9268 15.1805C17.8711 15.1925 18.4932 15.3427 18.7721 15.6244C18.8718 15.7243 18.963 15.8698 18.9801 15.9864C19.0293 16.3834 18.9926 16.771 18.8095 17.0526C18.7163 17.1961 18.5641 17.3014 18.383 17.3496C18.2655 17.3825 18.1211 17.3979 17.9531 17.3979C17.0102 17.3979 15.516 16.9124 14.3007 16.2131C12.7061 16.4565 10.8865 16.8984 9.28797 17.4301C7.90469 19.8983 6.9007 21 6.03386 21C5.87309 21 5.7156 20.9618 5.56598 20.8853L5.22148 20.7076C5.00493 20.5816 4.97343 20.3087 5.01674 20.0961C5.14995 19.4283 5.95446 18.5861 7.16975 17.8445C7.31345 17.7566 7.92307 17.4261 7.94866 17.4127L8.30498 17.2202C8.65014 16.6161 9.03205 15.904 9.45071 15.0658L9.50255 14.9619C9.90152 14.1633 10.353 13.2587 10.7139 12.3602L10.8425 12.039C10.3392 10.073 10.061 8.55496 10.3307 7.53911C10.4193 7.21658 10.7572 7 11.1706 7H11.1772L11.395 7.00738C11.7671 6.99061 12.0033 7.29235 12.1247 7.57733L12.1628 7.67791C12.1943 7.77178 12.2041 7.80665 12.2205 7.92533C12.338 8.79769 11.8938 11.3766 11.8938 11.3766C11.8721 11.4724 11.8504 11.5663 11.8235 11.6736C12.2337 12.8236 12.8912 13.8682 13.6806 14.6206C13.9726 14.9009 14.3466 15.1322 14.7089 15.3468C15.518 15.2308 16.287 15.1731 16.9268 15.1805Z",
+        fill: "currentColor"
     }));
 }

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

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

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

@@ -14,13 +14,15 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function PendingIcon({ 'aria-label': ariaLabel = 'Pending' , copyrightYear ='2020' , ...props }) {
+export function PendingIcon({ 'aria-label': ariaLabel = 'Pending' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M24,12 L20,16.5 L16,12 L19,12 C19,7.30557963 15.1944204,3.5 10.5,3.5 C5.80557963,3.5 2,7.30557963 2,12 C2,16.6944204 5.80557963,20.5 10.5,20.5 C12.5701131,20.5 14.4673847,19.7599774 15.9417031,18.5300437 L17.2221038,20.0665245 C15.4008869,21.5858544 13.0571985,22.5 10.5,22.5 C4.70101013,22.5 0,17.7989899 0,12 C0,6.20101013 4.70101013,1.5 10.5,1.5 C16.2989899,1.5 21,6.20101013 21,12 L24,12 Z M10.5,14.5 C9.11928813,14.5 8,13.3807119 8,12 C8,10.6192881 9.11928813,9.5 10.5,9.5 C11.8807119,9.5 13,10.6192881 13,12 C13,13.3807119 11.8807119,14.5 10.5,14.5 Z"
+        d: "M20 16.5L24 12H21C21 6.20101 16.299 1.5 10.5 1.5C4.70101 1.5 0 6.20101 0 12C0 17.799 4.70101 22.5 10.5 22.5C13.0572 22.5 15.4009 21.5859 17.2221 20.0665L15.9417 18.53C14.4674 19.76 12.5701 20.5 10.5 20.5C5.80558 20.5 2 16.6944 2 12C2 7.30558 5.80558 3.5 10.5 3.5C15.1944 3.5 19 7.30558 19 12H16L20 16.5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M10.5 14.5C11.8807 14.5 13 13.3807 13 12C13 10.6193 11.8807 9.5 10.5 9.5C9.11929 9.5 8 10.6193 8 12C8 13.3807 9.11929 14.5 10.5 14.5Z",
+        fill: "currentColor"
     }));
 }

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

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