@westpac/ui 1.3.0 → 1.4.0

package/dist/components/icon/components/travel-explore-icon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function TravelExploreIcon({ 'aria-label': ariaLabel = 'Travel Explore', copyrightYear = '2025', ...props }) {
+export function TravelExploreIcon({ 'aria-label': ariaLabel = 'Travel Explore', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function TuneIcon({ 'aria-label': ariaLabel = 'Tune', copyrightYear = '2025', ...props }) {
+export function TuneIcon({ 'aria-label': ariaLabel = 'Tune', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function TwitterIcon({ look = 'filled', 'aria-label': ariaLabel = 'Twitter', copyrightYear = '2025', ...props }) {
+export function TwitterIcon({ look = 'filled', 'aria-label': ariaLabel = 'Twitter', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function UmbrellaIcon({ look = 'filled', 'aria-label': ariaLabel = 'Umbrella', copyrightYear = '2025', ...props }) {
+export function UmbrellaIcon({ look = 'filled', 'aria-label': ariaLabel = 'Umbrella', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function UnpinIcon({ look = 'filled', 'aria-label': ariaLabel = 'Unpin', copyrightYear = '2025', ...props }) {
+export function UnpinIcon({ look = 'filled', 'aria-label': ariaLabel = 'Unpin', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function UploadIcon({ look = 'filled', 'aria-label': ariaLabel = 'Upload', copyrightYear = '2025', ...props }) {
+export function UploadIcon({ look = 'filled', 'aria-label': ariaLabel = 'Upload', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function VerifiedIcon({ look = 'filled', 'aria-label': ariaLabel = 'Verified', copyrightYear = '2025', ...props }) {
+export function VerifiedIcon({ look = 'filled', 'aria-label': ariaLabel = 'Verified', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function VideoIcon({ look = 'filled', 'aria-label': ariaLabel = 'Video', copyrightYear = '2025', ...props }) {
+export function VideoIcon({ look = 'filled', 'aria-label': ariaLabel = 'Video', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function VisibilityIcon({ look = 'filled', 'aria-label': ariaLabel = 'Visibility', copyrightYear = '2025', ...props }) {
+export function VisibilityIcon({ look = 'filled', 'aria-label': ariaLabel = 'Visibility', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/visibility-off-icon.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function VisibilityOffIcon({ look = 'filled', 'aria-label': ariaLabel = 'Visibility Off', copyrightYear = '2025', ...props }) {
+export function VisibilityOffIcon({ look = 'filled', 'aria-label': ariaLabel = 'Visibility Off', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function VoiceIcon({ look = 'filled', 'aria-label': ariaLabel = 'Voice', copyrightYear = '2025', ...props }) {
+export function VoiceIcon({ look = 'filled', 'aria-label': ariaLabel = 'Voice', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/voiceover-on-icon.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function VoiceoverOnIcon({ look = 'filled', 'aria-label': ariaLabel = 'Voiceover On', copyrightYear = '2025', ...props }) {
+export function VoiceoverOnIcon({ look = 'filled', 'aria-label': ariaLabel = 'Voiceover On', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/volume-off-icon.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function VolumeOffIcon({ look = 'filled', 'aria-label': ariaLabel = 'Volume Off', copyrightYear = '2025', ...props }) {
+export function VolumeOffIcon({ look = 'filled', 'aria-label': ariaLabel = 'Volume Off', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/volume-on-icon.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function VolumeOnIcon({ look = 'filled', 'aria-label': ariaLabel = 'Volume On', copyrightYear = '2025', ...props }) {
+export function VolumeOnIcon({ look = 'filled', 'aria-label': ariaLabel = 'Volume On', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function WalkIcon({ 'aria-label': ariaLabel = 'Walk', copyrightYear = '2025', ...props }) {
+export function WalkIcon({ 'aria-label': ariaLabel = 'Walk', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function WalletIcon({ look = 'filled', 'aria-label': ariaLabel = 'Wallet', copyrightYear = '2025', ...props }) {
+export function WalletIcon({ look = 'filled', 'aria-label': ariaLabel = 'Wallet', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function WarningIcon({ look = 'filled', 'aria-label': ariaLabel = 'Warning', copyrightYear = '2025', ...props }) {
+export function WarningIcon({ look = 'filled', 'aria-label': ariaLabel = 'Warning', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function WatchIcon({ look = 'filled', 'aria-label': ariaLabel = 'Watch', copyrightYear = '2025', ...props }) {
+export function WatchIcon({ look = 'filled', 'aria-label': ariaLabel = 'Watch', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function WearableIcon({ look = 'filled', 'aria-label': ariaLabel = 'Wearable', copyrightYear = '2025', ...props }) {
+export function WearableIcon({ look = 'filled', 'aria-label': ariaLabel = 'Wearable', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function WheelchairIcon({ 'aria-label': ariaLabel = 'Wheelchair', copyrightYear = '2025', ...props }) {
+export function WheelchairIcon({ 'aria-label': ariaLabel = 'Wheelchair', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function WindowsNewIcon({ 'aria-label': ariaLabel = 'Windows New', copyrightYear = '2025', ...props }) {
+export function WindowsNewIcon({ 'aria-label': ariaLabel = 'Windows New', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

package/dist/components/icon/components/wine-glass-icon.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '../icon.component.js';
-export function WineGlassIcon({ look = 'filled', 'aria-label': ariaLabel = 'Wine Glass', copyrightYear = '2025', ...props }) {
+export function WineGlassIcon({ look = 'filled', 'aria-label': ariaLabel = 'Wine Glass', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function WordFileIcon({ look = 'filled', 'aria-label': ariaLabel = 'Word File', copyrightYear = '2025', ...props }) {
+export function WordFileIcon({ look = 'filled', 'aria-label': ariaLabel = 'Word File', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function WriteIcon({ look = 'filled', 'aria-label': ariaLabel = 'Write', copyrightYear = '2025', ...props }) {
+export function WriteIcon({ look = 'filled', 'aria-label': ariaLabel = 'Write', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function XIcon({ look = 'filled', 'aria-label': ariaLabel = 'X', copyrightYear = '2025', ...props }) {
+export function XIcon({ look = 'filled', 'aria-label': ariaLabel = 'X', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function YammerIcon({ look = 'filled', 'aria-label': ariaLabel = 'Yammer', copyrightYear = '2025', ...props }) {
+export function YammerIcon({ look = 'filled', 'aria-label': ariaLabel = 'Yammer', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function YoutubeIcon({ look = 'filled', 'aria-label': ariaLabel = 'Youtube', copyrightYear = '2025', ...props }) {
+export function YoutubeIcon({ look = 'filled', 'aria-label': ariaLabel = 'Youtube', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { Icon } from '../icon.component.js';
-export function ZipFileIcon({ look = 'filled', 'aria-label': ariaLabel = 'Zip File', copyrightYear = '2025', ...props }) {
+export function ZipFileIcon({ look = 'filled', 'aria-label': ariaLabel = 'Zip File', copyrightYear = '2026', ...props }) {
     return React.createElement(Icon, {
         "aria-label": ariaLabel,
         copyrightYear: copyrightYear,

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

@@ -6,19 +6,19 @@ export { AlertIcon } from './components/alert-icon.js';
 export { AndroidIcon } from './components/android-icon.js';
 export { AppleIcon } from './components/apple-icon.js';
 export { ArchiveBoxIcon } from './components/archive-box-icon.js';
-export { ArrowBackIcon } from './components/arrow-back-icon.js';
 export { ArrowBackCircleIcon } from './components/arrow-back-circle-icon.js';
-export { ArrowDownIcon } from './components/arrow-down-icon.js';
+export { ArrowBackIcon } from './components/arrow-back-icon.js';
 export { ArrowDownCircleIcon } from './components/arrow-down-circle-icon.js';
+export { ArrowDownIcon } from './components/arrow-down-icon.js';
 export { ArrowForkIcon } from './components/arrow-fork-icon.js';
-export { ArrowForwardIcon } from './components/arrow-forward-icon.js';
 export { ArrowForwardCircleIcon } from './components/arrow-forward-circle-icon.js';
+export { ArrowForwardIcon } from './components/arrow-forward-icon.js';
 export { ArrowLeftIcon } from './components/arrow-left-icon.js';
 export { ArrowRightIcon } from './components/arrow-right-icon.js';
 export { ArrowSplitIcon } from './components/arrow-split-icon.js';
 export { ArrowThreadReplyIcon } from './components/arrow-thread-reply-icon.js';
-export { ArrowUpIcon } from './components/arrow-up-icon.js';
 export { ArrowUpCircleIcon } from './components/arrow-up-circle-icon.js';
+export { ArrowUpIcon } from './components/arrow-up-icon.js';
 export { AtmIcon } from './components/atm-icon.js';
 export { AttacheCaseIcon } from './components/attache-case-icon.js';
 export { AustraliaIcon } from './components/australia-icon.js';
@@ -28,6 +28,8 @@ export { BankIcon } from './components/bank-icon.js';
 export { BarChartDownIcon } from './components/bar-chart-down-icon.js';
 export { BarChartIcon } from './components/bar-chart-icon.js';
 export { BarbellIcon } from './components/barbell-icon.js';
+export { BathIcon } from './components/bath-icon.js';
+export { BedIcon } from './components/bed-icon.js';
 export { BookIcon } from './components/book-icon.js';
 export { BpayIcon } from './components/bpay-icon.js';
 export { BriefcaseIcon } from './components/briefcase-icon.js';
@@ -162,6 +164,7 @@ export { PackageDeliveryIcon } from './components/package-delivery-icon.js';
 export { PadlockIcon } from './components/padlock-icon.js';
 export { PadlockOpenIcon } from './components/padlock-open-icon.js';
 export { PadlockTickIcon } from './components/padlock-tick-icon.js';
+export { PasskeyIcon } from './components/passkey-icon.js';
 export { PauseCircleIcon } from './components/pause-circle-icon.js';
 export { PauseIcon } from './components/pause-icon.js';
 export { PawIcon } from './components/paw-icon.js';

package/dist/components/icon/index.js

@@ -6,19 +6,19 @@ export { AlertIcon } from './components/alert-icon.js';
 export { AndroidIcon } from './components/android-icon.js';
 export { AppleIcon } from './components/apple-icon.js';
 export { ArchiveBoxIcon } from './components/archive-box-icon.js';
-export { ArrowBackIcon } from './components/arrow-back-icon.js';
 export { ArrowBackCircleIcon } from './components/arrow-back-circle-icon.js';
-export { ArrowDownIcon } from './components/arrow-down-icon.js';
+export { ArrowBackIcon } from './components/arrow-back-icon.js';
 export { ArrowDownCircleIcon } from './components/arrow-down-circle-icon.js';
+export { ArrowDownIcon } from './components/arrow-down-icon.js';
 export { ArrowForkIcon } from './components/arrow-fork-icon.js';
-export { ArrowForwardIcon } from './components/arrow-forward-icon.js';
 export { ArrowForwardCircleIcon } from './components/arrow-forward-circle-icon.js';
+export { ArrowForwardIcon } from './components/arrow-forward-icon.js';
 export { ArrowLeftIcon } from './components/arrow-left-icon.js';
 export { ArrowRightIcon } from './components/arrow-right-icon.js';
 export { ArrowSplitIcon } from './components/arrow-split-icon.js';
 export { ArrowThreadReplyIcon } from './components/arrow-thread-reply-icon.js';
-export { ArrowUpIcon } from './components/arrow-up-icon.js';
 export { ArrowUpCircleIcon } from './components/arrow-up-circle-icon.js';
+export { ArrowUpIcon } from './components/arrow-up-icon.js';
 export { AtmIcon } from './components/atm-icon.js';
 export { AttacheCaseIcon } from './components/attache-case-icon.js';
 export { AustraliaIcon } from './components/australia-icon.js';
@@ -28,6 +28,8 @@ export { BankIcon } from './components/bank-icon.js';
 export { BarChartDownIcon } from './components/bar-chart-down-icon.js';
 export { BarChartIcon } from './components/bar-chart-icon.js';
 export { BarbellIcon } from './components/barbell-icon.js';
+export { BathIcon } from './components/bath-icon.js';
+export { BedIcon } from './components/bed-icon.js';
 export { BookIcon } from './components/book-icon.js';
 export { BpayIcon } from './components/bpay-icon.js';
 export { BriefcaseIcon } from './components/briefcase-icon.js';
@@ -162,6 +164,7 @@ export { PackageDeliveryIcon } from './components/package-delivery-icon.js';
 export { PadlockIcon } from './components/padlock-icon.js';
 export { PadlockOpenIcon } from './components/padlock-open-icon.js';
 export { PadlockTickIcon } from './components/padlock-tick-icon.js';
+export { PasskeyIcon } from './components/passkey-icon.js';
 export { PauseCircleIcon } from './components/pause-circle-icon.js';
 export { PauseIcon } from './components/pause-icon.js';
 export { PawIcon } from './components/paw-icon.js';

package/dist/components/modal/components/modal-backdrop/modal-backdrop.component.js

@@ -12,7 +12,7 @@ export function ModalBackdrop({ zIndex = 100, portalContainer, size, compact, ..
     const { modalProps, underlayProps } = useModalOverlay(props, state, ref);
     const brandContainer = useMemo(()=>{
         if (typeof window !== 'undefined') {
-            return document.querySelector('[data-theme]') || document.querySelector('[class^="theme-"], [class*=" theme-"]') || document.body;
+            return document.querySelector('[data-brand]') || document.querySelector('[class^="theme-"], [class*=" theme-"]') || document.body;
         }
     }, []);
     if (!state.isOpen) {

package/dist/components/multi-select/components/multi-select-popover/multi-select-popover.component.js

@@ -26,7 +26,7 @@ export function MultiSelectPopover({ children, className, ...props }) {
     }, overlayState);
     const brandContainer = useMemo(()=>{
         if (typeof window !== 'undefined') {
-            return document.querySelector('[data-theme]') || document.querySelector('[class^="theme-"], [class*=" theme-"]') || document.body;
+            return document.querySelector('[data-brand]') || document.querySelector('[class^="theme-"], [class*=" theme-"]') || document.body;
         }
     }, []);
     const styles = popoverStyles();

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

@@ -1,2 +1,3 @@
 export { Pagination } from './pagination.component.js';
+export { usePagination } from './pagination.hooks.js';
 export { type PaginationProps } from './pagination.types.js';

package/dist/components/pagination/index.js

@@ -1 +1,2 @@
 export { Pagination } from './pagination.component.js';
+export { usePagination } from './pagination.hooks.js';

package/dist/components/pagination/pagination.hooks.js

@@ -1,3 +1,4 @@
+'use client';
 import { useCallback, useState } from 'react';
 export const usePagination = ({ defaultCurrent = 1, totalPages, infinite = false })=>{
     const [currentPage, setCurrentPage] = useState(defaultCurrent);

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

@@ -8,7 +8,7 @@ export const styles = tv({
         after:top-0 after:left-[1.5px] after:size-0 after:border-x-[6.5px] after:border-t-[11px] after:border-x-[transparent] after:border-t-background-white
       `,
         closeBtn: 'absolute top-1 right-1 h-3 p-0',
-        content: 'w-[18.75rem] rounded-xl bg-background-white py-4 pr-5 pl-3',
+        content: 'w-[18.75rem] rounded-xl bg-background-white p-4',
         heading: 'mb-2 typography-body-9 font-medium text-text-body focus-visible:focus-outline',
         body: 'typography-body-10 text-text-body focus-visible:focus-outline'
     },

package/dist/css/westpac-ui.css

@@ -2436,9 +2436,6 @@
   .py-3 {
     padding-block: calc(0.375rem * 3);
   }
-  .py-4 {
-    padding-block: calc(0.375rem * 4);
-  }
   .py-\[0\.5rem\] {
     padding-block: 0.5rem;
   }

package/dist/css/westpac-ui.min.css

@@ -2436,9 +2436,6 @@
   .py-3 {
     padding-block: calc(0.375rem * 3);
   }
-  .py-4 {
-    padding-block: calc(0.375rem * 4);
-  }
   .py-\[0\.5rem\] {
     padding-block: 0.5rem;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@westpac/ui",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "sideEffects": false,
   "type": "module",
@@ -238,7 +238,7 @@
     "glob": "~10.5.0",
     "jsdom": "^22.1.0",
     "plop": "~4.0.5",
-    "postcss": "~8.5.6",
+    "postcss": "~8.5.10",
     "postcss-cli": "~10.1.0",
     "prettier": "^3.2.5",
     "prop-types": "^15.8.1",
@@ -253,9 +253,9 @@
     "typescript": "^5.5.4",
     "vite": "^7.1.12",
     "vitest": "^3.2.4",
-    "@westpac/eslint-config": "~1.1.0",
     "@westpac/style-config": "~1.0.2",
     "@westpac/test-config": "~0.0.0",
+    "@westpac/eslint-config": "~1.1.0",
     "@westpac/ts-config": "~0.0.0"
   },
   "dependencies": {

package/src/components/autocomplete/components/autocomplete-popover/autocomplete-popover.component.tsx

@@ -23,7 +23,7 @@ export function AutocompletePopover(props: AutocompletePopoverProps) {
   const brandContainer = useMemo(() => {
     if (typeof window !== 'undefined') {
       return (
-        document.querySelector('[data-theme]') ||
+        document.querySelector('[data-brand]') ||
         document.querySelector('[class^="theme-"], [class*=" theme-"]') ||
         document.body
       );

package/src/components/bottom-sheet/components/bottom-sheet-modal/bottom-sheet-modal.component.tsx

@@ -39,7 +39,7 @@ export function BottomSheetModal({
   const brandContainer = useMemo(() => {
     if (isBrowser) {
       return (
-        document.querySelector('[data-theme]') ||
+        document.querySelector('[data-brand]') ||
         document.querySelector('[class^="theme-"], [class*=" theme-"]') ||
         document.body
       );

package/src/components/date-picker/date-picker.component.tsx

@@ -86,7 +86,7 @@ export function DatePicker({
 
   const brandContainer = useMemo(() => {
     return (
-      document.querySelector('[data-theme]') ||
+      document.querySelector('[data-brand]') ||
       document.querySelector('[class^="theme-"], [class*=" theme-"]') ||
       undefined
     );

package/src/components/dropdown/dropdown.component.tsx

@@ -72,7 +72,7 @@ export function Dropdown({
   const brandContainer = useMemo(() => {
     if (typeof window !== 'undefined') {
       return (
-        document.querySelector('[data-theme]') ||
+        document.querySelector('[data-brand]') ||
         document.querySelector('[class^="theme-"], [class*=" theme-"]') ||
         document.body
       );

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 = '2025',
+  copyrightYear = '2026',
   ...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 = '2025',
+  copyrightYear = '2026',
   ...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 = '2025',
+  copyrightYear = '2026',
   ...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 = '2025', ...props }: IconProps) {
+export function AddIcon({ 'aria-label': ariaLabel = 'Add', copyrightYear = '2026', ...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 = '2025',
+  copyrightYear = '2026',
   ...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 = '2025', ...props }: IconProps) {
+export function AndroidIcon({ 'aria-label': ariaLabel = 'Android', copyrightYear = '2026', ...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 = '2025', ...props }: IconProps) {
+export function AppleIcon({ 'aria-label': ariaLabel = 'Apple', copyrightYear = '2026', ...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 = '2025',
+  copyrightYear = '2026',
   ...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 = '2025',
+  copyrightYear = '2026',
   ...props
 }: IconProps) {
   return (

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

@@ -3,12 +3,7 @@ import React from 'react';
 import { Icon } from '../icon.component.js';
 import { type IconProps } from '../icon.types.js';
 
-export function ArrowBackIcon({
-  look = 'filled',
-  'aria-label': ariaLabel = 'Arrow Back',
-  copyrightYear = '2025',
-  ...props
-}: IconProps) {
+export function ArrowBackIcon({ 'aria-label': ariaLabel = 'Arrow Back', copyrightYear = '2026', ...props }: IconProps) {
   return (
     <Icon aria-label={ariaLabel} copyrightYear={copyrightYear} {...props}>
       <path d="M12 20L13.41 18.59L7.83 13L20 13V11L7.83 11L13.41 5.41L12 4L4 12L12 20Z" fill="currentColor" />

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 = '2025',
+  copyrightYear = '2026',
   ...props
 }: IconProps) {
   return (