Releases: eBay/skin
@ebay/[email protected]
Skin v3.5.2
Hotfix for #132 (breadcrumbs)
@ebay/[email protected]
Skin v3.5.1
Hotfix for #121 (menu)
@ebay/[email protected]
Skin v3.5.0
Breaking Changes
None
Deprecations
None
New Features & Updates
Breadcrumbs
We have a new breadcrumbs module:
Page Notice
Dismissible page notice is now supported:
@ebay/[email protected]
Skin v3.4.0
Breaking Changes
None
Deprecations
- Class
page-notice__cellhas been deprecated in favor ofpage-notice__content. - Class
inline-notice__cellhas been deprecated in favor ofinline-notice__content.
Bug Fixes
- Performance issue with clip-path property of .clipped class #72
New Features
DS6 Notice Module (aka Alerts)
DS6 styles have been added for page notice and inline notice. Currently only fixed background svg is supported for icons. Inline SVG support will be added in future, along with flyout notices.
Updates
Global Module
DS6 page background color was updated from light gray to white.
Notice Module
DS4 markup has been updated to support a span tag with background SVG for the status icon. Inline SVG will continue to be supported (useful for custom svg).
Menu & Listbox
DS6 Menu and Listbox have been updated to reflect latest design system pattern:
A new borderless option was also added:
@ebay/[email protected]
Skin v3.4.0-0
This is a pre-release. Please help us out by installing and letting us know of any issues before our final release.
Breaking Changes
None
Deprecations
- Class
page-notice__cellhas been deprecated in favor ofpage-notice__content. - Class
inline-notice__cellhas been deprecated in favor ofinline-notice__content.
New Features
Global Module Updates
DS6 page background color was updated from light gray to white.
Notice Module Updates
DS4 markup has been updated to support a span tag with background SVG for the status icon. Inline SVG will continue to be supported (useful for custom svg).
DS6 styles have been added for page notice and inline notice. Currently only fixed background svg is supported for icons. Inline SVG support will be added in future, along with flyout notices.
Bug Fixes
None.
@ebay/[email protected]
Skin v3.3.2
Hotfix for issue #63
@ebay/[email protected]
Skin v3.3.1
Patch release that adds easier support for bold and secondary in type ramp.
Less:
Css:
@ebay/[email protected]
Skin v3.3.0
Breaking Changes
None.
Deprecations
None.
New Features
DS6 Typography
The DS6 typography is available as LESS mixins:
It is also available as CSS classes (useful for static sites):
DS6 Listbox (aka "select")
Before switching from DS4 listbox to DS6, know that the new DS6 version has some fundamental differences, which will not make for a seamless upgrade.
Unlike the DS4 listbox, the DS6 listbox is a fully customized widget (i.e. we do not display the browser's native overlay). This allows us to embed HTML inside of our listbox options, which is a common requirement for displaying graphics like international country flags.
Ultimately this means that the DS6 listbox now requires JavaScript. Watch this space for an announcement regarding a Marko listbox component.
Bug Fixes
None.
@ebay/[email protected]
Skin v3.2.0
Breaking Changes
None.
New Features
DS6
We have started to add some implementations of our new design system (aka DS6). Global, less (shown below), color, button and menu modules are now available.
For more information visit the DS6 page.
Expand Button
This new button is available in DS4 and DS6.
CTA Button
Another new button (well, it's actually a link, but don't get me started on that), for DS6 only, is the CTA button:
Menu Refinements
The new expand button has been integrated into Menu for DS4 and DS6. Inline SVG has also been replaced with background SVG (using a span element). Don't worry, existing button and inline SVG markup is still supported.
Custom Checkbox and Radio
Checkbox and Radio modules have been updated to support both custom color and custom icon via inline SVG.
Bug Fixes
None
@ebay/[email protected]
Skin v3.1.0
Minor version update containing a few small, but important changes.
Breaking Changes
None
Backwards Compatible Changes
Background Color
The body background color has been lightened from #f0eeec to #f7f6f5.
See #4 for details.
Checkbox and Radio
The markup for checkbox and radio no longer requires inline SVG. The new, simpler markup uses an SVG data-uri as background image. Existing markup is unaffected (i.e. it shouldn't break).
Huge thanks to @pranavjha for the inspiration behind this improvement!
See #20 for more details.
DS6
Lots of ground work was laid for the new DS6 colors, typography and buttons, but unfortunately all are still awaiting design system sign off and so were pulled from the docs at the last minute.
Some DS6 mixins and variables are exposed via the @ebay/skin/less module, but as they are not yet signed off, any use will be at your own risk! We encourage you to hold off on using them for now.
ebay-font
Finally, @RajaRamu and @senthilp have been doing some great work improving our web font performance. If you are using eBay's custom Market Sans font, we strongly encourage you to use the ebay-font module.
For DS6, this module will be the only way for apps to opt-in to the Market Sans font.
See #8 and #22 for more details.
Bug Fixes
None.
Contributors
Thank you to the following individuals for their assistance:
If I've forgotten anyone, please let me know!
Ian McB.