@westpac/ui 0.41.1 → 0.42.0

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 ='2024' , className , ...props }) {
+export function PadlockUnlockedPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Unlocked padlock' , copyrightYear ='2025' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('size-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 ='2024' , className , ...props }) {
+export function PassportPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Passport' , copyrightYear ='2025' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('size-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 ='2024' , className , ...props }) {
+export function PercentSignPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Percent sign' , copyrightYear ='2025' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('size-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 ='2024' , className , ...props }) {
+export function PersonPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Person' , copyrightYear ='2025' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('size-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 ='2024' , className , ...props }) {
+export function PiggyBankPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Piggy bank' , copyrightYear ='2025' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/sparkle-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 SparklePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Sparkle' , copyrightYear ='2024' , className , ...props }) {
+export function SparklePictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Sparkle' , copyrightYear ='2025' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('size-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 ='2024' , className , ...props }) {
+export function StarPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Star' , copyrightYear ='2025' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('size-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 ='2024' , className , ...props }) {
+export function StopwatchPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Stopwatch' , copyrightYear ='2025' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/pictogram/components/informative/target-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 TargetPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Passport' , copyrightYear ='2024' , className , ...props }) {
+export function TargetPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Passport' , copyrightYear ='2025' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('size-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 ='2024' , className , ...props }) {
+export function ThumbsUpPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Thumbs up' , copyrightYear ='2025' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('size-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 ='2024' , className , ...props }) {
+export function TickPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Tick' , copyrightYear ='2025' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('size-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 ='2024' , className , ...props }) {
+export function TruckPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Truck' , copyrightYear ='2025' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('size-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 ='2024' , className , ...props }) {
+export function WalletPictogram({ mode ='duo' , viewBoxWidth =78 , viewBoxHeight =78 , 'aria-label': ariaLabel = 'Wallet' , copyrightYear ='2025' , className , ...props }) {
     return React.createElement(Pictogram, _extends({
         className: clsx('size-13', className),
         viewBoxWidth: viewBoxWidth,

package/dist/components/symbol/components/logos/bom-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export function BOMLogo({ 'aria-label': ariaLabel = 'Bank of Melbourne' , copyrightYear ='2024' , viewBoxWidth =150 , viewBoxHeight =39 , className , ...props }) {
+export function BOMLogo({ 'aria-label': ariaLabel = 'Bank of Melbourne' , copyrightYear ='2025' , viewBoxWidth =150 , viewBoxHeight =39 , className , ...props }) {
     return React.createElement(Symbol, _extends({
         className: clsx('h-[39px] w-[150px]', className),
         "aria-label": ariaLabel,

package/dist/components/symbol/components/logos/bom-multibrand-large-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export function BOMMultibrandLargeLogo({ 'aria-label': ariaLabel = 'Bank of Melbourne' , copyrightYear ='2024' , viewBoxWidth =180 , viewBoxHeight =65 , align ='left' , offset =[
+export function BOMMultibrandLargeLogo({ 'aria-label': ariaLabel = 'Bank of Melbourne' , copyrightYear ='2025' , viewBoxWidth =180 , viewBoxHeight =65 , align ='left' , offset =[
     null,
     15.305,
     30.61

package/dist/components/symbol/components/logos/bom-multibrand-small-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export function BOMMultibrandSmallLogo({ 'aria-label': ariaLabel = 'Bank of Melbourne' , copyrightYear ='2024' , viewBoxWidth =122 , viewBoxHeight =44 , align ='left' , offset =[
+export function BOMMultibrandSmallLogo({ 'aria-label': ariaLabel = 'Bank of Melbourne' , copyrightYear ='2025' , viewBoxWidth =122 , viewBoxHeight =44 , align ='left' , offset =[
     null,
     48,
     96

package/dist/components/symbol/components/logos/bom-shield-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export function BOMShieldLogo({ 'aria-label': ariaLabel = 'Bank of Melbourne' , copyrightYear ='2024' , viewBoxWidth =26 , viewBoxHeight =39 , className , ...props }) {
+export function BOMShieldLogo({ 'aria-label': ariaLabel = 'Bank of Melbourne' , copyrightYear ='2025' , viewBoxWidth =26 , viewBoxHeight =39 , className , ...props }) {
     return React.createElement(Symbol, _extends({
         className: clsx('h-[39px] w-[26px]', className),
         "aria-label": ariaLabel,

package/dist/components/symbol/components/logos/bsa-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const BSALogo = ({ 'aria-label': ariaLabel = 'Bank SA' , copyrightYear ='2024' , viewBoxWidth =90 , viewBoxHeight =41 , className , ...props })=>React.createElement(Symbol, _extends({
+export const BSALogo = ({ 'aria-label': ariaLabel = 'Bank SA' , copyrightYear ='2025' , viewBoxWidth =90 , viewBoxHeight =41 , className , ...props })=>React.createElement(Symbol, _extends({
         className: clsx('h-[41px] w-[90px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/symbol/components/logos/bsa-multibrand-large-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const BSAMultibrandLargeLogo = ({ 'aria-label': ariaLabel = 'Bank SA' , copyrightYear ='2024' , viewBoxWidth =180 , viewBoxHeight =65 , align ='left' , offset =[
+export const BSAMultibrandLargeLogo = ({ 'aria-label': ariaLabel = 'Bank SA' , copyrightYear ='2025' , viewBoxWidth =180 , viewBoxHeight =65 , align ='left' , offset =[
     null,
     45,
     90

package/dist/components/symbol/components/logos/bsa-multibrand-small-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const BSAMultibrandSmallLogo = ({ 'aria-label': ariaLabel = 'Bank SA' , copyrightYear ='2024' , viewBoxHeight =44 , viewBoxWidth =122 , align ='left' , offset =[
+export const BSAMultibrandSmallLogo = ({ 'aria-label': ariaLabel = 'Bank SA' , copyrightYear ='2025' , viewBoxHeight =44 , viewBoxWidth =122 , align ='left' , offset =[
     null,
     26,
     52

package/dist/components/symbol/components/logos/bsa-stacked-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const BSAStackedLogo = ({ 'aria-label': ariaLabel = 'Bank SA' , copyrightYear ='2024' , viewBoxWidth =32 , viewBoxHeight =54 , className , ...props })=>React.createElement(Symbol, _extends({
+export const BSAStackedLogo = ({ 'aria-label': ariaLabel = 'Bank SA' , copyrightYear ='2025' , viewBoxWidth =32 , viewBoxHeight =54 , className , ...props })=>React.createElement(Symbol, _extends({
         className: clsx('h-[54px] w-[32px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/symbol/components/logos/bt-multibrand-large-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export function BTMultibrandLargeLogo({ 'aria-label': ariaLabel = 'BT' , copyrightYear ='2024' , viewBoxWidth =180 , viewBoxHeight =65 , align ='left' , offset =[
+export function BTMultibrandLargeLogo({ 'aria-label': ariaLabel = 'BT' , copyrightYear ='2025' , viewBoxWidth =180 , viewBoxHeight =65 , align ='left' , offset =[
     null,
     52.59,
     105.18

package/dist/components/symbol/components/logos/rams-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React, { useId } from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const RAMSLogo = ({ 'aria-label': ariaLabel = 'RAMS' , copyrightYear ='2024' , viewBoxWidth =99 , viewBoxHeight =51 , className , ...props })=>{
+export const RAMSLogo = ({ 'aria-label': ariaLabel = 'RAMS' , copyrightYear ='2025' , viewBoxWidth =99 , viewBoxHeight =51 , className , ...props })=>{
     const id = useId();
     return React.createElement(Symbol, _extends({
         className: clsx('h-[51px] w-[99px]', className),

package/dist/components/symbol/components/logos/rams-multibrand-large-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const RAMSMultibrandLargeLogo = ({ 'aria-label': ariaLabel = 'RAMS' , copyrightYear ='2024' , viewBoxWidth =180 , viewBoxHeight =65 , align ='left' , offset =[
+export const RAMSMultibrandLargeLogo = ({ 'aria-label': ariaLabel = 'RAMS' , copyrightYear ='2025' , viewBoxWidth =180 , viewBoxHeight =65 , align ='left' , offset =[
     null,
     40.5,
     81

package/dist/components/symbol/components/logos/rams-multibrand-small-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const RAMSMultibrandSmallLogo = ({ 'aria-label': ariaLabel = 'RAMS' , copyrightYear ='2024' , viewBoxWidth =122 , viewBoxHeight =44 , align ='left' , offset =[
+export const RAMSMultibrandSmallLogo = ({ 'aria-label': ariaLabel = 'RAMS' , copyrightYear ='2025' , viewBoxWidth =122 , viewBoxHeight =44 , align ='left' , offset =[
     null,
     25,
     50

package/dist/components/symbol/components/logos/red-avatar-circle-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const RedAvatarCircleLogo = ({ 'aria-label': ariaLabel = 'Red Avatar' , copyrightYear ='2024' , viewBoxWidth =64 , viewBoxHeight =64 , className , ...props })=>React.createElement(Symbol, _extends({
+export const RedAvatarCircleLogo = ({ 'aria-label': ariaLabel = 'Red Avatar' , copyrightYear ='2025' , viewBoxWidth =64 , viewBoxHeight =64 , className , ...props })=>React.createElement(Symbol, _extends({
         className: clsx('size-[64px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/symbol/components/logos/red-avatar-circle-reversed-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const RedAvatarCircleReversedLogo = ({ 'aria-label': ariaLabel = 'Red Avatar' , copyrightYear ='2024' , viewBoxWidth =64 , viewBoxHeight =64 , className , ...props })=>React.createElement(Symbol, _extends({
+export const RedAvatarCircleReversedLogo = ({ 'aria-label': ariaLabel = 'Red Avatar' , copyrightYear ='2025' , viewBoxWidth =64 , viewBoxHeight =64 , className , ...props })=>React.createElement(Symbol, _extends({
         className: clsx('size-[64px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/symbol/components/logos/red-avatar-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const RedAvatarLogo = ({ 'aria-label': ariaLabel = 'Red Avatar' , copyrightYear ='2024' , viewBoxWidth =67 , viewBoxHeight =32 , className , ...props })=>React.createElement(Symbol, _extends({
+export const RedAvatarLogo = ({ 'aria-label': ariaLabel = 'Red Avatar' , copyrightYear ='2025' , viewBoxWidth =67 , viewBoxHeight =32 , className , ...props })=>React.createElement(Symbol, _extends({
         className: clsx('h-[32px] w-[67px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/symbol/components/logos/stg-dragon-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const STGDragonLogo = ({ 'aria-label': ariaLabel = 'St.George' , copyrightYear ='2024' , viewBoxWidth =54 , viewBoxHeight =38 , className , ...props })=>React.createElement(Symbol, _extends({
+export const STGDragonLogo = ({ 'aria-label': ariaLabel = 'St.George' , copyrightYear ='2025' , viewBoxWidth =54 , viewBoxHeight =38 , className , ...props })=>React.createElement(Symbol, _extends({
         className: clsx('h-[38px] w-[54px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/symbol/components/logos/stg-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const STGLogo = ({ 'aria-label': ariaLabel = 'St.George' , copyrightYear ='2024' , viewBoxWidth =170 , viewBoxHeight =51 , className , ...props })=>React.createElement(Symbol, _extends({
+export const STGLogo = ({ 'aria-label': ariaLabel = 'St.George' , copyrightYear ='2025' , viewBoxWidth =170 , viewBoxHeight =51 , className , ...props })=>React.createElement(Symbol, _extends({
         className: clsx('h-[51px] w-[170px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/symbol/components/logos/stg-multibrand-large-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const STGMultibrandLargeLogo = ({ 'aria-label': ariaLabel = 'St.George' , copyrightYear ='2024' , viewBoxWidth =180 , viewBoxHeight =65 , align ='left' , offset =[
+export const STGMultibrandLargeLogo = ({ 'aria-label': ariaLabel = 'St.George' , copyrightYear ='2025' , viewBoxWidth =180 , viewBoxHeight =65 , align ='left' , offset =[
     null,
     5,
     10

package/dist/components/symbol/components/logos/stg-multibrand-small-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const STGMultibrandSmallLogo = ({ 'aria-label': ariaLabel = 'St.George' , copyrightYear ='2024' , viewBoxWidth =122 , viewBoxHeight =44 , align ='left' , offset =[
+export const STGMultibrandSmallLogo = ({ 'aria-label': ariaLabel = 'St.George' , copyrightYear ='2025' , viewBoxWidth =122 , viewBoxHeight =44 , align ='left' , offset =[
     null,
     34,
     68

package/dist/components/symbol/components/logos/wbc-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export function WBCLogo({ 'aria-label': ariaLabel = 'Westpac' , copyrightYear ='2024' , viewBoxWidth =69 , viewBoxHeight =28 , className , ...props }) {
+export function WBCLogo({ 'aria-label': ariaLabel = 'Westpac' , copyrightYear ='2025' , viewBoxWidth =69 , viewBoxHeight =28 , className , ...props }) {
     return React.createElement(Symbol, _extends({
         className: clsx('h-[28px] w-[69px]', className),
         "aria-label": ariaLabel,

package/dist/components/symbol/components/logos/wbc-multibrand-large-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const WBCMultibrandLargeLogo = ({ 'aria-label': ariaLabel = 'Westpac' , copyrightYear ='2024' , viewBoxWidth =180 , viewBoxHeight =65 , align ='left' , offset =[
+export const WBCMultibrandLargeLogo = ({ 'aria-label': ariaLabel = 'Westpac' , copyrightYear ='2025' , viewBoxWidth =180 , viewBoxHeight =65 , align ='left' , offset =[
     null,
     55.5,
     111

package/dist/components/symbol/components/logos/wbc-multibrand-small-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export function WBCMultibrandSmallLogo({ 'aria-label': ariaLabel = 'Westpac' , copyrightYear ='2024' , viewBoxWidth =122 , viewBoxHeight =44 , align ='left' , offset =[
+export function WBCMultibrandSmallLogo({ 'aria-label': ariaLabel = 'Westpac' , copyrightYear ='2025' , viewBoxWidth =122 , viewBoxHeight =44 , align ='left' , offset =[
     null,
     35,
     70

package/dist/components/symbol/components/logos/wbg-internal-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const WBGInternalLogo = ({ 'aria-label': ariaLabel = 'We Are Westpac Group' , copyrightYear ='2024' , viewBoxWidth =233 , viewBoxHeight =48 , className , ...props })=>React.createElement(Symbol, _extends({
+export const WBGInternalLogo = ({ 'aria-label': ariaLabel = 'We Are Westpac Group' , copyrightYear ='2025' , viewBoxWidth =233 , viewBoxHeight =48 , className , ...props })=>React.createElement(Symbol, _extends({
         className: clsx('h-[48px] w-[233px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/symbol/components/logos/wbg-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const WBGLogo = ({ 'aria-label': ariaLabel = 'Westpac Group' , copyrightYear ='2024' , viewBoxWidth =213 , viewBoxHeight =28 , className , ...props })=>React.createElement(Symbol, _extends({
+export const WBGLogo = ({ 'aria-label': ariaLabel = 'Westpac Group' , copyrightYear ='2025' , viewBoxWidth =213 , viewBoxHeight =28 , className , ...props })=>React.createElement(Symbol, _extends({
         className: clsx('h-[28px] w-[213px]', className),
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/symbol/components/logos/wbg-multibrand-large-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const WBGMultibrandLargeLogo = ({ 'aria-label': ariaLabel = 'Westpac Group' , copyrightYear ='2024' , viewBoxWidth =180 , viewBoxHeight =65 , align ='left' , offset =[
+export const WBGMultibrandLargeLogo = ({ 'aria-label': ariaLabel = 'Westpac Group' , copyrightYear ='2025' , viewBoxWidth =180 , viewBoxHeight =65 , align ='left' , offset =[
     null,
     10.475,
     20.95

package/dist/components/symbol/components/logos/wbg-multibrand-small-logo.js

@@ -15,7 +15,7 @@ function _extends() {
 import { clsx } from 'clsx';
 import React from 'react';
 import { Symbol } from '../../symbol.component.js';
-export const WBGMultibrandSmallLogo = ({ 'aria-label': ariaLabel = 'Westpac Group' , copyrightYear ='2024' , viewBoxWidth =122 , viewBoxHeight =44 , align ='left' , offset =[
+export const WBGMultibrandSmallLogo = ({ 'aria-label': ariaLabel = 'Westpac Group' , copyrightYear ='2025' , viewBoxWidth =122 , viewBoxHeight =44 , align ='left' , offset =[
     null,
     null,
     0.73

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@westpac/ui",
-  "version": "0.41.1",
+  "version": "0.42.0",
   "license": "MIT",
   "sideEffects": false,
   "type": "module",

package/src/components/checkbox-group/components/checkbox-group-checkbox/checkbox-group-checkbox.component.tsx

@@ -12,7 +12,7 @@ import { type CheckboxGroupCheckboxProps } from './checkbox-group-checkbox.types
 
 // TODO: Discuss with designers if this icon should be included as part of Icons
 // Icon based on SVGs/instructions received from this issue https://github.com/WestpacGEL/GEL-next/issues/159
-function CheckIcon({ copyrightYear = '2024', size, ...props }: IconProps) {
+function CheckIcon({ copyrightYear = '2025', size, ...props }: IconProps) {
   const viewBoxSize = size === 'large' ? '0 0 30 30' : '0 0 24 24';
   return (
     <Icon copyrightYear={copyrightYear} viewBox={viewBoxSize} {...props}>

package/src/components/icon/components/accessibility-icon.tsx

@@ -5,7 +5,7 @@ import { type IconProps } from '../icon.types.js';
 
 export function AccessibilityIcon({
   'aria-label': ariaLabel = 'Accessibility',
-  copyrightYear = '2023',
+  copyrightYear = '2025',
   ...props
 }: IconProps) {
   return (

package/src/components/icon/components/account-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function AccountIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Account',
-  copyrightYear = '2023',
+  copyrightYear = '2025',
   ...props
 }: IconProps) {
   return (

package/src/components/icon/components/add-circle-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function AddCircleIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Add Circle',
-  copyrightYear = '2023',
+  copyrightYear = '2025',
   ...props
 }: IconProps) {
   return (

package/src/components/icon/components/add-icon.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function AddIcon({ 'aria-label': ariaLabel = 'Add', copyrightYear = '2023', ...props }: IconProps) {
+export function AddIcon({ 'aria-label': ariaLabel = 'Add', copyrightYear = '2025', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path d="M11 11H4V13H11V20H13V13H20V11H13V4H11V11Z" fill="currentColor" />

package/src/components/icon/components/alert-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function AlertIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Alert',
-  copyrightYear = '2023',
+  copyrightYear = '2025',
   ...props
 }: IconProps) {
   return (

package/src/components/icon/components/android-icon.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function AndroidIcon({ 'aria-label': ariaLabel = 'Android', copyrightYear = '2023', ...props }: IconProps) {
+export function AndroidIcon({ 'aria-label': ariaLabel = 'Android', copyrightYear = '2025', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path

package/src/components/icon/components/apple-icon.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function AppleIcon({ 'aria-label': ariaLabel = 'Apple', copyrightYear = '2023', ...props }: IconProps) {
+export function AppleIcon({ 'aria-label': ariaLabel = 'Apple', copyrightYear = '2025', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path

package/src/components/icon/components/archive-box-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function ArchiveBoxIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Archive Box',
-  copyrightYear = '2023',
+  copyrightYear = '2025',
   ...props
 }: IconProps) {
   return (

package/src/components/icon/components/arrow-back-circle-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function ArrowBackCircleIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Arrow Back Circle',
-  copyrightYear = '2023',
+  copyrightYear = '2025',
   ...props
 }: IconProps) {
   return (

package/src/components/icon/components/arrow-down-circle-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function ArrowDownCircleIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Arrow Down Circle',
-  copyrightYear = '2023',
+  copyrightYear = '2025',
   ...props
 }: IconProps) {
   return (

package/src/components/icon/components/arrow-fork-icon.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function ArrowForkIcon({ 'aria-label': ariaLabel = 'Arrow Fork', copyrightYear = '2023', ...props }: IconProps) {
+export function ArrowForkIcon({ 'aria-label': ariaLabel = 'Arrow Fork', copyrightYear = '2025', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path

package/src/components/icon/components/arrow-forward-circle-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function ArrowForwardCircleIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Arrow Forward Circle',
-  copyrightYear = '2023',
+  copyrightYear = '2025',
   ...props
 }: IconProps) {
   return (

package/src/components/icon/components/arrow-left-icon.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function ArrowLeftIcon({ 'aria-label': ariaLabel = 'Arrow Left', copyrightYear = '2023', ...props }: IconProps) {
+export function ArrowLeftIcon({ 'aria-label': ariaLabel = 'Arrow Left', copyrightYear = '2025', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path d="M9.82435 12L16.4121 18.5878L15 20L7 12L15 4L16.4122 5.41218L9.82435 12Z" fill="currentColor" />

package/src/components/icon/components/arrow-right-icon.tsx

@@ -5,7 +5,7 @@ import { type IconProps } from '../icon.types.js';
 
 export function ArrowRightIcon({
   'aria-label': ariaLabel = 'Arrow Right',
-  copyrightYear = '2023',
+  copyrightYear = '2025',
   ...props
 }: IconProps) {
   return (

package/src/components/icon/components/arrow-split-icon.tsx

@@ -5,7 +5,7 @@ import { type IconProps } from '../icon.types.js';
 
 export function ArrowSplitIcon({
   'aria-label': ariaLabel = 'Arrow Split',
-  copyrightYear = '2023',
+  copyrightYear = '2025',
   ...props
 }: IconProps) {
   return (

package/src/components/icon/components/arrow-up-circle-icon.tsx

@@ -6,7 +6,7 @@ import { type IconProps } from '../icon.types.js';
 export function ArrowUpCircleIcon({
   look = 'filled',
   'aria-label': ariaLabel = 'Arrow Up Circle',
-  copyrightYear = '2023',
+  copyrightYear = '2025',
   ...props
 }: IconProps) {
   return (