Releases: eBay/skin
v10.3.5
v9.5.10
v10.3.4
v10.3.3
v10.3.2
Fixed Lasso.js syntax error in browser.json
v10.3.1
Added missing Wizard-Stepper entries for Lasso
v10.3.0
@eBay/skin@10.3.0
We have some goodies for you in this release!
New: Drawer Module
First up we have a new drawer module (aka Bottom Container or BONC). The drawer module is a modal dialog that slides out from the bottom of the screen. It is intended for mobile screens only.
Many thanks to @agliga for his excellent work here.
Here's a picture of a real drawer. With a handle.
New: Wizard Stepper Module
Next up, another new module for your pleasure! The wizard stepper has been stuck in our backlog, with no progress, for a shamefully long time. Oh the irony!
Thank you to @raveenakothapally for "stepping" in (sorry, I just can't help myself today) with this excellent contribution!
For anybody wondering why it's called a "wizard" stepper, it's all this guys fault:
New: CSS Custom Properties EXPERIMENTAL
Ok, this is exciting, but also VERY experimental right now. In an effort towards supporting dark mode, we are integrating CSS Custom Properties (aka CSS Variables) into Skin. We have started off with the switch module and have exposed a few colours as properties. We are NOT encouraging teams to override the design system default colours, but we are using this as a way to support color themes and modes in future. If you want to experiment in non-production apps, the switch is a great place to start.
Because this is experimental, we may make breaking changes at any point. So again, until we say otherwise, please don't depend on this in any production app.
We have made the decision NOT to support custom properties in DS4. Of course IE11 is also not supported and will always use the design system defaults.
Updated: Dialog
The dialog module has been updated from DS6 to DS6.5. There are a number of updates that you get for free simply by upgrading to this version of Skin. For example, the fullscreen dialog on mobile now animates in from the bottom of the screen.
One thing to note is that in some cases the close button has been moved from the top-right corner to the top-left corner. Please update your markup accordingly (swap the position of the heading and close button in the DOM). Existing markup will continue to be supported in a backwards compatible way (i.e. with the button in the top-right) until v11.
Many thanks again to @agliga for more top quality work here.
Bug Fixes
- Textbox and Label discrepancies with Playbook #1075
- Combobox: overlay position not aligned correctly (Safari) #936 (thank you @stevedoty )
- Combobox: support RTL #1045
- Radio button on IE11 gets cut off #877 (thank you @HenriqueLimas)
What's Next?
Here's a clue:
v9.5.9 (hotfix)
Follow-up hotfix for IE11 checkbox & radio
v9.5.8 (hotfix)
Hotfix for IE11 checkbox & radio
v9.4.2 (hotfix)
Fixes:
Textbox: placeholder does not pass color contrast ratio