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.