@westpac/ui 0.1.0 → 0.2.0

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

@@ -12,15 +12,40 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function SuccessIcon({ 'aria-label': ariaLabel = 'Success' , copyrightYear ='2020' , ...props }) {
+export function SuccessIcon({ look ='filled' , 'aria-label': ariaLabel = 'Success' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
-        fillRule: "nonzero",
-        d: "M12 0c6.628 0 12 5.373 12 12s-5.372 12-12 12S0 18.627 0 12 5.372 0 12 0zm0 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm6.064 4.137l1.4 1.399L8.6 18.4l-4.964-4.965 1.4-1.4L8.6 15.6l9.464-9.463z"
-    }));
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("g", {
+        clipPath: "url(#clip0_2741_3411)"
+    }, React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M24 12C24 5.373 18.628 0 12 0C5.372 0 0 5.373 0 12C0 18.627 5.372 24 12 24C18.628 24 24 18.627 24 12ZM9.99519 14.5891L17.2923 7.29199L18.7023 8.71199L9.99519 17.4191L5.28809 12.712L6.69809 11.302L9.99519 14.5891Z",
+        fill: "currentColor"
+    })), React.createElement("defs", null, React.createElement("clipPath", {
+        id: "clip0_2741_3411"
+    }, React.createElement("rect", {
+        width: "24",
+        height: "24",
+        fill: "currentColor"
+    })))) : React.createElement(Fragment, null, React.createElement("g", {
+        clipPath: "url(#clip0_2741_3410)"
+    }, React.createElement("path", {
+        d: "M9.99519 14.5891L17.2923 7.29199L18.7023 8.71199L9.99519 17.4191L5.28809 12.712L6.69809 11.302L9.99519 14.5891Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M24 12C24 5.373 18.628 0 12 0C5.372 0 0 5.373 0 12C0 18.627 5.372 24 12 24C18.628 24 24 18.627 24 12ZM2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22C6.477 22 2 17.523 2 12Z",
+        fill: "currentColor"
+    })), React.createElement("defs", null, React.createElement("clipPath", {
+        id: "clip0_2741_3410"
+    }, React.createElement("rect", {
+        width: "24",
+        height: "24",
+        fill: "currentColor"
+    })))));
 }

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

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

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

@@ -14,13 +14,19 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function SuperIcon({ 'aria-label': ariaLabel = 'Super' , copyrightYear ='2020' , ...props }) {
+export function SuperIcon({ look ='filled' , 'aria-label': ariaLabel = 'Super' , 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: "M3.53466187,12.00015 L2.57142857,12.00015 C1.38987861,12.00015 1,12.75 1,13.5 C1,19.293 5.93758571,24 12.0056571,24 C18.0745143,24 23,19.2615064 23,13.5 C23,12.75 22.6083687,12.00015 21.4285714,12.00015 L20.4653381,12.00015 C20.4882799,11.6707392 20.5,11.3371409 20.5,11 C20.5,4.92486775 16.0009665,1.8189894e-12 12,0 C7.99903353,-1.81943589e-12 3.5,4.92486775 3.5,11 C3.5,11.3371409 3.51172012,11.6707392 3.53466187,12.00015 L3.53466187,12.00015 Z M5.53995504,12 C5.51357894,11.6722891 5.5,11.3386771 5.5,11 C5.5,6.24348282 8.96383884,2 12,2 C15.0361612,2 18.5,6.24348282 18.5,11 C18.5,11.3386771 18.4864211,11.6722891 18.460045,12 L5.53995504,12 L5.53995504,12 Z"
+        clipRule: "evenodd",
+        d: "M2.57143 12.0001H3.53466C3.51172 11.6707 3.5 11.3371 3.5 11C3.5 4.92487 7.99903 0 12 0C16.001 0 20.5 4.92487 20.5 11C20.5 11.3371 20.4883 11.6707 20.4653 12.0001H21.4286C22.6084 12.0001 23 12.75 23 13.5C23 19.2615 18.0745 24 12.0057 24C5.93759 24 1 19.293 1 13.5C1 12.75 1.38988 12.0001 2.57143 12.0001ZM5.5 11C5.5 11.3387 5.51358 11.6723 5.53996 12H18.46C18.4864 11.6723 18.5 11.3387 18.5 11C18.5 6.24348 15.0362 2 12 2C8.96384 2 5.5 6.24348 5.5 11Z",
+        fill: "currentColor"
+    }) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M20.4653 12H21.4286C22.6084 12 23 12.7499 23 13.4999C23 19.2614 18.0745 23.9999 12.0057 23.9999C5.93759 23.9999 1 19.2929 1 13.4999C1 12.7499 1.38988 12 2.57143 12H3.53465C3.51172 11.6706 3.5 11.3371 3.5 11C3.5 4.92487 7.99903 0 12 0C16.001 0 20.5 4.92487 20.5 11C20.5 11.3371 20.4883 11.6706 20.4653 12ZM5.5 11C5.5 11.3387 5.51358 11.6723 5.53996 12H18.46C18.4864 11.6723 18.5 11.3387 18.5 11C18.5 6.24348 15.0362 2 12 2C8.96384 2 5.5 6.24348 5.5 11ZM12.0057 21.9999C7.13622 21.9999 3.28959 18.3794 3.01562 14H20.9842C20.7093 18.3576 16.8683 21.9999 12.0057 21.9999Z",
+        fill: "currentColor"
     }));
 }

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

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

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

@@ -14,13 +14,14 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function SwitchIcon({ 'aria-label': ariaLabel = 'Switch' , copyrightYear ='2020' , ...props }) {
+export function SwitchIcon({ 'aria-label': ariaLabel = 'Switch' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
         fillRule: "evenodd",
-        d: "M8,0 L2,5.985 L6,5.985 L6,14 L10,14 L10,5.985 L14,5.985 L8,0 Z M14,10 L14,18.015 L10,18.015 L16,24 L22,18.015 L18,18.015 L18,10 L14,10 Z"
+        clipRule: "evenodd",
+        d: "M2 5.985L8 0L14 5.985H10V14H6V5.985H2ZM14 18.015V10H18V18.015H22L16 24L10 18.015H14Z",
+        fill: "currentColor"
     }));
 }

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

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

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

@@ -14,13 +14,14 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function TabletIcon({ 'aria-label': ariaLabel = 'Tablet' , copyrightYear ='2020' , ...props }) {
+export function TabletIcon({ 'aria-label': ariaLabel = 'Tablet' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
         fillRule: "evenodd",
-        d: "M4,1.77635684e-15 L20,1.77635684e-15 C21.1045695,1.57345071e-15 22,0.8954305 22,2 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,1.97926296e-15 4,1.77635684e-15 L4,1.77635684e-15 Z M4,2 L4,18 L20,18 L20,2 L4,2 Z M12,22.5 C12.8284271,22.5 13.5,21.8284271 13.5,21 C13.5,20.1715729 12.8284271,19.5 12,19.5 C11.1715729,19.5 10.5,20.1715729 10.5,21 C10.5,21.8284271 11.1715729,22.5 12,22.5 Z"
+        clipRule: "evenodd",
+        d: "M2 2C2 0.89543 2.89543 0 4 0H20C21.1046 0 22 0.895431 22 2V22C22 23.1046 21.1046 24 20 24H4C2.89543 24 2 23.1046 2 22V2ZM4 2H20V18H4V2ZM12 22.5C12.8284 22.5 13.5 21.8284 13.5 21C13.5 20.1716 12.8284 19.5 12 19.5C11.1716 19.5 10.5 20.1716 10.5 21C10.5 21.8284 11.1716 22.5 12 22.5Z",
+        fill: "currentColor"
     }));
 }

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

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

package/dist/components/icon/components/tag-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 TagIcon({ look ='filled' , 'aria-label': ariaLabel = 'Tag' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M0 10.4853C0 11.0157 0.210714 11.5244 0.585787 11.8995L12.0208 23.3345C12.8019 24.1156 14.0682 24.1156 14.8492 23.3345L23.3345 14.8492C24.1156 14.0682 24.1156 12.8019 23.3345 12.0208L11.8995 0.585787C11.5244 0.210714 11.0157 0 10.4853 0H2C0.895431 0 0 0.895428 0 2V10.4853ZM6.33168 3.85705C7.01509 4.54046 7.01509 5.6485 6.33168 6.33192C5.64826 7.01534 4.54022 7.01534 3.8568 6.33192C3.17338 5.6485 3.17338 4.54046 3.8568 3.85705C4.54022 3.17363 5.64826 3.17363 6.33168 3.85705Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M6.33156 6.33156C7.01498 5.64814 7.01498 4.5401 6.33156 3.85668C5.64814 3.17327 4.5401 3.17327 3.85668 3.85668C3.17327 4.5401 3.17327 5.64814 3.85668 6.33156C4.5401 7.01498 5.64814 7.01498 6.33156 6.33156Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M0.585786 11.8995C0.210713 11.5244 2.10732e-08 11.0157 2.10734e-07 10.4853L0 2C1.68587e-07 0.895428 0.895431 -2.95028e-07 2 2.10734e-07L10.4853 0C11.0157 3.37175e-07 11.5244 0.210714 11.8995 0.585787L23.3345 12.0208C24.1156 12.8019 24.1156 14.0682 23.3345 14.8492L14.8492 23.3345C14.0682 24.1156 12.8019 24.1156 12.0208 23.3345L0.585786 11.8995ZM10.4853 2L21.9203 13.435L13.435 21.9203L2 10.4853L2 2L10.4853 2Z",
+        fill: "currentColor"
+    })));
+}

package/dist/components/icon/components/takeout-coffee-icon.d.ts

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

package/dist/components/icon/components/takeout-coffee-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 TakeoutCoffeeIcon({ look ='filled' , 'aria-label': ariaLabel = 'Takeout Coffee' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement(Fragment, null, React.createElement("path", {
+        d: "M3 2H5L8 0H16L19 2H21L22 4H2L3 2Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M3 5L5.01 22.23C5.13 23.23 5.97 24 7 24H17C18.03 24 18.87 23.23 18.99 22.23L21 5H3ZM12 20C10.34 20 9 18.66 9 17C9 15 12 11.6 12 11.6C12 11.6 15 15 15 17C15 18.66 13.66 20 12 20Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M3 2H5L8 0H16L19 2H21L22 4H2L3 2Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M12 19.9996C10.34 19.9996 9 18.6596 9 16.9996C9 14.9996 12 11.5996 12 11.5996C12 11.5996 15 14.9996 15 16.9996C15 18.6596 13.66 19.9996 12 19.9996Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M18.99 22.23C18.87 23.23 18.03 24 17 24H7C5.97 24 5.13 23.23 5.01 22.23L3 5H21L18.99 22.23ZM6.99575 21.9917L5.24688 7H18.7531L17.0042 21.9917C17.0039 21.994 17.0032 21.9969 17.0032 21.9969L17.0025 21.9988L17.0018 22L17 22H7L6.99825 22L6.99754 21.9988L6.99678 21.9969C6.99678 21.9969 6.99608 21.994 6.99575 21.9917Z",
+        fill: "currentColor"
+    })));
+}

package/dist/components/icon/components/takeout-food-icon.d.ts

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

package/dist/components/icon/components/takeout-food-icon.js

@@ -0,0 +1,32 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import React from 'react';
+import { Icon } from '../icon.component.js';
+export function TakeoutFoodIcon({ look ='filled' , 'aria-label': ariaLabel = 'Takeout Food' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M16 2H8L3 7L3.15322 8.14916L1.41421 6.41016L0 7.82437L3.58835 11.4127L4.99996 22H19L20.4116 11.4127L24 7.82437L22.5858 6.41016L20.8468 8.14917L21 7L16 2ZM5.41771 10.0001H18.5823L18.8869 7.71535L15.1716 4H8.82843L5.11308 7.71535L5.41771 10.0001Z",
+        fill: "currentColor"
+    }) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M8 2H16L21 7L20.8468 8.14917L22.5858 6.41016L24 7.82437L20.4116 11.4127L19 22H4.99996L3.58835 11.4127L0 7.82437L1.41421 6.41016L3.15322 8.14916L3 7L8 2ZM5.68437 12.0001L6.751 20H17.2489L18.3156 12.0001H5.68437ZM18.5823 10.0001H5.41771L5.11308 7.71535L8.82843 4H15.1716L18.8869 7.71535L18.5823 10.0001Z",
+        fill: "currentColor"
+    }));
+}

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

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

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

@@ -14,13 +14,14 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function TelephoneIcon({ 'aria-label': ariaLabel = 'Telephone' , copyrightYear ='2020' , ...props }) {
+export function TelephoneIcon({ 'aria-label': ariaLabel = 'Telephone' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
         fillRule: "evenodd",
-        d: "M5.90003732,0 C5.72003732,0 5.53703732,0.0585 5.38403732,0.177 L3.66878732,1.497 L8.42303732,7.719 L10.1367873,6.40125 L10.1367873,6.39975 C10.5275373,6.099 10.5642873,5.56275 10.2897873,5.2035 L10.2912873,5.199 L6.56828732,0.33 C6.40028732,0.1125 6.15278732,0 5.90003732,0 L5.90003732,0 Z M17.7860373,15.55875 C17.6052873,15.55875 17.4230373,15.6165 17.2692873,15.73425 L15.5577873,17.05575 L20.2055373,23.1405 L21.9170373,21.82425 L21.9185373,21.82125 C22.3092873,21.51825 22.3467873,20.98425 22.0715373,20.625 L22.0715373,20.62125 L18.4505373,15.88875 C18.2862873,15.67125 18.0372873,15.55875 17.7860373,15.55875 L17.7860373,15.55875 Z M7.95578732,8.07975 C7.07303732,8.75775 7.68203732,9.97575 8.39828732,11.15175 C9.41528732,12.828 10.6445373,14.3565 11.7335373,15.51825 C12.9950373,16.86225 13.8027873,17.64075 14.4905373,17.64075 C14.7012873,17.64075 14.9015373,17.568 15.0987873,17.41575 L19.7352873,23.48625 C19.4300373,23.7315 18.7257873,24 17.6997873,24 C15.3327873,24 11.2542873,22.56675 6.43553732,16.09275 C-0.124712677,7.287 2.27153732,2.7555 3.19703732,1.85925 L7.95578732,8.07975 Z"
+        clipRule: "evenodd",
+        d: "M5.90004 0C5.72004 0 5.53704 0.0585 5.38404 0.177L3.66879 1.497L8.42304 7.719L10.1368 6.40125V6.39975C10.5275 6.099 10.5643 5.56275 10.2898 5.2035L10.2913 5.199L6.56829 0.33C6.40029 0.1125 6.15279 0 5.90004 0ZM17.786 15.5588C17.6053 15.5588 17.423 15.6165 17.2693 15.7343L15.5578 17.0557L20.2055 23.1405L21.917 21.8242L21.9185 21.8213C22.3093 21.5182 22.3468 20.9842 22.0715 20.625V20.6213L18.4505 15.8888C18.2863 15.6713 18.0373 15.5588 17.786 15.5588ZM8.39829 11.1517C7.68204 9.97575 7.07304 8.75775 7.95579 8.07975L3.19704 1.85925C2.27154 2.7555 -0.124712 7.287 6.43554 16.0927C11.2543 22.5667 15.3328 24 17.6998 24C18.7258 24 19.43 23.7315 19.7353 23.4862L15.0988 17.4158C14.9015 17.568 14.7013 17.6407 14.4905 17.6407C13.8028 17.6407 12.995 16.8623 11.7335 15.5183C10.6445 14.3565 9.41529 12.828 8.39829 11.1517Z",
+        fill: "currentColor"
     }));
 }

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

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

package/dist/components/icon/components/thumb-down-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 ThumbDownIcon({ 'aria-label': ariaLabel = 'Thumb Down' , copyrightYear ='2020' , ...props }) {
+export function ThumbDownIcon({ look ='filled' , 'aria-label': ariaLabel = 'Thumb Down' , 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,4 L7,4 C6.17,4 5.46,4.5 5.16,5.22 L2.14,12.27 C2.05,12.5 2,13.5 2,14 C2,15.5 2.5,16 4,16 L10,16 L9.36,21.57 L9.33,21.89 C9.33,22.3 9.5,22.68 9.77,22.95 L10.83,24 L17.42,17.41 C17.78,17.05 18,16.55 18,16 L18,6 C18,4.9 17.1,4 16,4 Z M20,4 L20,16 L24,16 L24,4 L20,4 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M7 4H16C17.1 4 18 4.9 18 6V16C18 16.55 17.78 17.05 17.42 17.41L10.83 24L9.77 22.95C9.5 22.68 9.33 22.3 9.33 21.89L9.36 21.57L10 16H4C2.5 16 2 15.5 2 14C2 13.5 2.05 12.5 2.14 12.27L5.16 5.22C5.46 4.5 6.17 4 7 4ZM20 16V4H24V16H20Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M10 16L9.36 21.57L9.33 21.89C9.33 22.1163 9.38178 22.3334 9.47358 22.528C9.52714 22.6415 9.59431 22.7473 9.67276 22.8428C9.70349 22.8801 9.73595 22.9159 9.77 22.95L10.83 24L17.42 17.41C17.78 17.05 18 16.55 18 16V6C18 4.9 17.1 4 16 4H7C6.17 4 5.46 4.5 5.16 5.22L2.14 12.27C2.05 12.5 2 13.5 2 14C2 15.5 2.5 16 4 16H10ZM4.05774 12.8724L7.00165 6H16V16L15.9999 16.0016L11.4954 20.5062L12.243 14H4C4 13.8005 4.01059 13.472 4.03142 13.1726C4.0399 13.0508 4.04904 12.9491 4.05774 12.8724Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M20 16V4H24V16H20Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -12,16 +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 ThumbUpIcon({ 'aria-label': ariaLabel = 'Thumb Up' , copyrightYear ='2020' , ...props }) {
+export function ThumbUpIcon({ look ='filled' , 'aria-label': ariaLabel = 'Thumb Up' , 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: "M14,0 L5,0 C4.17,0 3.46,0.5 3.16,1.22 L0.14,8.27 C0.05,8.5 0,9.5 0,10 C7.34788079e-17,11.5 0.5,12 2,12 L8,12 L7.36,17.57 L7.33,17.89 C7.33,18.3 7.5,18.68 7.77,18.95 L8.83,20 L15.42,13.41 C15.78,13.05 16,12.55 16,12 L16,2 C16,0.9 15.1,0 14,0 Z M18,0 L18,12 L22,12 L22,0 L18,0 Z",
-        transform: "rotate(180 11 10)"
-    }));
+        clipRule: "evenodd",
+        d: "M17 20H8C6.9 20 6 19.1 6 18V8C6 7.45 6.22 6.95 6.58 6.59L13.17 0L14.23 1.05C14.5 1.32 14.67 1.7 14.67 2.11L14.64 2.43L14 8H20C21.5 8 22 8.5 22 10C22 10.5 21.95 11.5 21.86 11.73L18.84 18.78C18.54 19.5 17.83 20 17 20ZM4 8V20H0V8H4Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M14 8L14.64 2.43L14.67 2.11C14.67 1.88372 14.6182 1.66657 14.5264 1.47201C14.4729 1.35851 14.4057 1.2527 14.3272 1.15724C14.2965 1.11985 14.2641 1.08405 14.23 1.05L13.17 0L6.58 6.59C6.22 6.95 6 7.45 6 8V18C6 19.1 6.9 20 8 20H17C17.83 20 18.54 19.5 18.84 18.78L21.86 11.73C21.95 11.5 22 10.5 22 10C22 8.5 21.5 8 20 8H14ZM19.9423 11.1276L16.9984 18H8V8L8.00007 7.99836L12.5046 3.49382L11.757 10H20C20 10.1995 19.9894 10.528 19.9686 10.8274C19.9601 10.9492 19.951 11.0509 19.9423 11.1276Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M4 8V20H0V8H4Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -12,15 +12,40 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function TickCircleIcon({ 'aria-label': ariaLabel = 'Tick' , copyrightYear ='2021' , ...props }) {
+export function TickCircleIcon({ look ='filled' , 'aria-label': ariaLabel = 'Tick 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(Fragment, null, React.createElement("g", {
+        clipPath: "url(#clip0_2741_3297)"
+    }, React.createElement("path", {
         fillRule: "evenodd",
-        d: "M12 0c6.628 0 12 5.373 12 12s-5.372 12-12 12S0 18.627 0 12 5.372 0 12 0zm0 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm6.064 4.137l1.4 1.399L8.6 18.4l-4.964-4.965 1.4-1.4L8.6 15.6l9.464-9.463z"
-    }));
+        clipRule: "evenodd",
+        d: "M24 12C24 5.373 18.628 0 12 0C5.372 0 0 5.373 0 12C0 18.627 5.372 24 12 24C18.628 24 24 18.627 24 12ZM9.99519 14.5891L17.2923 7.29199L18.7023 8.71199L9.99519 17.4191L5.28809 12.712L6.69809 11.302L9.99519 14.5891Z",
+        fill: "currentColor"
+    })), React.createElement("defs", null, React.createElement("clipPath", {
+        id: "clip0_2741_3297"
+    }, React.createElement("rect", {
+        width: "24",
+        height: "24",
+        fill: "currentColor"
+    })))) : React.createElement(Fragment, null, React.createElement("g", {
+        clipPath: "url(#clip0_2741_3296)"
+    }, React.createElement("path", {
+        d: "M9.99519 14.5891L17.2923 7.29199L18.7023 8.71199L9.99519 17.4191L5.28809 12.712L6.69809 11.302L9.99519 14.5891Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M24 12C24 5.373 18.628 0 12 0C5.372 0 0 5.373 0 12C0 18.627 5.372 24 12 24C18.628 24 24 18.627 24 12ZM2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22C6.477 22 2 17.523 2 12Z",
+        fill: "currentColor"
+    })), React.createElement("defs", null, React.createElement("clipPath", {
+        id: "clip0_2741_3296"
+    }, React.createElement("rect", {
+        width: "24",
+        height: "24",
+        fill: "currentColor"
+    })))));
 }

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

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

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

@@ -14,13 +14,12 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function TickIcon({ 'aria-label': ariaLabel = 'Tick' , copyrightYear ='2020' , ...props }) {
+export function TickIcon({ 'aria-label': ariaLabel = 'Tick' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("polygon", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        points: "8.6 15.6 4.4 11.4 3 12.8 8.6 18.4 20.6 6.4 19.2 5"
+    }, props), React.createElement("path", {
+        d: "M8.6 15.6L4.4 11.4L3 12.8L8.6 18.4L20.6 6.4L19.2 5L8.6 15.6Z",
+        fill: "currentColor"
     }));
 }

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

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

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

@@ -12,15 +12,22 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function TransferIcon({ 'aria-label': ariaLabel = 'Transfer' , copyrightYear ='2020' , ...props }) {
+export function TransferIcon({ look ='filled' , 'aria-label': ariaLabel = 'Transfer' , 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,12 L16,12 L16,8 L24,16 L16,24 L16,20 L12,20 L12,12 Z M0,8 L8,0 L8,4 L12,4 L12,12 L8,12 L8,16 L0,8 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M8 16L0 8L8 0V4H12V12H8V16ZM12 12V20H16V24L24 16L16 8V12H12Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M8 0L0 8L8 16V13.1719L2.82837 8L6 4.82812V6H11V10H13V4H8V0Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M16 20V24L24 16L16 8V12H10V20H16Z",
+        fill: "currentColor"
+    })));
 }

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

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

package/dist/components/icon/components/transport-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 TransportIcon({ 'aria-label': ariaLabel = 'Transport' , copyrightYear ='2020' , ...props }) {
+export function TransportIcon({ look ='filled' , 'aria-label': ariaLabel = 'Transport' , 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,22 L8,22 L8,23 C8,23.5522847 7.55228475,24 7,24 L5,24 C4.44771525,24 4,23.5522847 4,23 L4,22 L3,22 C2.44771525,22 2,21.5522847 2,21 L2,2 C2,0.8954305 2.8954305,2.02906125e-16 4,0 L20,0 C21.1045695,-2.02906125e-16 22,0.8954305 22,2 L22,21 C22,21.5522847 21.5522847,22 21,22 L20,22 L20,23 C20,23.5522847 19.5522847,24 19,24 L17,24 C16.4477153,24 16,23.5522847 16,23 L16,22 L16,22 Z M6,18 C7.1045695,18 8,17.1045695 8,16 C8,14.8954305 7.1045695,14 6,14 C4.8954305,14 4,14.8954305 4,16 C4,17.1045695 4.8954305,18 6,18 Z M18,18 C19.1045695,18 20,17.1045695 20,16 C20,14.8954305 19.1045695,14 18,14 C16.8954305,14 16,14.8954305 16,16 C16,17.1045695 16.8954305,18 18,18 Z M4,4 L4,12 L20,12 L20,4 L4,4 Z M9,2 L9,3 L15,3 L15,2 L9,2 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M16 22H8V23C8 23.5523 7.55228 24 7 24H5C4.44772 24 4 23.5523 4 23V22H3C2.44772 22 2 21.5523 2 21V2C2 0.89543 2.89543 0 4 0H20C21.1046 0 22 0.89543 22 2V21C22 21.5523 21.5523 22 21 22H20V23C20 23.5523 19.5523 24 19 24H17C16.4477 24 16 23.5523 16 23V22ZM9 17C9 18.1046 8.10457 19 7 19C5.89543 19 5 18.1046 5 17C5 15.8954 5.89543 15 7 15C8.10457 15 9 15.8954 9 17ZM17 19C18.1046 19 19 18.1046 19 17C19 15.8954 18.1046 15 17 15C15.8954 15 15 15.8954 15 17C15 18.1046 15.8954 19 17 19ZM4 4H20V12H4V4ZM15 2H9V3H15V2Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M9 17C9 18.1046 8.10457 19 7 19C5.89543 19 5 18.1046 5 17C5 15.8954 5.89543 15 7 15C8.10457 15 9 15.8954 9 17Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M19 17C19 18.1046 18.1046 19 17 19C15.8954 19 15 18.1046 15 17C15 15.8954 15.8954 15 17 15C18.1046 15 19 15.8954 19 17Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M16 22H8V23C8 23.5523 7.55228 24 7 24H5C4.44772 24 4 23.5523 4 23V22H3C2.44772 22 2 21.5523 2 21V2C2 0.89543 2.89543 0 4 0H20C21.1046 0 22 0.89543 22 2V21C22 21.5523 21.5523 22 21 22H20V23C20 23.5523 19.5523 24 19 24H17C16.4477 24 16 23.5523 16 23V22ZM4 4H20V12H4V4ZM15 2H9V3H15V2ZM4 14H20V20H4V14Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/components/travel-explore-icon.d.ts

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

package/dist/components/icon/components/travel-explore-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 TravelExploreIcon({ 'aria-label': ariaLabel = 'Travel Explore' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("path", {
+        d: "M12 0C18.6274 0 24 5.37258 24 12H22C22 10.5778 21.7031 9.22493 21.1679 8H19C18.4477 8 18 7.55228 18 7V3.99927C17.1047 3.32674 16.0927 2.80101 15 2.4578V4C15 5.10457 14.1046 6 13 6H11V9C11 9.55229 10.5523 10 10 10H8V12H10V15H8L2.35385 9.35385C2.12317 10.1967 2 11.084 2 12C2 17.5228 6.47715 22 12 22V24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M19.5355 12.4645C21.246 14.1749 21.4581 16.8163 20.1719 18.7577L23.7782 22.364L22.364 23.7782L18.7577 20.1719C16.8163 21.4581 14.1749 21.246 12.4645 19.5355C10.5118 17.5829 10.5118 14.4171 12.4645 12.4645C14.4171 10.5118 17.5829 10.5118 19.5355 12.4645ZM18.1213 18.1213C19.2929 16.9497 19.2929 15.0503 18.1213 13.8787C16.9497 12.7071 15.0503 12.7071 13.8787 13.8787C12.7071 15.0503 12.7071 16.9497 13.8787 18.1213C15.0503 19.2929 16.9497 19.2929 18.1213 18.1213Z",
+        fill: "currentColor"
+    }));
+}

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

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

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

@@ -0,0 +1,40 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import React from 'react';
+import { Icon } from '../icon.component.js';
+export function TuneIcon({ 'aria-label': ariaLabel = 'Tune' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("path", {
+        d: "M16 3C16 2.44772 15.5523 2 15 2C14.4477 2 14 2.44772 14 3V7C14 7.55228 14.4477 8 15 8C15.5523 8 16 7.55228 16 7V6H23C23.5523 6 24 5.55228 24 5C24 4.44772 23.5523 4 23 4H16V3Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M0 5C0 4.44772 0.447715 4 1 4H12V6H1C0.447715 6 0 5.55228 0 5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M0 12C0 11.4477 0.447715 11 1 11H6V10C6 9.44772 6.44772 9 7 9C7.55228 9 8 9.44772 8 10V14C8 14.5523 7.55228 15 7 15C6.44772 15 6 14.5523 6 14V13H1C0.447715 13 0 12.5523 0 12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M1 18C0.447715 18 0 18.4477 0 19C0 19.5523 0.447715 20 1 20H10V18H1Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M23 11H10V13H23C23.5523 13 24 12.5523 24 12C24 11.4477 23.5523 11 23 11Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M14 18H23C23.5523 18 24 18.4477 24 19C24 19.5523 23.5523 20 23 20H14V21C14 21.5523 13.5523 22 13 22C12.4477 22 12 21.5523 12 21V17C12 16.4477 12.4477 16 13 16C13.5523 16 14 16.4477 14 17V18Z",
+        fill: "currentColor"
+    }));
+}

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

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