Design System Updates for 2021 July

New Releases

Popup Panel component: building on top of our recently released Popup Utility, the piping hot Popup Panel makes it fairly effortless to create your own custom popup panels — so you can insert your very own layouts for drop-down menus and such!

Enhancements

  • The option selected in our Select component can be cleared, returning it to an empty state — similarly to how it works in Multiselect. Use the "clear-visible" attribute to enable this feature.
  • The Multiselect filter in Datagrid now can be used on cells that contain arrays.
  • The Chart Columns can now use colors from our Color Library.

Changes

  • The Icon component got a new "default" value for its "size" attribute. Use this when you want to use the default size for the icon (typically 24x24 pixels), so parent elements cannot accidentally resize it.

Fixes

  • Date-Time Picker now uses the date format set by the user in My Profile.
  • The icon in the Notification component is now displayed in the correct size.
  • The Select component now can have a loading state even when the option list is empty.
  • Fixed Link Button style bug for its :active state.
  • Criteria component doesn’t break anymore when it receives an invalid JSON, instead it falls back to an empty object.

Icon Library Updates

  • Added new AC icons: ac-event-false, ac-event-true, ac-message-false, ac-message-true, ac-testing
  • Added new generic icons: e-tag, e-tag-remove, e-move-reorder

Guideline Updates