Skip to content

v22.0.0

Choose a tag to compare

@seek-oss-ci seek-oss-ci released this 19 Feb 04:01
· 1439 commits to master since this release
aa60d06

22.0.0 (2020-02-19)

Features

  • Update Alert design, add Notice and introduce caution tone (#496) (aa60d06)

💥 Breaking Changes

Alert no longer has a weight property. The strong treatment was considered too heavy and was most often used to avoid contrast issues when used outside of a Card, this has instead been addressed through a design update.

✨ New Features

🎨 Caution Tone

Introduces the caution tone as a mechanism for making the user aware something is happening or mid-way through a process. Could used to highlight a risk or an item that needs to be acted upon.

Updated tones palette

⚛️ Notice

Better facilitates in-flow messaging where usage of an Alert would be considered too visually dominant or distracting. Supports a subset of tones, namely promote, info, positive and critical, seen below:

Preview of Notice component

Migration Guide

⚛️ Alert

If you're setting weight="strong", you should remove it.

If you're not setting weight="strong" (the default), please validate the design suits your use case. You might find that for in-flow messaging, eg. amongst content within a Card, you might prefer the new Notice component.