Design System Updates for 2022 June

New Releases

Tab Bar: we turned our old Tab component into a web component called the Tab Bar, supporting accessibility features and attributes that make it easy to modify the content of tabs — like adding icons.

Password Input: we're introducing a new input component, the Password Input. It comes with a built-in show/hide text feature, which helps usability.

Enhancements

  • Messages in the Field component now have semantic colors: error, warning, success.
  • Labels in the Field component can now have an "optional" suffix.

Changes

  • Faint text color has been changed from gray-400 to gray-500 to increase contrast, improving accessibility.
  • Inline links are now underlined, adhering to web standards and improving accessibility.

Fixes

  • The Checkbox, Radio, and Switch web components can be used on their own.

Icon Library Updates

  • Added e-empty , e-conversation , e-checkbox- family, and e-radio- family.

Guideline Updates

  • Updated UI Text Guidelines, added UI Text Vocabulary.

Deprecation

  • The old CSS Tab component is being replaced by the new Tab Bar.
New AI Feature!

Try our new AI skill to implement designs easier and faster with guided generation and best-practice patterns. For more info, visit this page.