Link copied!

Design System Updates for 2023 January

New Releases

Illustrated Message: we're introducing a new web component, Illustrated Message, which is replacing our old CSS component, Empty State. The new component is more flexible, and supports more use-cases than just empty state, such as success, warning, and error feedback!

Enhancements

  • Action List: added spacing attribute, which can be set from the default cozy to none to remove spacing.
  • Datagrid: field clearing can be disabled for date-time filter using the clear-hidden attribute.
  • Datagrid: added min-date and max-date to date-time filter.
  • Password Input: added copy to clipboard button.
  • Password Input: added hide-reveal value button.
  • Rule Builder: component is now keyboard accessible.
  • Tooltip: component is now keyboard accessible.

Changes

  • Alert (Deprecated): display style looks like Notification Component now.
  • Field: adjusted typography style for text content.

Fixes

  • Datagrid: datagrid now gets settings even when the page id is set later.
  • Date-Time Picker: fixed issue where component didn't display properly if user's selected language was not available for the component. Component now falls back to English when an untranslated language is selected for the user.
  • Dialog: fixed padding issue for floating page variant.
  • Native Select: fixed issue where setting the value didn’t work for native select.

Deprecation

  • Empty State component is deprecated, replaced by Illustrated Message.