@ebay/skin 18.0.0-next.0 → 18.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/breadcrumbs/breadcrumbs.css +2 -2
  3. package/dist/bundles/skin-default.css +34 -29
  4. package/dist/bundles/skin-default.css.map +1 -1
  5. package/dist/bundles/skin-full.css +34 -29
  6. package/dist/bundles/skin-full.css.map +1 -1
  7. package/dist/bundles/skin-headless.css +34 -29
  8. package/dist/bundles/skin-headless.css.map +1 -1
  9. package/dist/button/button.css +2 -2
  10. package/dist/carousel/carousel.css +3 -8
  11. package/dist/carousel/carousel.css.map +1 -1
  12. package/dist/combobox/combobox.css +2 -2
  13. package/dist/filter-menu/filter-menu.css +8 -8
  14. package/dist/filter-menu/filter-menu.css.map +1 -1
  15. package/dist/filter-menu-button/filter-menu-button.css +9 -9
  16. package/dist/icon/icon.css +9 -0
  17. package/dist/icon/icon.css.map +1 -1
  18. package/dist/lightbox-dialog/lightbox-dialog.css +1 -1
  19. package/dist/select/select.css +1 -1
  20. package/dist/toggle-button/toggle-button.css +1 -1
  21. package/dist/toggle-button-group/toggle-button-group.css +1 -1
  22. package/dist/variables/variables.less +70 -0
  23. package/lint.log +3 -3
  24. package/package.json +1 -1
  25. package/src/sass/breadcrumbs/breadcrumbs.scss +2 -2
  26. package/src/sass/button/button.scss +2 -2
  27. package/src/sass/carousel/carousel.scss +2 -9
  28. package/src/sass/combobox/combobox.scss +2 -2
  29. package/src/sass/drawer-dialog/stories/drawer-dialog.stories.js +1 -1
  30. package/src/sass/filter-menu/filter-menu.scss +8 -9
  31. package/src/sass/filter-menu/stories/filter-menu.stories.js +24 -24
  32. package/src/sass/filter-menu-button/filter-menu-button.scss +9 -9
  33. package/src/sass/filter-menu-button/stories/filter-menu-button.stories.js +116 -116
  34. package/src/sass/fullscreen-dialog/stories/fullscreen-dialog.stories.js +1 -1
  35. package/src/sass/icon/icon.scss +9 -0
  36. package/src/sass/lightbox-dialog/lightbox-dialog.scss +1 -1
  37. package/src/sass/select/select.scss +1 -1
  38. package/src/sass/textbox/stories/icon.stories.js +5 -3
  39. package/src/sass/toggle-button/toggle-button.scss +1 -1
  40. package/src/sass/toggle-button-group/stories/list-layout.stories.js +133 -0
  41. package/src/sass/toggle-button-group/toggle-button-group.scss +1 -1
  42. package/src/sass/variables/variables.less +70 -0
  43. package/.changeset/bright-kiwis-repeat.md +0 -5
  44. package/.changeset/chilled-games-stare.md +0 -5
  45. package/.changeset/gold-radios-reply.md +0 -5
  46. package/.changeset/light-lions-explode.md +0 -5
  47. package/.changeset/pre.json +0 -15
  48. package/.changeset/ten-rockets-double.md +0 -5
  49. package/.changeset/wild-donkeys-attack.md +0 -5
package/src/sass/filter-menu-button/filter-menu-button.scss CHANGED
@@ -44,7 +44,7 @@ button.filter-menu-button__button {
44
44
  .filter-menu-button__button-cell {
45
45
  display: flex;
46
46
 
47
- svg.icon--chevron-down-12 {
47
+ svg.icon--12 {
48
48
  align-self: center;
49
49
  @include color-token(
50
50
  filter-menu-button-icon-color,
@@ -167,7 +167,7 @@ span.filter-menu-button__radio {
167
167
  }
168
168
 
169
169
  span.filter-menu-button__checkbox {
170
- svg.icon--checkbox-unchecked-18 {
170
+ svg.icon--unchecked {
171
171
  @include color-token(
172
172
  filter-menu-item-unchecked-color,
173
173
  color-foreground-secondary
@@ -178,7 +178,7 @@ span.filter-menu-button__checkbox {
178
178
  width: 18px;
179
179
  }
180
180
 
181
- svg.icon--checkbox-checked-18 {
181
+ svg.icon--checked {
182
182
  @include color-token(
183
183
  filter-menu-item-checked-color,
184
184
  color-foreground-primary
@@ -191,7 +191,7 @@ span.filter-menu-button__checkbox {
191
191
  }
192
192
 
193
193
  span.filter-menu-button__radio {
194
- svg.icon--radio-unchecked-18 {
194
+ svg.icon--unchecked {
195
195
  @include color-token(
196
196
  filter-menu-item-unchecked-color,
197
197
  color-foreground-primary
@@ -202,7 +202,7 @@ span.filter-menu-button__radio {
202
202
  width: 18px;
203
203
  }
204
204
 
205
- svg.icon--radio-checked-18 {
205
+ svg.icon--checked {
206
206
  @include color-token(
207
207
  filter-menu-item-checked-color,
208
208
  color-foreground-primary
@@ -294,21 +294,21 @@ button.filter-menu-button__footer {
294
294
  }
295
295
 
296
296
  .filter-menu-button__item[role="menuitemcheckbox"][aria-checked="true"] {
297
- svg.icon--checkbox-unchecked-18 {
297
+ svg.icon--unchecked {
298
298
  display: none;
299
299
  }
300
300
 
301
- svg.icon--checkbox-checked-18 {
301
+ svg.icon--checked {
302
302
  display: block;
303
303
  }
304
304
  }
305
305
 
306
306
  .filter-menu-button__item[role="menuitemradio"][aria-checked="true"] {
307
- svg.icon--radio-unchecked-18 {
307
+ svg.icon--unchecked {
308
308
  display: none;
309
309
  }
310
310
 
311
- svg.icon--radio-checked-18 {
311
+ svg.icon--checked {
312
312
  display: block;
313
313
  }
314
314
  }