@ebay/skin 14.2.0 → 15.0.0-0

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 (265) hide show
  1. package/.storybook/preview-head.html +343 -72
  2. package/_cdn/skin/v15.0.0-0/skin-default.min.css +6 -0
  3. package/_cdn/skin/v15.0.0-0/skin-full.min.css +6 -0
  4. package/_cdn/skin/v15.0.0-0/skin-headless.min.css +6 -0
  5. package/_cdn/skin/v15.0.0-0/skin-legacy.min.css +6 -0
  6. package/dist/button/button.css +1 -5
  7. package/dist/combobox/combobox.css +13 -3
  8. package/dist/cta-button/cta-button.css +0 -4
  9. package/dist/field/field.css +1 -1
  10. package/dist/filter-menu-button/filter-menu-button.css +1 -1
  11. package/dist/icon/icon.css +403 -351
  12. package/dist/infotip/infotip.css +1 -5
  13. package/dist/legacy-tokens/ds4-light.css +0 -2
  14. package/dist/lightbox-dialog/lightbox-dialog.css +0 -9
  15. package/dist/listbox-button/listbox-button.css +5 -0
  16. package/dist/marketsans/marketsans.css +2 -2
  17. package/dist/menu-button/menu-button.css +13 -22
  18. package/dist/panel-dialog/panel-dialog.css +0 -3
  19. package/dist/program-badge/program-badge.css +403 -351
  20. package/dist/progress-spinner/progress-spinner.css +14 -18
  21. package/dist/progress-stepper/progress-stepper.css +46 -45
  22. package/dist/section-title/section-title.css +23 -87
  23. package/dist/snackbar-dialog/snackbar-dialog.css +9 -11
  24. package/dist/star-rating/star-rating.css +11 -7
  25. package/dist/star-rating-select/star-rating-select.css +9 -7
  26. package/dist/svg/icon/icon-spinner-large.svg +5 -5
  27. package/dist/svg/icon/icon-spinner-small.svg +4 -0
  28. package/dist/svg/icon/icon-spinner.svg +3 -13
  29. package/dist/svg/icon/icon-star-dynamic.svg +11 -9
  30. package/dist/svg/icon/icon-star-empty-large.svg +1 -0
  31. package/dist/svg/icon/icon-star-empty-small.svg +1 -5
  32. package/dist/svg/icon/icon-star-filled-large.svg +1 -0
  33. package/dist/svg/icon/icon-star-filled-small.svg +1 -0
  34. package/dist/svg/icon/icon-star-half-large.svg +1 -0
  35. package/dist/svg/icon/icon-star-half-small.svg +1 -9
  36. package/dist/svg/icon/icon-stepper-attention.svg +1 -0
  37. package/dist/svg/icon/icon-stepper-confirmation.svg +1 -0
  38. package/dist/svg/icon/icon-stepper-current.svg +1 -0
  39. package/dist/svg/icon/icon-stepper-upcoming.svg +5 -0
  40. package/dist/svg/icon/star-rating-large-0-5.svg +1 -0
  41. package/dist/svg/icon/star-rating-large-0.svg +1 -0
  42. package/dist/svg/icon/star-rating-large-1-5.svg +1 -0
  43. package/dist/svg/icon/star-rating-large-1.svg +1 -0
  44. package/dist/svg/icon/star-rating-large-2-5.svg +1 -0
  45. package/dist/svg/icon/star-rating-large-2.svg +1 -0
  46. package/dist/svg/icon/star-rating-large-3-5.svg +1 -0
  47. package/dist/svg/icon/star-rating-large-3.svg +1 -0
  48. package/dist/svg/icon/star-rating-large-4-5.svg +1 -0
  49. package/dist/svg/icon/star-rating-large-4.svg +1 -0
  50. package/dist/svg/icon/star-rating-large-5.svg +1 -0
  51. package/dist/svg/icon/star-rating-small-0-5.svg +1 -0
  52. package/dist/svg/icon/star-rating-small-0.svg +1 -0
  53. package/dist/svg/icon/star-rating-small-1-5.svg +1 -0
  54. package/dist/svg/icon/star-rating-small-1.svg +1 -0
  55. package/dist/svg/icon/star-rating-small-2-5.svg +1 -0
  56. package/dist/svg/icon/star-rating-small-2.svg +1 -0
  57. package/dist/svg/icon/star-rating-small-3-5.svg +1 -0
  58. package/dist/svg/icon/star-rating-small-3.svg +1 -0
  59. package/dist/svg/icon/star-rating-small-4-5.svg +1 -0
  60. package/dist/svg/icon/star-rating-small-4.svg +1 -0
  61. package/dist/svg/icon/star-rating-small-5.svg +1 -0
  62. package/dist/svg/icons.svg +343 -72
  63. package/dist/svg/star-rating.svg +206 -42
  64. package/dist/tokens/evo-dark.css +4 -6
  65. package/dist/tokens/evo-light.css +0 -2
  66. package/dist/tooltip/tooltip.css +1 -5
  67. package/dist/tourtip/tourtip.css +1 -5
  68. package/dist/variables/variables.less +0 -3
  69. package/index.browser.json +1 -3
  70. package/index.css +0 -2
  71. package/index.js +0 -2
  72. package/index.mjs +0 -2
  73. package/package.json +1 -1
  74. package/scripts/generate-images.js +29 -14
  75. package/src/fonts/marketsans/MarketSans-Regular-WebS.css +2 -1
  76. package/src/fonts/marketsans/MarketSans-SemiBold-WebS.css +2 -1
  77. package/src/less/bundles/skin-headless.less +0 -2
  78. package/src/less/button/button.less +1 -7
  79. package/src/less/button/stories/button/borderless.stories.js +8 -0
  80. package/src/less/combobox/combobox.less +4 -4
  81. package/src/less/cta-button/cta-button.less +0 -6
  82. package/src/less/field/field.less +1 -1
  83. package/src/less/filter-menu-button/filter-menu-button.less +1 -1
  84. package/src/less/gh/gh-mixins.less +0 -8
  85. package/src/less/icon/generated/icon.less +403 -351
  86. package/src/less/lightbox-dialog/lightbox-dialog.less +0 -11
  87. package/src/less/marketsans/marketsans.less +2 -2
  88. package/src/less/menu-button/menu-button.less +7 -33
  89. package/src/less/mixins/private/bubble-mixins.less +2 -11
  90. package/src/less/mixins/private/button-mixins.less +0 -1
  91. package/src/less/mixins/private/dialog-mixins.less +0 -3
  92. package/src/less/mixins/private/dropdown-mixins.less +16 -0
  93. package/src/less/panel-dialog/panel-dialog.less +0 -5
  94. package/src/less/progress-spinner/progress-spinner.less +14 -19
  95. package/src/less/progress-spinner/stories/progress-spinner.stories.js +7 -6
  96. package/src/less/progress-stepper/progress-stepper.less +103 -55
  97. package/src/less/progress-stepper/stories/progress-stepper.stories.js +461 -65
  98. package/src/less/section-title/section-title.less +24 -102
  99. package/src/less/section-title/stories/rtl.stories.js +67 -12
  100. package/src/less/section-title/stories/section-title.stories.js +22 -262
  101. package/src/less/snackbar-dialog/snackbar-dialog.less +9 -11
  102. package/src/less/star-rating/star-rating.less +26 -6
  103. package/src/less/star-rating-select/star-rating-select.less +28 -7
  104. package/src/less/variables/variables.less +0 -3
  105. package/src/selectors-api/selectors-api.json +1 -3
  106. package/src/svg/icon/icon-spinner-large.svg +5 -5
  107. package/src/svg/icon/icon-spinner-small.svg +4 -0
  108. package/src/svg/icon/icon-spinner.svg +3 -13
  109. package/src/svg/icon/icon-star-dynamic.svg +11 -9
  110. package/src/svg/icon/icon-star-empty-large.svg +1 -0
  111. package/src/svg/icon/icon-star-empty-small.svg +1 -5
  112. package/src/svg/icon/icon-star-filled-large.svg +1 -0
  113. package/src/svg/icon/icon-star-filled-small.svg +1 -0
  114. package/src/svg/icon/icon-star-half-large.svg +1 -0
  115. package/src/svg/icon/icon-star-half-small.svg +1 -9
  116. package/src/svg/icon/icon-stepper-attention.svg +1 -0
  117. package/src/svg/icon/icon-stepper-confirmation.svg +1 -0
  118. package/src/svg/icon/icon-stepper-current.svg +1 -0
  119. package/src/svg/icon/icon-stepper-upcoming.svg +5 -0
  120. package/src/svg/icon/star-rating-large-0-5.svg +1 -0
  121. package/src/svg/icon/star-rating-large-0.svg +1 -0
  122. package/src/svg/icon/star-rating-large-1-5.svg +1 -0
  123. package/src/svg/icon/star-rating-large-1.svg +1 -0
  124. package/src/svg/icon/star-rating-large-2-5.svg +1 -0
  125. package/src/svg/icon/star-rating-large-2.svg +1 -0
  126. package/src/svg/icon/star-rating-large-3-5.svg +1 -0
  127. package/src/svg/icon/star-rating-large-3.svg +1 -0
  128. package/src/svg/icon/star-rating-large-4-5.svg +1 -0
  129. package/src/svg/icon/star-rating-large-4.svg +1 -0
  130. package/src/svg/icon/star-rating-large-5.svg +1 -0
  131. package/src/svg/icon/star-rating-small-0-5.svg +1 -0
  132. package/src/svg/icon/star-rating-small-0.svg +1 -0
  133. package/src/svg/icon/star-rating-small-1-5.svg +1 -0
  134. package/src/svg/icon/star-rating-small-1.svg +1 -0
  135. package/src/svg/icon/star-rating-small-2-5.svg +1 -0
  136. package/src/svg/icon/star-rating-small-2.svg +1 -0
  137. package/src/svg/icon/star-rating-small-3-5.svg +1 -0
  138. package/src/svg/icon/star-rating-small-3.svg +1 -0
  139. package/src/svg/icon/star-rating-small-4-5.svg +1 -0
  140. package/src/svg/icon/star-rating-small-4.svg +1 -0
  141. package/src/svg/icon/star-rating-small-5.svg +1 -0
  142. package/src/svg/icons.svg +343 -72
  143. package/src/svg/star-rating.svg +206 -42
  144. package/src/tokens/evo-dark.css +4 -6
  145. package/src/tokens/evo-light.css +0 -2
  146. package/svg.svg +343 -72
  147. package/_cdn/skin/v14.2.0/skin-default.min.css +0 -6
  148. package/_cdn/skin/v14.2.0/skin-full.min.css +0 -6
  149. package/_cdn/skin/v14.2.0/skin-headless.min.css +0 -6
  150. package/_cdn/skin/v14.2.0/skin-legacy.min.css +0 -6
  151. package/dist/expand-button/expand-button.css +0 -189
  152. package/dist/icon/aliased.css +0 -45
  153. package/dist/icon/base.css +0 -12
  154. package/dist/icon/content.css +0 -41
  155. package/dist/icon/device.css +0 -45
  156. package/dist/icon/direction.css +0 -105
  157. package/dist/icon/filter.css +0 -65
  158. package/dist/icon/general.css +0 -309
  159. package/dist/icon/interface.css +0 -185
  160. package/dist/icon/internal.css +0 -120
  161. package/dist/icon/large.css +0 -93
  162. package/dist/icon/media.css +0 -45
  163. package/dist/icon/photo.css +0 -69
  164. package/dist/icon/reviews.css +0 -87
  165. package/dist/icon/shipping.css +0 -73
  166. package/dist/icon/social.css +0 -80
  167. package/dist/icon/status.css +0 -87
  168. package/dist/icon/user.css +0 -29
  169. package/dist/svg/aliased.svg +0 -38
  170. package/dist/svg/content.svg +0 -25
  171. package/dist/svg/device.svg +0 -29
  172. package/dist/svg/direction.svg +0 -119
  173. package/dist/svg/filter.svg +0 -43
  174. package/dist/svg/general.svg +0 -476
  175. package/dist/svg/icon/icon-stepper-information.svg +0 -5
  176. package/dist/svg/interface.svg +0 -314
  177. package/dist/svg/internal.svg +0 -162
  178. package/dist/svg/large.svg +0 -125
  179. package/dist/svg/media.svg +0 -29
  180. package/dist/svg/photo.svg +0 -106
  181. package/dist/svg/reviews.svg +0 -113
  182. package/dist/svg/shipping.svg +0 -82
  183. package/dist/svg/social.svg +0 -80
  184. package/dist/svg/status.svg +0 -48
  185. package/dist/svg/user.svg +0 -48
  186. package/dist/window-notice/window-notice.css +0 -39
  187. package/expand-button.browser.json +0 -1
  188. package/expand-button.css +0 -1
  189. package/expand-button.js +0 -1
  190. package/expand-button.mjs +0 -1
  191. package/src/less/expand-button/expand-button.less +0 -181
  192. package/src/less/expand-button/stories/base.stories.js +0 -56
  193. package/src/less/expand-button/stories/cascade.stories.js +0 -54
  194. package/src/less/expand-button/stories/dimensions.stories.js +0 -45
  195. package/src/less/icon/aliased.less +0 -12
  196. package/src/less/icon/base.less +0 -14
  197. package/src/less/icon/content.less +0 -2
  198. package/src/less/icon/device.less +0 -2
  199. package/src/less/icon/direction.less +0 -2
  200. package/src/less/icon/filter.less +0 -2
  201. package/src/less/icon/general.less +0 -2
  202. package/src/less/icon/generated/aliased.less +0 -25
  203. package/src/less/icon/generated/content.less +0 -29
  204. package/src/less/icon/generated/device.less +0 -33
  205. package/src/less/icon/generated/direction.less +0 -93
  206. package/src/less/icon/generated/filter.less +0 -53
  207. package/src/less/icon/generated/general.less +0 -297
  208. package/src/less/icon/generated/interface.less +0 -173
  209. package/src/less/icon/generated/internal.less +0 -93
  210. package/src/less/icon/generated/large.less +0 -81
  211. package/src/less/icon/generated/media.less +0 -33
  212. package/src/less/icon/generated/photo.less +0 -57
  213. package/src/less/icon/generated/program-badges.less +0 -49
  214. package/src/less/icon/generated/reviews.less +0 -69
  215. package/src/less/icon/generated/shipping.less +0 -61
  216. package/src/less/icon/generated/social.less +0 -41
  217. package/src/less/icon/generated/status.less +0 -57
  218. package/src/less/icon/generated/user.less +0 -17
  219. package/src/less/icon/interface.less +0 -2
  220. package/src/less/icon/internal.less +0 -22
  221. package/src/less/icon/large.less +0 -2
  222. package/src/less/icon/media.less +0 -2
  223. package/src/less/icon/photo.less +0 -2
  224. package/src/less/icon/reviews.less +0 -12
  225. package/src/less/icon/shipping.less +0 -2
  226. package/src/less/icon/social.less +0 -41
  227. package/src/less/icon/status.less +0 -28
  228. package/src/less/icon/user.less +0 -2
  229. package/src/less/window-notice/stories/window-notice.stories.js +0 -60
  230. package/src/less/window-notice/window-notice.less +0 -50
  231. package/src/svg/aliased.svg +0 -38
  232. package/src/svg/content.svg +0 -25
  233. package/src/svg/device.svg +0 -29
  234. package/src/svg/direction.svg +0 -119
  235. package/src/svg/filter.svg +0 -43
  236. package/src/svg/general.svg +0 -476
  237. package/src/svg/icon/icon-star-empty.svg +0 -5
  238. package/src/svg/icon/icon-star-full.svg +0 -5
  239. package/src/svg/icon/icon-star-half.svg +0 -9
  240. package/src/svg/icon/icon-stepper-information.svg +0 -5
  241. package/src/svg/icon/star-rating-0-5.svg +0 -9
  242. package/src/svg/icon/star-rating-0.svg +0 -6
  243. package/src/svg/icon/star-rating-1-5.svg +0 -9
  244. package/src/svg/icon/star-rating-1.svg +0 -9
  245. package/src/svg/icon/star-rating-2-5.svg +0 -9
  246. package/src/svg/icon/star-rating-2.svg +0 -9
  247. package/src/svg/icon/star-rating-3-5.svg +0 -9
  248. package/src/svg/icon/star-rating-3.svg +0 -9
  249. package/src/svg/icon/star-rating-4-5.svg +0 -9
  250. package/src/svg/icon/star-rating-4.svg +0 -9
  251. package/src/svg/icon/star-rating-5.svg +0 -5
  252. package/src/svg/interface.svg +0 -314
  253. package/src/svg/internal.svg +0 -162
  254. package/src/svg/large.svg +0 -125
  255. package/src/svg/media.svg +0 -29
  256. package/src/svg/photo.svg +0 -106
  257. package/src/svg/reviews.svg +0 -113
  258. package/src/svg/shipping.svg +0 -82
  259. package/src/svg/social.svg +0 -80
  260. package/src/svg/status.svg +0 -48
  261. package/src/svg/user.svg +0 -48
  262. package/window-notice.browser.json +0 -1
  263. package/window-notice.css +0 -1
  264. package/window-notice.js +0 -1
  265. package/window-notice.mjs +0 -1
@@ -27,14 +27,14 @@ span.combobox {
27
27
  width: 100%;
28
28
  }
29
29
 
30
- .combobox__options--reverse[role="listbox"] {
31
- right: 0;
32
- }
33
-
34
30
  .combobox__listbox {
35
31
  .dropdown-base(combobox-listbox);
36
32
  }
37
33
 
34
+ .combobox__listbox--reverse {
35
+ .dropdown-reverse();
36
+ }
37
+
38
38
  .combobox__option[role^="option"] {
39
39
  .listbox-option-base();
40
40
  .dropdown-item-border-radius(combobox-listbox);
@@ -33,12 +33,6 @@ a.cta-btn[aria-disabled="true"] {
33
33
  .color-token(cta-btn-disabled-foreground-color, color-foreground-disabled);
34
34
  }
35
35
 
36
- // deprecated
37
- a.cta-btn--wide {
38
- padding-left: @button-padding-horizontal-wide;
39
- padding-right: @button-padding-horizontal-wide;
40
- }
41
-
42
36
  a.cta-btn--fluid {
43
37
  width: 100%;
44
38
  }
@@ -76,7 +76,7 @@ div.field__group {
76
76
 
77
77
  // if using a div for description, it implies it's always at bottom of field
78
78
  div.field__description {
79
- margin: 2px 16px 0;
79
+ margin: 2px 0 0;
80
80
  }
81
81
 
82
82
  .field__row {
@@ -86,7 +86,7 @@ button.filter-menu-button__button[aria-pressed="true"][aria-disabled="true"]:hov
86
86
  }
87
87
 
88
88
  .filter-menu-button__menu {
89
- .background-color-token(filter-menu-item-background-color, color-background-secondary);
89
+ .background-color-token(filter-menu-item-background-color, color-background-primary);
90
90
  border: none;
91
91
  border-radius: 16px;
92
92
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
@@ -42,10 +42,6 @@
42
42
  @import "../../../dist/eek/eek.css";
43
43
  }
44
44
 
45
- .expand-button-mixin() {
46
- @import "../../../dist/expand-button/expand-button.css";
47
- }
48
-
49
45
  .field-mixin() {
50
46
  @import "../../../dist/field/field.css";
51
47
  }
@@ -197,7 +193,3 @@
197
193
  .utility-mixin() {
198
194
  @import "../../../dist/utility/utility.css";
199
195
  }
200
-
201
- .window-notice-mixin() {
202
- @import "../../../dist/window-notice/window-notice.css";
203
- }