Design System Updates for 2021 June

New Releases

Suggest Input component: our brand new Suggest Input component is an enhanced version of our text input. It displays suggestions from a list as the user types — similarly how search engines across the internet auto-complete your sentences. This component is really useful when we want to help the user enter a value that already exists in a list, but also want to give them the ability to use a new value that doesn't exist in that list.

Popup utility: the Popup utility helps in the creation of custom popover panels. Before this, only certain components had the ability to display popover panels, but now it's a lot easier to give this functionality to UI elements.

Enhancements

  • Notification components with the type attribute can be implemented in an alternative style, which looks better on light-gray backgrounds than the regular Notifications.
  • Notification components now can remember their closed state even if they were closed through methods other than the close button.

Changes

Fixes

  • Fixed hover state style-bug in the borderless variant of our Button component.

Icon Library Updates

  • Updated existing icons: e-error, e-commenting, e-logic-and, e-logic-or, e-times-circle, e-underline, ac-action-sms, ac-sms
  • Added new icons: e-accessibility, e-edit-cut, ac-settings-immediate, ac-select-branch, ac-select-multiple, ac-settings-anytime, ac-settings-indefinite, ac-settings-once, ac-settings-repeat

Guideline Updates