Skin Versions Save

Minor Changes

• #2302 a8f2c6b Thanks @ArtBlue! - docs(storybook): added text spacing stories

• #2259 fff8608 Thanks @saiponnada! - feat(phone-input): new module

• #2303 b80a893 Thanks @ArtBlue! - feat(icons): icon additions and modifications

• #2306 8cdc782 Thanks @agliga! - skeleton: added on-secondary color and changed elevated to use on-secondary

• #2312 913f85b Thanks @cordeliadillon! - docs(progress-bar-expressive): fix noisy status updates on docs page

• #2309 f778dbd Thanks @ArtBlue! - feat(icon-button): added priorities

Minor Changes

• #2294 16d681b Thanks @ArtBlue! - feat(education-notice): use icon button

• #2282 5df6ffc Thanks @ArtBlue! - fix(toggle-button-group): fixed Safari image size bug and added stories

• #2260 7607f6d Thanks @cordeliadillon! - feat(expressive-loader): new module

• #2286 9861294 Thanks @ArtBlue! - feat(education-notice): new module

• #2281 f39fdfa Thanks @saiponnada! - fix(button): prevent style changes on hover for disabled form buttons

• #2288 71cb87d Thanks @ArtBlue! - fix(docs): fixed responsive menu

• #2290 96fd3fc Thanks @cordeliadillon! - refactor(progress-bar-expressive): rename expressive-loader to progress-bar-expressive

• #2283 71fc1e2 Thanks @ArtBlue! - feat(carousel): updated chevron sizes

Patch Changes

• #2299 27535a9 Thanks @agliga! - listbox-button: added border radius to container

Minor Changes

• #2294 16d681b Thanks @ArtBlue! - feat(education-notice): use icon button

• #2282 5df6ffc Thanks @ArtBlue! - fix(toggle-button-group): fixed Safari image size bug and added stories

• #2260 7607f6d Thanks @cordeliadillon! - feat(expressive-loader): new module

• #2286 9861294 Thanks @ArtBlue! - feat(education-notice): new module

• #2281 f39fdfa Thanks @saiponnada! - fix(button): prevent style changes on hover for disabled form buttons

• #2288 71cb87d Thanks @ArtBlue! - fix(docs): fixed responsive menu

• #2290 96fd3fc Thanks @cordeliadillon! - refactor(progress-bar-expressive): rename expressive-loader to progress-bar-expressive

• #2283 71fc1e2 Thanks @ArtBlue! - feat(carousel): updated chevron sizes

Minor Changes

• #2278 c4af2b9 Thanks @agliga! - icon updates

• #2278 c4af2b9 Thanks @agliga! - ebay-signal has incorrect type size and internal padding

• #2278 c4af2b9 Thanks @agliga! - Venmo icon: Missing borders

• #2278 c4af2b9 Thanks @agliga! - flyout: update styling

• #2278 c4af2b9 Thanks @agliga! - component status alignment

• #2278 c4af2b9 Thanks @agliga! - Docs: remove focusable attribute from examples and stories

• #2278 c4af2b9 Thanks @agliga! - ebay-button: reduce width of stroke for priority=tertiary

• #2278 c4af2b9 Thanks @agliga! - feat: automatically publish skin

Minor Changes

• c4af2b9 Thanks @agliga! - icon updates

• c4af2b9 Thanks @agliga! - ebay-signal has incorrect type size and internal padding

• c4af2b9 Thanks @agliga! - Venmo icon: Missing borders

• c4af2b9 Thanks @agliga! - flyout: update styling

• c4af2b9 Thanks @agliga! - component status alignment

• c4af2b9 Thanks @agliga! - Docs: remove focusable attribute from examples and stories

• c4af2b9 Thanks @agliga! - ebay-button: reduce width of stroke for priority=tertiary

• c4af2b9 Thanks @agliga! - feat: automatically publish skin

Patch Changes

• #2264 32e58f3 Thanks @agliga! - Added autopublish to github

• #2264 32e58f3 Thanks @agliga! - updated changeset

A record of all notable changes are documented under releases.

Skin releases follow Semantic Versioning:

1. MAJOR version when we make incompatible API changes,
2. MINOR version when we add functionality in a backwards-compatible manner
3. PATCH version when we make backwards-compatible bug fixes.

Please remember to always read the release notes in full before upgrading major versions!

What's Changed

• docs(skeleton): some cleanup and tone of voice by @ianmcburnie in https://github.com/eBay/skin/pull/2238
• docs(icons): updated icon skin and contributing docs by @ArtBlue in https://github.com/eBay/skin/pull/2240
• fix(skeletons): incorrect block margins by @saiponnada in https://github.com/eBay/skin/pull/2242
• feat(listbox-button): added error state by @ArtBlue in https://github.com/eBay/skin/pull/2244
• fix(eek): updated color by @agliga in https://github.com/eBay/skin/pull/2251
• feat(avatar): updated colors by @agliga in https://github.com/eBay/skin/pull/2250
• docs(skeleton): reworked examples by @ianmcburnie in https://github.com/eBay/skin/pull/2252
• feat(textbox,listbox-button): add icon to error messages by @ArtBlue in https://github.com/eBay/skin/pull/2247
• feat(icon): added disabled support for complex icons by @ArtBlue in https://github.com/eBay/skin/pull/2249
• fix(floating-label): force select line height to prevent overrides by @agliga in https://github.com/eBay/skin/pull/2254

Full Changelog: https://github.com/eBay/skin/compare/v17.0.1...v17.1.0

What's Changed

• fix(breadcrumbs,docs): fixed breadcrumbs spacing and missing icons in docs by @ArtBlue in https://github.com/eBay/skin/pull/2236
• fix(stepper): added styles for blocked state by @agliga in https://github.com/eBay/skin/pull/2237

Full Changelog: https://github.com/eBay/skin/compare/v17.0.0...v17.0.1

Major version release

Breaking changes

Please be aware this version has breaking changes that will require you to update your application

• Legacy theme and legacy tokens have been removed. Please update your application to use the latest themes Note if you need more time to migrate away from the legacy theme I recommend to pull in the old stylesheets in your application directly. These can be found in previous versions. (#2206)
• Icon update. We have updated icons and removed some. Please see the following issues for more information about which icons were removed and which ones positioning were modified (#2053 #2167 #2166)
• Infotip/Tooltip/Tourtip have added floating-ui support. This means that we require some base positioning on the non JS and static versions of these popups. We recommend to use floating-ui to achieve this, but if you want a simple tip, you will need to position it initially and also add pointer positional classes by default.
• The following classes and tokens have been removed. Please update accordingly:. cta-btn--large-truncated, progress-stepper__items--current, @button-height-xsmall (xsmall size has replaced small size)

Major changes

Skeletons

Skeleton loaders have been finally added in our library. This new component should be used in very specific cases which is defined. Please look at those before implementing skeleton loaders to minimize layout shifts and other problems. Skeleton loaders documentation

Infotips/Tooltips/Tourtips

We have added floating-ui support to all our tips. We still support the base usecase of using a tip without javascript positioning, but we recommend to use floating-ui to position your tips. Now when we open up a tooltip at the bottom of the page, or in a hidden overflow div, it should show up correctly! This was a long time coming and we are happy to have this change in this version. The hope is to add this to other places, such as combobox, listbox, etc so that those will "float" correctly. But this is a future task.

Chips combobox

We have added the final step in our chips journey! We spent a while on this issue but I think what we put out is a great quality code.

What's Changed

• chore(icons): icon removals and deprecation updates by @ArtBlue in #2216
• chore(icons): icon additions and modifications by @ArtBlue in #2221
• fix(breadcrumbs): adjusted chevron spacing by @ArtBlue in #2224
• fix(image-placeholder): dark mode color by @LuLaValva in #2218
• fix(select,combobox): updated large variant font size token by @saiponnada in #2223
• docs(skeletons): added more examples by @saiponnada in #2232
• feat(avatar): a11y changes by @ianmcburnie in #2220 and #2226
• feat(tooltip,tourtip,infotip): added popper support by @agliga in #2165
• feat(skeleton-loader): new module by @saiponnada in #2177 and #2222
• feat(chips-combobox): new module by @ArtBlue in #2197

Full Changelog: https://github.com/eBay/skin/compare/v16.9.1...v17.0.0

What's Changed

• fix(listbox-button): removed truncation by @agliga in https://github.com/eBay/skin/pull/2229

Full Changelog: https://github.com/eBay/skin/compare/v16.9.0...v16.9.1