@westpac/ui 0.1.0 → 0.2.0

package/dist/components/icon/components/windows-new-icon.js

@@ -14,13 +14,14 @@ function _extends() {
 }
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function WindowsNewIcon({ 'aria-label': ariaLabel = 'Windows New' , copyrightYear ='2020' , ...props }) {
+export function WindowsNewIcon({ 'aria-label': ariaLabel = 'Windows New' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
     }, props), React.createElement("path", {
-        fill: "currentColor",
         fillRule: "evenodd",
-        d: "M23.9968,0 L11.2,1.8616 L11.2,11.1992 L23.9968,11.1992 L23.9968,0 Z M0,3.3984 L0.0088,11.1992 L9.6,11.1992 L9.6,2.0944 L0,3.3984 Z M11.2,12.7992 L11.2,22.2 L23.9968,24 L24,12.7992 L11.2,12.7992 Z M0.0072,12.7992 L0.008,20.6816 L9.6,21.996 L9.6,12.7992 L0.0072,12.7992 Z"
+        clipRule: "evenodd",
+        d: "M11.2 1.8616L23.9968 0V11.1992H11.2V1.8616ZM0.0088 11.1992L0 3.3984L9.6 2.0944V11.1992H0.0088ZM11.2 12.7992V22.2L23.9968 24L24 12.7992H11.2ZM0.008 20.6816L0.0072 12.7992H9.6V21.996L0.008 20.6816Z",
+        fill: "currentColor"
     }));
 }

package/dist/components/icon/components/wine-glass-icon.d.ts

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

package/dist/components/icon/components/wine-glass-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 WineGlassIcon({ look ='filled' , 'aria-label': ariaLabel = 'Wine Glass' , copyrightYear ='2023' , ...props }) {
+    return React.createElement(Icon, _extends({
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), look === 'filled' ? React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M20 8C20 12.0796 16.9463 15.446 13 15.9381V22H18V24H6V22H11V15.9381C7.05369 15.446 4 12.0796 4 8V0H20V8ZM18 7H6V2H18V7Z",
+        fill: "currentColor"
+    }) : React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M20 8C20 12.0796 16.9463 15.446 13 15.9381V22H18V24H6V22H11V15.9381C7.05369 15.446 4 12.0796 4 8V0H20V8ZM17.917 9H6.08296C6.55904 11.8377 9.027 14 12 14C14.973 14 17.441 11.8377 17.917 9ZM18 7H6V2H18V7Z",
+        fill: "currentColor"
+    }));
+}

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

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

package/dist/components/icon/components/word-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 WordFileIcon({ 'aria-label': ariaLabel = 'Word File' , copyrightYear ='2020' , ...props }) {
+export function WordFileIcon({ look ='filled' , 'aria-label': ariaLabel = 'Word 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.5697731,10 L18,10 L15.3919202,20 L13.3722839,20 L11.9990343,14.0870163 L10.4648318,20 L8.27458555,20 L6,10 L8.24110736,10 L9.40318687,16.2124148 L10.9547723,10 L13.0986641,10 L14.4339289,16.2124148 L15.4595204,11.7940864 L14.5697731,11.7940864 L14.5697731,10 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.5698 10V11.7941H15.4595L14.4339 16.2124L13.0987 10H10.9548L9.40319 16.2124L8.24111 10H6L8.27459 20H10.4648L11.999 14.087L13.3723 20H15.3919L18 10H14.5698Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M14.5698 11.7941V10H18L15.3919 20H13.3723L11.999 14.087L10.4648 20H8.27459L6 10H8.24111L9.40319 16.2124L10.9548 10H13.0987L14.4339 16.2124L15.4595 11.7941H14.5698Z",
+        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/write-icon.d.ts

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

package/dist/components/icon/components/write-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 WriteIcon({ 'aria-label': ariaLabel = 'Write' , copyrightYear ='2020' , ...props }) {
+export function WriteIcon({ look ='filled' , 'aria-label': ariaLabel = 'Write' , 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,22 L24,22 L24,24 L0,24 L0,22 Z M2,15.0006943 L2,20 L6.99930565,20 L17.7439245,9.2553812 L12.7446188,4.25607555 L2,15.0006943 Z M21.6100542,5.38925149 C22.1299819,4.86932371 22.1299819,4.02944036 21.6100542,3.50951257 L18.4904874,0.389945841 C17.9705596,-0.129981947 17.1306763,-0.129981947 16.6107485,0.389945841 L14.1710873,2.829607 L19.170393,7.82891265 L21.6100542,5.38925149 Z"
-    }));
+        clipRule: "evenodd",
+        d: "M21.6101 3.50951C22.13 4.02944 22.13 4.86932 21.6101 5.38925L19.1704 7.82891L14.1711 2.82961L16.6107 0.389946C17.1307 -0.129982 17.9706 -0.129982 18.4905 0.389946L21.6101 3.50951ZM2 15.0007V20H6.99931L17.7439 9.25538L12.7446 4.25608L2 15.0007ZM0 22H24V24H0V22Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M21.6101 3.50951C22.13 4.02944 22.13 4.86932 21.6101 5.38925L19.1704 7.82891L14.1711 2.82961L16.6108 0.389946C17.1307 -0.129982 17.9706 -0.129982 18.4905 0.389946L21.6101 3.50951Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2 19.9998V15.0005L12.7446 4.25586L17.7439 9.25517L6.99931 19.9998H2ZM6.17088 17.9998L14.9155 9.25517L12.7446 7.08429L4 15.8289V17.9998H6.17088Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M0 22H24V24H0V22Z",
+        fill: "currentColor"
+    })));
 }

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

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

package/dist/components/icon/components/yammer-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 YammerIcon({ 'aria-label': ariaLabel = 'Yammer' , copyrightYear ='2020' , ...props }) {
+export function YammerIcon({ look ='filled' , 'aria-label': ariaLabel = 'Yammer' , copyrightYear ='2023' , ...props }) {
     return React.createElement(Icon, _extends({
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear
-    }, props), React.createElement("path", {
-        fill: "currentColor",
+    }, props), look === 'filled' ? React.createElement("path", {
         fillRule: "evenodd",
-        d: "M1.5,0 L22.5,0 C23.3284271,-1.52179594e-16 24,0.671572875 24,1.5 L24,22.5 C24,23.3284271 23.3284271,24 22.5,24 L1.5,24 C0.671572875,24 1.8778099e-15,23.3284271 1.77635684e-15,22.5 L1.77635684e-15,1.5 L1.77635684e-15,1.5 C1.67490378e-15,0.671572875 0.671572875,1.52179594e-16 1.5,0 L1.5,0 Z M20.9625,13.4955 C21.4365,13.413 21.78,12.984 21.74775,12.49425 C21.717,12.06375 21.405,11.72025 21.0045,11.63175 C20.96475,11.6295 20.92425,11.6295 20.8815,11.6295 C20.16375,11.631 15.00675,12.1965 15.26475,12.72225 C15.52275,13.242 18.699,13.49475 20.9625,13.4955 Z M19.46175,18.342 C19.7265,17.92875 19.63125,17.3865 19.2555,17.0865 C17.27025,15.999 14.36475,14.691 13.88775,15.02475 C13.4085,15.36 17.65725,18.3375 18.28575,18.68325 C18.324,18.70425 18.36,18.723 18.3945,18.74175 C18.78975,18.8565 19.22775,18.705 19.46175,18.342 Z M18.28575,6.537 C17.65725,6.8835 13.4085,9.86025 13.88775,10.197 C14.36475,10.52925 17.27025,9.222 19.2555,8.1345 C19.63125,7.83375 19.7265,7.29225 19.46175,6.879 C19.22775,6.51525 18.78975,6.36525 18.3945,6.48 C18.36,6.49725 18.324,6.51675 18.28575,6.537 Z M13.44375,5.7795 C13.6065,5.26875 13.323,4.71375 12.81525,4.551 C12.3165,4.392 11.7885,4.6455 11.61,5.13 L8.43525,13.5 L8.38575,13.5 L5.04675,5.067 C4.821,4.58925 4.2615,4.37625 3.7575,4.56525 C3.24075,4.7595 2.97525,5.325 3.14475,5.8455 L7.35,16.10475 C6.75975,17.77275 6.21225,18.55425 4.956,18.55425 C4.83525,18.55425 4.41225,18.52875 4.3845,18.5265 C3.9795,18.5055 3.6015,18.7695 3.492,19.17675 C3.36675,19.6395 3.63825,20.1165 4.09875,20.2485 C4.43175,20.307 4.77375,20.32875 5.0805,20.32875 C7.3965,20.32875 8.1615,18.99525 8.9265,17.049 L13.44375,5.7795 Z"
-    }));
+        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 22V2ZM13.2518 7.02362L9.58192 16.1792C8.96041 17.7604 8.33891 18.8438 6.45733 18.8438C6.20812 18.8438 5.93027 18.8261 5.65974 18.7786C5.28561 18.6713 5.06504 18.2838 5.1668 17.9079C5.25576 17.577 5.56285 17.3625 5.89189 17.3796C5.91443 17.3814 6.25809 17.4021 6.35619 17.4021C7.3768 17.4021 7.8216 16.7672 8.30113 15.4121L4.88468 7.07724C4.74698 6.65437 4.96268 6.19494 5.3825 6.03713C5.79196 5.88358 6.24651 6.05663 6.42991 6.44477L9.1426 13.2959H9.18281L11.7621 6.49595C11.9071 6.10233 12.336 5.89638 12.7412 6.02555C13.1537 6.15778 13.3841 6.60867 13.2518 7.02362ZM17.2073 7.62703L17.1856 7.63854C16.675 7.92004 13.2232 10.3384 13.6126 10.612C14.0001 10.8819 16.3606 9.8199 17.9734 8.93639C18.2787 8.69205 18.3561 8.25212 18.141 7.91639C17.9509 7.62087 17.5951 7.499 17.274 7.59223C17.2525 7.60293 17.2304 7.61473 17.2073 7.62703ZM19.3602 13.2923C17.5213 13.2917 14.9408 13.0864 14.7312 12.6641C14.5216 12.237 18.7113 11.7776 19.2944 11.7764C19.3291 11.7764 19.362 11.7764 19.3943 11.7782C19.7197 11.8501 19.9732 12.1291 19.9982 12.4789C20.0244 12.8768 19.7453 13.2253 19.3602 13.2923ZM18.141 17.2298C17.9509 17.5247 17.5951 17.6478 17.274 17.5545L17.2368 17.5346C17.2203 17.5258 17.2032 17.5167 17.1856 17.507C16.675 17.2261 13.2232 14.8071 13.6126 14.5347C14.0001 14.2636 16.3606 15.3262 17.9734 16.2098C18.2787 16.4535 18.3561 16.894 18.141 17.2298Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M13.2519 7.0241L9.58201 16.1797C8.96051 17.7609 8.339 18.8443 6.45743 18.8443C6.20821 18.8443 5.93037 18.8266 5.65983 18.7791C5.28571 18.6718 5.06513 18.2843 5.16689 17.9083C5.25585 17.5775 5.56295 17.363 5.89198 17.3801C5.91452 17.3819 6.25818 17.4026 6.35628 17.4026C7.37689 17.4026 7.82169 16.7677 8.30122 15.4126L4.88478 7.07772C4.74707 6.65485 4.96277 6.19542 5.38259 6.03761C5.79205 5.88406 6.2466 6.05711 6.43001 6.44524L9.14269 13.2964H9.18291L11.7621 6.49643C11.9072 6.10281 12.3361 5.89686 12.7413 6.02603C13.1538 6.15826 13.3842 6.60915 13.2519 7.0241Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M17.2074 7.6275L17.1857 7.63902C16.6751 7.92052 13.2233 10.3389 13.6126 10.6125C14.0002 10.8824 16.3607 9.82038 17.9735 8.93686C18.2788 8.69253 18.3562 8.2526 18.1411 7.91687C17.951 7.62135 17.5952 7.49948 17.274 7.59271C17.2527 7.60337 17.2304 7.61526 17.2074 7.6275Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M19.3603 13.2928C17.5214 13.2922 14.9409 13.0869 14.7313 12.6646C14.5217 12.2375 18.7114 11.7781 19.2945 11.7768C19.3292 11.7768 19.3621 11.7768 19.3944 11.7787C19.7198 11.8506 19.9733 12.1296 19.9983 12.4794C20.0245 12.8773 19.7454 13.2258 19.3603 13.2928Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M18.1411 17.2302C17.951 17.5251 17.5952 17.6482 17.274 17.555L17.2369 17.5351C17.2282 17.5304 17.2193 17.5257 17.2102 17.5208C17.2022 17.5165 17.194 17.512 17.1857 17.5075C16.6751 17.2266 13.2233 14.8076 13.6126 14.5352C14.0002 14.2641 16.3607 15.3267 17.9735 16.2102C18.2788 16.454 18.3562 16.8945 18.1411 17.2302Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M0 2C0 0.89543 0.895431 0 2 0H22C23.1046 0 24 0.895431 24 2V22C24 23.1046 23.1046 24 22 24H2C0.89543 24 0 23.1046 0 22V2ZM2 2H22V22H2L2 2Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -12,15 +12,29 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function YoutubeIcon({ 'aria-label': ariaLabel = 'Youtube' , copyrightYear ='2020' , ...props }) {
+export function YoutubeIcon({ look ='filled' , 'aria-label': ariaLabel = 'Youtube' , 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: "M10.5 9.5L14.5 12L10.5 14.5V9.5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
         fillRule: "evenodd",
-        d: "M2,0 L22,0 L22,0 C23.1045695,-2.02906125e-16 24,0.8954305 24,2 L24,22 L24,22 C24,23.1045695 23.1045695,24 22,24 L2,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 Z M11.9960967,6 L12.0039033,6 C12.0039033,6 15.7822946,6 18.3011516,6.1725947 C18.6529753,6.21236514 19.4202207,6.2157392 20.1046778,6.89527757 C20.6443523,7.41302826 20.8202377,8.58875342 20.8202377,8.58875342 C20.8202377,8.58875342 21,9.96944419 21,11.3501015 L21,12.6445033 C21,14.0251607 20.8202377,15.4058347 20.8202377,15.4058347 C20.8202377,15.4058347 20.6443523,16.5815766 20.1046778,17.0993273 C19.4202207,17.7788824 18.6529753,17.7822397 18.3011516,17.8220269 C15.7822946,17.9946048 12.0000088,18 12.0000088,18 C12.0000088,18 7.32010996,17.9594946 5.88007331,17.8286079 C5.47945419,17.757402 4.58004364,17.7788824 3.89532223,17.0993273 C3.35564771,16.5815766 3.18000899,15.4058347 3.18000899,15.4058347 C3.18000899,15.4058347 3,14.0251607 3,12.6445033 L3,11.3501015 C3,9.96944419 3.18000899,8.58875342 3.18000899,8.58875342 C3.18000899,8.58875342 3.35564771,7.41302826 3.89532223,6.89527757 C4.58004364,6.2157392 5.34698942,6.21236514 5.6988484,6.1725947 C8.21779355,6 11.9960967,6 11.9960967,6 Z M10,9 L10,15 L15,12 L10,9 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 0H2ZM11.9965 7C11.9965 7 8.63804 7 6.39898 7.14383C6.36819 7.14709 6.33383 7.15006 6.29632 7.1533C5.95272 7.18298 5.34458 7.23552 4.79584 7.74606C4.31613 8.17752 4.16001 9.15729 4.16001 9.15729C4.16001 9.15729 4 10.3079 4 11.4584V12.5371C4 13.6876 4.16001 14.8382 4.16001 14.8382C4.16001 14.8382 4.31613 15.818 4.79584 16.2494C5.30048 16.719 5.9363 16.7869 6.34183 16.8302C6.42541 16.8391 6.49921 16.847 6.56007 16.8572C7.8401 16.9662 12 17 12 17C12 17 15.362 16.9955 17.601 16.8517C17.6318 16.8484 17.6662 16.8455 17.7038 16.8422C18.0474 16.8125 18.6557 16.76 19.2042 16.2494C19.6839 15.818 19.8402 14.8382 19.8402 14.8382C19.8402 14.8382 20 13.6876 20 12.5371V11.4584C20 10.3079 19.8402 9.15729 19.8402 9.15729C19.8402 9.15729 19.6839 8.17752 19.2042 7.74606C18.6557 7.23554 18.0473 7.18299 17.7037 7.1533C17.6662 7.15006 17.6318 7.14709 17.601 7.14383C15.362 7 12.0035 7 12.0035 7H11.9965Z",
+        fill: "currentColor"
+    })) : React.createElement(Fragment, null, React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M11.9965 7C11.9965 7 8.63804 7 6.39898 7.14383C6.36819 7.14709 6.33383 7.15006 6.29632 7.1533C5.95272 7.18298 5.34458 7.23552 4.79584 7.74606C4.31613 8.17752 4.16001 9.15729 4.16001 9.15729C4.16001 9.15729 4 10.3079 4 11.4584V12.5371C4 13.6876 4.16001 14.8382 4.16001 14.8382C4.16001 14.8382 4.31613 15.818 4.79584 16.2494C5.30048 16.719 5.9363 16.7869 6.34183 16.8302C6.42541 16.8391 6.49921 16.847 6.56007 16.8572C7.8401 16.9662 12 17 12 17C12 17 15.362 16.9955 17.601 16.8517C17.6318 16.8484 17.6662 16.8455 17.7038 16.8422C18.0474 16.8125 18.6557 16.76 19.2042 16.2494C19.6839 15.818 19.8402 14.8382 19.8402 14.8382C19.8402 14.8382 20 13.6876 20 12.5371V11.4584C20 10.3079 19.8402 9.15729 19.8402 9.15729C19.8402 9.15729 19.6839 8.17752 19.2042 7.74606C18.6557 7.23554 18.0473 7.18299 17.7037 7.1533C17.6662 7.15006 17.6318 7.14709 17.601 7.14383C15.362 7 12.0035 7 12.0035 7H11.9965ZM10.5 9.5L14.5 12L10.5 14.5V9.5Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M0 2C0 0.89543 0.895431 0 2 0H22C23.1046 0 24 0.895431 24 2V22C24 23.1046 23.1046 24 22 24H2C0.89543 24 0 23.1046 0 22V2ZM2 2H22V22H2L2 2Z",
+        fill: "currentColor"
+    })));
 }

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

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

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

@@ -12,15 +12,39 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-import React from 'react';
+import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function ZipFileIcon({ 'aria-label': ariaLabel = 'Zip File' , copyrightYear ='2020' , ...props }) {
+export function ZipFileIcon({ look ='filled' , 'aria-label': ariaLabel = 'Zip 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 M7,20 L11,20 L11,18 L7,18 L7,20 Z M9,16 L12,16 L12,14 L9,14 L9,16 Z M6,14 L9,14 L9,12 L6,12 L6,14 Z M9,12 L12,12 L12,10 L9,10 L9,12 Z M6,10 L9,10 L9,8 L6,8 L6,10 Z M9,8 L12,8 L12,6 L9,6 L9,8 Z M6,6 L6,4 L9,4 L9,6 L6,6 Z M6,16 L12,16 L12,20 C12,20.5522847 11.5522847,21 11,21 L7,21 C6.44771525,21 6,20.5522847 6,20 L6,16 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 6H16V2ZM9 4H6V2H9V4ZM9 6V4H12V6H9ZM9 8H6V6H9V8ZM9 10V8H12V10H9ZM9 12H6V10H9V12ZM9 14V12H12V14H9ZM9 14V16H6V14H9ZM12 16H10V20H8V18H6V21C6 21.5523 6.44772 22 7 22H11C11.5523 22 12 21.5523 12 21V16Z",
+        fill: "currentColor"
+    }) : React.createElement(Fragment, null, React.createElement("path", {
+        d: "M9 6V4H6V6H9Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M9 8H12V6H9V8Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M9 10V8H6V10H9Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M9 12H12V10H9V12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M9 12H6V14H9V12Z",
+        fill: "currentColor"
+    }), React.createElement("path", {
+        d: "M10 14H12V19C12 19.5523 11.5523 20 11 20H7C6.44772 20 6 19.5523 6 19V16H8V18H10V14Z",
+        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 22V2ZM9 2H4V22H20V6H16V2H12V4H9V2Z",
+        fill: "currentColor"
+    })));
 }

package/dist/components/icon/icon.component.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
 import { type IconProps } from './icon.types.js';
 export declare function Icon({ copyrightYear, xmlns, viewBox, role, focusable, children, className, size, color, ...props }: IconProps): JSX.Element;

package/dist/components/icon/icon.stories.d.ts

@@ -15,3 +15,7 @@ export declare const WithPrimaryColorStory: Story;
  * > With large size example
  */
 export declare const WithDifferentSizeStory: Story;
+/**
+ * > With outlined look example
+ */
+export declare const WithOutlinedLookStory: Story;

package/dist/components/icon/icon.stories.js

@@ -147,3 +147,8 @@ export const WithDifferentSizeStory = {
         size: 'xlarge'
     }
 };
+export const WithOutlinedLookStory = {
+    args: {
+        look: 'outlined'
+    }
+};

package/dist/components/icon/icon.styles.d.ts

@@ -28,7 +28,7 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
         primary: string;
         text: string;
     };
-}, undefined, "rounded transition-colors disabled:pointer-events-none disabled:opacity-50", {
+}, undefined, "inline-block rounded transition-colors disabled:pointer-events-none disabled:opacity-50", {
     responsiveVariants: string[];
 }, {
     size: {

package/dist/components/icon/icon.styles.js

@@ -1,6 +1,6 @@
 import { tv } from 'tailwind-variants';
 export const styles = tv({
-    base: 'rounded transition-colors disabled:pointer-events-none disabled:opacity-50',
+    base: 'inline-block rounded transition-colors disabled:pointer-events-none disabled:opacity-50',
     variants: {
         size: {
             xsmall: 'h-2 w-2',

package/dist/components/icon/icon.types.d.ts

@@ -10,4 +10,8 @@ export type IconProps = SVGAttributes<SVGElement> & {
      * The icon SVG metadata copyright year text
      */
     copyrightYear?: string;
+    /**
+     * Icon look variation. Defaults to filled
+     */
+    look?: 'filled' | 'outlined';
 } & VariantProps<typeof styles>;

package/dist/components/icon/index.d.ts

@@ -5,38 +5,56 @@ export { AddIcon } from './components/add-icon.js';
 export { AlertIcon } from './components/alert-icon.js';
 export { AndroidIcon } from './components/android-icon.js';
 export { AppleIcon } from './components/apple-icon.js';
+export { ArchiveBoxIcon } from './components/archive-box-icon.js';
+export { ArrowForkIcon } from './components/arrow-fork-icon.js';
 export { ArrowLeftIcon } from './components/arrow-left-icon.js';
 export { ArrowRightIcon } from './components/arrow-right-icon.js';
+export { ArrowSplitIcon } from './components/arrow-split-icon.js';
 export { AtmIcon } from './components/atm-icon.js';
+export { AttacheCaseIcon } from './components/attache-case-icon.js';
 export { AustraliaIcon } from './components/australia-icon.js';
+export { BabyBuggyIcon } from './components/baby-buggy-icon.js';
 export { BackspaceIcon } from './components/backspace-icon.js';
 export { BankIcon } from './components/bank-icon.js';
+export { BarChartDownIcon } from './components/bar-chart-down-icon.js';
 export { BarChartIcon } from './components/bar-chart-icon.js';
+export { BarbellIcon } from './components/barbell-icon.js';
 export { BookIcon } from './components/book-icon.js';
 export { BpayIcon } from './components/bpay-icon.js';
+export { BriefcaseIcon } from './components/briefcase-icon.js';
+export { BugReportIcon } from './components/bug-report-icon.js';
+export { BurgerIcon } from './components/burger-icon.js';
 export { BusinessPersonIcon } from './components/business-person-icon.js';
 export { CafeIcon } from './components/cafe-icon.js';
+export { CakeIcon } from './components/cake-icon.js';
+export { CalculateIcon } from './components/calculate-icon.js';
 export { CalculatorIcon } from './components/calculator-icon.js';
 export { CalendarIcon } from './components/calendar-icon.js';
 export { CameraIcon } from './components/camera-icon.js';
 export { CarIcon } from './components/car-icon.js';
+export { CardlessCashIcon } from './components/cardless-cash-icon.js';
+export { CartIcon } from './components/cart-icon.js';
 export { ChatIcon } from './components/chat-icon.js';
-export { ClearCircleIcon } from './components/clear-circle-icon.js';
+export { CheckIcon } from './components/check-icon.js';
 export { ClearIcon } from './components/clear-icon.js';
 export { ClockIcon } from './components/clock-icon.js';
 export { CloseIcon } from './components/close-icon.js';
+export { CocktailGlassIcon } from './components/cocktail-glass-icon.js';
 export { CompassIcon } from './components/compass-icon.js';
 export { ContactIcon } from './components/contact-icon.js';
-export { CopyContentIcon } from './components/copy-content-icon.js';
+export { ContentCopyIcon } from './components/content-copy-icon.js';
 export { CreditCardIcon } from './components/credit-card-icon.js';
 export { CubeIcon } from './components/cube-icon.js';
 export { CursorArrowClickIcon } from './components/cursor-arrow-click-icon.js';
-export { CursorArrowDoubleClickIcon } from './components/cursor-arrow-double-click-icon.js';
+export { CursorArrowDoubleclickIcon } from './components/cursor-arrow-doubleclick-icon.js';
 export { CursorArrowIcon } from './components/cursor-arrow-icon.js';
 export { CursorArrowRaysIcon } from './components/cursor-arrow-rays-icon.js';
 export { DeleteIcon } from './components/delete-icon.js';
+export { DeliveryTruckIcon } from './components/delivery-truck-icon.js';
 export { DesktopIcon } from './components/desktop-icon.js';
+export { DiamondIcon } from './components/diamond-icon.js';
 export { DollarIcon } from './components/dollar-icon.js';
+export { DollarSignIcon } from './components/dollar-sign-icon.js';
 export { DownloadFileIcon } from './components/download-file-icon.js';
 export { DownloadIcon } from './components/download-icon.js';
 export { DragIcon } from './components/drag-icon.js';
@@ -44,6 +62,7 @@ export { DropDownIcon } from './components/drop-down-icon.js';
 export { DropUpIcon } from './components/drop-up-icon.js';
 export { DropboxIcon } from './components/dropbox-icon.js';
 export { EditIcon } from './components/edit-icon.js';
+export { EducationIcon } from './components/education-icon.js';
 export { EftposIcon } from './components/eftpos-icon.js';
 export { EmailIcon } from './components/email-icon.js';
 export { ErrorIcon } from './components/error-icon.js';
@@ -53,9 +72,11 @@ export { ExpandLessIcon } from './components/expand-less-icon.js';
 export { ExpandMoreIcon } from './components/expand-more-icon.js';
 export { FaceHappyIcon } from './components/face-happy-icon.js';
 export { FacebookIcon } from './components/facebook-icon.js';
-export { FavouriteIcon } from './components/favourite-icon.js';
+export { FavoriteIcon } from './components/favorite-icon.js';
 export { FilterIcon } from './components/filter-icon.js';
 export { FingerprintIcon } from './components/fingerprint-icon.js';
+export { FirstAidCaseIcon } from './components/first-aid-case-icon.js';
+export { FirstAidIcon } from './components/first-aid-icon.js';
 export { FutureClockIcon } from './components/future-clock-icon.js';
 export { GelIcon } from './components/gel-icon.js';
 export { GenericFileIcon } from './components/generic-file-icon.js';
@@ -68,30 +89,44 @@ export { GridIcon } from './components/grid-icon.js';
 export { GrowthIcon } from './components/growth-icon.js';
 export { HamburgerMenuIcon } from './components/hamburger-menu-icon.js';
 export { HeadsetIcon } from './components/headset-icon.js';
+export { HeartAddIcon } from './components/heart-add-icon.js';
+export { HeartTickIcon } from './components/heart-tick-icon.js';
 export { HelpIcon } from './components/help-icon.js';
 export { HistoryClockIcon } from './components/history-clock-icon.js';
+export { HouseDollarIcon } from './components/house-dollar-icon.js';
 export { HouseIcon } from './components/house-icon.js';
+export { HousePeopleIcon } from './components/house-people-icon.js';
+export { HousePersonIcon } from './components/house-person-icon.js';
+export { IceCreamIcon } from './components/ice-cream-icon.js';
 export { IdCardIcon } from './components/id-card-icon.js';
 export { ImageSquareIcon } from './components/image-square-icon.js';
 export { InfoIcon } from './components/info-icon.js';
 export { InstagramIcon } from './components/instagram-icon.js';
+export { InventoryIcon } from './components/inventory-icon.js';
 export { InvestIcon } from './components/invest-icon.js';
+export { InvoiceIcon } from './components/invoice-icon.js';
 export { KeyIcon } from './components/key-icon.js';
 export { KeyholeIcon } from './components/keyhole-icon.js';
+export { LeafIcon } from './components/leaf-icon.js';
 export { LightBulbIcon } from './components/light-bulb-icon.js';
 export { LimitIcon } from './components/limit-icon.js';
 export { LinkIcon } from './components/link-icon.js';
 export { LinkedinIcon } from './components/linkedin-icon.js';
 export { ListIcon } from './components/list-icon.js';
 export { LiveChatIcon } from './components/live-chat-icon.js';
+export { LuggageIcon } from './components/luggage-icon.js';
 export { MapIcon } from './components/map-icon.js';
 export { MapPinIcon } from './components/map-pin-icon.js';
+export { MedicalIcon } from './components/medical-icon.js';
+export { MegaphoneIcon } from './components/megaphone-icon.js';
 export { MessageIcon } from './components/message-icon.js';
 export { MobilePayIcon } from './components/mobile-pay-icon.js';
+export { MoneyBagIcon } from './components/money-bag-icon.js';
 export { MoneyInIcon } from './components/money-in-icon.js';
+export { MoneyNotesIcon } from './components/money-notes-icon.js';
 export { MoneyOutIcon } from './components/money-out-icon.js';
-export { MoreHorizontalIcon } from './components/more-horizontal-icon.js';
-export { MoreVerticalIcon } from './components/more-vertical-icon.js';
+export { MoreHorizIcon } from './components/more-horiz-icon.js';
+export { MoreVertIcon } from './components/more-vert-icon.js';
 export { MoveFromIcon } from './components/move-from-icon.js';
 export { MoveToIcon } from './components/move-to-icon.js';
 export { NewContentIcon } from './components/new-content-icon.js';
@@ -101,11 +136,15 @@ export { NotificationIcon } from './components/notification-icon.js';
 export { NotificationOffIcon } from './components/notification-off-icon.js';
 export { OfficeIcon } from './components/office-icon.js';
 export { OpenBrowserIcon } from './components/open-browser-icon.js';
+export { PackageDeliveryIcon } from './components/package-delivery-icon.js';
 export { PadlockIcon } from './components/padlock-icon.js';
 export { PadlockOpenIcon } from './components/padlock-open-icon.js';
+export { PadlockTickIcon } from './components/padlock-tick-icon.js';
 export { PauseCircleIcon } from './components/pause-circle-icon.js';
 export { PauseIcon } from './components/pause-icon.js';
+export { PawIcon } from './components/paw-icon.js';
 export { PayIcon } from './components/pay-icon.js';
+export { PayIdIcon } from './components/pay-id-icon.js';
 export { PayToMobileIcon } from './components/pay-to-mobile-icon.js';
 export { PaypassIcon } from './components/paypass-icon.js';
 export { PdfFileIcon } from './components/pdf-file-icon.js';
@@ -115,18 +154,23 @@ export { PercentIcon } from './components/percent-icon.js';
 export { PersonIcon } from './components/person-icon.js';
 export { PhoneIcon } from './components/phone-icon.js';
 export { PieChartIcon } from './components/pie-chart-icon.js';
+export { PizzaIcon } from './components/pizza-icon.js';
 export { PlaneIcon } from './components/plane-icon.js';
 export { PlayCircleIcon } from './components/play-circle-icon.js';
 export { PlayIcon } from './components/play-icon.js';
+export { PramIcon } from './components/pram-icon.js';
 export { PresetsIcon } from './components/presets-icon.js';
 export { PrintIcon } from './components/print-icon.js';
 export { ProgressIcon } from './components/progress-icon.js';
+export { QuestionMarkIcon } from './components/question-mark-icon.js';
 export { QuickBalanceIcon } from './components/quick-balance-icon.js';
 export { ReceiptIcon } from './components/receipt-icon.js';
 export { RefreshIcon } from './components/refresh-icon.js';
 export { RemoveCircleIcon } from './components/remove-circle-icon.js';
 export { RemoveIcon } from './components/remove-icon.js';
+export { RestaurantIcon } from './components/restaurant-icon.js';
 export { RssIcon } from './components/rss-icon.js';
+export { ScanDocumentIcon } from './components/scan-document-icon.js';
 export { SdStorageIcon } from './components/sd-storage-icon.js';
 export { SearchIcon } from './components/search-icon.js';
 export { SecurityIcon } from './components/security-icon.js';
@@ -135,18 +179,23 @@ export { SettingsIcon } from './components/settings-icon.js';
 export { ShareIcon } from './components/share-icon.js';
 export { ShareIosIcon } from './components/share-ios-icon.js';
 export { ShopIcon } from './components/shop-icon.js';
+export { ShoppingBagIcon } from './components/shopping-bag-icon.js';
+export { ShoppingBasketIcon } from './components/shopping-basket-icon.js';
 export { SimCardIcon } from './components/sim-card-icon.js';
 export { SlackIcon } from './components/slack-icon.js';
 export { SmsIcon } from './components/sms-icon.js';
-export { StarEmptyIcon } from './components/star-empty-icon.js';
+export { SpaIcon } from './components/spa-icon.js';
 export { StarHalfIcon } from './components/star-half-icon.js';
-export { StarIcon } from './components/star-icon.js';
+export { StarRateIcon } from './components/star-rate-icon.js';
 export { StopwatchIcon } from './components/stopwatch-icon.js';
+export { StrollerIcon } from './components/stroller-icon.js';
 export { SuccessIcon } from './components/success-icon.js';
 export { SuperIcon } from './components/super-icon.js';
 export { SwitchIcon } from './components/switch-icon.js';
 export { TabletIcon } from './components/tablet-icon.js';
-export { TakeOutIcon } from './components/take-out-icon.js';
+export { TagIcon } from './components/tag-icon.js';
+export { TakeoutCoffeeIcon } from './components/takeout-coffee-icon.js';
+export { TakeoutFoodIcon } from './components/takeout-food-icon.js';
 export { TelephoneIcon } from './components/telephone-icon.js';
 export { ThumbDownIcon } from './components/thumb-down-icon.js';
 export { ThumbUpIcon } from './components/thumb-up-icon.js';
@@ -154,6 +203,8 @@ export { TickCircleIcon } from './components/tick-circle-icon.js';
 export { TickIcon } from './components/tick-icon.js';
 export { TransferIcon } from './components/transfer-icon.js';
 export { TransportIcon } from './components/transport-icon.js';
+export { TravelExploreIcon } from './components/travel-explore-icon.js';
+export { TuneIcon } from './components/tune-icon.js';
 export { TwitterIcon } from './components/twitter-icon.js';
 export { UmbrellaIcon } from './components/umbrella-icon.js';
 export { UploadIcon } from './components/upload-icon.js';
@@ -169,9 +220,16 @@ export { WatchIcon } from './components/watch-icon.js';
 export { WearableIcon } from './components/wearable-icon.js';
 export { WheelchairIcon } from './components/wheelchair-icon.js';
 export { WindowsNewIcon } from './components/windows-new-icon.js';
+export { WineGlassIcon } from './components/wine-glass-icon.js';
 export { WordFileIcon } from './components/word-file-icon.js';
 export { WriteIcon } from './components/write-icon.js';
 export { YammerIcon } from './components/yammer-icon.js';
 export { YoutubeIcon } from './components/youtube-icon.js';
 export { ZipFileIcon } from './components/zip-file-icon.js';
+export { BOMLogoIcon } from './components/bom-logo-icon.js';
+export { BSALogoIcon } from './components/bsa-logo-icon.js';
+export { RAMSLogoIcon } from './components/rams-logo-icon.js';
+export { STGLogoIcon } from './components/stg-logo-icon.js';
+export { WBCLogoIcon } from './components/wbc-logo-icon.js';
+export { WBGLogoIcon } from './components/wbg-logo-icon.js';
 export { type IconProps } from './icon.types.js';