@westpac/ui 0.2.0 → 0.3.0

package/dist/components/symbol/components/symbols/pay-id-symbol.js

@@ -0,0 +1,27 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const PayIDSymbol = ({ 'aria-label': ariaLabel = 'PayID' , copyrightYear ='' , viewBoxWidth =90 , viewBoxHeight =42 , className , ...props })=>React.createElement(Symbol, _extends({
+        className: clsx('h-[42px] w-[90px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight
+    }, props), React.createElement("path", {
+        fillRule: "evenodd",
+        d: "M24.5166606 30.5143057h-.0866973c-.347945.6198226-.908422 1.1282592-1.6809358 1.5249788-.7730092.3963886-1.6518715.5951621-2.6372477.5951621-.560477 0-1.1447339-.0723264-1.753266-.2176413-.6085321-.1454804-1.1691744-.3872857-1.6807707-.7262434-.5120917-.3384612-.9373211-.7841708-1.2751926-1.3359701-.3382019-.5517994-.5071377-1.2343491-.5071377-2.0478145 0-1.0455059.2942753-1.8778391.8839817-2.4976617.5888807-.6194916 1.3473578-1.0938338 2.2749358-1.4231922.9272477-.3290273 1.956055-.5469996 3.0862569-.6535859 1.1302018-.1062553 2.2361284-.159714 3.3182752-.159714v-.3487226c0-.8712273-.3142569-1.5147174-.9417798-1.9314633-.6281835-.4159183-1.3765872-.6244568-2.2460367-.6244568-.7345321 0-1.4395046.1554108-2.115578.4647428-.6765688.3099941-1.2365505.6876804-1.6807707 1.1328934l-1.7968623-2.1204719c.792-.7355118 1.7048807-1.2874766 2.7386422-1.655398 1.0334312-.3675904 2.0815596-.5517994 3.1443853-.5517994 1.236055 0 2.2554495.1741131 3.0573578.5228357.8014128.3483916 1.4345504.8037006 1.8980917 1.3649338.4637064.5618953.7870459 1.1909862.9710092 1.887935.1833028.6971142.2752844 1.3942285.2752844 2.0913427v8.4810601h-3.2459449v-1.7717493zm-.0577982-4.5891699v.493872c0 1.1035987-.3093028 1.9749915-.9274129 2.6140129-.6186055.6390214-1.5263669.9584493-2.7241101.9584493-.2898165 0-.579633-.0289636-.8694495-.0870565-.2898165-.0582583-.5505688-.1547488-.782422-.2904643-.2318532-.1352189-.4202752-.3144627-.5651009-.5374002-.1448257-.2222755-.2173211-.4983407-.2173211-.8278646 0-.5226701.1737247-.9337888.5215046-1.2341835.3477798-.2998981.7825871-.532435 1.3040917-.6972797.5218349-.1641827 1.0913945-.270769 1.71-.3192624.6181101-.0481625 1.207156-.072823 1.767633-.072823h.7825872zm4.338-7.5807036h3.8541468l3.8835413 10.1367892h.0579633l3.4487339-10.1367892h3.6224587l-6.5785871 16.933322c-.2513395.6388559-.5215046 1.2052198-.8113211 1.6990918-.2898165.4937065-.6377615.9099559-1.0433395 1.2489136-.4057431.3384612-.8838165.5954932-1.4347156.7696062-.5505688.1742786-1.2124403.2613351-1.9849541.2613351-.2899817 0-.5847523-.0143991-.8839817-.0433628-.2997247-.0291291-.6040734-.0827533-.9128807-.1597139l.2898165-3.0206629c.2318532.0769606.4587523.1305848.6810275.159714.221945.0289636.4298533.0435282.6230643.0435282.3667706 0 .6760734-.0435282.9274128-.1305848.250844-.0873875.4637064-.2229375.6374312-.4068154.174055-.1843745.3284587-.4116152.4638716-.6825497.1349174-.2712655.2799082-.5910244.4346422-.9584493l.6955596-1.7717493-5.9698899-13.9416228zM0 11.7221779h6.69451376c1.17809174 0 2.24091743.1069173 3.18781652.3194279.94623852.2135037 1.75772472.5620608 2.43429362 1.0458369.6760733.4841071 1.1975779 1.1037642 1.564844 1.8588058.3667706.7552071.5505688 1.665494.5505688 2.7303641 0 1.1426583-.2126973 2.1011077-.6374312 2.875348-.4252294.7747369-.9997431 1.3991937-1.724367 1.8733704-.7244587.4748388-1.5697981.8180997-2.53568804 1.0309413-.96638532.2133381-1.99023853.3197589-3.07188991.3197589H3.65168807v8.5100238H0V11.7221779zm6.20190826 8.9747666c.59862385 0 1.16851376-.0433628 1.70966972-.1305848.54082569-.0870565 1.02385321-.2419708 1.44908257-.4645773.42473395-.2222755.76293575-.5274699 1.01444035-.9149211.2506789-.3871202.3765138-.8904261.3765138-1.5102487 0-.6001273-.1258349-1.0891996-.3765138-1.4670514-.2515046-.3773553-.58475228-.6724537-.99990824-.8857919-.41565138-.2128416-.88893578-.3530258-1.42018349-.421049-.53157798-.0675268-1.07719266-.1017867-1.63733945-.1017867H3.65168807v5.8960109h2.55022019zM56.8667339 0h24c4.9705628 0 9 4.02943725 9 9v24c0 4.9705627-4.0294372 9-9 9h-24c-4.9705627 0-9-4.0294373-9-9V9c0-4.97056275 4.0294373-9 9-9zm8.8024914 10.2191433v15.0850358h2.7148967V12.7102486c2.3170281-.0176685 7.3666215.4616733 9.1495045 4.6932968l2.5018931-1.0538977c-1.3086146-3.1065607-4.0352903-5.1760742-7.8852248-5.9850659-2.7829532-.58453529-5.1865243-.3028197-5.2874638-.2907134l-1.1936057.1452749zm-8.5702066 1.7215408c0 1.120482.9084556 2.0291048 2.0290969 2.0291048s2.029097-.9086228 2.029097-2.0291048c0-1.1206457-.9084557-2.02910487-2.029097-2.02910487-1.1206413 0-2.0290969.90845917-2.0290969 2.02910487zm23.6021782 11.5581921l2.75416.0029448-3.8828176-4.8714549-3.8744741 4.8631114 2.2506076.002454c-.1048658.5635948-.2406516 1.0597872-.4003225 1.4344264-1.3727447 3.2238604-4.8197392 4.8585307-10.2444611 4.8585307h-6.9128026V17.5175731h-2.7148967v14.9862228h9.6276993c6.61571 0 10.9029401-2.1902488 12.7424278-6.5097244.28515-.6699334.5082967-1.5343848.6548799-2.4951953z"
+    }));

package/dist/components/symbol/components/symbols/slack-symbol.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type SymbolProps } from '../../symbol.types.js';
+export declare const SlackSymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => JSX.Element;

package/dist/components/symbol/components/symbols/slack-symbol.js

@@ -0,0 +1,44 @@
+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 { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const SlackSymbol = ({ 'aria-label': ariaLabel = 'Slack' , copyrightYear ='' , viewBoxWidth =32 , viewBoxHeight =32 , className , ...props })=>React.createElement(Symbol, _extends({
+        className: clsx('h-[32px] w-[32px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight
+    }, props), React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("rect", {
+        width: "32",
+        height: "32",
+        fill: "#611F69",
+        rx: "2"
+    }), React.createElement("path", {
+        fill: "#E01E5A",
+        d: "M10.5762712,19.2372881 C10.5762712,18.0338983 11.559322,17.0508475 12.7627119,17.0508475 C13.9661017,17.0508475 14.9491525,18.0338983 14.9491525,19.2372881 L14.9491525,24.7118644 C14.9491525,25.9152542 13.9661017,26.8983051 12.7627119,26.8983051 C11.559322,26.8983051 10.5762712,25.9152542 10.5762712,24.7118644 L10.5762712,19.2372881 Z M9.47457627,19.2372881 C9.47457627,20.440678 8.49152542,21.4237288 7.28813559,21.4237288 C6.08474576,21.4237288 5.10169492,20.440678 5.10169492,19.2372881 C5.10169492,18.0338983 6.08474576,17.0508475 7.28813559,17.0508475 L9.47457627,17.0508475 L9.47457627,19.2372881 Z"
+    }), React.createElement("path", {
+        fill: "#36C5F0",
+        d: "M12.7627119,10.5762712 C13.9661017,10.5762712 14.9491525,11.559322 14.9491525,12.7627119 C14.9491525,13.9661017 13.9661017,14.9491525 12.7627119,14.9491525 L7.28813559,14.9491525 C6.08474576,14.9491525 5.10169492,13.9661017 5.10169492,12.7627119 C5.10169492,11.559322 6.08474576,10.5762712 7.28813559,10.5762712 L12.7627119,10.5762712 Z M12.7627119,9.47457627 C11.559322,9.47457627 10.5762712,8.49152542 10.5762712,7.28813559 C10.5762712,6.08474576 11.559322,5.10169492 12.7627119,5.10169492 C13.9661017,5.10169492 14.9491525,6.08474576 14.9491525,7.28813559 L14.9491525,9.47457627 L12.7627119,9.47457627 Z"
+    }), React.createElement("path", {
+        fill: "#2EB67D",
+        d: "M22.5254237,12.7627119 C22.5254237,11.559322 23.5084746,10.5762712 24.7118644,10.5762712 C25.9152542,10.5762712 26.8983051,11.559322 26.8983051,12.7627119 C26.8983051,13.9661017 25.9152542,14.9491525 24.7118644,14.9491525 L22.5254237,14.9491525 L22.5254237,12.7627119 Z M21.4237288,12.7627119 C21.4237288,13.9661017 20.440678,14.9491525 19.2372881,14.9491525 C18.0338983,14.9491525 17.0508475,13.9661017 17.0508475,12.7627119 L17.0508475,7.28813559 C17.0508475,6.08474576 18.0338983,5.10169492 19.2372881,5.10169492 C20.440678,5.10169492 21.4237288,6.08474576 21.4237288,7.28813559 L21.4237288,12.7627119 Z"
+    }), React.createElement("path", {
+        fill: "#ECB22E",
+        d: "M19.2372881,21.4237288 C18.0338983,21.4237288 17.0508475,20.440678 17.0508475,19.2372881 C17.0508475,18.0338983 18.0338983,17.0508475 19.2372881,17.0508475 L24.7118644,17.0508475 C25.9152542,17.0508475 26.8983051,18.0338983 26.8983051,19.2372881 C26.8983051,20.440678 25.9152542,21.4237288 24.7118644,21.4237288 L19.2372881,21.4237288 Z M19.2372881,22.5254237 C20.440678,22.5254237 21.4237288,23.5084746 21.4237288,24.7118644 C21.4237288,25.9152542 20.440678,26.8983051 19.2372881,26.8983051 C18.0338983,26.8983051 17.0508475,25.9152542 17.0508475,24.7118644 L17.0508475,22.5254237 L19.2372881,22.5254237 Z"
+    })));

package/dist/components/symbol/components/symbols/twitter-symbol.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type SymbolProps } from '../../symbol.types.js';
+export declare const TwitterSymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => JSX.Element;

package/dist/components/symbol/components/symbols/twitter-symbol.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 { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const TwitterSymbol = ({ 'aria-label': ariaLabel = 'Twitter' , copyrightYear ='' , viewBoxWidth =32 , viewBoxHeight =32 , className , ...props })=>React.createElement(Symbol, _extends({
+        className: clsx('h-[32px] w-[32px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight
+    }, props), React.createElement("g", {
+        fillRule: "nonzero",
+        fill: "none"
+    }, React.createElement("rect", {
+        fill: "#0BABE3",
+        width: "32",
+        height: "32",
+        rx: "2"
+    }), React.createElement("path", {
+        d: "M26.7 9.5c-.8.338-1.64.573-2.5.7.916-.53 1.596-1.387 1.9-2.4-.862.528-1.81.9-2.8 1.1-.81-.914-1.98-1.425-3.2-1.4-2.42.022-4.378 1.98-4.4 4.4-.016.336.017.673.1 1-3.522-.167-6.802-1.843-9-4.6-.41.66-.618 1.424-.6 2.2.016 1.488.764 2.872 2 3.7-.696-.01-1.38-.183-2-.5v.1c.003 2.08 1.463 3.874 3.5 4.3-.39.115-.793.182-1.2.2-.27.02-.543-.013-.8-.1.598 1.764 2.238 2.964 4.1 3-1.533 1.227-3.437 1.897-5.4 1.9-.337.022-.674-.012-1-.1 2 1.287 4.322 1.98 6.7 2 3.29.024 6.457-1.26 8.802-3.57 2.344-2.312 3.674-5.46 3.698-8.75v-.78c.803-.704 1.51-1.51 2.1-2.4",
+        fill: "#FFF"
+    })));

package/dist/components/symbol/components/symbols/visa-blue-symbol.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type SymbolProps } from '../../symbol.types.js';
+export declare const VisaBlueSymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => JSX.Element;

package/dist/components/symbol/components/symbols/visa-blue-symbol.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 { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const VisaBlueSymbol = ({ 'aria-label': ariaLabel = 'Visa' , copyrightYear ='' , viewBoxWidth =80 , viewBoxHeight =37 , className , ...props })=>React.createElement(Symbol, _extends({
+        className: clsx('h-[37px] w-[80px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight
+    }, props), React.createElement("g", {
+        fill: "none"
+    }, React.createElement("path", {
+        fill: "#1A1F71",
+        d: "M0 37h80V0H0"
+    }), React.createElement("path", {
+        d: "M38.527 7.93l-4.46 20.854H28.67L33.128 7.93h5.4zM61.22 21.392l2.838-7.827 1.64 7.827h-4.48zm6.024 7.392h4.982L67.87 7.93h-4.6c-1.037 0-1.913.602-2.3 1.53l-8.09 19.324h5.664l1.124-3.115h6.92l.656 3.114zm-14.084-6.81c.022-5.505-7.61-5.806-7.56-8.268.02-.744.736-1.544 2.287-1.747.774-.1 2.906-.177 5.323.933l.945-4.426c-1.3-.46-2.967-.92-5.047-.92-5.33 0-9.083 2.83-9.115 6.894-.03 3.002 2.68 4.68 4.722 5.674 2.102 1.03 2.81 1.678 2.8 2.593-.017 1.4-1.68 2.017-3.228 2.043-2.714.043-4.284-.735-5.542-1.32l-.973 4.572c1.26.583 3.585 1.087 5.994 1.113 5.667 0 9.373-2.802 9.394-7.14zM30.814 7.93L22.08 28.784h-5.703l-4.304-16.642c-.256-1.025-.485-1.4-1.28-1.833-1.298-.706-3.44-1.363-5.328-1.778l.132-.602h9.183c1.167 0 2.218.777 2.486 2.126l2.27 12.063 5.615-14.19h5.664z",
+        fill: "#FFF"
+    })));

package/dist/components/symbol/components/symbols/visa-symbol.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type SymbolProps } from '../../symbol.types.js';
+export declare const VisaSymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => JSX.Element;

package/dist/components/symbol/components/symbols/visa-symbol.js

@@ -0,0 +1,27 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+import { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const VisaSymbol = ({ 'aria-label': ariaLabel = 'Visa' , copyrightYear ='' , viewBoxWidth =80 , viewBoxHeight =26 , className , ...props })=>React.createElement(Symbol, _extends({
+        className: clsx('h-[26px] w-[80px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight
+    }, props), React.createElement("path", {
+        d: "M39.617.453l-5.35 24.99h-6.463L33.146.453h6.47zm27.19 16.132L70.21 7.2l1.964 9.385h-5.366zm7.22 8.858H80L74.778.453h-5.513c-1.24 0-2.29.718-2.754 1.832l-9.693 23.158h6.785l1.346-3.732h8.292l.787 3.733zm-16.877-8.16c.03-6.597-9.115-6.963-9.057-9.908.022-.896.88-1.85 2.738-2.093.93-.123 3.488-.214 6.382 1.123L58.345 1.1C56.785.54 54.788 0 52.295 0c-6.39 0-10.88 3.387-10.922 8.256-.038 3.592 3.213 5.605 5.657 6.798 2.52 1.228 3.366 2.015 3.357 3.108-.017 1.672-2.015 2.412-3.866 2.448-3.254.05-5.135-.88-6.64-1.58l-1.17 5.477c1.51.693 4.298 1.298 7.183 1.33 6.79 0 11.234-3.36 11.257-8.554zM30.373.453l-10.468 24.99H13.07L7.915 5.5c-.31-1.228-.584-1.676-1.532-2.196C4.823 2.46 2.256 1.668 0 1.174l.156-.72h11c1.398 0 2.663.93 2.98 2.547l2.726 14.457L23.586.453h6.787z",
+        fill: "#1A1F71"
+    }));

package/dist/components/symbol/components/symbols/visa-white-symbol.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type SymbolProps } from '../../symbol.types.js';
+export declare const VisaWhiteSymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => JSX.Element;

package/dist/components/symbol/components/symbols/visa-white-symbol.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 { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const VisaWhiteSymbol = ({ 'aria-label': ariaLabel = 'Visa' , copyrightYear ='' , viewBoxWidth =80 , viewBoxHeight =37 , className , ...props })=>React.createElement(Symbol, _extends({
+        className: clsx('h-[44px] w-[122px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight
+    }, props), React.createElement("g", {
+        fill: "none"
+    }, React.createElement("path", {
+        fill: "#FFF",
+        d: "M0 37h80V0H0"
+    }), React.createElement("path", {
+        d: "M38.527 7.93l-4.46 20.854H28.67L33.128 7.93h5.4zM61.22 21.392l2.838-7.827 1.64 7.827h-4.48zm6.024 7.392h4.982L67.87 7.93h-4.6c-1.037 0-1.913.602-2.3 1.53l-8.09 19.324h5.664l1.124-3.115h6.92l.656 3.114zm-14.084-6.81c.022-5.505-7.61-5.806-7.56-8.268.02-.744.736-1.544 2.287-1.747.774-.1 2.906-.177 5.323.933l.945-4.426c-1.3-.46-2.967-.92-5.047-.92-5.33 0-9.083 2.83-9.115 6.894-.03 3.002 2.68 4.68 4.722 5.674 2.102 1.03 2.81 1.678 2.8 2.593-.017 1.4-1.68 2.017-3.228 2.043-2.714.043-4.284-.735-5.542-1.32l-.973 4.572c1.26.583 3.585 1.087 5.994 1.113 5.667 0 9.373-2.802 9.394-7.14zM30.814 7.93L22.08 28.784h-5.703l-4.304-16.642c-.256-1.025-.485-1.4-1.28-1.833-1.298-.706-3.44-1.363-5.328-1.778l.132-.602h9.183c1.167 0 2.218.777 2.486 2.126l2.27 12.063 5.615-14.19h5.664z",
+        fill: "#1A1F71"
+    })));

package/dist/components/symbol/components/symbols/yammer-symbol.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type SymbolProps } from '../../symbol.types.js';
+export declare const YammerSymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => JSX.Element;

package/dist/components/symbol/components/symbols/yammer-symbol.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 { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const YammerSymbol = ({ 'aria-label': ariaLabel = 'Yammer' , copyrightYear ='' , viewBoxWidth =32 , viewBoxHeight =32 , className , ...props })=>React.createElement(Symbol, _extends({
+        className: clsx('h-[32px] w-[32px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight
+    }, props), React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("rect", {
+        fill: "#0072C6",
+        width: "32",
+        height: "32",
+        rx: "2"
+    }), React.createElement("path", {
+        d: "M27.95 17.994c-3.018 0-7.253-.338-7.597-1.03-.344-.702 6.532-1.456 7.49-1.458.056 0 .11 0 .163.003.534.117.95.575.99 1.15.044.652-.414 1.224-1.046 1.334M25.95 24.456c-.313.484-.897.686-1.424.533-.046-.026-.094-.05-.145-.08-.837-.46-6.502-4.43-5.863-4.877.636-.445 4.51 1.3 7.157 2.75.5.4.628 1.122.275 1.673M17.925 7.706l-6.023 15.026c-1.02 2.595-2.04 4.373-5.128 4.373-.41 0-.865-.03-1.31-.107-.613-.176-.975-.812-.808-1.43.146-.542.65-.894 1.19-.866.037.003.6.037.762.037 1.675 0 2.405-1.043 3.192-3.267L4.193 7.793c-.226-.693.128-1.447.817-1.706.672-.252 1.418.032 1.72.67L11.18 18h.067L15.48 6.84c.238-.646.942-.984 1.607-.772.677.217 1.055.957.838 1.638M24.38 8.716l.146-.076c.527-.153 1.11.047 1.423.532.352.55.225 1.273-.276 1.674-2.647 1.45-6.52 3.193-7.157 2.75-.64-.45 5.026-4.418 5.864-4.88",
+        fill: "#FFF"
+    })));

package/dist/components/symbol/components/symbols/youtube-symbol.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type SymbolProps } from '../../symbol.types.js';
+export declare const YouTubeSymbol: ({ "aria-label": ariaLabel, copyrightYear, viewBoxWidth, viewBoxHeight, className, ...props }: SymbolProps) => JSX.Element;

package/dist/components/symbol/components/symbols/youtube-symbol.js

@@ -0,0 +1,51 @@
+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 { clsx } from 'clsx';
+import React from 'react';
+import { Symbol } from '../../symbol.component.js';
+export const YouTubeSymbol = ({ 'aria-label': ariaLabel = 'YouTube' , copyrightYear ='' , viewBoxWidth =32 , viewBoxHeight =32 , className , ...props })=>React.createElement(Symbol, _extends({
+        className: clsx('h-[32px] w-[32px]', className),
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear,
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight
+    }, props), React.createElement("defs", null, React.createElement("linearGradient", {
+        x1: "50%",
+        y1: "0%",
+        x2: "50%",
+        y2: "100%",
+        id: "YouTubeSymbol"
+    }, React.createElement("stop", {
+        stopColor: "#E52D27",
+        offset: "0%"
+    }), React.createElement("stop", {
+        stopColor: "#B31217",
+        offset: "100%"
+    }))), React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("rect", {
+        fill: "url(#YouTubeSymbol)",
+        width: "32",
+        height: "32",
+        rx: "2"
+    }), React.createElement("path", {
+        fillOpacity: ".25",
+        fill: "#000",
+        d: "M13.5 12.5l6 4.5.5-1"
+    }), React.createElement("path", {
+        d: "M15.995 7.5h.01s5.038 0 8.397.244c.47.057 1.492.062 2.404 1.024.72.733.954 2.398.954 2.398s.24 1.956.24 3.91v1.835c0 1.956-.24 3.91-.24 3.91s-.234 1.667-.954 2.4c-.912.962-1.935.967-2.404 1.023-3.36.245-8.402.253-8.402.253s-6.24-.058-8.16-.243c-.534-.1-1.733-.07-2.646-1.033-.72-.733-.954-2.4-.954-2.4S4 18.867 4 16.91v-1.833c0-1.955.24-3.91.24-3.91s.234-1.666.954-2.4c.913-.96 1.935-.966 2.404-1.023 3.36-.244 8.397-.244 8.397-.244zm-2.495 5v7L20 16l-6.5-3.5z",
+        fill: "#FFF"
+    })));

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

@@ -0,0 +1,47 @@
+export { AmericanExpressSymbol } from './components/symbols/american-express-symbol.js';
+export { AppleStoreInverseSymbol } from './components/symbols/apple-store-inverse-symbol.js';
+export { AppleStoreSymbol } from './components/symbols/apple-store-symbol.js';
+export { BOMLogo } from './components/logos/bom-logo.js';
+export { BOMMultibrandLargeLogo } from './components/logos/bom-multibrand-large-logo.js';
+export { BOMMultibrandSmallLogo } from './components/logos/bom-multibrand-small-logo.js';
+export { BOMShieldLogo } from './components/logos/bom-shield-logo.js';
+export { BPayLandSymbol } from './components/symbols/bpay-land-symbol.js';
+export { BPayPortSymbol } from './components/symbols/bpay-port-symbol.js';
+export { BSALogo } from './components/logos/bsa-logo.js';
+export { BSAMultibrandLargeLogo } from './components/logos/bsa-multibrand-large-logo.js';
+export { BSAMultibrandSmallLogo } from './components/logos/bsa-multibrand-small-logo.js';
+export { BSAStackedLogo } from './components/logos/bsa-stacked-logo.js';
+export { FacebookSymbol } from './components/symbols/facebook-symbol.js';
+export { GooglePlusSymbol } from './components/symbols/google-plus-symbol.js';
+export { InstagramSymbol } from './components/symbols/instagram-symbol.js';
+export { LinkedInSymbol } from './components/symbols/linked-in-symbol.js';
+export { MastercardAcceptedSymbol } from './components/symbols/mastercard-accepted-symbol.js';
+export { MastercardHorizontalSymbol } from './components/symbols/mastercard-horizontal-symbol.js';
+export { MastercardSymbol } from './components/symbols/mastercard-symbol.js';
+export { MicrosoftStoreSymbol } from './components/symbols/microsoft-store-symbol.js';
+export { PayIDSymbol } from './components/symbols/pay-id-symbol.js';
+export { RAMSLogo } from './components/logos/rams-logo.js';
+export { RAMSMultibrandLargeLogo } from './components/logos/rams-multibrand-large-logo.js';
+export { RAMSMultibrandSmallLogo } from './components/logos/rams-multibrand-small-logo.js';
+export { RedAvatarCircleLogo } from './components/logos/red-avatar-circle-logo.js';
+export { RedAvatarCircleReversedLogo } from './components/logos/red-avatar-circle-reversed-logo.js';
+export { RedAvatarLogo } from './components/logos/red-avatar-logo.js';
+export { SlackSymbol } from './components/symbols/slack-symbol.js';
+export { STGDragonLogo } from './components/logos/stg-dragon-logo.js';
+export { STGLogo } from './components/logos/stg-logo.js';
+export { STGMultibrandLargeLogo } from './components/logos/stg-multibrand-large-logo.js';
+export { STGMultibrandSmallLogo } from './components/logos/stg-multibrand-small-logo.js';
+export { TwitterSymbol } from './components/symbols/twitter-symbol.js';
+export { VisaBlueSymbol } from './components/symbols/visa-blue-symbol.js';
+export { VisaSymbol } from './components/symbols/visa-symbol.js';
+export { VisaWhiteSymbol } from './components/symbols/visa-white-symbol.js';
+export { WBCLogo } from './components/logos/wbc-logo.js';
+export { WBCMultibrandLargeLogo } from './components/logos/wbc-multibrand-large-logo.js';
+export { WBCMultibrandSmallLogo } from './components/logos/wbc-multibrand-small-logo.js';
+export { WBGInternalLogo } from './components/logos/wbg-internal-logo.js';
+export { WBGLogo } from './components/logos/wbg-logo.js';
+export { WBGMultibrandLargeLogo } from './components/logos/wbg-multibrand-large-logo.js';
+export { WBGMultibrandSmallLogo } from './components/logos/wbg-multibrand-small-logo.js';
+export { YammerSymbol } from './components/symbols/yammer-symbol.js';
+export { YouTubeSymbol } from './components/symbols/youtube-symbol.js';
+export { type SymbolProps } from './symbol.types.js';

package/dist/components/symbol/index.js

@@ -0,0 +1,46 @@
+export { AmericanExpressSymbol } from './components/symbols/american-express-symbol.js';
+export { AppleStoreInverseSymbol } from './components/symbols/apple-store-inverse-symbol.js';
+export { AppleStoreSymbol } from './components/symbols/apple-store-symbol.js';
+export { BOMLogo } from './components/logos/bom-logo.js';
+export { BOMMultibrandLargeLogo } from './components/logos/bom-multibrand-large-logo.js';
+export { BOMMultibrandSmallLogo } from './components/logos/bom-multibrand-small-logo.js';
+export { BOMShieldLogo } from './components/logos/bom-shield-logo.js';
+export { BPayLandSymbol } from './components/symbols/bpay-land-symbol.js';
+export { BPayPortSymbol } from './components/symbols/bpay-port-symbol.js';
+export { BSALogo } from './components/logos/bsa-logo.js';
+export { BSAMultibrandLargeLogo } from './components/logos/bsa-multibrand-large-logo.js';
+export { BSAMultibrandSmallLogo } from './components/logos/bsa-multibrand-small-logo.js';
+export { BSAStackedLogo } from './components/logos/bsa-stacked-logo.js';
+export { FacebookSymbol } from './components/symbols/facebook-symbol.js';
+export { GooglePlusSymbol } from './components/symbols/google-plus-symbol.js';
+export { InstagramSymbol } from './components/symbols/instagram-symbol.js';
+export { LinkedInSymbol } from './components/symbols/linked-in-symbol.js';
+export { MastercardAcceptedSymbol } from './components/symbols/mastercard-accepted-symbol.js';
+export { MastercardHorizontalSymbol } from './components/symbols/mastercard-horizontal-symbol.js';
+export { MastercardSymbol } from './components/symbols/mastercard-symbol.js';
+export { MicrosoftStoreSymbol } from './components/symbols/microsoft-store-symbol.js';
+export { PayIDSymbol } from './components/symbols/pay-id-symbol.js';
+export { RAMSLogo } from './components/logos/rams-logo.js';
+export { RAMSMultibrandLargeLogo } from './components/logos/rams-multibrand-large-logo.js';
+export { RAMSMultibrandSmallLogo } from './components/logos/rams-multibrand-small-logo.js';
+export { RedAvatarCircleLogo } from './components/logos/red-avatar-circle-logo.js';
+export { RedAvatarCircleReversedLogo } from './components/logos/red-avatar-circle-reversed-logo.js';
+export { RedAvatarLogo } from './components/logos/red-avatar-logo.js';
+export { SlackSymbol } from './components/symbols/slack-symbol.js';
+export { STGDragonLogo } from './components/logos/stg-dragon-logo.js';
+export { STGLogo } from './components/logos/stg-logo.js';
+export { STGMultibrandLargeLogo } from './components/logos/stg-multibrand-large-logo.js';
+export { STGMultibrandSmallLogo } from './components/logos/stg-multibrand-small-logo.js';
+export { TwitterSymbol } from './components/symbols/twitter-symbol.js';
+export { VisaBlueSymbol } from './components/symbols/visa-blue-symbol.js';
+export { VisaSymbol } from './components/symbols/visa-symbol.js';
+export { VisaWhiteSymbol } from './components/symbols/visa-white-symbol.js';
+export { WBCLogo } from './components/logos/wbc-logo.js';
+export { WBCMultibrandLargeLogo } from './components/logos/wbc-multibrand-large-logo.js';
+export { WBCMultibrandSmallLogo } from './components/logos/wbc-multibrand-small-logo.js';
+export { WBGInternalLogo } from './components/logos/wbg-internal-logo.js';
+export { WBGLogo } from './components/logos/wbg-logo.js';
+export { WBGMultibrandLargeLogo } from './components/logos/wbg-multibrand-large-logo.js';
+export { WBGMultibrandSmallLogo } from './components/logos/wbg-multibrand-small-logo.js';
+export { YammerSymbol } from './components/symbols/yammer-symbol.js';
+export { YouTubeSymbol } from './components/symbols/youtube-symbol.js';

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

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type SymbolProps } from './symbol.types.js';
+export declare function Symbol({ copyrightYear, xmlns, role, focusable, className, viewBoxWidth, viewBoxHeight, align, offset, children, ...props }: SymbolProps): JSX.Element;

package/dist/components/symbol/symbol.component.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 from 'react';
+import { styles } from './symbol.styles.js';
+import { getTransform } from './symbol.utils.js';
+export function Symbol({ copyrightYear ='' , xmlns ='http://www.w3.org/2000/svg' , role ='img' , focusable =false , className , viewBoxWidth , viewBoxHeight , align , offset , children , ...props }) {
+    return React.createElement("span", {
+        className: styles({
+            className
+        })
+    }, React.createElement("svg", _extends({
+        xmlns: xmlns,
+        role: role,
+        viewBox: `0 0 ${viewBoxWidth} ${viewBoxHeight}`,
+        focusable: focusable,
+        className: "block"
+    }, props), copyrightYear && React.createElement("metadata", null, `Copyright © ${copyrightYear} by Westpac Banking Corporation. All rights reserved.`), align && offset ? React.createElement("g", {
+        transform: getTransform({
+            align,
+            offset
+        })
+    }, children) : children));
+}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type Meta, type StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Symbol>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * > Default usage example
+ */
+export declare const DefaultStory: Story;
+export declare const Offset: () => JSX.Element;
+export declare const AllSymbols: () => JSX.Element;
+export declare const AllLogos: () => JSX.Element;

package/dist/components/symbol/symbol.stories.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import { WBCLogo, WBCMultibrandSmallLogo } from './index.js';
+import * as symbols from './index.js';
+const meta = {
+    title: 'Example/Symbol',
+    component: WBCLogo,
+    tags: [
+        'autodocs'
+    ],
+    decorators: [
+        (Story)=>React.createElement(Story, null)
+    ],
+    parameters: {
+        layout: 'centered'
+    }
+};
+export default meta;
+export const DefaultStory = {
+    args: {}
+};
+export const Offset = ()=>React.createElement("div", null, React.createElement("p", null, "Left"), React.createElement(WBCMultibrandSmallLogo, {
+        className: "border border-dashed"
+    }), React.createElement("br", null), React.createElement("br", null), React.createElement("p", null, "Center"), React.createElement(WBCMultibrandSmallLogo, {
+        align: "center",
+        className: "border border-dashed"
+    }), React.createElement("br", null), React.createElement("br", null), React.createElement("p", null, "Right"), React.createElement(WBCMultibrandSmallLogo, {
+        align: "right",
+        className: "border border-dashed"
+    }));
+export const AllSymbols = ()=>{
+    const allSymbols = Object.entries(symbols).reduce((curr, [key, symbol])=>key.includes('Symbol') ? {
+            ...curr,
+            [key]: symbol
+        } : curr, {});
+    return React.createElement("div", {
+        className: "grid grid-cols-4 gap-5"
+    }, Object.entries(allSymbols).map(([key, Symbol])=>React.createElement("div", {
+            key: key,
+            className: " flex flex-col items-center justify-end"
+        }, React.createElement(Symbol, null), React.createElement("p", {
+            className: "mt-2"
+        }, key))));
+};
+export const AllLogos = ()=>{
+    const allLogos = Object.entries(symbols).reduce((curr, [key, symbol])=>key.includes('Logo') ? {
+            ...curr,
+            [key]: symbol
+        } : curr, {});
+    return React.createElement("div", {
+        className: "grid grid-cols-4 gap-5"
+    }, Object.entries(allLogos).map(([key, Logo])=>React.createElement("div", {
+            key: key,
+            className: " flex flex-col items-center justify-end"
+        }, React.createElement(Logo, null), React.createElement("p", {
+            className: "mt-2"
+        }, key))));
+};

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

@@ -0,0 +1,3 @@
+export declare const styles: import("tailwind-variants").TVReturnType<{}, undefined, "inline-block shrink-0 align-middle leading-none", {
+    responsiveVariants: string[];
+}, {}, undefined>;

package/dist/components/symbol/symbol.styles.js

@@ -0,0 +1,13 @@
+import { tv } from 'tailwind-variants';
+export const styles = tv({
+    base: 'inline-block shrink-0 align-middle leading-none',
+    variants: {}
+}, {
+    responsiveVariants: [
+        'xsl',
+        'sm',
+        'md',
+        'lg',
+        'xl'
+    ]
+});

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

@@ -0,0 +1,30 @@
+import { type SVGAttributes } from 'react';
+import { type VariantProps } from 'tailwind-variants';
+import { styles } from './symbol.styles.js';
+export type Align = 'left' | 'center' | 'right';
+export type SymbolProps = Omit<SVGAttributes<SVGElement>, 'offset'> & {
+    /**
+     * SVG alignment
+     */
+    align?: Align;
+    /**
+     * Symbol copyright year
+     */
+    copyrightYear?: string;
+    /**
+     * Symbol offset alignment array i.e. [left, center, right]
+     */
+    offset?: Array<number | null>;
+    /**
+     * Tag to render
+     */
+    tag?: keyof JSX.IntrinsicElements;
+    /**
+     * SVG viewBox height
+     */
+    viewBoxHeight?: number;
+    /**
+     * SVG viewBox width
+     */
+    viewBoxWidth?: number;
+} & VariantProps<typeof styles>;

package/dist/components/symbol/symbol.types.js

@@ -0,0 +1 @@
+export { };

package/dist/components/symbol/symbol.utils.d.ts

@@ -0,0 +1,5 @@
+import { type Align } from './symbol.types.js';
+export declare function getTransform({ offset, align }: {
+    align: Align;
+    offset: (number | null)[];
+}): string;

package/dist/components/symbol/symbol.utils.js

@@ -0,0 +1,9 @@
+export function getTransform({ offset , align  }) {
+    const alignMap = {
+        left: offset[0],
+        center: offset[1],
+        right: offset[2]
+    };
+    const translate = alignMap[align];
+    return translate ? `translate(${translate})` : '';
+}

package/dist/components/table/components/body/body.component.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type BodyProps } from './body.types.js';
+export declare function Body({ className, children, ...props }: BodyProps): JSX.Element;