V7 Releases

v7.2.0

03/10/2024

Release Pull Request(opens in new window)

Brand Tokens

NRMA

• Updated link disabled color.

Previous value

--link-disabled-color: #7aa1eb;

Updated value

--link-disabled-color: #999ec2;

View NRMA link documentation

State

• Updated typography headline + compact font sizes.

Previous values

--typography-headline-font-size-sm: 2.125rem; /* tablet */
--typography-headline-font-size-md: 2.375rem; /* laptop */
--typography-headline-font-size-lg: 2.625rem; /* desktop */
--typography-headline-compact-font-size-sm: 1.875rem; /* tablet */
--typography-headline-compact-font-size-md: 2rem; /* laptop */
--typography-headline-compact-font-size-lg: 2.25rem; /* desktop */

Updated values

--typography-headline-font-size-sm: 2.375rem; /* tablet */
--typography-headline-font-size-md: 2.875rem; /* laptop */
--typography-headline-font-size-lg: 3.5rem; /* desktop */
--typography-headline-compact-font-size-sm: 2rem; /* tablet */
--typography-headline-compact-font-size-md: 2.375rem; /* laptop */
--typography-headline-compact-font-size-lg: 2.75rem; /* desktop */

View State typography documentation

AMI

• Updated footer background color.

Previous value

--footer-background-color: #0c0c0c;

Updated value

--footer-background-color: #3b3b3b;

View AMI footer documentation

Components

<ProgressIndicator />

• New <ProgressIndicator /> component added.

View Progress Indicator documentation

<Button />

• Added button link disabled styling to change the icon colour.

View Button documentation

Documentation

<Link />

• Added disabled link examples.

View Link documentation

<Button />

• Added button link disabled examples.
• Added button icon examples.

View Button documentation

Brand Colours

• Fixed Brand Colours Foundations page so that it displays the correct brand theme colours.

View Brand Colours documentation

Asset Tokens

• Added cgu, navy theme tokens to list of token sets in the documentation.

View Asset Tokens documentation

Figma

• Price component updated to remove display issues occurring with some brand fonts.
• Link disabled state added.

v7.1.0

04/09/2024

Release Pull Request(opens in new window)

Brand Tokens

Icons

• New icon font-family token added. This token aligns with the brand specific icon font sets being light, regular and solid.

Example css variable

--icon-font-family: "regular";

Icon component css variables

Components

<BrandProvider />

• Updated brand prop string definitions to match available brands.

Available brands will now display

v7.0.0

07/08/2024

Release Pull Request(opens in new window)

Assets

Logo files

• New logo assets added for QBank.

• All .png logo files have been removed for all brands.
• Alternate logo files have been renamed for the following brands:

ANZ

• logo-alt.svg renamed to logo-alt-1.svg

Driva

• logo-alternate.svg renamed to logo-alt-1.svg

NRMA

• logo-horizontal.svg renamed to logo-alt-1.svg

Driva

• logo-alternate.svg renamed to logo-alt-1.svg

IAG Logos

• New IAG default logo and alternate IAG logo added.

Default Logo logo.svg	Alternate Logo logo-alt-1.svg

Components

<Modal />

• Removed onLoaded check from internal <BrandProvider /> which was preventing the modal content from displaying.

Modal documentation

<Textarea />

• Added maxLength prop to display a character counter for the <Textarea /> component.

<Textarea maxLength={50} />

Textarea documentation

<Logo />

Logo visual updates(opens in new window)

• Added new brand QBank.

<Logo brand="qbank" />

• Updated mobile sizing for the following brands:

Logo documentation

IAG

• width updated from 80px to 64px
• height updated from 66px to 64px
• xs width updated from 53px to 48px
• xs height updated from 44px to 48px

ANZ

• xs width updated from 144px to 105px
• xs height updated from 48px to 35px

BNZ

• xs width updated from 100px to 62px
• xs height updated from 49px to 30px

Chroma

• xs width updated from 168px to 133px
• xs height updated from 38px to 30px

Driva

• xs width updated from 109px to 89px
• xs height updated from 22px to 18px

Monochroma

• xs width updated from 168px to 133px
• xs height updated from 38px to 30px

NAC

• xs width updated from 145px to 118px
• xs height updated from 37px to 30px

NZI

• xs width updated from 93px to 76px
• xs height updated from 49px to 40px

ROLLiN

• xs width updated from 124px to 86px
• xs height updated from 58px to 40px

Documentation

<Textarea />

• Added character counter example

Textarea documentation

<Favicon />

• Updated documentation to include <Helmet> implementation.

Favicon documentation

Assets / Svgs

• Added Backed by IAG logos to documentation.

Svg documentation

Additional

• Added version dropdown to the docs navbar activated by clicking on the current version number link.
• Allow brand query for brand/theme, eg. ?brand=coles and ?brand=cgu&theme=navy.
• Updated GitHub workflows included a new package only deployment and Nexus fix.
• Updated migration guides for bit and chroma-react.
• Added release dates and release pull request url to the release notes.
• Updated the IAG logo for the documentation.

Figma

• Textarea text layers reconnected to display correct font styling.