Skip to main content

V13 Releases

v13.0.0​

09/07/2025
Release Pull Request

Brand​

Mighty Ape​

  • New brand added to the library.

View brand documentation.

Heritage Bank​

  • New Logo only brand added to the library.

View brand documentation.

Monochroma​

  • Updated secondary colour to be accessible with white.

View brand documentation.

NRMA Help​

  • Progress Loader - border removed, backdrop colour updated and inline variant updated with different label position.
  • Progress Indicator - Step sizes reduced, numbers removed, active step border added and mobile label position updated.
  • Icons - Core and Product Icons updated.
  • Background colour added to Progress Loader and Progress Indicator docs examples.

View brand documentation.

Components​

Drawer, Modal, Tooltip​

  • Updated class name attribute to include theme name where necessary for correct token scoping

Icons​

  • 32 new icons added to Core Icon set
  • 50 new icons added to Product Icon set

Input Group​

  • Accessibility fix, moved the id prop to the correct place to allow the FormGroup to create the correct association between the <label for> attribute and the <Input id>
  • New brands added.
    • heritage-bank
    • mighty-ape

Progress Indicator​

  • Added ability to show final step as checked

Progress Loader​

  • New inline variant
  • backdrop token added for brand styling.
  • Updated Usage documentation.

Tab​

  • New Tab component using the MUI Tab component. Component has a new API and is not backwards compatible with the old component.
  • Removed Block variant on mobile in place of new Scrolling variant.

See our Tab migration guide for more information on how to migrate from the old Tab component to the new one.

Documentation​

  • Update <Spinner /> example page with a live region update for Accessibility.
  • Added Tab migration guide.
  • Old Tab component added to the deprecated section in the docs with information on how to continue to use the old version although this is not recommended.
  • Updated <Button> usage guidelines
  • Updated Accessibility page with general recommendations to follow when developing your application.
  • Fixed <Alert> validation example with correct id attributes.
  • Refactored SVGs page to allow assets to render for local and dev environments.
  • Added new Outage Mitigation Guide to Guides section.

Build Configuration​

Dependencies​

  • Consolidated @mui joy and material package versions so that multiple versions are not included in the library.
  • @mui material packages updated to v7.

Code scanning fixes​

  • Added DOMPurify.sanitize() function to brand selector in the docs
  • redirectUrl now constructed using new URL() to ensure it is constructed safely and cannot be exploited by malicious input.

Figma only​

  • Body Bold font weights for Chroma and NZI updated from 700 to 600.
  • Deprecated Mode added.
  • Theme dropdown organised into alphabetical order.
  • Checkbox Outline Bugfix: Selected border colour updated from default to selected token and border radius token updated to pull theme tokens instead of global tokens for ASB, Bendigo Bank, Lumley, NAC and State.
  • Radio Outline Bugfix: Border radius token updated to pull theme tokens instead of global tokens for for ASB, Bendigo Bank, Lumley, NAC and State.
  • NAC Bugfix: Input border radius updated to 4px to align with code.