@ebay/skin 18.0.7 → 18.1.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 (286) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/CONTRIBUTING.md +0 -1
  3. package/README.md +3 -3
  4. package/dist/alert-dialog/alert-dialog.css +0 -2
  5. package/dist/avatar/avatar.css +0 -2
  6. package/dist/badge/badge.css +0 -2
  7. package/dist/breadcrumbs/breadcrumbs.css +0 -2
  8. package/dist/bundles/skin-default.css +56 -14
  9. package/dist/bundles/skin-full.css +56 -14
  10. package/dist/bundles/skin-headless.css +55 -13
  11. package/dist/button/button.css +0 -2
  12. package/dist/calendar/calendar.css +0 -2
  13. package/dist/carousel/carousel.css +11 -9
  14. package/dist/chart-legend/chart-legend.css +0 -2
  15. package/dist/checkbox/checkbox.css +0 -2
  16. package/dist/chip/chip.css +0 -2
  17. package/dist/chips-combobox/chips-combobox.css +0 -2
  18. package/dist/combobox/combobox.css +0 -2
  19. package/dist/confirm-dialog/confirm-dialog.css +0 -2
  20. package/dist/cta-button/cta-button.css +0 -2
  21. package/dist/date-textbox/date-textbox.css +0 -2
  22. package/dist/details/details.css +14 -8
  23. package/dist/donut-chart/donut-chart.css +0 -2
  24. package/dist/drawer-dialog/drawer-dialog.css +0 -2
  25. package/dist/education-notice/education-notice.css +0 -2
  26. package/dist/eek/eek.css +0 -2
  27. package/dist/field/field.css +0 -2
  28. package/dist/filter-button/filter-button.css +0 -2
  29. package/dist/filter-menu/filter-menu.css +0 -2
  30. package/dist/filter-menu-button/filter-menu-button.css +0 -2
  31. package/dist/flag/flag.css +0 -2
  32. package/dist/floating-label/floating-label.css +0 -2
  33. package/dist/fullscreen-dialog/fullscreen-dialog.css +0 -2
  34. package/dist/global/global.css +0 -2
  35. package/dist/icon/icon.css +1 -3
  36. package/dist/icon-button/icon-button.css +0 -2
  37. package/dist/image-placeholder/image-placeholder.css +0 -2
  38. package/dist/infotip/infotip.css +0 -2
  39. package/dist/inline-notice/inline-notice.css +0 -2
  40. package/dist/lightbox-dialog/lightbox-dialog.css +0 -2
  41. package/dist/link/link.css +0 -2
  42. package/dist/listbox/listbox.css +0 -2
  43. package/dist/listbox-button/listbox-button.css +0 -2
  44. package/dist/marketsans/marketsans.css +0 -2
  45. package/dist/menu/menu.css +0 -2
  46. package/dist/menu-button/menu-button.css +0 -2
  47. package/dist/page-grid/page-grid.css +0 -2
  48. package/dist/page-notice/page-notice.css +0 -2
  49. package/dist/pagination/pagination.css +0 -2
  50. package/dist/panel-dialog/panel-dialog.css +0 -2
  51. package/dist/phone-input/phone-input.css +1 -3
  52. package/dist/progress-bar/progress-bar.css +0 -2
  53. package/dist/progress-bar-expressive/progress-bar-expressive.css +0 -2
  54. package/dist/progress-spinner/progress-spinner.css +3 -5
  55. package/dist/progress-stepper/progress-stepper.css +0 -2
  56. package/dist/radio/radio.css +0 -2
  57. package/dist/section-notice/section-notice.css +0 -2
  58. package/dist/section-title/section-title.css +0 -2
  59. package/dist/segmented-buttons/segmented-buttons.css +0 -2
  60. package/dist/select/select.css +0 -2
  61. package/dist/signal/signal.css +0 -2
  62. package/dist/skeleton/skeleton.css +0 -2
  63. package/dist/snackbar-dialog/snackbar-dialog.css +0 -2
  64. package/dist/split-button/split-button.css +0 -2
  65. package/dist/star-rating/star-rating.css +0 -2
  66. package/dist/star-rating-select/star-rating-select.css +0 -2
  67. package/dist/svg/icon/icon-alipay-cn-12-colored.svg +44 -0
  68. package/dist/svg/icon/icon-alipay-cn-18-colored.svg +44 -0
  69. package/dist/svg/icon/icon-alipay-cn-24-colored.svg +44 -0
  70. package/dist/svg/icon/icon-alipay-cn-32-colored.svg +44 -0
  71. package/dist/svg/icon/icon-authenticity-guarantee-24.svg +2 -5
  72. package/dist/svg/icon/icon-authenticity-guarantee-filled-16-colored.svg +12 -0
  73. package/dist/svg/icon/icon-authenticity-guarantee-filled-24-colored.svg +12 -0
  74. package/dist/svg/icon/icon-brand-authorized-seller-24.svg +2 -5
  75. package/dist/svg/icon/icon-cb-12-colored.svg +22 -14
  76. package/dist/svg/icon/icon-cb-18-colored.svg +22 -14
  77. package/dist/svg/icon/icon-cb-24-colored.svg +22 -14
  78. package/dist/svg/icon/icon-cb-32-colored.svg +22 -14
  79. package/dist/svg/icon/icon-chevron-down-20.svg +5 -0
  80. package/dist/svg/icon/icon-chevron-right-20.svg +5 -0
  81. package/dist/svg/icon/icon-clock-64.svg +7 -0
  82. package/dist/svg/icon/icon-confirmation-16.svg +4 -5
  83. package/dist/svg/icon/icon-confirmation-24.svg +4 -2
  84. package/dist/svg/icon/icon-confirmation-64.svg +1 -4
  85. package/dist/svg/icon/icon-confirmation-filled-16.svg +4 -2
  86. package/dist/svg/icon/icon-confirmation-filled-24.svg +4 -2
  87. package/dist/svg/icon/icon-density-compact-16.svg +7 -0
  88. package/dist/svg/icon/icon-density-compact-24.svg +7 -0
  89. package/dist/svg/icon/icon-density-default-16.svg +7 -0
  90. package/dist/svg/icon/icon-density-default-24.svg +7 -0
  91. package/dist/svg/icon/icon-density-relaxed-16.svg +7 -0
  92. package/dist/svg/icon/icon-density-relaxed-24.svg +7 -0
  93. package/dist/svg/icon/icon-direct-from-brand-24.svg +2 -5
  94. package/dist/svg/icon/icon-download-20.svg +7 -0
  95. package/dist/svg/icon/icon-ebay-refurbished-24.svg +1 -4
  96. package/dist/svg/icon/icon-feedback-received-16.svg +7 -0
  97. package/dist/svg/icon/icon-feedback-received-24.svg +7 -0
  98. package/dist/svg/icon/icon-girocard-12-colored.svg +24 -0
  99. package/dist/svg/icon/icon-girocard-18-colored.svg +24 -0
  100. package/dist/svg/icon/icon-girocard-24-colored.svg +24 -0
  101. package/dist/svg/icon/icon-girocard-32-colored.svg +24 -0
  102. package/dist/svg/icon/icon-hide-16.svg +2 -6
  103. package/dist/svg/icon/icon-hide-24.svg +2 -6
  104. package/dist/svg/icon/icon-live-eye-16.svg +4 -3
  105. package/dist/svg/icon/icon-live-eye-24.svg +2 -5
  106. package/dist/svg/icon/icon-masonry-view-16.svg +7 -0
  107. package/dist/svg/icon/icon-masonry-view-filled-16.svg +7 -0
  108. package/dist/svg/icon/icon-money-back-guarantee-16.svg +1 -1
  109. package/dist/svg/icon/icon-money-back-guarantee-24.svg +1 -1
  110. package/dist/svg/icon/icon-money-back-guarantee-filled-16-colored.svg +12 -0
  111. package/dist/svg/icon/icon-money-back-guarantee-filled-24-colored.svg +14 -0
  112. package/dist/svg/icon/icon-monthly-invoice-12-colored.svg +18 -0
  113. package/dist/svg/icon/icon-monthly-invoice-18-colored.svg +18 -0
  114. package/dist/svg/icon/icon-monthly-invoice-24-colored.svg +18 -0
  115. package/dist/svg/icon/icon-monthly-invoice-32-colored.svg +18 -0
  116. package/dist/svg/icon/icon-potted-plant-16.svg +7 -0
  117. package/dist/svg/icon/icon-potted-plant-24.svg +7 -0
  118. package/dist/svg/icon/icon-shovel-16.svg +7 -0
  119. package/dist/svg/icon/icon-shovel-24.svg +7 -0
  120. package/dist/svg/icon/icon-show-16.svg +3 -3
  121. package/dist/svg/icon/icon-show-24.svg +2 -7
  122. package/dist/svg/icons.svg +644 -129
  123. package/dist/switch/switch.css +0 -2
  124. package/dist/tabs/tabs.css +0 -2
  125. package/dist/textbox/textbox.css +2 -3
  126. package/dist/toast-dialog/toast-dialog.css +0 -2
  127. package/dist/toggle-button/toggle-button.css +0 -2
  128. package/dist/toggle-button-group/toggle-button-group.css +33 -3
  129. package/dist/tokens/evo-light.css +1 -1
  130. package/dist/tooltip/tooltip.css +0 -2
  131. package/dist/tourtip/tourtip.css +0 -2
  132. package/dist/typography/typography.css +0 -2
  133. package/dist/utility/utility.css +4 -2
  134. package/dist/video/video.css +0 -2
  135. package/package.json +4 -4
  136. package/scripts/add-y-comments.js +33 -0
  137. package/scripts/develop-module_proper/code-generators/doc-generator.js +0 -1
  138. package/src/sass/button/stories/button/base.stories.js +12 -0
  139. package/src/sass/details/details.scss +19 -10
  140. package/src/sass/details/stories/cascade.stories.js +6 -6
  141. package/src/sass/details/stories/details.stories.js +38 -8
  142. package/src/sass/icon/icon.scss +1 -1
  143. package/src/sass/phone-input/phone-input.scss +1 -1
  144. package/src/sass/progress-spinner/progress-spinner.scss +3 -3
  145. package/src/sass/textbox/stories/textbox.stories.js +2 -2
  146. package/src/sass/textbox/textbox.scss +2 -1
  147. package/src/sass/toggle-button-group/stories/gallery-layout-exceptions.stories.js +117 -0
  148. package/src/sass/toggle-button-group/stories/gallery-layout.stories.js +117 -0
  149. package/src/sass/toggle-button-group/stories/list-layout-exceptions.stories.js +49 -0
  150. package/src/sass/toggle-button-group/stories/list-layout.stories.js +126 -0
  151. package/src/sass/toggle-button-group/stories/minimal-layout-exceptions.stories.js +72 -0
  152. package/src/sass/toggle-button-group/stories/minimal-layout.stories.js +73 -0
  153. package/src/sass/toggle-button-group/toggle-button-group.scss +41 -1
  154. package/src/sass/utility/utility.scss +4 -0
  155. package/src/svg/icon/icon-alipay-cn-12-colored.svg +44 -0
  156. package/src/svg/icon/icon-alipay-cn-18-colored.svg +44 -0
  157. package/src/svg/icon/icon-alipay-cn-24-colored.svg +44 -0
  158. package/src/svg/icon/icon-alipay-cn-32-colored.svg +44 -0
  159. package/src/svg/icon/icon-authenticity-guarantee-24.svg +2 -5
  160. package/src/svg/icon/icon-authenticity-guarantee-filled-16-colored.svg +12 -0
  161. package/src/svg/icon/icon-authenticity-guarantee-filled-24-colored.svg +12 -0
  162. package/src/svg/icon/icon-brand-authorized-seller-24.svg +2 -5
  163. package/src/svg/icon/icon-cb-12-colored.svg +22 -14
  164. package/src/svg/icon/icon-cb-18-colored.svg +22 -14
  165. package/src/svg/icon/icon-cb-24-colored.svg +22 -14
  166. package/src/svg/icon/icon-cb-32-colored.svg +22 -14
  167. package/src/svg/icon/icon-chevron-down-20.svg +5 -0
  168. package/src/svg/icon/icon-chevron-right-20.svg +5 -0
  169. package/src/svg/icon/icon-clock-64.svg +7 -0
  170. package/src/svg/icon/icon-confirmation-16.svg +4 -5
  171. package/src/svg/icon/icon-confirmation-24.svg +4 -2
  172. package/src/svg/icon/icon-confirmation-64.svg +1 -4
  173. package/src/svg/icon/icon-confirmation-filled-16.svg +4 -2
  174. package/src/svg/icon/icon-confirmation-filled-24.svg +4 -2
  175. package/src/svg/icon/icon-density-compact-16.svg +7 -0
  176. package/src/svg/icon/icon-density-compact-24.svg +7 -0
  177. package/src/svg/icon/icon-density-default-16.svg +7 -0
  178. package/src/svg/icon/icon-density-default-24.svg +7 -0
  179. package/src/svg/icon/icon-density-relaxed-16.svg +7 -0
  180. package/src/svg/icon/icon-density-relaxed-24.svg +7 -0
  181. package/src/svg/icon/icon-direct-from-brand-24.svg +2 -5
  182. package/src/svg/icon/icon-download-20.svg +7 -0
  183. package/src/svg/icon/icon-ebay-refurbished-24.svg +1 -4
  184. package/src/svg/icon/icon-feedback-received-16.svg +7 -0
  185. package/src/svg/icon/icon-feedback-received-24.svg +7 -0
  186. package/src/svg/icon/icon-girocard-12-colored.svg +24 -0
  187. package/src/svg/icon/icon-girocard-18-colored.svg +24 -0
  188. package/src/svg/icon/icon-girocard-24-colored.svg +24 -0
  189. package/src/svg/icon/icon-girocard-32-colored.svg +24 -0
  190. package/src/svg/icon/icon-hide-16.svg +2 -6
  191. package/src/svg/icon/icon-hide-24.svg +2 -6
  192. package/src/svg/icon/icon-live-eye-16.svg +4 -3
  193. package/src/svg/icon/icon-live-eye-24.svg +2 -5
  194. package/src/svg/icon/icon-masonry-view-16.svg +7 -0
  195. package/src/svg/icon/icon-masonry-view-filled-16.svg +7 -0
  196. package/src/svg/icon/icon-money-back-guarantee-16.svg +1 -1
  197. package/src/svg/icon/icon-money-back-guarantee-24.svg +1 -1
  198. package/src/svg/icon/icon-money-back-guarantee-filled-16-colored.svg +12 -0
  199. package/src/svg/icon/icon-money-back-guarantee-filled-24-colored.svg +14 -0
  200. package/src/svg/icon/icon-monthly-invoice-12-colored.svg +18 -0
  201. package/src/svg/icon/icon-monthly-invoice-18-colored.svg +18 -0
  202. package/src/svg/icon/icon-monthly-invoice-24-colored.svg +18 -0
  203. package/src/svg/icon/icon-monthly-invoice-32-colored.svg +18 -0
  204. package/src/svg/icon/icon-potted-plant-16.svg +7 -0
  205. package/src/svg/icon/icon-potted-plant-24.svg +7 -0
  206. package/src/svg/icon/icon-shovel-16.svg +7 -0
  207. package/src/svg/icon/icon-shovel-24.svg +7 -0
  208. package/src/svg/icon/icon-show-16.svg +3 -3
  209. package/src/svg/icon/icon-show-24.svg +2 -7
  210. package/src/svg/icons.svg +644 -129
  211. package/src/tokens/evo-light.css +1 -1
  212. package/svg.svg +644 -129
  213. package/dist/alert-dialog/alert-dialog.css.map +0 -1
  214. package/dist/avatar/avatar.css.map +0 -1
  215. package/dist/badge/badge.css.map +0 -1
  216. package/dist/breadcrumbs/breadcrumbs.css.map +0 -1
  217. package/dist/bundles/skin-default.css.map +0 -1
  218. package/dist/bundles/skin-full.css.map +0 -1
  219. package/dist/bundles/skin-headless.css.map +0 -1
  220. package/dist/button/button.css.map +0 -1
  221. package/dist/calendar/calendar.css.map +0 -1
  222. package/dist/carousel/carousel.css.map +0 -1
  223. package/dist/chart-legend/chart-legend.css.map +0 -1
  224. package/dist/checkbox/checkbox.css.map +0 -1
  225. package/dist/chip/chip.css.map +0 -1
  226. package/dist/chips-combobox/chips-combobox.css.map +0 -1
  227. package/dist/combobox/combobox.css.map +0 -1
  228. package/dist/confirm-dialog/confirm-dialog.css.map +0 -1
  229. package/dist/cta-button/cta-button.css.map +0 -1
  230. package/dist/date-textbox/date-textbox.css.map +0 -1
  231. package/dist/details/details.css.map +0 -1
  232. package/dist/donut-chart/donut-chart.css.map +0 -1
  233. package/dist/drawer-dialog/drawer-dialog.css.map +0 -1
  234. package/dist/education-notice/education-notice.css.map +0 -1
  235. package/dist/eek/eek.css.map +0 -1
  236. package/dist/field/field.css.map +0 -1
  237. package/dist/filter-button/filter-button.css.map +0 -1
  238. package/dist/filter-menu/filter-menu.css.map +0 -1
  239. package/dist/filter-menu-button/filter-menu-button.css.map +0 -1
  240. package/dist/flag/flag.css.map +0 -1
  241. package/dist/floating-label/floating-label.css.map +0 -1
  242. package/dist/fullscreen-dialog/fullscreen-dialog.css.map +0 -1
  243. package/dist/global/global.css.map +0 -1
  244. package/dist/icon/icon.css.map +0 -1
  245. package/dist/icon-button/icon-button.css.map +0 -1
  246. package/dist/image-placeholder/image-placeholder.css.map +0 -1
  247. package/dist/infotip/infotip.css.map +0 -1
  248. package/dist/inline-notice/inline-notice.css.map +0 -1
  249. package/dist/lightbox-dialog/lightbox-dialog.css.map +0 -1
  250. package/dist/link/link.css.map +0 -1
  251. package/dist/listbox/listbox.css.map +0 -1
  252. package/dist/listbox-button/listbox-button.css.map +0 -1
  253. package/dist/marketsans/marketsans.css.map +0 -1
  254. package/dist/menu/menu.css.map +0 -1
  255. package/dist/menu-button/menu-button.css.map +0 -1
  256. package/dist/page-grid/page-grid.css.map +0 -1
  257. package/dist/page-notice/page-notice.css.map +0 -1
  258. package/dist/pagination/pagination.css.map +0 -1
  259. package/dist/panel-dialog/panel-dialog.css.map +0 -1
  260. package/dist/phone-input/phone-input.css.map +0 -1
  261. package/dist/progress-bar/progress-bar.css.map +0 -1
  262. package/dist/progress-bar-expressive/progress-bar-expressive.css.map +0 -1
  263. package/dist/progress-spinner/progress-spinner.css.map +0 -1
  264. package/dist/progress-stepper/progress-stepper.css.map +0 -1
  265. package/dist/radio/radio.css.map +0 -1
  266. package/dist/section-notice/section-notice.css.map +0 -1
  267. package/dist/section-title/section-title.css.map +0 -1
  268. package/dist/segmented-buttons/segmented-buttons.css.map +0 -1
  269. package/dist/select/select.css.map +0 -1
  270. package/dist/signal/signal.css.map +0 -1
  271. package/dist/skeleton/skeleton.css.map +0 -1
  272. package/dist/snackbar-dialog/snackbar-dialog.css.map +0 -1
  273. package/dist/split-button/split-button.css.map +0 -1
  274. package/dist/star-rating/star-rating.css.map +0 -1
  275. package/dist/star-rating-select/star-rating-select.css.map +0 -1
  276. package/dist/switch/switch.css.map +0 -1
  277. package/dist/tabs/tabs.css.map +0 -1
  278. package/dist/textbox/textbox.css.map +0 -1
  279. package/dist/toast-dialog/toast-dialog.css.map +0 -1
  280. package/dist/toggle-button/toggle-button.css.map +0 -1
  281. package/dist/toggle-button-group/toggle-button-group.css.map +0 -1
  282. package/dist/tooltip/tooltip.css.map +0 -1
  283. package/dist/tourtip/tourtip.css.map +0 -1
  284. package/dist/typography/typography.css.map +0 -1
  285. package/dist/utility/utility.css.map +0 -1
  286. package/dist/video/video.css.map +0 -1
package/src/tokens/evo-light.css CHANGED
@@ -183,5 +183,5 @@
183
183
  var(--color-ai-solid-green-subtle) 66%,
184
184
  var(--color-ai-solid-green-subtle) 100%
185
185
  );
186
- --color-icon-disabled-filter: grayscale(1) opacity(0.25);
186
+ --color-media-disabled-filter: grayscale(1) opacity(0.25);
187
187
  }