@westpac/ui 0.15.0 → 0.17.0

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function AccountsPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Accounts' , copyrightYear ='2023' , className , ...props }) {
+export function AccountsPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Accounts' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function AeroplanePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Aeroplane' , copyrightYear ='2023' , className , ...props }) {
+export function AeroplanePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Aeroplane' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function ATMPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'ATM' , copyrightYear ='2023' , className , ...props }) {
+export function ATMPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'ATM' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/bank-card-locked-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function BankCardLockedPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Locked bank card' , copyrightYear ='2023' , className , ...props }) {
+export function BankCardLockedPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Locked bank card' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/bank-card-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function BankCardPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Bank card' , copyrightYear ='2023' , className , ...props }) {
+export function BankCardPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Bank card' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/birth-certificate-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function BirthCertificatePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Birth certificate' , copyrightYear ='2023' , className , ...props }) {
+export function BirthCertificatePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Birth certificate' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/business-person-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function BusinessPersonPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Business person' , copyrightYear ='2023' , className , ...props }) {
+export function BusinessPersonPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Business person' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function CalculatorPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Calculator' , copyrightYear ='2023' , className , ...props }) {
+export function CalculatorPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Calculator' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function CalendarPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Calendar' , copyrightYear ='2023' , className , ...props }) {
+export function CalendarPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Calendar' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function CashPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Cash' , copyrightYear ='2023' , className , ...props }) {
+export function CashPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Cash' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function ChatPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Chat' , copyrightYear ='2023' , className , ...props }) {
+export function ChatPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Chat' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function ClockPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Clock' , copyrightYear ='2023' , className , ...props }) {
+export function ClockPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Clock' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function CoinsPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Coins' , copyrightYear ='2023' , className , ...props }) {
+export function CoinsPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Coins' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/desktop-computer-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function DesktopComputerPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Desktop computer' , copyrightYear ='2023' , className , ...props }) {
+export function DesktopComputerPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Desktop computer' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/dollar-sign-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function DollarSignPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Dollar sign' , copyrightYear ='2023' , className , ...props }) {
+export function DollarSignPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Dollar sign' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/drivers-licence-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function DriversLicencePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Drivers licence' , copyrightYear ='2023' , className , ...props }) {
+export function DriversLicencePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Drivers licence' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function EftposPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Eftpos' , copyrightYear ='2023' , className , ...props }) {
+export function EftposPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Eftpos' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/envelope-email-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function EnvelopeEmailPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Email envelope' , copyrightYear ='2023' , className , ...props }) {
+export function EnvelopeEmailPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Email envelope' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/generic-document-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function GenericDocumentPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Generic document' , copyrightYear ='2023' , className , ...props }) {
+export function GenericDocumentPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Generic document' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function GiftPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Gift' , copyrightYear ='2023' , className , ...props }) {
+export function GiftPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Gift' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function GlobePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Globe' , copyrightYear ='2023' , className , ...props }) {
+export function GlobePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Globe' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/graph-decreasing-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function GraphDecreasingPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Graph showing decreasing trend' , copyrightYear ='2023' , className , ...props }) {
+export function GraphDecreasingPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Graph showing decreasing trend' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function HousePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'House' , copyrightYear ='2023' , className , ...props }) {
+export function HousePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'House' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/medicare-card-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function MedicareCardPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Medicare card' , copyrightYear ='2023' , className , ...props }) {
+export function MedicareCardPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Medicare card' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/mobile-device-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function MobileDevicePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Mobile device' , copyrightYear ='2023' , className , ...props }) {
+export function MobileDevicePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Mobile device' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/money-in-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function MoneyInPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Money in' , copyrightYear ='2023' , className , ...props }) {
+export function MoneyInPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Money in' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/money-out-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function MoneyOutPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Money out' , copyrightYear ='2023' , className , ...props }) {
+export function MoneyOutPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Money out' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/padlock-locked-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function PadlockLockedPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Locked padlock' , copyrightYear ='2023' , className , ...props }) {
+export function PadlockLockedPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Locked padlock' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/padlock-unlocked-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function PadlockUnlockedPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Unlocked padlock' , copyrightYear ='2023' , className , ...props }) {
+export function PadlockUnlockedPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Unlocked padlock' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function PassportPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Passport' , copyrightYear ='2023' , className , ...props }) {
+export function PassportPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Passport' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/percent-sign-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function PercentSignPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Percent sign' , copyrightYear ='2023' , className , ...props }) {
+export function PercentSignPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Percent sign' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function PersonPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Person' , copyrightYear ='2023' , className , ...props }) {
+export function PersonPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Person' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/piggy-bank-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function PiggyBankPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Piggy bank' , copyrightYear ='2023' , className , ...props }) {
+export function PiggyBankPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Piggy bank' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function StarPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Star' , copyrightYear ='2023' , className , ...props }) {
+export function StarPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Star' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function StopwatchPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Stopwatch' , copyrightYear ='2023' , className , ...props }) {
+export function StopwatchPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Stopwatch' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/thumbs-up-pictogram.js

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function ThumbsUpPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Thumbs up' , copyrightYear ='2023' , className , ...props }) {
+export function ThumbsUpPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Thumbs up' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function TickPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Tick' , copyrightYear ='2023' , className , ...props }) {
+export function TickPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Tick' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
 import React from 'react';
 import { Pictogram } from '../../pictogram.component.js';
 import { fill } from '../../pictogram.styles.js';
-export function TruckPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Truck' , copyrightYear ='2023' , className , ...props }) {
+export function TruckPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Truck' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

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

@@ -17,7 +17,7 @@ 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 }) {
+export function WalletPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Wallet' , copyrightYear ='2024' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('h-13 w-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/progress-bar/progress-bar.component.js

@@ -14,7 +14,7 @@ function _extends() {
     return _extends.apply(this, arguments);
 }
 import React from 'react';
-import { useProgressBar } from 'react-aria';
+import { mergeProps, useProgressBar } from 'react-aria';
 import { styles as progressBarStyles } from './progress-bar.styles.js';
 export function ProgressBar({ className , look ='default' , value =0 , noLabel =false , ...props }) {
     const roundedValue = Math.round(value);
@@ -27,11 +27,14 @@ export function ProgressBar({ className , look ='default' , value =0 , noLabel =
     const styles = progressBarStyles({
         look
     });
-    return React.createElement("div", _extends({}, progressBarProps, {
+    return React.createElement("div", _extends({
+        "aria-live": "polite",
         className: styles.base({
             className
         })
-    }), React.createElement("div", {
+    }, mergeProps(progressBarProps, {
+        'aria-valuetext': `${barValue} complete`
+    })), React.createElement("div", {
         style: {
             width: barValue
         },

package/dist/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.component.d.ts

@@ -2,4 +2,4 @@ import { type ProgressRopeGroupStepProps } from './progress-rope-group-step.type
 /**
  * @private
  */
-export declare function ProgressRopeGroupStep({ steps, currentKey, furthestVisitedStep, children, firstItem, opened, onToggle, }: ProgressRopeGroupStepProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProgressRopeGroupStep({ steps, currentKey, furthestVisitedStep, children, firstItem, opened, onToggle, tag: Tag, }: ProgressRopeGroupStepProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.component.js

@@ -19,7 +19,7 @@ import { Circle, VisuallyHidden } from '../../../index.js';
 import { ProgressRopeStep } from '../index.js';
 import { styles as progressRopeGroupStyles } from './progress-rope-group-step.styles.js';
 const loadAnimations = ()=>import('./progress-rope-group-step.utils.js').then((res)=>res.default);
-export function ProgressRopeGroupStep({ steps , currentKey , furthestVisitedStep , children , firstItem , opened , onToggle  }) {
+export function ProgressRopeGroupStep({ steps , currentKey , furthestVisitedStep , children , firstItem , opened , onToggle , tag: Tag  }) {
     const id = useId();
     const stepsContainerID = `progress-rope-group-steps-container-${id}`;
     const current = useMemo(()=>{
@@ -36,15 +36,17 @@ export function ProgressRopeGroupStep({ steps , currentKey , furthestVisitedStep
     ]);
     const visuallyHiddenMessage = useMemo(()=>{
         if (steps.slice(-1)[0].index < (furthestVisitedStep || 0)) {
-            return 'completed';
+            return ', completed';
         }
-        if (current) {
-            return 'in progress';
+        if (current || visited) {
+            return ', in progress';
         }
-        return 'not started';
+        return ', not started';
     }, [
         steps,
-        furthestVisitedStep
+        furthestVisitedStep,
+        current,
+        visited
     ]);
     const { isFocusVisible , focusProps  } = useFocusRing();
     const state = useMemo(()=>{
@@ -67,7 +69,7 @@ export function ProgressRopeGroupStep({ steps , currentKey , furthestVisitedStep
         state,
         isFocusVisible
     });
-    return React.createElement(React.Fragment, null, React.createElement("button", _extends({
+    return React.createElement(Tag, null, React.createElement("button", _extends({
         "aria-expanded": opened,
         className: styles.circleWrapper({}),
         onClick: onToggle,
@@ -75,7 +77,7 @@ export function ProgressRopeGroupStep({ steps , currentKey , furthestVisitedStep
     }, focusProps), React.createElement(Circle, {
         className: styles.circle(),
         "aria-hidden": "true"
-    }), children, React.createElement(VisuallyHidden, null, ", ", visuallyHiddenMessage)), React.createElement(LazyMotion, {
+    }), children, React.createElement(VisuallyHidden, null, visuallyHiddenMessage)), React.createElement(LazyMotion, {
         features: loadAnimations
     }, React.createElement(AnimatePresence, {
         initial: false

package/dist/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.types.d.ts

@@ -35,4 +35,8 @@ export type ProgressRopeGroupStepProps = {
     steps: (ProgressRopeStepItem & {
         index: number;
     })[];
+    /**
+     * Tag for the heading wrapper
+     */
+    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 };

package/dist/components/progress-rope/components/progress-rope-step/progress-rope-step.component.js

@@ -14,7 +14,7 @@ function _extends() {
 }
 import React, { useMemo } from 'react';
 import { mergeProps, useFocusRing } from 'react-aria';
-import { Circle } from '../../../index.js';
+import { Circle, VisuallyHidden } from '../../../index.js';
 import { styles as progressRopeStyles } from './progress-rope-step.styles.js';
 export function ProgressRopeStep({ className , current , visited , tag: Tag = 'button' , type , size ='medium' , children , firstItem , lastItemInGroup , lastItemInRope , furthest , previousStepGroup , ...props }) {
     const state = useMemo(()=>{
@@ -51,12 +51,24 @@ export function ProgressRopeStep({ className , current , visited , tag: Tag = 'b
         previousStepGroup: furthest && previousStepGroup,
         isFocusVisible
     });
+    const stateText = useMemo(()=>{
+        if (current) {
+            return ', in progress';
+        }
+        if (visited || !current && furthest) {
+            return ', complete';
+        }
+        return ', not started';
+    }, [
+        current,
+        visited
+    ]);
     return React.createElement(Tag, _extends({
         className: styles.base({}),
-        "aria-current": current,
+        "aria-current": current ? 'step' : false,
         disabled: state === 'non-visited'
     }, mergeProps(props, focusProps)), React.createElement(Circle, {
         className: styles.circle(),
         "aria-hidden": "true"
-    }), children);
+    }), children, React.createElement(VisuallyHidden, null, stateText));
 }

package/dist/components/progress-rope/progress-rope.component.d.ts

@@ -1,2 +1,2 @@
 import { type ProgressRopeProps } from './progress-rope.types.js';
-export declare function ProgressRope({ 'aria-label': ariaLabel, role, className, tag: Tag, current, data, ...props }: ProgressRopeProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProgressRope({ 'aria-label': ariaLabel, role, className, tag: Tag, current, data, headingTag, ...props }: ProgressRopeProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/progress-rope/progress-rope.component.js

@@ -24,7 +24,7 @@ const verifyByCurrentIndexWhichGroupIsOpened = (currentIndex, mappedData)=>{
         return acc;
     }, null);
 };
-export function ProgressRope({ 'aria-label': ariaLabel = 'Form steps' , role ='navigation' , className , tag: Tag = 'nav' , current =0 , data , ...props }) {
+export function ProgressRope({ 'aria-label': ariaLabel = 'In this form' , role ='navigation' , className , tag: Tag = 'nav' , current =0 , data , headingTag ='h3' , ...props }) {
     const [furthestVisitedStep, setFurthestVisitedStep] = useState(current);
     const mappedData = useMemo(()=>{
         let autoIncrement = -1;
@@ -89,7 +89,8 @@ export function ProgressRope({ 'aria-label': ariaLabel = 'Form steps' , role ='n
             currentKey: current,
             steps: item.steps,
             opened: openedGroupStepIndex === index,
-            onToggle: ()=>setOpenedGroupStepIndex((state)=>state === index ? null : index)
+            onToggle: ()=>setOpenedGroupStepIndex((state)=>state === index ? null : index),
+            tag: headingTag
         }, item.text) : React.createElement(ProgressRopeStep, {
             firstItem: index === 0,
             type: item.type,

package/dist/components/progress-rope/progress-rope.types.d.ts

@@ -27,6 +27,11 @@ export type ProgressRopeProps = {
         text: ReactNode;
         type: 'group';
     })[];
+    /**
+     * The semantic tag for the group step headings
+     * @default h3
+     */
+    headingTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     /**
      * Tag to render
      * @default nav