Releases: eBay/skin
v18.0.0
Major Shifts
- We moved from LESS to SASS (
scss). LESS variables are still supported. They will be removed completely in19.0.0. - Tokens: Some core token colors were removed, some were added, and others were modified.
- Toggle button group was modified with better responsive handling.
- Drawer Dialog was officially deprecated in lieu of the more responsive Lightbox Dialog. It will be removed completely in
19.0.0. - Fullscreen Dialog was officially deprecated in lieu of the more responsive Lightbox Dialog with a modifier. It will be removed completely in
19.0.0. - Lightbox Dialog Added support for fullscreen variant. This is the replacement for
Fullscreen Dialog
Breaking Changes
- Icons: All icon classes have been consolidated in
icon--{size}such asicon--16for 16x16. For colored icons, these only fix heights. In those cases the colored icons should be placed in proper containers to preserve their sizes. This icon change also affects all components which referenced the old icon sizes. - Filled Icons: For icons which were colored initially, removed the size from the classes. For example, the colored version of attention-filled-16 icon is
icon--attention-filled. The supported filled icons are referenced in https://opensource.ebay.com/skin/#icon - Tokens: Though core tokens should not be used directly (only via semantic tokens) and so there should be no reference breaks, all core tokens were renamed. Colors have been changed in some cases. For a list of the full remaps see: figma
- Toggle-button-group: The structure was changes - a parent container was added as a parent to the
<ul>.- The previously implemented user-specified preferred columns attribute,
data-columns, was removed in lieu of more fine-grained preferred columns exceptions usingdata-columns-xs,data-columns-sm,data-columns-md, anddata-columns-xl.
- The previously implemented user-specified preferred columns attribute,
- Textbox had its structure changed to accommodate prefix and postfix options.
Major Changes
-
#2346
9eacce0Thanks @agliga! - refactor: removed all duplicate icon classes and added icon--{nn} classes -
#2356
7554ab4Thanks @ArtBlue! - tokens: added tokens, colors, deprecations -
#2345
55291f6Thanks @ArtBlue! - toggle-button-group: reworked responsiveness and added equal button heights
Minor Changes
Patch Changes
v18.0.0-next.0
Major Changes
-
#2346
9eacce0Thanks @agliga! - refactor: removed all duplicate icon classes and added icon--{nn} classes -
#2356
7554ab4Thanks @ArtBlue! - tokens: added tokens, colors, deprecations -
#2345
55291f6Thanks @ArtBlue! - toggle-button-group: reworked responsiveness and added equal button heights
Minor Changes
Patch Changes
v17.5.0
Minor Changes
-
#2328
4604f45Thanks @ArtBlue! - feat(icons): added and modified icons -
#2336
800681aThanks @agliga! - fake-menu: added badge suport -
#2329
2ee09dfThanks @ArtBlue! - docs(date-textbox): added docs and story for disabled state -
#2332
186bd9aThanks @ArtBlue! - feat(toggle-button): added hover and pressed states
v17.5.0-next.0
Minor Changes
-
#2328
4604f45Thanks @ArtBlue! - feat(icons): added and modified icons -
#2336
800681aThanks @agliga! - fake-menu: added badge suport -
#2329
2ee09dfThanks @ArtBlue! - docs(date-textbox): added docs and story for disabled state -
#2332
186bd9aThanks @ArtBlue! - feat(toggle-button): added hover and pressed states
v17.4.1
v17.4.0
Minor Changes
-
#2302
a8f2c6bThanks @ArtBlue! - docs(storybook): added text spacing stories -
#2259
fff8608Thanks @saiponnada! - feat(phone-input): new module -
#2303
b80a893Thanks @ArtBlue! - feat(icons): icon additions and modifications -
#2306
8cdc782Thanks @agliga! - skeleton: added on-secondary color and changed elevated to use on-secondary -
#2312
913f85bThanks @cordeliadillon! - docs(progress-bar-expressive): fix noisy status updates on docs page -
#2309
f778dbdThanks @ArtBlue! - feat(icon-button): added priorities -
#2316
a8c1352Thanks @agliga! - flags: updated to use sprites
v17.4.0-next.1
v17.4.0-next.0
Minor Changes
-
#2302
a8f2c6bThanks @ArtBlue! - docs(storybook): added text spacing stories -
#2259
fff8608Thanks @saiponnada! - feat(phone-input): new module -
#2303
b80a893Thanks @ArtBlue! - feat(icons): icon additions and modifications -
#2306
8cdc782Thanks @agliga! - skeleton: added on-secondary color and changed elevated to use on-secondary -
#2312
913f85bThanks @cordeliadillon! - docs(progress-bar-expressive): fix noisy status updates on docs page -
#2309
f778dbdThanks @ArtBlue! - feat(icon-button): added priorities
v17.3.0
Minor Changes
-
#2294
16d681bThanks @ArtBlue! - feat(education-notice): use icon button -
#2282
5df6ffcThanks @ArtBlue! - fix(toggle-button-group): fixed Safari image size bug and added stories -
#2260
7607f6dThanks @cordeliadillon! - feat(expressive-loader): new module -
#2286
9861294Thanks @ArtBlue! - feat(education-notice): new module -
#2281
f39fdfaThanks @saiponnada! - fix(button): prevent style changes on hover for disabled form buttons -
#2288
71cb87dThanks @ArtBlue! - fix(docs): fixed responsive menu -
#2290
96fd3fcThanks @cordeliadillon! - refactor(progress-bar-expressive): rename expressive-loader to progress-bar-expressive -
#2283
71fc1e2Thanks @ArtBlue! - feat(carousel): updated chevron sizes
Patch Changes
v17.3.0-next.0
Minor Changes
-
#2294
16d681bThanks @ArtBlue! - feat(education-notice): use icon button -
#2282
5df6ffcThanks @ArtBlue! - fix(toggle-button-group): fixed Safari image size bug and added stories -
#2260
7607f6dThanks @cordeliadillon! - feat(expressive-loader): new module -
#2286
9861294Thanks @ArtBlue! - feat(education-notice): new module -
#2281
f39fdfaThanks @saiponnada! - fix(button): prevent style changes on hover for disabled form buttons -
#2288
71cb87dThanks @ArtBlue! - fix(docs): fixed responsive menu -
#2290
96fd3fcThanks @cordeliadillon! - refactor(progress-bar-expressive): rename expressive-loader to progress-bar-expressive -
#2283
71fc1e2Thanks @ArtBlue! - feat(carousel): updated chevron sizes