@westpac/ui 0.1.0 → 0.2.0

package/dist/components/icon/components/download-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 DownloadIcon({ 'aria-label': ariaLabel = 'Download' , copyrightYear ='2021' , ...props }) {
+export function DownloadIcon({ look ='filled' , 'aria-label': ariaLabel = 'Download' , 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 2a7 7 0 016.919 8.071A6 6 0 0118 22H7A7 7 0 015.036 8.28 7.002 7.002 0 0112 2zm2 8h-4v4H7l5 5 5-5h-3v-4z"
-    }));
+        clipRule: "evenodd",
+        d: "M18.9188 10.0699C18.9722 9.72108 19 9.36378 19 9C19 5.13401 15.866 2 12 2C8.37742 2 5.39755 4.75178 5.03667 8.27907C2.12636 9.12781 0 11.8156 0 15C0 18.866 3.13401 22 7 22H18C21.3137 22 24 19.3137 24 16C24 12.9987 21.7963 10.5121 18.9188 10.0699ZM12 19L17 14H14V10H10V14H7L12 19Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M12 19L17 14H14V10H10V14H7L12 19Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M0 15C0 11.8156 2.12636 9.12781 5.03667 8.27907C5.39755 4.75178 8.37742 2 12 2C15.866 2 19 5.13401 19 9C19 9.36378 18.9722 9.72108 18.9188 10.0699C21.7963 10.5121 24 12.9987 24 16C24 19.3137 21.3137 22 18 22H7C3.13401 22 0 18.866 0 15ZM16.9419 9.7667L16.6388 11.743L18.615 12.0467C20.5316 12.3412 22 14.001 22 16C22 18.2091 20.2091 20 18 20H7C4.23858 20 2 17.7614 2 15C2 12.7284 3.51654 10.8057 5.59661 10.1991L6.88924 9.82212L7.02629 8.48263C7.28384 5.96527 9.41368 4 12 4C14.7614 4 17 6.23858 17 9C17 9.26193 16.98 9.51787 16.9419 9.7667Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -14,13 +14,14 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function DragIcon({ 'aria-label': ariaLabel = 'Drag' , copyrightYear ='2020' , ...props }) {
+export function DragIcon({ 'aria-label': ariaLabel = 'Drag' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
         fillRule: "evenodd",
-        d: "M20,9 L4,9 L4,11 L20,11 L20,9 Z M4,15 L20,15 L20,13 L4,13 L4,15 Z"
+        clipRule: "evenodd",
+        d: "M4 9H20V11H4V9ZM20 15H4V13H20V15Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/drop-down-icon.d.ts

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

package/dist/components/icon/components/drop-down-icon.js

@@ -14,13 +14,12 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function DropDownIcon({ 'aria-label': ariaLabel = 'Drop Down' , copyrightYear ='2020' , ...props }) {
+export function DropDownIcon({ 'aria-label': ariaLabel = 'Drop Down' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("polygon", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        points: "5 8 12 16 19 8"
+    }, props), React.createElement("path", {
+        d: "M5 8L12 16L19 8H5Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/drop-up-icon.d.ts

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

package/dist/components/icon/components/drop-up-icon.js

@@ -14,14 +14,12 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function DropUpIcon({ 'aria-label': ariaLabel = 'Drop Up' , copyrightYear ='2020' , ...props }) {
+export function DropUpIcon({ 'aria-label': ariaLabel = 'Drop Up' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("polygon", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        points: "5 8 12 16 19 8",
-        transform: "rotate(-180 12 12)"
+    }, props), React.createElement("path", {
+        d: "M19 16L12 8L5 16L19 16Z",
+        fill: "currentColor"
     }));
 }

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

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

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

@@ -14,13 +14,23 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function DropboxIcon({ 'aria-label': ariaLabel = 'Dropbox' , copyrightYear ='2020' , ...props }) {
+export function DropboxIcon({ 'aria-label': ariaLabel = 'Dropbox' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
         fillRule: "evenodd",
-        d: "M7.05975881,19.0540557 L4.93952869,17.6598188 L4.93952869,19.2228042 L12.0142124,23.4992641 L19.088896,19.2228042 L19.088896,17.6598188 L16.9686659,19.0540557 L12.0142124,14.9103446 L7.05975881,19.0540557 Z M16.9403162,1 L12.0001125,5.15496105 L19.1182958,9.58591951 L24,5.64620644 L16.9403162,1 Z M12.0000375,14.016578 L16.9402412,18.172289 L23.999925,13.5268326 L19.1182208,9.58561951 L12.0000375,14.016578 Z M0,13.5265326 L4.88170423,9.58606951 L11.9998875,14.016278 L7.05968382,18.172739 L0,13.5265326 Z M7.05975881,1 L11.9999625,5.15496105 L4.88177923,9.58591951 L7.49992969e-05,5.64620644 L7.05975881,1 Z"
+        clipRule: "evenodd",
+        d: "M16.9403 1L12.0001 5.15496L19.118 9.58574L12 14.0166L16.9402 18.1723L23.9999 13.5268L19.118 9.58574L24 5.64621L16.9403 1Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M7.05976 19.0541L4.93953 17.6598V19.2228L12.0142 23.4993L19.0889 19.2228V17.6598L16.9687 19.0541L12.0142 14.9103L7.05976 19.0541Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M0 13.5265L7.05968 18.1727L12 14.0166L4.8817 9.58607L0 13.5265Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M7.49993e-05 5.64621L7.05976 1L12.0001 5.15496L4.8817 9.58607L7.49993e-05 5.64621Z",
+        fill: "currentColor"
     }));
 }

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

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

package/dist/components/icon/components/edit-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 EditIcon({ 'aria-label': ariaLabel = 'Edit' , copyrightYear ='2020' , ...props }) {
+export function EditIcon({ look ='filled' , 'aria-label': ariaLabel = 'Edit' , 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: "M0,19.0006943 L0,24 L4.99930565,24 L19.7439245,9.2553812 L14.7446188,4.25607555 L0,19.0006943 Z M23.6100542,5.38925149 C24.1299819,4.86932371 24.1299819,4.02944036 23.6100542,3.50951257 L20.4904874,0.389945841 C19.9705596,-0.129981947 19.1306763,-0.129981947 18.6107485,0.389945841 L16.1710873,2.829607 L21.170393,7.82891265 L23.6100542,5.38925149 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M23.6101 3.50951C24.13 4.02944 24.13 4.86932 23.6101 5.38925L21.1704 7.82891L16.1711 2.82961L18.6107 0.389946C19.1307 -0.129982 19.9706 -0.129982 20.4905 0.389946L23.6101 3.50951ZM0 24V19.0007L14.7446 4.25608L19.7439 9.25538L4.99931 24H0Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M23.61 3.50951C24.13 4.02944 24.13 4.86932 23.61 5.38925L21.1704 7.82891L16.1711 2.82961L18.6107 0.389946C19.1307 -0.129982 19.9706 -0.129982 20.4905 0.389946L23.61 3.50951Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M0 19.0005V23.9998H4.99931L19.7439 9.25517L14.7446 4.25586L0 19.0005ZM16.9155 9.25517L4.17088 21.9998H2V19.8289L14.7446 7.08429L16.9155 9.25517Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -0,0 +1,33 @@
+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 EducationIcon({ look ='filled' , 'aria-label': ariaLabel = 'Education' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M0 8.5L12 2L24 8.5L12 16L2 9.75V17.5C2 18.0523 1.55228 18.5 1 18.5C0.447715 18.5 0 18.0523 0 17.5V8.5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M4 13.3585L6.32484 14.8116L6.3324 14.8162L10.94 17.696C11.5885 18.1013 12.4115 18.1013 13.06 17.696L17.6677 14.8162L17.6753 14.8115L20 13.3585V16.9492L13.0677 21.3259C12.4155 21.7377 11.5845 21.7377 10.9323 21.3259L4 16.9494V13.3585Z",
+        fill: "currentColor"
+    })) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2 9.75L4 11V15.8468C4 16.5332 4.35195 17.1716 4.93232 17.538L10.9323 21.3259C11.5845 21.7377 12.4155 21.7377 13.0677 21.3259L19.0677 17.5378C19.6481 17.1714 20 16.533 20 15.8467V11L24 8.5L12 2L0 8.5V17.5C0 18.0523 0.447715 18.5 1 18.5C1.55228 18.5 2 18.0523 2 17.5V9.75ZM6 15.8468V12.25L12 16L18 12.25V15.8467L12 19.6348L6 15.8468ZM3.97119 8.6235L12 13.6415L20.0288 8.6235L12 4.27456L3.97119 8.6235Z",
+        fill: "currentColor"
+    }));
+}

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

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

package/dist/components/icon/components/eftpos-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 EftposIcon({ 'aria-label': ariaLabel = 'Eftpos' , copyrightYear ='2020' , ...props }) {
+export function EftposIcon({ look ='filled' , 'aria-label': ariaLabel = 'Eftpos' , 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: "M14,18 L14,22 L16,22 L16,18 L18,18 L18,23 C18,23.5522847 17.5522847,24 17,24 L7,24 C6.44771525,24 6,23.5522847 6,23 L6,18 L14,18 Z M6,0 L18,0 C19.1045695,-2.02906125e-16 20,0.8954305 20,2 L20,14 C20,15.1045695 19.1045695,16 18,16 L6,16 C4.8954305,16 4,15.1045695 4,14 L4,2 C4,0.8954305 4.8954305,2.02906125e-16 6,0 Z M6,2 L6,8 L18,8 L18,2 L6,2 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M2 2C2 0.89543 2.89543 0 4 0H20C21.1046 0 22 0.895431 22 2V16C22 17.1046 21.1046 18 20 18H4C2.89543 18 2 17.1046 2 16V2ZM20 2H4V8H20V2ZM17.25 14L15 11L12.75 14H17.25Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M14 19H6V23C6 23.5523 6.44771 24 7 24H17C17.5523 24 18 23.5523 18 23V19H16V22H14V19Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M12.75 14L15 11L17.25 14H12.75Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M4 0C2.89543 0 2 0.89543 2 2V16C2 17.1046 2.89543 18 4 18H6V23C6 23.5523 6.44771 24 7 24H17C17.5523 24 18 23.5523 18 23V18H20C21.1046 18 22 17.1046 22 16V2C22 0.895431 21.1046 0 20 0H4ZM20 2H4V8H20V2ZM16 22V18H14V22H16ZM4 10H20V16H4V10ZM12 18H8V22H12V18Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -14,13 +14,19 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function EmailIcon({ 'aria-label': ariaLabel = 'Email' , copyrightYear ='2020' , ...props }) {
+export function EmailIcon({ look ='filled' , 'aria-label': ariaLabel = 'Email' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
+    }, props), look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
-        d: "M2,2 L22,2 C23.1045695,2 24,2.8954305 24,4 L24,20 C24,21.1045695 23.1045695,22 22,22 L2,22 C0.8954305,22 -1.64108609e-15,21.1045695 -1.77635684e-15,20 L-1.77635684e-15,4 C-1.91162759e-15,2.8954305 0.8954305,2 2,2 Z M22,9 L22,6 L12,12 L2,6 L2,9 L12,15 L22,9 Z"
+        clipRule: "evenodd",
+        d: "M2 2H22C23.1046 2 24 2.89543 24 4V20C24 21.1046 23.1046 22 22 22H2C0.89543 22 0 21.1046 0 20V4C0 2.89543 0.89543 2 2 2ZM2 6.40625V8.68443L12 14.139L22 8.68443V6.40625L12 11.8608L2 6.40625Z",
+        fill: "currentColor"
+    }) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2 2H22C23.1046 2 24 2.89543 24 4V20C24 21.1046 23.1046 22 22 22H2C0.89543 22 0 21.1046 0 20V4C0 2.89543 0.89543 2 2 2ZM2 4H22V6.40633L12 11.8609L2 6.40633V4ZM2 8.68451V20H22V8.68451L12 14.1391L2 8.68451Z",
+        fill: "currentColor"
     }));
 }

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

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

package/dist/components/icon/components/error-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 ErrorIcon({ 'aria-label': ariaLabel = 'Error' , copyrightYear ='2020' , ...props }) {
+export function ErrorIcon({ look ='filled' , 'aria-label': ariaLabel = 'Error' , 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,14 L11,6 L13,6 L13,14 L11,14 Z M11,18 L11,16 L13,16 L13,18 L11,18 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 12ZM13 14V6H11V14H13ZM13 16V18H11V16H13Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M13 14V6H11V14H13Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M13 16V18H11V16H13Z",
+        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/excel-file-icon.d.ts

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

package/dist/components/icon/components/excel-file-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 ExcelFileIcon({ 'aria-label': ariaLabel = 'Excel File' , copyrightYear ='2020' , ...props }) {
+export function ExcelFileIcon({ look ='filled' , 'aria-label': ariaLabel = 'Excel 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("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 M14.2810673,8 L17.5044473,8 L13.6414231,13.68275 L18,20 L14.6546379,20 L12,16.0955 L10.8053367,17.8535 L12.2485388,17.8535 L12.2485388,20 L6,20 L10.3593393,13.68275 L6.49555273,8 L9.71893266,8 L12,11.30525 L14.2810673,8 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 6H16V2ZM14.2811 8L12 11.3053L9.71893 8H6.49555L10.3593 13.6828L6 20H12.2485V17.8535H10.8053L12 16.0955L14.6546 20H18L13.6414 13.6828L17.5044 8H14.2811Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M12 11.3053L14.2811 8H17.5044L13.6414 13.6828L18 20H14.6546L12 16.0955L10.8053 17.8535H12.2485V20H6L10.3593 13.6828L6.49555 8H9.71893L12 11.3053Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2 2C2 0.89543 2.89543 0 4 0H16L22 6V22C22 23.1046 21.1046 24 20 24H4C2.89543 24 2 23.1046 2 22V2ZM4 2H16V6H20V22H4V2Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -14,13 +14,15 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ExitIcon({ 'aria-label': ariaLabel = 'Exit' , copyrightYear ='2020' , ...props }) {
+export function ExitIcon({ 'aria-label': ariaLabel = 'Exit' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M22.0144284,3.41682007 L12.4142136,13.0170349 L11,11.6028214 L20.6028214,2 L16.0144284,2 L16.0144284,0 L24.0144284,0 L24.0144284,8 L22.0144284,8 L22.0144284,3.41682007 Z M12,0 L12,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 L24,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 Z"
+        d: "M0 12C0 5.373 5.37225 0 12 0V2C6.47714 2 2 6.47714 2 12C2 17.5229 6.47714 22 12 22C17.5229 22 22 17.5229 22 12H24C24 18.627 18.6278 24 12 24C5.37225 24 0 18.627 0 12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M22.0144 8V3.41682L12.4142 13.017L11 11.6028L20.6028 2H16.0144V0H24.0144V8H22.0144Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/expand-less-icon.d.ts

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

package/dist/components/icon/components/expand-less-icon.js

@@ -14,13 +14,12 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ExpandLessIcon({ 'aria-label': ariaLabel = 'Expand Less' , copyrightYear ='2020' , ...props }) {
+export function ExpandLessIcon({ 'aria-label': ariaLabel = 'Expand Less' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("polygon", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        points: "12 9.824 18.588 16.412 20 15 12 7 4 15 5.412 16.412"
+    }, props), React.createElement("path", {
+        d: "M12 9.82435L18.5878 16.4121L20 15L12 7L4 15L5.41218 16.4122L12 9.82435Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/expand-more-icon.d.ts

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

package/dist/components/icon/components/expand-more-icon.js

@@ -14,13 +14,12 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function ExpandMoreIcon({ 'aria-label': ariaLabel = 'Expand More' , copyrightYear ='2020' , ...props }) {
+export function ExpandMoreIcon({ 'aria-label': ariaLabel = 'Expand More' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("polygon", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        points: "12 13.588 5.412 7 4 8.412 12 16.412 20 8.412 18.588 7"
+    }, props), React.createElement("path", {
+        d: "M12 13.5879L5.41218 7.00006L4 8.41223L12 16.4122L20 8.41218L18.5878 7L12 13.5879Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/face-happy-icon.d.ts

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

package/dist/components/icon/components/face-happy-icon.js

@@ -14,13 +14,19 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function FaceHappyIcon({ 'aria-label': ariaLabel = 'Face Happy' , copyrightYear ='2020' , ...props }) {
+export function FaceHappyIcon({ look ='filled' , 'aria-label': ariaLabel = 'Face Happy' , 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 M5,16.0142014 L5,16.0142014 L6.72414236,15 C7.767498,16.7698831 9.6933545,17.9573958 11.8965695,17.9573958 C14.0997844,17.9573958 16.0256409,16.7698831 17.0689965,15 L18.7931389,16.0142014 C17.4019981,18.3740455 14.8341894,19.9573958 11.8965695,19.9573958 C8.95894951,19.9573958 6.39114084,18.3740455 5,16.0142014 Z M15,8.25 C15,9.07875 15.67125,9.75 16.5,9.75 C17.32875,9.75 18,9.07875 18,8.25 C18,7.42125 17.32875,6.75 16.5,6.75 C15.67125,6.75 15,7.42125 15,8.25 M6,8.25 C6,7.42125 6.67125,6.75 7.5,6.75 C8.32875,6.75 9,7.42125 9,8.25 C9,9.07875 8.32875,9.75 7.5,9.75 C6.67125,9.75 6,9.07875 6,8.25"
+        clipRule: "evenodd",
+        d: "M12 24C18.6278 24 24 18.627 24 12C24 5.373 18.6278 0 12 0C5.37225 0 0 5.373 0 12C0 18.627 5.37225 24 12 24ZM11.8966 19.9574C8.95895 19.9574 6.39114 18.374 5 16.0142L6.72414 15C7.7675 16.7699 9.69335 17.9574 11.8966 17.9574C14.0998 17.9574 16.0256 16.7699 17.069 15L18.7931 16.0142C17.402 18.374 14.8342 19.9574 11.8966 19.9574ZM15 8.25C15 9.07875 15.6713 9.75 16.5 9.75C17.3288 9.75 18 9.07875 18 8.25C18 7.42125 17.3288 6.75 16.5 6.75C15.6713 6.75 15 7.42125 15 8.25ZM7.5 6.75C6.67125 6.75 6 7.42125 6 8.25C6 9.07875 6.67125 9.75 7.5 9.75C8.32875 9.75 9 9.07875 9 8.25C9 7.42125 8.32875 6.75 7.5 6.75Z",
+        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 2ZM11.8966 19.9574C8.95895 19.9574 6.39114 18.374 5 16.0142L6.72414 15C7.7675 16.7699 9.69335 17.9574 11.8966 17.9574C14.0998 17.9574 16.0256 16.7699 17.069 15L18.7931 16.0142C17.402 18.374 14.8342 19.9574 11.8966 19.9574ZM15 8.25C15 9.07875 15.6713 9.75 16.5 9.75C17.3288 9.75 18 9.07875 18 8.25C18 7.42125 17.3288 6.75 16.5 6.75C15.6713 6.75 15 7.42125 15 8.25ZM7.5 6.75C6.67125 6.75 6 7.42125 6 8.25C6 9.07875 6.67125 9.75 7.5 9.75C8.32875 9.75 9 9.07875 9 8.25C9 7.42125 8.32875 6.75 7.5 6.75Z",
+        fill: "currentColor"
     }));
 }

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

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

package/dist/components/icon/components/facebook-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 FacebookIcon({ 'aria-label': ariaLabel = 'Facebook' , copyrightYear ='2020' , ...props }) {
+export function FacebookIcon({ look ='filled' , 'aria-label': ariaLabel = 'Facebook' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
+    }, props), look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
-        d: "M2,0 L22,0 C23.1045695,-2.02906125e-16 24,0.8954305 24,2 L24,22 C24,23.1045695 23.1045695,24 22,24 L2,24 C0.8954305,24 1.3527075e-16,23.1045695 0,22 L0,2 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 L2,0 Z M20.7142857,9.14285714 L16.4285714,9.14285714 L16.4285714,7 C16.4285714,6.07642857 16.5514286,5.57 17.5,5.57142857 L20.7142857,5.57142857 L20.7142857,2 L16.7828571,2 C13.3885714,2 12.1428571,3.42857143 12.1428571,6.64285714 L12.1428571,9.14285714 L10,9.14285714 L10,12 L12.1428571,12 L12.1428571,22 L16.4285714,22 L16.4285714,12 L20,12 L20.7142857,9.14285714 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 0H2ZM16.6429 9.71429H20.0714L19.5 12H16.6429V20H13.2143V12H11.5V9.71429H13.2143V7.71429C13.2143 5.14286 14.2109 4 16.9263 4H20.0714V6.85714H17.5C16.7411 6.856 16.6429 7.26114 16.6429 8V9.71429Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M16.6429 9.71429H20.0714L19.5 12H16.6429V20H13.2143V12H11.5V9.71429H13.2143V7.71429C13.2143 5.14286 14.2109 4 16.9263 4H20.0714V6.85714H17.5C16.7411 6.856 16.6429 7.26114 16.6429 8V9.71429Z",
+        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/favorite-icon.d.ts

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

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

@@ -0,0 +1,30 @@
+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 FavoriteIcon({ look ='filled' , 'aria-label': ariaLabel = 'Favorite' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement("path", {
+        d: "M12 23L10.26 21.4174C4.08 15.8185 0 12.1259 0 7.59401C0 3.90136 2.904 1 6.6 1C8.688 1 10.692 1.97112 12 3.50572C13.308 1.97112 15.312 1 17.4 1C21.096 1 24 3.90136 24 7.59401C24 12.1259 19.92 15.8185 13.74 21.4294L12 23Z",
+        fill: "currentColor"
+    }) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M10.26 21.4174L12 23L13.74 21.4294L13.7874 21.3864C19.9408 15.7996 24 12.1143 24 7.59401C24 3.90136 21.096 1 17.4 1C16.0016 1 14.6408 1.43561 13.5016 2.18436C12.9398 2.55357 12.432 2.99892 12 3.50572C11.568 2.99892 11.0602 2.55357 10.4984 2.18436C9.35919 1.43561 7.99844 1 6.6 1C2.904 1 0 3.90136 0 7.59401C0 12.1222 4.07331 15.8125 10.2448 21.4037L10.26 21.4174ZM12.3956 19.9487C12.3963 19.948 12.397 19.9474 12.3977 19.9468C15.5274 17.1053 17.9624 14.8906 19.6395 12.8407C21.2941 10.8183 22 9.20241 22 7.59401C22 5.00765 19.9931 3 17.4 3C15.9169 3 14.4627 3.69955 13.5221 4.80308L12 6.58891L10.4779 4.80308C9.5373 3.69955 8.08311 3 6.6 3C4.00686 3 2 5.00764 2 7.59401C2 9.20238 2.70594 10.8182 4.36004 12.8387C6.03705 14.8871 8.47254 17.0993 11.6028 19.9353L11.6057 19.9379L12.0051 20.3011L12.3956 19.9487Z",
+        fill: "currentColor"
+    }));
+}

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

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

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

@@ -14,13 +14,30 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function FilterIcon({ 'aria-label': ariaLabel = 'Filter' , copyrightYear ='2020' , ...props }) {
+export function FilterIcon({ 'aria-label': ariaLabel = 'Filter' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M2,12 L2,10 L4,10 L4,12 L2,12 Z M2,16 L2,14 L4,14 L4,16 L2,16 Z M2,8 L2,6 L4,6 L4,8 L2,8 Z M6,12 L6,10 L22,10 L22,12 L6,12 Z M6,16 L6,14 L22,14 L22,16 L6,16 Z M6,6 L22,6 L22,8 L6,8 L6,6 Z M16,18 L22,18 L19,21 L16,18 Z"
+        d: "M4 8H2V6H4V8Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M2 12H4V10H2V12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M2 16H4V14H2V16Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M6 12H22V10H6V12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M22 16H6V14H22V16Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M6 6V8H22V6H6Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M19 21L16 18H22L19 21Z",
+        fill: "currentColor"
     }));
 }

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

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