@westpac/ui 0.2.1 → 0.4.0

package/dist/components/pictogram/components/informative/unsecure-pictogram.js

@@ -0,0 +1,42 @@
+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 { Pictogram } from '../../pictogram.component.js';
+import { fill } from '../../pictogram.styles.js';
+export function UnsecurePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Unsecure' , copyrightYear ='2021' , className , ...props }) {
+    return React.createElement(Pictogram, _extends({
+        className: clsx('h-13 w-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("polygon", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        points: "46.982 30.009 44.893 27.92 36.813 36 28.733 27.92 26.644 30.009 34.724 38.089 26.644 46.169 28.733 48.258 36.813 40.178 44.893 48.258 46.982 46.169 38.902 38.089"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M61.126 35.491c0 14.786-10.432 28.462-24.312 31.944C22.932 63.953 12.5 50.276 12.5 35.491V19.683l24.313-10.94 24.312 10.94v15.808zM36.814 6.001L10 18.065V35.49c0 7.274 2.169 14.549 7.16 21.287.02.025.037.05.056.073 3.158 4.25 7.204 7.795 11.836 10.246a42.537 42.537 0 0 0 10.97 4.326l.29.07.292-.07c15.12-3.625 26.52-18.435 26.52-34.449V19.551l-30.31-13.55z"
+    })));
+}

package/dist/components/pictogram/components/informative/wallet-pictogram.d.ts

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

package/dist/components/pictogram/components/informative/wallet-pictogram.js

@@ -0,0 +1,42 @@
+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 { Pictogram } from '../../pictogram.component.js';
+import { fill } from '../../pictogram.styles.js';
+export function WalletPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Wallet' , copyrightYear ='2023' , className , ...props }) {
+    return React.createElement(Pictogram, _extends({
+        className: clsx('h-13 w-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M68.8052,65.865 L11.0882,65.865 C9.1102,65.865 7.5002,64.255 7.5002,62.277 L7.5002,25.487 L7.5002,21.893 L7.5002,18.949 C8.1712,20.682 9.50878906,21.893 11.4362,21.893 L68.8052,21.893 L68.8052,65.865 Z M53.3662,19.393 L53.3662,11 L9.2482,11 C6.9022,11 5.0002,12.902 5.0002,15.248 L5.0002,19.393 L5.0002,21.347 L5.0002,62.277 C5.0002,65.634 7.7312,68.365 11.0882,68.365 L71.3052,68.365 L71.3052,19.393 L53.3662,19.393 Z"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M73.1484,32.6428 C73.7014,32.6428 74.1484,33.0908 74.1484,33.6428 L74.1484,53.6428 C74.1484,54.1948 73.7014,54.6428 73.1484,54.6428 L56.1484,54.6428 C56.0014,54.6428 55.8604,54.6108 55.7344,54.5538 C50.3274,53.8588 46.1484,49.2388 46.1484,43.6428 C46.1484,38.0468 50.3274,33.4268 55.7344,32.7328 C55.8604,32.6748 56.0014,32.6428 56.1484,32.6428 L73.1484,32.6428 Z M56.6484,39.1428 C54.1634,39.1428 52.1484,41.1578 52.1484,43.6428 C52.1484,46.1278 54.1634,48.1428 56.6484,48.1428 C59.1334,48.1428 61.1484,46.1278 61.1484,43.6428 C61.1484,41.1578 59.1334,39.1428 56.6484,39.1428 L56.6484,39.1428 Z"
+    })));
+}

package/dist/components/pictogram/components/informative/wearables-pictogram.d.ts

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

package/dist/components/pictogram/components/informative/wearables-pictogram.js

@@ -0,0 +1,42 @@
+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 { Pictogram } from '../../pictogram.component.js';
+import { fill } from '../../pictogram.styles.js';
+export function WearablesPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Wearables' , copyrightYear ='2021' , className , ...props }) {
+    return React.createElement(Pictogram, _extends({
+        className: clsx('h-13 w-13', className),
+        viewBoxWidth: viewBoxWidth,
+        viewBoxHeight: viewBoxHeight,
+        "aria-label": ariaLabel,
+        copyrightYear: copyrightYear
+    }, props), React.createElement("g", {
+        fill: "none",
+        fillRule: "evenodd"
+    }, React.createElement("path", {
+        className: fill({
+            mode,
+            highlight: true
+        }),
+        d: "M47.436 52.37h-20.7a1.94 1.94 0 0 1-1.936-1.934V24.54a1.94 1.94 0 0 1 1.935-1.934h20.701a1.94 1.94 0 0 1 1.934 1.934v25.896a1.94 1.94 0 0 1-1.934 1.934"
+    }), React.createElement("path", {
+        className: fill({
+            mode,
+            outline: true
+        }),
+        d: "M52.674 51.958a3.716 3.716 0 0 1-3.711 3.711h-23.75c-1.38 0-2.573-.768-3.213-1.89v.004c-.01-.017-.016-.036-.026-.053-.1-.18-.185-.37-.253-.568a4.018 4.018 0 0 1-.11-.348 3.48 3.48 0 0 1-.042-.208 3.375 3.375 0 0 1-.07-.648V23.031a3.716 3.716 0 0 1 3.712-3.71h23.752a3.716 3.716 0 0 1 3.71 3.71v28.927zm-7.53 12.405a87.928 87.928 0 0 1-.352 1.76c-.294 1.37-1.537 2.366-2.956 2.366h-9.327c-1.42 0-2.662-.996-2.956-2.367-.12-.554-.234-1.148-.353-1.759-.42-2.17-.871-4.495-1.69-6.194h19.324c-.818 1.7-1.27 4.023-1.69 6.194zM29.198 10.625c.119-.61.234-1.204.353-1.758.294-1.372 1.537-2.367 2.956-2.367h9.327c.162 0 .32.016.476.041.092.015.178.04.267.063.054.013.109.025.16.041.122.04.236.085.349.136l.035.017a2.992 2.992 0 0 1 1.672 2.07c.119.553.235 1.147.353 1.757.42 2.171.87 4.496 1.689 6.195H27.508c.819-1.699 1.27-4.024 1.689-6.195zm27.577 11.532c-2-2.833-3.93-4.113-5.183-4.72-.44-1.426-1.235-5.525-1.356-6.094a5.386 5.386 0 0 0-.981-2.104c-.761-.939-3.434-3.974-5.208-4.754A5.49 5.49 0 0 0 41.833 4h-9.35c-2.58.011-4.84 1.834-5.378 4.343a97.633 97.633 0 0 0-.362 1.807c-.308 1.59-.862 4.445-1.6 5.847-.267.506-.429.817-.87.902-2.98.455-5.273 3.028-5.273 6.132v28.927c0 1.342.243 2.27 1.13 3.527 2 2.833 4.459 4.5 4.459 4.5l-.007-.015c.37.27.77.494 1.196.676.425 1.407 1.206 5.43 1.327 6a5.41 5.41 0 0 0 .593 1.518s1.872 3.655 5.377 5.242a5.535 5.535 0 0 0 2.43.583h9.328c2.59 0 4.862-1.826 5.402-4.343.12-.569 1.103-8.216 2.832-8.576a6.22 6.22 0 0 0 5.104-6.11V26.03c0-1.35-.892-3.158-1.397-3.874z"
+    })));
+}

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

@@ -0,0 +1,95 @@
+export { AccessibilityPictogram } from './components/informative/accessibility-pictogram.js';
+export { AccountsPictogram } from './components/informative/accounts-pictogram.js';
+export { AeroplanePictogram } from './components/informative/aeroplane-pictogram.js';
+export { ArrowDownPictogram } from './components/informative/arrow-down-pictogram.js';
+export { ArrowLeftPictogram } from './components/informative/arrow-left-pictogram.js';
+export { ArrowRightPictogram } from './components/informative/arrow-right-pictogram.js';
+export { ArrowUpPictogram } from './components/informative/arrow-up-pictogram.js';
+export { ArrowsPassingPictogram } from './components/informative/arrows-passing-pictogram.js';
+export { ATMPictogram } from './components/informative/atm-pictogram.js';
+export { AustraliaPictogram } from './components/informative/australia-pictogram.js';
+export { BankCardLockedPictogram } from './components/informative/bank-card-locked-pictogram.js';
+export { BankCardPictogram } from './components/informative/bank-card-pictogram.js';
+export { BankPictogram } from './components/informative/bank-pictogram.js';
+export { BirthCertificatePictogram } from './components/informative/birth-certificate-pictogram.js';
+export { BuildingPictogram } from './components/informative/building-pictogram.js';
+export { BuoyPictogram } from './components/informative/buoy-pictogram.js';
+export { BusPictogram } from './components/informative/bus-pictogram.js';
+export { BusinessPersonPictogram } from './components/informative/business-person-pictogram.js';
+export { CalculatorPictogram } from './components/informative/calculator-pictogram.js';
+export { CalendarPictogram } from './components/informative/calendar-pictogram.js';
+export { CarPictogram } from './components/informative/car-pictogram.js';
+export { CashPictogram } from './components/informative/cash-pictogram.js';
+export { CelebrationPictogram } from './components/informative/celebration-pictogram.js';
+export { ChatPictogram } from './components/informative/chat-pictogram.js';
+export { ClockPictogram } from './components/informative/clock-pictogram.js';
+export { CoffeePictogram } from './components/informative/coffee-pictogram.js';
+export { CoinsPictogram } from './components/informative/coins-pictogram.js';
+export { CompassPictogram } from './components/informative/compass-pictogram.js';
+export { CustomerProfilePictogram } from './components/informative/customer-profile-pictogram.js';
+export { DesktopComputerPictogram } from './components/informative/desktop-computer-pictogram.js';
+export { DocumentAndPenPictogram } from './components/informative/document-and-pen-pictogram.js';
+export { DollarSignPictogram } from './components/informative/dollar-sign-pictogram.js';
+export { DriversLicencePictogram } from './components/informative/drivers-licence-pictogram.js';
+export { EducationPictogram } from './components/informative/education-pictogram.js';
+export { EftposPictogram } from './components/informative/eftpos-pictogram.js';
+export { EnvelopeEmailPictogram } from './components/informative/envelope-email-pictogram.js';
+export { EnvelopePrintedPictogram } from './components/informative/envelope-printed-pictogram.js';
+export { FaceHappyPictogram } from './components/informative/face-happy-pictogram.js';
+export { FaceUnhappyPictogram } from './components/informative/face-unhappy-pictogram.js';
+export { FaceUnsurePictogram } from './components/informative/face-unsure-pictogram.js';
+export { FingerMotionPictogram } from './components/informative/finger-motion-pictogram.js';
+export { FingerprintPictogram } from './components/informative/fingerprint-pictogram.js';
+export { FootballPictogram } from './components/informative/football-pictogram.js';
+export { ForkKnifePictogram } from './components/informative/fork-knife-pictogram.js';
+export { GenericDocumentPictogram } from './components/informative/generic-document-pictogram.js';
+export { GiftPictogram } from './components/informative/gift-pictogram.js';
+export { GlobeAustraliaPictogram } from './components/informative/globe-australia-pictogram.js';
+export { GlobePictogram } from './components/informative/globe-pictogram.js';
+export { GraphDecreasingPictogram } from './components/informative/graph-decreasing-pictogram.js';
+export { GraphIncreasingPictogram } from './components/informative/graph-increasing-pictogram.js';
+export { GymPictogram } from './components/informative/gym-pictogram.js';
+export { HeadsetPictogram } from './components/informative/headset-pictogram.js';
+export { HeartPictogram } from './components/informative/heart-pictogram.js';
+export { HousePictogram } from './components/informative/house-pictogram.js';
+export { LightBulbPictogram } from './components/informative/light-bulb-pictogram.js';
+export { LoopPictogram } from './components/informative/loop-pictogram.js';
+export { MedicareCardPictogram } from './components/informative/medicare-card-pictogram.js';
+export { MobileDevicePictogram } from './components/informative/mobile-device-pictogram.js';
+export { MoneyInPictogram } from './components/informative/money-in-pictogram.js';
+export { MoneyOutPictogram } from './components/informative/money-out-pictogram.js';
+export { MovieTicketsPictogram } from './components/informative/movie-tickets-pictogram.js';
+export { NestEggPictogram } from './components/informative/nest-egg-pictogram.js';
+export { NoodlesPictogram } from './components/informative/noodles-pictogram.js';
+export { Number1Pictogram } from './components/informative/number-1-pictogram.js';
+export { Number2Pictogram } from './components/informative/number-2-pictogram.js';
+export { Number3Pictogram } from './components/informative/number-3-pictogram.js';
+export { Number4Pictogram } from './components/informative/number-4-pictogram.js';
+export { Number5Pictogram } from './components/informative/number-5-pictogram.js';
+export { PadlockLockedPictogram } from './components/informative/padlock-locked-pictogram.js';
+export { PadlockUnlockedPictogram } from './components/informative/padlock-unlocked-pictogram.js';
+export { PassportPictogram } from './components/informative/passport-pictogram.js';
+export { PercentSignPictogram } from './components/informative/percent-sign-pictogram.js';
+export { PersonPictogram } from './components/informative/person-pictogram.js';
+export { PiggyBankPictogram } from './components/informative/piggy-bank-pictogram.js';
+export { PizzaPictogram } from './components/informative/pizza-pictogram.js';
+export { PlantPictogram } from './components/informative/plant-pictogram.js';
+export { SearchPictogram } from './components/informative/search-pictogram.js';
+export { SecurePictogram } from './components/informative/secure-pictogram.js';
+export { ShopPictogram } from './components/informative/shop-pictogram.js';
+export { ShoppingPictogram } from './components/informative/shopping-pictogram.js';
+export { StarPictogram } from './components/informative/star-pictogram.js';
+export { StopwatchPictogram } from './components/informative/stopwatch-pictogram.js';
+export { TaxDocumentPictogram } from './components/informative/tax-document-pictogram.js';
+export { TelephoneCallPictogram } from './components/informative/telephone-call-pictogram.js';
+export { ThumbsUpPictogram } from './components/informative/thumbs-up-pictogram.js';
+export { TickPictogram } from './components/informative/tick-pictogram.js';
+export { ToolsPictogram } from './components/informative/tools-pictogram.js';
+export { TractorPictogram } from './components/informative/tractor-pictogram.js';
+export { TruckPictogram } from './components/informative/truck-pictogram.js';
+export { UmbrellaPictogram } from './components/informative/umbrella-pictogram.js';
+export { UnsecurePictogram } from './components/informative/unsecure-pictogram.js';
+export { WalletPictogram } from './components/informative/wallet-pictogram.js';
+export { WearablesPictogram } from './components/informative/wearables-pictogram.js';
+export { WBCBankCardPictogram } from './components/decorative/wbc-bank-card-pictogram.js';
+export { type PictogramProps } from './pictogram.types.js';

package/dist/components/pictogram/index.js

@@ -0,0 +1,94 @@
+export { AccessibilityPictogram } from './components/informative/accessibility-pictogram.js';
+export { AccountsPictogram } from './components/informative/accounts-pictogram.js';
+export { AeroplanePictogram } from './components/informative/aeroplane-pictogram.js';
+export { ArrowDownPictogram } from './components/informative/arrow-down-pictogram.js';
+export { ArrowLeftPictogram } from './components/informative/arrow-left-pictogram.js';
+export { ArrowRightPictogram } from './components/informative/arrow-right-pictogram.js';
+export { ArrowUpPictogram } from './components/informative/arrow-up-pictogram.js';
+export { ArrowsPassingPictogram } from './components/informative/arrows-passing-pictogram.js';
+export { ATMPictogram } from './components/informative/atm-pictogram.js';
+export { AustraliaPictogram } from './components/informative/australia-pictogram.js';
+export { BankCardLockedPictogram } from './components/informative/bank-card-locked-pictogram.js';
+export { BankCardPictogram } from './components/informative/bank-card-pictogram.js';
+export { BankPictogram } from './components/informative/bank-pictogram.js';
+export { BirthCertificatePictogram } from './components/informative/birth-certificate-pictogram.js';
+export { BuildingPictogram } from './components/informative/building-pictogram.js';
+export { BuoyPictogram } from './components/informative/buoy-pictogram.js';
+export { BusPictogram } from './components/informative/bus-pictogram.js';
+export { BusinessPersonPictogram } from './components/informative/business-person-pictogram.js';
+export { CalculatorPictogram } from './components/informative/calculator-pictogram.js';
+export { CalendarPictogram } from './components/informative/calendar-pictogram.js';
+export { CarPictogram } from './components/informative/car-pictogram.js';
+export { CashPictogram } from './components/informative/cash-pictogram.js';
+export { CelebrationPictogram } from './components/informative/celebration-pictogram.js';
+export { ChatPictogram } from './components/informative/chat-pictogram.js';
+export { ClockPictogram } from './components/informative/clock-pictogram.js';
+export { CoffeePictogram } from './components/informative/coffee-pictogram.js';
+export { CoinsPictogram } from './components/informative/coins-pictogram.js';
+export { CompassPictogram } from './components/informative/compass-pictogram.js';
+export { CustomerProfilePictogram } from './components/informative/customer-profile-pictogram.js';
+export { DesktopComputerPictogram } from './components/informative/desktop-computer-pictogram.js';
+export { DocumentAndPenPictogram } from './components/informative/document-and-pen-pictogram.js';
+export { DollarSignPictogram } from './components/informative/dollar-sign-pictogram.js';
+export { DriversLicencePictogram } from './components/informative/drivers-licence-pictogram.js';
+export { EducationPictogram } from './components/informative/education-pictogram.js';
+export { EftposPictogram } from './components/informative/eftpos-pictogram.js';
+export { EnvelopeEmailPictogram } from './components/informative/envelope-email-pictogram.js';
+export { EnvelopePrintedPictogram } from './components/informative/envelope-printed-pictogram.js';
+export { FaceHappyPictogram } from './components/informative/face-happy-pictogram.js';
+export { FaceUnhappyPictogram } from './components/informative/face-unhappy-pictogram.js';
+export { FaceUnsurePictogram } from './components/informative/face-unsure-pictogram.js';
+export { FingerMotionPictogram } from './components/informative/finger-motion-pictogram.js';
+export { FingerprintPictogram } from './components/informative/fingerprint-pictogram.js';
+export { FootballPictogram } from './components/informative/football-pictogram.js';
+export { ForkKnifePictogram } from './components/informative/fork-knife-pictogram.js';
+export { GenericDocumentPictogram } from './components/informative/generic-document-pictogram.js';
+export { GiftPictogram } from './components/informative/gift-pictogram.js';
+export { GlobeAustraliaPictogram } from './components/informative/globe-australia-pictogram.js';
+export { GlobePictogram } from './components/informative/globe-pictogram.js';
+export { GraphDecreasingPictogram } from './components/informative/graph-decreasing-pictogram.js';
+export { GraphIncreasingPictogram } from './components/informative/graph-increasing-pictogram.js';
+export { GymPictogram } from './components/informative/gym-pictogram.js';
+export { HeadsetPictogram } from './components/informative/headset-pictogram.js';
+export { HeartPictogram } from './components/informative/heart-pictogram.js';
+export { HousePictogram } from './components/informative/house-pictogram.js';
+export { LightBulbPictogram } from './components/informative/light-bulb-pictogram.js';
+export { LoopPictogram } from './components/informative/loop-pictogram.js';
+export { MedicareCardPictogram } from './components/informative/medicare-card-pictogram.js';
+export { MobileDevicePictogram } from './components/informative/mobile-device-pictogram.js';
+export { MoneyInPictogram } from './components/informative/money-in-pictogram.js';
+export { MoneyOutPictogram } from './components/informative/money-out-pictogram.js';
+export { MovieTicketsPictogram } from './components/informative/movie-tickets-pictogram.js';
+export { NestEggPictogram } from './components/informative/nest-egg-pictogram.js';
+export { NoodlesPictogram } from './components/informative/noodles-pictogram.js';
+export { Number1Pictogram } from './components/informative/number-1-pictogram.js';
+export { Number2Pictogram } from './components/informative/number-2-pictogram.js';
+export { Number3Pictogram } from './components/informative/number-3-pictogram.js';
+export { Number4Pictogram } from './components/informative/number-4-pictogram.js';
+export { Number5Pictogram } from './components/informative/number-5-pictogram.js';
+export { PadlockLockedPictogram } from './components/informative/padlock-locked-pictogram.js';
+export { PadlockUnlockedPictogram } from './components/informative/padlock-unlocked-pictogram.js';
+export { PassportPictogram } from './components/informative/passport-pictogram.js';
+export { PercentSignPictogram } from './components/informative/percent-sign-pictogram.js';
+export { PersonPictogram } from './components/informative/person-pictogram.js';
+export { PiggyBankPictogram } from './components/informative/piggy-bank-pictogram.js';
+export { PizzaPictogram } from './components/informative/pizza-pictogram.js';
+export { PlantPictogram } from './components/informative/plant-pictogram.js';
+export { SearchPictogram } from './components/informative/search-pictogram.js';
+export { SecurePictogram } from './components/informative/secure-pictogram.js';
+export { ShopPictogram } from './components/informative/shop-pictogram.js';
+export { ShoppingPictogram } from './components/informative/shopping-pictogram.js';
+export { StarPictogram } from './components/informative/star-pictogram.js';
+export { StopwatchPictogram } from './components/informative/stopwatch-pictogram.js';
+export { TaxDocumentPictogram } from './components/informative/tax-document-pictogram.js';
+export { TelephoneCallPictogram } from './components/informative/telephone-call-pictogram.js';
+export { ThumbsUpPictogram } from './components/informative/thumbs-up-pictogram.js';
+export { TickPictogram } from './components/informative/tick-pictogram.js';
+export { ToolsPictogram } from './components/informative/tools-pictogram.js';
+export { TractorPictogram } from './components/informative/tractor-pictogram.js';
+export { TruckPictogram } from './components/informative/truck-pictogram.js';
+export { UmbrellaPictogram } from './components/informative/umbrella-pictogram.js';
+export { UnsecurePictogram } from './components/informative/unsecure-pictogram.js';
+export { WalletPictogram } from './components/informative/wallet-pictogram.js';
+export { WearablesPictogram } from './components/informative/wearables-pictogram.js';
+export { WBCBankCardPictogram } from './components/decorative/wbc-bank-card-pictogram.js';

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

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

package/dist/components/pictogram/pictogram.component.js

@@ -0,0 +1,29 @@
+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 './pictogram.styles.js';
+export function Pictogram({ copyrightYear ='' , xmlns ='http://www.w3.org/2000/svg' , role ='img' , focusable =false , className , viewBoxWidth , viewBoxHeight , 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.`), children));
+}

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

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

package/dist/components/pictogram/pictogram.stories.js

@@ -0,0 +1,63 @@
+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 * as AllPictograms from './index.js';
+import { WBCBankCardPictogram } from './index.js';
+const AllPictogramsExample = (props)=>{
+    const { mode  } = props;
+    const informativePictograms = Object.entries(AllPictograms).reduce((curr, [key, symbol])=>!key.startsWith('WBC') ? {
+            ...curr,
+            [key]: symbol
+        } : curr, {});
+    return React.createElement("div", {
+        className: clsx('grid grid-cols-5 gap-5 p-5', mode === 'light' && 'bg-hero text-white')
+    }, Object.entries(informativePictograms).map(([key, Pictogram])=>React.createElement("div", {
+            key: key,
+            className: "flex flex-col items-center justify-end"
+        }, React.createElement(Pictogram, _extends({}, props)), React.createElement("p", {
+            className: "mt-2"
+        }, key))));
+};
+const meta = {
+    title: 'Example/Pictogram',
+    component: AllPictogramsExample,
+    tags: [
+        'autodocs'
+    ],
+    decorators: [
+        (Story)=>React.createElement(Story, null)
+    ],
+    parameters: {
+        layout: 'centered'
+    },
+    argTypes: {
+        mode: {
+            description: 'mode',
+            type: {
+                name: 'enum',
+                value: [
+                    'duo',
+                    'dark',
+                    'light'
+                ]
+            }
+        }
+    }
+};
+export default meta;
+export const DefaultStory = {
+    args: {}
+};
+export const DecorativeStory = ()=>React.createElement(WBCBankCardPictogram, null);

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

@@ -0,0 +1,28 @@
+export declare const styles: import("tailwind-variants").TVReturnType<{}, undefined, "inline-block shrink-0 leading-none", {
+    responsiveVariants: string[];
+}, {}, undefined>;
+export declare const fill: import("tailwind-variants").TVReturnType<{
+    mode: {
+        dark: string;
+        light: string;
+        duo: string;
+    };
+    highlight: {
+        true: string;
+    };
+    outline: {
+        true: string;
+    };
+}, undefined, "", TVConfig<V, EV>, {
+    mode: {
+        dark: string;
+        light: string;
+        duo: string;
+    };
+    highlight: {
+        true: string;
+    };
+    outline: {
+        true: string;
+    };
+}, undefined>;

package/dist/components/pictogram/pictogram.styles.js

@@ -0,0 +1,41 @@
+import { tv } from 'tailwind-variants';
+export const styles = tv({
+    base: 'inline-block shrink-0 leading-none',
+    variants: {}
+}, {
+    responsiveVariants: [
+        'xsl',
+        'sm',
+        'md',
+        'lg',
+        'xl'
+    ]
+});
+export const fill = tv({
+    base: '',
+    variants: {
+        mode: {
+            dark: 'fill-pictogram-dark',
+            light: 'fill-white',
+            duo: ''
+        },
+        highlight: {
+            true: ''
+        },
+        outline: {
+            true: ''
+        }
+    },
+    compoundVariants: [
+        {
+            mode: 'duo',
+            highlight: true,
+            className: 'fill-pictogram-duo-highlight'
+        },
+        {
+            mode: 'duo',
+            outline: true,
+            className: 'fill-pictogram-duo-outline'
+        }
+    ]
+});

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

@@ -0,0 +1,25 @@
+import { type SVGAttributes } from 'react';
+import { type VariantProps } from 'tailwind-variants';
+import { styles } from './pictogram.styles.js';
+export type PictogramProps = SVGAttributes<SVGElement> & {
+    /**
+     * SVG copyright year
+     */
+    copyrightYear?: string;
+    /**
+     * Pictogram mode
+     */
+    mode?: 'dark' | 'light' | 'duo';
+    /**
+     * Tag to render
+     */
+    tag?: keyof JSX.IntrinsicElements;
+    /**
+     * SVG viewBox height
+     */
+    viewBoxHeight?: number;
+    /**
+     * SVG viewBox width
+     */
+    viewBoxWidth?: number;
+} & VariantProps<typeof styles>;

package/dist/components/pictogram/pictogram.types.js

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

package/dist/components/popover/components/panel/index.d.ts

@@ -0,0 +1,2 @@
+export { Panel } from './panel.component.js';
+export { type PanelProps } from './panel.types.js';

package/dist/components/popover/components/panel/index.js

@@ -0,0 +1 @@
+export { Panel } from './panel.component.js';

package/dist/components/popover/components/panel/panel.component.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type PanelProps } from './panel.types.js';
+export declare function Panel({ state, heading, headingTag: Tag, content, placement, id }: PanelProps): JSX.Element;

package/dist/components/popover/components/panel/panel.component.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { FocusScope } from 'react-aria';
+import { Button } from '../../../button/index.js';
+import { CloseIcon } from '../../../icon/index.js';
+import { styles as panelStyles } from './panel.styles.js';
+export function Panel({ state , heading , headingTag: Tag = 'h1' , content , placement ='top' , id  }) {
+    const styles = panelStyles({
+        placement
+    });
+    return React.createElement(FocusScope, {
+        restoreFocus: true
+    }, React.createElement("div", {
+        className: styles.popover(),
+        id: id
+    }, React.createElement("div", {
+        className: styles.content()
+    }, React.createElement(Tag, {
+        className: styles.heading()
+    }, heading), React.createElement("div", {
+        className: styles.body()
+    }, content), React.createElement(Button, {
+        look: "link",
+        onClick: state.close,
+        className: styles.closeBtn(),
+        iconAfter: ()=>React.createElement(CloseIcon, {
+                color: "muted",
+                size: "small",
+                "aria-hidden": true
+            }),
+        "aria-label": "Close popover"
+    })), React.createElement("div", {
+        "aria-hidden": true,
+        className: styles.arrow()
+    })));
+}

package/dist/components/popover/components/panel/panel.styles.d.ts

@@ -0,0 +1,41 @@
+export declare const styles: import("tailwind-variants").TVReturnType<{
+    placement: {
+        top: {
+            popover: string;
+            arrow: string;
+        };
+        bottom: {
+            popover: string;
+            arrow: string;
+        };
+    };
+}, {
+    base: string;
+    popover: string;
+    arrow: string;
+    closeBtn: string;
+    content: string;
+    heading: string;
+    body: string;
+}, undefined, {
+    responsiveVariants: string[];
+}, {
+    placement: {
+        top: {
+            popover: string;
+            arrow: string;
+        };
+        bottom: {
+            popover: string;
+            arrow: string;
+        };
+    };
+}, {
+    base: string;
+    popover: string;
+    arrow: string;
+    closeBtn: string;
+    content: string;
+    heading: string;
+    body: string;
+}>;