Skip to main content

V14 Releases

v14.0.0​

29/10/2025
Release Pull Request(opens in new window)

Brand​

CGU​

  • Updated CGU brand tokens.

CGU (Navy)​

  • Updated CGU (Navy) brand tokens and Logos.

IAG​

  • Updated IAG brand tokens and Logos.

Mighty Ape​

  • Removed Mighty Ape brand.

Components​

Autocomplete​

  • Fixed an Accessibility issue that was affecting error messages from being announced by screen readers.

Drawer​

  • The package.json now includes brand-provider as a dependency.

FormGroup​

  • Updated the code to trim spaces from the id prop to ensure no downstream accessibility issues are introduced in error messages that use this value to generate an aria-describedby association.

Input​

  • Change autoComplete prop to accept a wider range of string values.
  • Added support for CGU (Navy) brand logo.

  • The package.json now references @mui/material instead of @mui/joy and also the current version of the icon instead of 13.2.0.

ProgressIndicator​

  • Converted the <ProgressIndicator /> from @mui/joy to @mui/material.

Codemods​

  • Added Codemods to assist with migration from chroma-react to v14 and from the old Modal api to the latest. See the new Codemods page in the Guides section for more information.

Documentation​

  • Updated Typography page, font size column now shows pixel equivalent of rem for Headline, Headline Compact, Heading and Subheading.
  • Refactored docs only <BrandContent /> component to allow theme specific functionality.
  • Added Information Alert to the CGU Navy Brand Colours page explaining primary colour usage.
  • Updated chroma-react migration guide.
  • Added new Codemods page to the Guides section which information on how to install and use the new Codemods in order to aid with code migration.

Configuration​

  • Created new Codemods package

Figma​

  • New: LoFi Wireframe theme added to mode dropdown
  • Accordion: re-connected text styles in Content slot to CDS file to remove old fonts found (no visual difference)
  • Datepicker: re-connected calendar-day-selected-border-color token (no visual difference)

  • Footer:

    • Re-connected text styles to CDS file to remove old fonts found
    • Adapted to respond to Viewport variable mode
    • Re-named "Viewport" property to "Not required"

  • Header:

    • Adapted to respond to Viewport variable mode
    • Adapted to respond to Viewport variable mode
    • Re-named "Viewport" property to "Not required"

  • Modal:

    • Re-connected text styles in Content slot to CDS file to remove old fonts found
    • Adapted to respond to Viewport variable mode
    • Re-named "Viewport" property to "Not required"