Skip to main content

V18 Releases

v18.1.0​

xx/05/2026
Release Pull Request(opens in new window)

Brand​

NRMA Help​

  • Added SegmentedControl checked state tokens to allow for new thick border updates.

RACQ​

  • Updated Heading font-weight to 500.
  • Added token override for select.icon.color.

Components​

  • Fixed redundant prop annotations in the render function for the following components: Accordion, AccordionItem, Badge, Button, Container, Datepicker, Label, Link, Message and Password.

Datepicker​

  • Removed unnecessary ref prop and moved ref to the 2nd argument of the forwardRef function.
  • Added hover border to day buttons to improve contrast for accessibility.

Radio Block​

  • Fixed forwardRef TypeScript types, ref is now inferred from the generic.

Segmented Control​

  • Added new box-shadow property to allow for the new thick border updates without causing layout shift.

Documentation​

  • Upgraded Docusaurus to version 3.10.0 to reduce vulnerabilities and improve performance.

Configuration​

  • Updated component tsconfig files moduleResolution to bundler as the existing node value is deprecated.
  • Updated NX to 22.6.5 to resolve Axios security vulnerabilities.

v18.0.0​

15/04/2026
Release Pull Request(opens in new window)

Brand​

Icons​

  • Added new icons to the library (AU States) and updated Sun & Hail icons.

Components​

Autocomplete​

  • Fixed accessibility issue of defining accessible name to clear button and validation to be announced to the screen readers for green valid field.

  • Added loadingMessage prop to the Autocomplete component used to provide additional context for screen readers while loading=true.

  • Fixed accessibility issue caused by the error state removing the hint text from the DOM, but not removing the linked id from the input's aria-describedby attribute.

Datepicker​

  • Datepicker no longer opens the calendar popup on focus to allow text-only input, users must now click on or use keyboard to open the calendar popup.

  • Typing into the year field is now immediately reflected in the input field.
  • onChange only fired once the year field is a valid date and meets the minDate requirement.
  • Improvement to the Documentation example descriptions for Past & Future dates.
  • Fixed accessibility issue with the Modal variant, adding aria-label to the view switch button.
  • Added a close button to the Modal variant for improved accessibility and user experience.
  • Fixed accessibility issue with the Modal variant not returning focus to the trigger element after closing.
  • Fixed issue with the Modal variant where the focus was not set to current day on opening calendar.

Form Group​

  • Addressed accessibility issue by applying aria-describedby to the <fieldset> element instead of each radio input to prevent announcing to the screen readers the same descriptive content repeatedly.

Input​

  • Added loadingMessage prop to the Input component used to provide additional context for screen readers while loading=true.

Radio Block​

  • Added Horizontal variant.

Spinner​

  • Added actionMessage prop to the Spinner component to provide additional context for screen readers when used standalone or in a Button.

Tab​

  • Removed tabIndex and focus-visible from tab panel to make tab content non interactive. Deleted ResizeObserever logic and set max width for MuiTab to 50%.

Textarea​

  • Fixed a bug that was incorrectly generating the id of the character count message and association in the <Textarea aria-describedby /> value.

Documentation​

Button​

  • Added trigger and documentation for the loading state of the Button component to allow for easier accessibility testing.

Segmented Control​

  • Removed error state in docs when selection is made.

Radio​

  • Fixed css variables tab output.

Radio Block​

  • Removed error state when an option is selected.

Configuration​

  • Bugfix: Chroma Assets Url missing from tokens file

  • Automated the creation of the brand array in the brand provider component, data is sourced directly from the brand tokens package (brand-tokens/brands.js) to ensure there is no manual intervention required when adding or updating brands.

  • Merged component composition files into the tests to clean up dirs ready for Chromatic integration.

  • Improved the MUI import code across components using MUI library so that it doesn't include the entire MUI library.