Skip to content
This repository was archived by the owner on Apr 28, 2025. It is now read-only.

v18.0.0

Choose a tag to compare

@github-actions github-actions released this 28 Jun 15:30
· 210 commits to master since this release
28f5ae1

Major Shifts

  • We moved from LESS to SASS (scss). LESS variables are still supported. They will be removed completely in 19.0.0.
  • Tokens: Some core token colors were removed, some were added, and others were modified.
  • Toggle button group was modified with better responsive handling.
  • Drawer Dialog was officially deprecated in lieu of the more responsive Lightbox Dialog. It will be removed completely in 19.0.0.
  • Fullscreen Dialog was officially deprecated in lieu of the more responsive Lightbox Dialog with a modifier. It will be removed completely in 19.0.0.
  • Lightbox Dialog Added support for fullscreen variant. This is the replacement for Fullscreen Dialog

Breaking Changes

  • Icons: All icon classes have been consolidated in icon--{size} such as icon--16 for 16x16. For colored icons, these only fix heights. In those cases the colored icons should be placed in proper containers to preserve their sizes. This icon change also affects all components which referenced the old icon sizes.
  • Filled Icons: For icons which were colored initially, removed the size from the classes. For example, the colored version of attention-filled-16 icon is icon--attention-filled. The supported filled icons are referenced in https://opensource.ebay.com/skin/#icon
  • Tokens: Though core tokens should not be used directly (only via semantic tokens) and so there should be no reference breaks, all core tokens were renamed. Colors have been changed in some cases. For a list of the full remaps see: figma
    image
  • Toggle-button-group: The structure was changes - a parent container was added as a parent to the <ul>.
    • The previously implemented user-specified preferred columns attribute, data-columns, was removed in lieu of more fine-grained preferred columns exceptions using data-columns-xs, data-columns-sm, data-columns-md, and data-columns-xl.
  • Textbox had its structure changed to accommodate prefix and postfix options.

Major Changes

Minor Changes

Patch Changes