Releases: eBay/skin
v9.4.0
@eBay/skin@9.4.0
In this release, we have implemented two new features from the Design System Playbook:
- Section Titles
- Success Messaging
Section Title
Section titles are elements that label and group sections by a subject or theme. They are designed to drive the information hierarchy of a page’s content, to give contextual information to support the subject, and to support actions such as seeing more content or capturing personalization feedback.
Huge shout out to @dkallus for all of his endeavors in bringing this feature to Skin (and CoreUI)!!
A few examples from the playbook:
Success Messaging
Success messaging uses prominence and screen real estate to convey a successful outcome, excite the customer, and indicate the next steps.
The Success Messaging pattern was added under our "Notice" module, so look for it there in Skin!
Another big shout out, this time to @msendlakowski for his contributions towards this feature.
Again, some examples from the playbook:
Breaking Changes
None (it's a minor release, so we strive never to break anything!).
Everything else
There were several other bug fixes, additions and enhancements. As always, you can view the milestone page for full details of this release.
Finally
Two more shout outs. This time for @LokeshRishi and @partynuts for their first contributions to the Skin codebase. Thank you :-)
v9.3.0
@eBay/skin@9.3.0
A relatively small release. Just two changes:
- Non-checkbox version of switch was added
- A new non-breaking class was added to menu-button in order to better support overflow menus.
View project board: https://github.com/eBay/skin/projects/33
v9.2.0
@eBay/skin@9.2.0
Highlights
Notice updated to DS6.5:
New "Section Notice":
New carousel paddles for 6.5:
Bug Fixes
Please view our project board to see bug fixes:
eBay Skin v9.1.0
e81358f
msendlakowski
Michael Sendlakowski
eBay Skin v9.1.0
Detailed changes can be found below. In some cases, very small DS6.5 style changes were also made for DS4, to reduce the logic needed to support the legacy DS4.
- Badge: Bugfixes and minor non-breaking changes for DS6.5 styles
- Breadcrumbs: Minor changes for DS6.5 including new mweb left overflow
- Pagination: Refactoring plus minor style changes for DS6.5
- Switch: Minor DS6.5 style changes
- Link: Minor DS6.5 style changes
- Checkboxes and Radios: DS6.5 style changes, including making mweb controls larger than dweb controls.
- New script to auto-generate base64 icon data uris
- Additional bugfixes
eBay Skin v9.0.0
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)
A new "delete" button style was added:
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.
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.
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
Script to generate custom bundles
Added a script for generating custom name-spaced builds. Used selectively for the global header team, etc.
v8.0.1
35139c9
msendlakowski
Michael Sendlakowski
v8.0.0
Major Changes
- Listbox: separated from button (#681)
- Split up menu to be menu and menu-button (#630)
- LESS: refactor (part 1) (#718)
- Button: separated pill styles (#714)
- Button: separated CTA button to own module (#727)
- Button: separated expand-button to own module (#728)
- Removing deprecated variables, mixins & classes (#708)
Minor fixes
- Website: remove flyout-notice (#683)
- Less: cleanup inconsistent icon mixin names (#698)
- Combobox: moved away from grouped selectors to mixins (#690)
- Carousel: leverage margin-collapse (#694)
- Icon: normalized DS4 and DS6 styles to base file (#706)
- Website: restored deleted static assets
- Menu: fixed typo in import statement
- Notice: fixed typo in variable names under high contrast mode
- LESS: normalized icon mixins (#715)
- Menu: fixed obscured focus indicator (in non-overlay state)
- LESS: icon mixin consolidation (#719)
- Color: updated grey colour palette (#723)
- LESS: removed deprecated typeramp mixins (#724)
- Typography: removed ds4 and ds6 prefixes from variables (#725)
- Color: removed ds4 and ds6 prefixes from variables (#726)
- Button/Notice: consolidated source files (#729)
- LESS: restore public variables & mixins (#731)
- Fixed listbox and menu to load expand-button (#732)
- Added missing styles to listbox, combobox, and menu (#739)
- ebayui 812 & 813 - dropdown options UI fixes (#736)
- Add width for SVG to overcome clipping; (#750)