Skip to content

eBay Skin v9.0.0

Compare
Choose a tag to compare
@msendlakowski msendlakowski released this 29 Aug 21:05
· 1765 commits to master since this release

eBay Skin v9.0.0

A new major release of Skin introducing the first DS6.5 changes, icon refreshes, and new filter components.

As usual, for all details see the full documentation.

Highlights

  • Button updates
  • Icon refreshes
  • New components: filter-button, filter-menu, filter-menu-button
  • Deprecated the pill component

Breaking Changes

Button updates

Based on the new design system, we reduced the number of button sizes available. Now only the default size and "large" are supported. (This change is mirrored in DS4 and DS6)
Screen Shot 2019-08-29 at 1 37 30 PM

A new "delete" button style was added:
Screen Shot 2019-08-29 at 1 39 28 PM

We also deprecated the "regular" button modifier. It will be removed completely in a future release.

Icons

The design team provided refreshed icons. Some icons changed completely, some just were resized, but you should assume that all icons were affected. (None were removed completely though.)
The maximum default size is now 24x24.

The design team also introduced a set of "small" icon variants, which are a subset of some of the normal size icons. The maximum default size for the small icons is 18x18.

Screen Shot 2019-09-04 at 3 59 29 PM

Special note for information, confirmation, and attention icons. We now have filled and non-filled versions. The default version is not filled. So if you use these, you will have to update to "information-filled" to keep the existing UI.

Screen Shot 2019-08-29 at 1 49 12 PM

Non-breaking Changes

There were a variety of bugfixes made, but also...

New DS6.5 "Filter" components

  • Filter-button (replaces the deprecated Pill)
  • Filter-menu
  • Filter-menu-button

Screen Shot 2019-08-29 at 1 58 03 PM
Screen Shot 2019-08-29 at 1 59 07 PM

Script to generate custom bundles

Added a script for generating custom name-spaced builds. Used selectively for the global header team, etc.