Design System Updates for 2023 February

Enhancements

  • Multiselect: value setter can be used to set the value of the selected item via JavaScript.
  • Datagrid: time columns with duration type has precision now.
  • Colors: added contrast spectrum for chart colors (chart-01-100 to chart-01-900)
  • Color Picker: combined color picker input and color picker panel into a single color picker web component for better accessibility support.
  • Time Picker: input value now loops.
  • Time Picker: the inputs now can have empty state.
  • Duration: now handles milliseconds.
  • Typography: added monospace font family as available CSS style.

Changes

  • Updated focus style for inline links and helper links.
  • Utility: “target=_blank” now can be used in sanitization.
  • Select: the component now doesn’t throw change event when selecting an already selected event.

Fixes

  • Button: updated style for link buttons.
  • Tooltip: fixed performance issue when too many tooltips were on the page.
  • Date-Time Picker: fixed issue with keyboard accessibility.

Guideline Updates