Design System Updates for 2022 July
New Releases
Accordion: our new Accordion web component is the modernized version of our old Accordion CSS component. It supports accessibility standards and received some minor design touch-ups.
Step Bar: our new Step Bar is the new web component version of our old Steps CSS component. It supports accessibility standards and comes with some new features, like the ability to display icons.
Enhancements
- Tab Bar: the Tab Bar component can be used for both horizontal and vertical tabs, replacing the old Vertical Tab CSS component.
- Select: the Select component can be opened even when there are no options to list, displaying an empty state message.
- Popup utility:
onFocusForwardandonFocusBackwardare used in the tab chain to make interactions accessible.
Changes
- Input components, like Text Input and Number Input, now share a common background color.
Fixes
- Input Group: fixed border style bug.
- Date-Time Picker: fixed performance issue in presets.
- Datagrid: invalid values are now handled properly in
datagrid-column-numeric.
Deprecation
- The old Steps CSS component has been replaced by the new Step Bar web component.
- The old Vertical Tab CSS component has been replaced by the Tab Bar web component.
- The old Accordion CSS component has been replaced by the Accordion web component.