@ebay/skin 16.9.1 → 17.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 (389) hide show
  1. package/.storybook/preview-head.html +363 -503
  2. package/CONTRIBUTING.md +20 -4
  3. package/_cdn/skin/v17.0.0-0/skin-default.min.css +69 -0
  4. package/_cdn/skin/v17.0.0-0/skin-full.min.css +151 -0
  5. package/_cdn/skin/v17.0.0-0/skin-headless.min.css +6 -0
  6. package/chips-combobox.browser.json +1 -0
  7. package/chips-combobox.css +1 -0
  8. package/chips-combobox.js +1 -0
  9. package/chips-combobox.mjs +1 -0
  10. package/dist/breadcrumbs/breadcrumbs.css +2 -2
  11. package/dist/chips-combobox/chips-combobox.css +100 -0
  12. package/dist/combobox/combobox.css +1 -1
  13. package/dist/cta-button/cta-button.css +0 -19
  14. package/dist/icon/icon.css +158 -266
  15. package/dist/image-placeholder/image-placeholder.css +2 -0
  16. package/dist/infotip/infotip.css +3 -5
  17. package/dist/listbox/listbox.css +1 -3
  18. package/dist/listbox-button/listbox-button.css +1 -0
  19. package/dist/progress-stepper/progress-stepper.css +0 -14
  20. package/dist/select/select.css +1 -1
  21. package/dist/skeleton/skeleton.css +169 -0
  22. package/dist/svg/icon/icon-brightness-16.svg +7 -0
  23. package/dist/svg/icon/icon-brightness-20.svg +7 -0
  24. package/dist/svg/icon/icon-carryon-24.svg +4 -2
  25. package/dist/svg/icon/icon-certified-recycled-24.svg +4 -2
  26. package/dist/svg/icon/icon-check-in-24.svg +4 -2
  27. package/dist/svg/icon/icon-chevron-up-20.svg +5 -0
  28. package/dist/svg/icon/icon-click-to-call-24.svg +7 -0
  29. package/dist/svg/icon/{icon-ebay-for-charity-16-fit.svg → icon-ebay-for-charity-16.svg} +2 -2
  30. package/dist/svg/icon/icon-ebay-for-charity-24.svg +7 -0
  31. package/dist/svg/icon/icon-ebay-plus-16.svg +7 -0
  32. package/dist/svg/icon/icon-ebay-plus-24.svg +7 -0
  33. package/dist/svg/icon/icon-ebay-preloved-16.svg +3 -1
  34. package/dist/svg/icon/icon-escrow-16.svg +8 -0
  35. package/dist/svg/icon/icon-escrow-24.svg +8 -0
  36. package/dist/svg/icon/icon-external-link-16.svg +2 -2
  37. package/dist/svg/icon/icon-external-link-20.svg +7 -0
  38. package/dist/svg/icon/icon-external-link-24.svg +3 -1
  39. package/dist/svg/icon/icon-face-happy-16.svg +7 -0
  40. package/dist/svg/icon/icon-feedback-16.svg +7 -0
  41. package/dist/svg/icon/icon-feedback-20.svg +7 -0
  42. package/dist/svg/icon/icon-feedback-24.svg +7 -0
  43. package/dist/svg/icon/icon-free-warranty-24.svg +13 -0
  44. package/dist/svg/icon/icon-help-outline-20.svg +7 -0
  45. package/dist/svg/icon/icon-large-box-16.svg +7 -0
  46. package/dist/svg/icon/icon-large-box-24.svg +4 -2
  47. package/dist/svg/icon/icon-map-16.svg +7 -0
  48. package/dist/svg/icon/icon-map-20.svg +7 -0
  49. package/dist/svg/icon/icon-map-24.svg +7 -0
  50. package/dist/svg/icon/icon-medium-box-16.svg +7 -0
  51. package/dist/svg/icon/icon-medium-box-24.svg +4 -2
  52. package/dist/svg/icon/icon-money-back-guarantee-16.svg +7 -0
  53. package/dist/svg/icon/icon-money-back-guarantee-24.svg +7 -0
  54. package/dist/svg/icon/icon-moon-16.svg +7 -0
  55. package/dist/svg/icon/icon-moon-20.svg +7 -0
  56. package/dist/svg/icon/icon-moon-24.svg +7 -0
  57. package/dist/svg/icon/icon-ribbon-16.svg +7 -0
  58. package/dist/svg/icon/icon-ribbon-24.svg +7 -0
  59. package/dist/svg/icon/icon-satchel-16.svg +7 -0
  60. package/dist/svg/icon/icon-satchel-24.svg +4 -2
  61. package/dist/svg/icon/icon-shoe-box-24.svg +4 -2
  62. package/dist/svg/icon/icon-small-box-16.svg +7 -0
  63. package/dist/svg/icon/icon-small-box-24.svg +4 -2
  64. package/dist/svg/icon/icon-snowflake-16.svg +7 -0
  65. package/dist/svg/icon/icon-snowflake-24.svg +7 -0
  66. package/dist/svg/icon/icon-sort-16.svg +7 -0
  67. package/dist/svg/icon/icon-suitcase-24.svg +4 -2
  68. package/dist/svg/icon/icon-the-ebay-vault-16.svg +12 -0
  69. package/dist/svg/icon/icon-the-ebay-vault-24.svg +12 -0
  70. package/dist/svg/icon/icon-tiktok-24.svg +7 -0
  71. package/dist/svg/icon/icon-toggle-mode-bottom-24.svg +7 -0
  72. package/dist/svg/icon/icon-toggle-mode-top-24.svg +7 -0
  73. package/dist/svg/icon/icon-top-rated-seller-24.svg +7 -0
  74. package/dist/svg/icon/icon-top-service-16.svg +7 -0
  75. package/dist/svg/icon/icon-top-service-24.svg +7 -0
  76. package/dist/svg/icon/icon-venmo-12-colored.svg +15 -0
  77. package/dist/svg/icon/icon-venmo-18-colored.svg +15 -0
  78. package/dist/svg/icon/icon-venmo-24-colored.svg +15 -0
  79. package/dist/svg/icon/icon-venmo-32-colored.svg +15 -0
  80. package/dist/svg/icon/icon-verified-condition-16.svg +10 -0
  81. package/dist/svg/icon/icon-verified-condition-24.svg +10 -0
  82. package/dist/svg/icon/icon-youtube-24.svg +5 -0
  83. package/dist/svg/icons.svg +363 -503
  84. package/dist/tokens/evo-core.css +1 -0
  85. package/dist/tokens/evo-dark.css +42 -0
  86. package/dist/tokens/evo-light.css +38 -0
  87. package/dist/tooltip/tooltip.css +4 -6
  88. package/dist/tourtip/tourtip.css +4 -4
  89. package/dist/variables/variables.less +1 -0
  90. package/index.browser.json +2 -0
  91. package/index.css +2 -0
  92. package/index.js +2 -0
  93. package/index.mjs +2 -0
  94. package/package.json +10 -11
  95. package/scripts/generate-bundle.js +2 -5
  96. package/scripts/generate-images.js +6 -4
  97. package/scripts/generate-imports/README.md +3 -35
  98. package/scripts/generate-imports/config.json +2 -29
  99. package/skeleton.browser.json +1 -0
  100. package/skeleton.css +1 -0
  101. package/skeleton.js +1 -0
  102. package/skeleton.mjs +1 -0
  103. package/src/less/avatar/stories/avatar.stories.js +152 -75
  104. package/src/less/breadcrumbs/breadcrumbs.less +2 -2
  105. package/src/less/bundles/skin-headless.less +2 -0
  106. package/src/less/button/button.less +3 -3
  107. package/src/less/chips-combobox/chips-combobox.less +127 -0
  108. package/src/less/chips-combobox/stories/chips-combobox.stories.js +465 -0
  109. package/src/less/chips-combobox/stories/rtl-chips-combobox.stories.js +479 -0
  110. package/src/less/combobox/combobox.less +1 -1
  111. package/src/less/cta-button/cta-button.less +0 -17
  112. package/src/less/icon/generated/icon.less +158 -266
  113. package/src/less/image-placeholder/image-placeholder.less +5 -0
  114. package/src/less/infotip/infotip.less +0 -5
  115. package/src/less/infotip/stories/infotip.stories.js +2 -2
  116. package/src/less/listbox/listbox.less +2 -2
  117. package/src/less/listbox-button/listbox-button.less +2 -0
  118. package/src/less/mixins/private/bubble-mixins.less +4 -0
  119. package/src/less/mixins/private/button-mixins.less +1 -2
  120. package/src/less/mixins/private/token-mixins.less +8 -0
  121. package/src/less/progress-stepper/progress-stepper.less +0 -34
  122. package/src/less/select/select.less +1 -1
  123. package/src/less/skeleton/skeleton.less +208 -0
  124. package/src/less/skeleton/stories/base.stories.js +56 -0
  125. package/src/less/skeleton/stories/composite.stories.js +36 -0
  126. package/src/less/skeleton/stories/rtl.stories.js +7 -0
  127. package/src/less/tooltip/stories/pointer.stories.js +19 -19
  128. package/src/less/tooltip/stories/tooltip.stories.js +1 -1
  129. package/src/less/tooltip/tooltip.less +0 -7
  130. package/src/less/tourtip/tourtip.less +0 -5
  131. package/src/less/variables/variables.less +1 -0
  132. package/src/svg/icon/icon-brightness-16.svg +7 -0
  133. package/src/svg/icon/icon-brightness-20.svg +7 -0
  134. package/src/svg/icon/icon-carryon-24.svg +4 -2
  135. package/src/svg/icon/icon-certified-recycled-24.svg +4 -2
  136. package/src/svg/icon/icon-check-in-24.svg +4 -2
  137. package/src/svg/icon/icon-chevron-up-20.svg +5 -0
  138. package/src/svg/icon/icon-click-to-call-24.svg +7 -0
  139. package/src/svg/icon/{icon-ebay-for-charity-16-fit.svg → icon-ebay-for-charity-16.svg} +2 -2
  140. package/src/svg/icon/icon-ebay-for-charity-24.svg +7 -0
  141. package/src/svg/icon/icon-ebay-plus-16.svg +7 -0
  142. package/src/svg/icon/icon-ebay-plus-24.svg +7 -0
  143. package/src/svg/icon/icon-ebay-preloved-16.svg +3 -1
  144. package/src/svg/icon/icon-escrow-16.svg +8 -0
  145. package/src/svg/icon/icon-escrow-24.svg +8 -0
  146. package/src/svg/icon/icon-external-link-16.svg +2 -2
  147. package/src/svg/icon/icon-external-link-20.svg +7 -0
  148. package/src/svg/icon/icon-external-link-24.svg +3 -1
  149. package/src/svg/icon/icon-face-happy-16.svg +7 -0
  150. package/src/svg/icon/icon-feedback-16.svg +7 -0
  151. package/src/svg/icon/icon-feedback-20.svg +7 -0
  152. package/src/svg/icon/icon-feedback-24.svg +7 -0
  153. package/src/svg/icon/icon-free-warranty-24.svg +13 -0
  154. package/src/svg/icon/icon-help-outline-20.svg +7 -0
  155. package/src/svg/icon/icon-large-box-16.svg +7 -0
  156. package/src/svg/icon/icon-large-box-24.svg +4 -2
  157. package/src/svg/icon/icon-map-16.svg +7 -0
  158. package/src/svg/icon/icon-map-20.svg +7 -0
  159. package/src/svg/icon/icon-map-24.svg +7 -0
  160. package/src/svg/icon/icon-medium-box-16.svg +7 -0
  161. package/src/svg/icon/icon-medium-box-24.svg +4 -2
  162. package/src/svg/icon/icon-money-back-guarantee-16.svg +7 -0
  163. package/src/svg/icon/icon-money-back-guarantee-24.svg +7 -0
  164. package/src/svg/icon/icon-moon-16.svg +7 -0
  165. package/src/svg/icon/icon-moon-20.svg +7 -0
  166. package/src/svg/icon/icon-moon-24.svg +7 -0
  167. package/src/svg/icon/icon-ribbon-16.svg +7 -0
  168. package/src/svg/icon/icon-ribbon-24.svg +7 -0
  169. package/src/svg/icon/icon-satchel-16.svg +7 -0
  170. package/src/svg/icon/icon-satchel-24.svg +4 -2
  171. package/src/svg/icon/icon-shoe-box-24.svg +4 -2
  172. package/src/svg/icon/icon-small-box-16.svg +7 -0
  173. package/src/svg/icon/icon-small-box-24.svg +4 -2
  174. package/src/svg/icon/icon-snowflake-16.svg +7 -0
  175. package/src/svg/icon/icon-snowflake-24.svg +7 -0
  176. package/src/svg/icon/icon-sort-16.svg +7 -0
  177. package/src/svg/icon/icon-suitcase-24.svg +4 -2
  178. package/src/svg/icon/icon-the-ebay-vault-16.svg +12 -0
  179. package/src/svg/icon/icon-the-ebay-vault-24.svg +12 -0
  180. package/src/svg/icon/icon-tiktok-24.svg +7 -0
  181. package/src/svg/icon/icon-toggle-mode-bottom-24.svg +7 -0
  182. package/src/svg/icon/icon-toggle-mode-top-24.svg +7 -0
  183. package/src/svg/icon/icon-top-rated-seller-24.svg +7 -0
  184. package/src/svg/icon/icon-top-service-16.svg +7 -0
  185. package/src/svg/icon/icon-top-service-24.svg +7 -0
  186. package/src/svg/icon/icon-venmo-12-colored.svg +15 -0
  187. package/src/svg/icon/icon-venmo-18-colored.svg +15 -0
  188. package/src/svg/icon/icon-venmo-24-colored.svg +15 -0
  189. package/src/svg/icon/icon-venmo-32-colored.svg +15 -0
  190. package/src/svg/icon/icon-verified-condition-16.svg +10 -0
  191. package/src/svg/icon/icon-verified-condition-24.svg +10 -0
  192. package/src/svg/icon/icon-youtube-24.svg +5 -0
  193. package/src/svg/icons.svg +363 -503
  194. package/src/tokens/evo-core.css +1 -0
  195. package/src/tokens/evo-dark.css +42 -0
  196. package/src/tokens/evo-light.css +38 -0
  197. package/svg.svg +363 -503
  198. package/_cdn/skin/v16.9.1/skin-default.min.css +0 -41
  199. package/_cdn/skin/v16.9.1/skin-full.min.css +0 -88
  200. package/_cdn/skin/v16.9.1/skin-headless.min.css +0 -6
  201. package/_cdn/skin/v16.9.1/skin-legacy.min.css +0 -41
  202. package/dist/legacy-textbox/legacy-textbox.css +0 -61
  203. package/dist/legacy-theme/legacy-theme.css +0 -107
  204. package/dist/legacy-tokens/ds4-core.css +0 -69
  205. package/dist/legacy-tokens/ds4-light.css +0 -137
  206. package/dist/square-corner-theme/square-corner-theme.css +0 -69
  207. package/dist/svg/icon/icon-arrow-title-20.svg +0 -5
  208. package/dist/svg/icon/icon-authenticity-guarantee-16-fit.svg +0 -10
  209. package/dist/svg/icon/icon-authenticity-guarantee-24-fit.svg +0 -10
  210. package/dist/svg/icon/icon-bag-24.svg +0 -5
  211. package/dist/svg/icon/icon-brand-authorized-seller-16-fit.svg +0 -8
  212. package/dist/svg/icon/icon-brand-authorized-seller-24-fit.svg +0 -8
  213. package/dist/svg/icon/icon-certified-recycled-16-fit.svg +0 -5
  214. package/dist/svg/icon/icon-certified-recycled-24-fit.svg +0 -5
  215. package/dist/svg/icon/icon-click-to-call-16-fit.svg +0 -5
  216. package/dist/svg/icon/icon-click-to-call-24-fit.svg +0 -7
  217. package/dist/svg/icon/icon-currency-dollar-16.svg +0 -5
  218. package/dist/svg/icon/icon-currency-dollar-24.svg +0 -5
  219. package/dist/svg/icon/icon-currency-euro-16.svg +0 -5
  220. package/dist/svg/icon/icon-currency-euro-24.svg +0 -5
  221. package/dist/svg/icon/icon-currency-franc-16.svg +0 -5
  222. package/dist/svg/icon/icon-currency-franc-24.svg +0 -5
  223. package/dist/svg/icon/icon-currency-krona-16.svg +0 -5
  224. package/dist/svg/icon/icon-currency-krona-24.svg +0 -5
  225. package/dist/svg/icon/icon-currency-peso-16.svg +0 -7
  226. package/dist/svg/icon/icon-currency-peso-24.svg +0 -7
  227. package/dist/svg/icon/icon-currency-pound-16.svg +0 -5
  228. package/dist/svg/icon/icon-currency-pound-24.svg +0 -5
  229. package/dist/svg/icon/icon-currency-ringgit-16.svg +0 -10
  230. package/dist/svg/icon/icon-currency-ringgit-24.svg +0 -10
  231. package/dist/svg/icon/icon-currency-rupee-16.svg +0 -5
  232. package/dist/svg/icon/icon-currency-rupee-24.svg +0 -5
  233. package/dist/svg/icon/icon-currency-won-16.svg +0 -7
  234. package/dist/svg/icon/icon-currency-won-24.svg +0 -7
  235. package/dist/svg/icon/icon-currency-yuan-16.svg +0 -5
  236. package/dist/svg/icon/icon-currency-yuan-24.svg +0 -5
  237. package/dist/svg/icon/icon-currency-zloty-16.svg +0 -8
  238. package/dist/svg/icon/icon-currency-zloty-24.svg +0 -10
  239. package/dist/svg/icon/icon-direct-from-brand-16-fit.svg +0 -8
  240. package/dist/svg/icon/icon-direct-from-brand-24-fit.svg +0 -8
  241. package/dist/svg/icon/icon-ebay-bucks-16-colored.svg +0 -10
  242. package/dist/svg/icon/icon-ebay-for-charity-24-fit.svg +0 -7
  243. package/dist/svg/icon/icon-ebay-international-shipping-16-fit.svg +0 -7
  244. package/dist/svg/icon/icon-ebay-international-shipping-24-fit.svg +0 -7
  245. package/dist/svg/icon/icon-ebay-plus-16-fit.svg +0 -5
  246. package/dist/svg/icon/icon-ebay-plus-24-fit.svg +0 -5
  247. package/dist/svg/icon/icon-ebay-refurbished-16-fit.svg +0 -7
  248. package/dist/svg/icon/icon-ebay-refurbished-24-fit.svg +0 -7
  249. package/dist/svg/icon/icon-escrow-16-fit.svg +0 -8
  250. package/dist/svg/icon/icon-escrow-24-fit.svg +0 -8
  251. package/dist/svg/icon/icon-free-warranty-16-fit.svg +0 -12
  252. package/dist/svg/icon/icon-free-warranty-24-fit.svg +0 -13
  253. package/dist/svg/icon/icon-money-back-guarantee-16-fit.svg +0 -7
  254. package/dist/svg/icon/icon-money-back-guarantee-24-fit.svg +0 -7
  255. package/dist/svg/icon/icon-nectar-24-colored.svg +0 -24
  256. package/dist/svg/icon/icon-pause-64-colored.svg +0 -7
  257. package/dist/svg/icon/icon-play-64-colored.svg +0 -7
  258. package/dist/svg/icon/icon-play-filled-16.svg +0 -7
  259. package/dist/svg/icon/icon-play-filled-24.svg +0 -5
  260. package/dist/svg/icon/icon-rotate-landscape-left.svg +0 -10
  261. package/dist/svg/icon/icon-rotate-landscape-right.svg +0 -10
  262. package/dist/svg/icon/icon-rotate-portrait-left.svg +0 -10
  263. package/dist/svg/icon/icon-rotate-portrait-right.svg +0 -10
  264. package/dist/svg/icon/icon-social-discord-24.svg +0 -5
  265. package/dist/svg/icon/icon-social-facebook-24.svg +0 -5
  266. package/dist/svg/icon/icon-social-facebook-messenger-24.svg +0 -5
  267. package/dist/svg/icon/icon-social-instagram-24.svg +0 -5
  268. package/dist/svg/icon/icon-social-link-24.svg +0 -11
  269. package/dist/svg/icon/icon-social-linkedin-24.svg +0 -5
  270. package/dist/svg/icon/icon-social-pinterest-24.svg +0 -5
  271. package/dist/svg/icon/icon-social-reddit-24.svg +0 -9
  272. package/dist/svg/icon/icon-social-twitter-24.svg +0 -5
  273. package/dist/svg/icon/icon-social-whatsapp-24.svg +0 -7
  274. package/dist/svg/icon/icon-the-ebay-vault-16-fit.svg +0 -12
  275. package/dist/svg/icon/icon-the-ebay-vault-24-fit.svg +0 -12
  276. package/dist/svg/icon/icon-top-rated-seller-16-fit.svg +0 -7
  277. package/dist/svg/icon/icon-top-rated-seller-24-fit.svg +0 -7
  278. package/dist/svg/icon/icon-trend-down-16.svg +0 -5
  279. package/dist/svg/icon/icon-trend-up-16.svg +0 -5
  280. package/dist/svg/icon/icon-verified-condition-16-fit.svg +0 -10
  281. package/dist/svg/icon/icon-verified-condition-24-fit.svg +0 -10
  282. package/legacy-textbox.browser.json +0 -1
  283. package/legacy-textbox.css +0 -1
  284. package/legacy-textbox.js +0 -1
  285. package/legacy-textbox.mjs +0 -1
  286. package/legacy-theme.browser.json +0 -1
  287. package/legacy-theme.css +0 -1
  288. package/legacy-theme.js +0 -1
  289. package/legacy-theme.mjs +0 -1
  290. package/legacy-tokens/browser.json +0 -1
  291. package/legacy-tokens/ds4-core.browser.json +0 -1
  292. package/legacy-tokens/ds4-core.css +0 -1
  293. package/legacy-tokens/ds4-core.js +0 -1
  294. package/legacy-tokens/ds4-core.mjs +0 -1
  295. package/legacy-tokens/ds4-light.browser.json +0 -1
  296. package/legacy-tokens/ds4-light.css +0 -1
  297. package/legacy-tokens/ds4-light.js +0 -1
  298. package/legacy-tokens/ds4-light.mjs +0 -1
  299. package/legacy-tokens/index.css +0 -2
  300. package/legacy-tokens/index.js +0 -2
  301. package/legacy-tokens/index.mjs +0 -2
  302. package/legacy-tokens.css +0 -2
  303. package/legacy-tokens.js +0 -2
  304. package/legacy-tokens.mjs +0 -2
  305. package/square-corner-theme.browser.json +0 -1
  306. package/square-corner-theme.css +0 -1
  307. package/square-corner-theme.js +0 -1
  308. package/square-corner-theme.mjs +0 -1
  309. package/src/legacy-tokens/ds4-core.css +0 -69
  310. package/src/less/bundles/skin-legacy.less +0 -3
  311. package/src/less/legacy-textbox/legacy-textbox.less +0 -105
  312. package/src/less/legacy-theme/legacy-theme.less +0 -125
  313. package/src/less/section-notice/stories/legacy.stories.js +0 -32
  314. package/src/less/square-corner-theme/square-corner-theme.less +0 -90
  315. package/src/svg/icon/icon-arrow-title-20.svg +0 -5
  316. package/src/svg/icon/icon-authenticity-guarantee-16-fit.svg +0 -10
  317. package/src/svg/icon/icon-authenticity-guarantee-24-fit.svg +0 -10
  318. package/src/svg/icon/icon-bag-24.svg +0 -5
  319. package/src/svg/icon/icon-brand-authorized-seller-16-fit.svg +0 -8
  320. package/src/svg/icon/icon-brand-authorized-seller-24-fit.svg +0 -8
  321. package/src/svg/icon/icon-certified-recycled-16-fit.svg +0 -5
  322. package/src/svg/icon/icon-certified-recycled-24-fit.svg +0 -5
  323. package/src/svg/icon/icon-click-to-call-16-fit.svg +0 -5
  324. package/src/svg/icon/icon-click-to-call-24-fit.svg +0 -7
  325. package/src/svg/icon/icon-currency-dollar-16.svg +0 -5
  326. package/src/svg/icon/icon-currency-dollar-24.svg +0 -5
  327. package/src/svg/icon/icon-currency-euro-16.svg +0 -5
  328. package/src/svg/icon/icon-currency-euro-24.svg +0 -5
  329. package/src/svg/icon/icon-currency-franc-16.svg +0 -5
  330. package/src/svg/icon/icon-currency-franc-24.svg +0 -5
  331. package/src/svg/icon/icon-currency-krona-16.svg +0 -5
  332. package/src/svg/icon/icon-currency-krona-24.svg +0 -5
  333. package/src/svg/icon/icon-currency-peso-16.svg +0 -7
  334. package/src/svg/icon/icon-currency-peso-24.svg +0 -7
  335. package/src/svg/icon/icon-currency-pound-16.svg +0 -5
  336. package/src/svg/icon/icon-currency-pound-24.svg +0 -5
  337. package/src/svg/icon/icon-currency-ringgit-16.svg +0 -10
  338. package/src/svg/icon/icon-currency-ringgit-24.svg +0 -10
  339. package/src/svg/icon/icon-currency-rupee-16.svg +0 -5
  340. package/src/svg/icon/icon-currency-rupee-24.svg +0 -5
  341. package/src/svg/icon/icon-currency-won-16.svg +0 -7
  342. package/src/svg/icon/icon-currency-won-24.svg +0 -7
  343. package/src/svg/icon/icon-currency-yuan-16.svg +0 -5
  344. package/src/svg/icon/icon-currency-yuan-24.svg +0 -5
  345. package/src/svg/icon/icon-currency-zloty-16.svg +0 -8
  346. package/src/svg/icon/icon-currency-zloty-24.svg +0 -10
  347. package/src/svg/icon/icon-direct-from-brand-16-fit.svg +0 -8
  348. package/src/svg/icon/icon-direct-from-brand-24-fit.svg +0 -8
  349. package/src/svg/icon/icon-ebay-bucks-16-colored.svg +0 -10
  350. package/src/svg/icon/icon-ebay-for-charity-24-fit.svg +0 -7
  351. package/src/svg/icon/icon-ebay-international-shipping-16-fit.svg +0 -7
  352. package/src/svg/icon/icon-ebay-international-shipping-24-fit.svg +0 -7
  353. package/src/svg/icon/icon-ebay-plus-16-fit.svg +0 -5
  354. package/src/svg/icon/icon-ebay-plus-24-fit.svg +0 -5
  355. package/src/svg/icon/icon-ebay-refurbished-16-fit.svg +0 -7
  356. package/src/svg/icon/icon-ebay-refurbished-24-fit.svg +0 -7
  357. package/src/svg/icon/icon-escrow-16-fit.svg +0 -8
  358. package/src/svg/icon/icon-escrow-24-fit.svg +0 -8
  359. package/src/svg/icon/icon-free-warranty-16-fit.svg +0 -12
  360. package/src/svg/icon/icon-free-warranty-24-fit.svg +0 -13
  361. package/src/svg/icon/icon-money-back-guarantee-16-fit.svg +0 -7
  362. package/src/svg/icon/icon-money-back-guarantee-24-fit.svg +0 -7
  363. package/src/svg/icon/icon-nectar-24-colored.svg +0 -24
  364. package/src/svg/icon/icon-pause-64-colored.svg +0 -7
  365. package/src/svg/icon/icon-play-64-colored.svg +0 -7
  366. package/src/svg/icon/icon-play-filled-16.svg +0 -7
  367. package/src/svg/icon/icon-play-filled-24.svg +0 -5
  368. package/src/svg/icon/icon-rotate-landscape-left.svg +0 -10
  369. package/src/svg/icon/icon-rotate-landscape-right.svg +0 -10
  370. package/src/svg/icon/icon-rotate-portrait-left.svg +0 -10
  371. package/src/svg/icon/icon-rotate-portrait-right.svg +0 -10
  372. package/src/svg/icon/icon-social-discord-24.svg +0 -5
  373. package/src/svg/icon/icon-social-facebook-24.svg +0 -5
  374. package/src/svg/icon/icon-social-facebook-messenger-24.svg +0 -5
  375. package/src/svg/icon/icon-social-instagram-24.svg +0 -5
  376. package/src/svg/icon/icon-social-link-24.svg +0 -11
  377. package/src/svg/icon/icon-social-linkedin-24.svg +0 -5
  378. package/src/svg/icon/icon-social-pinterest-24.svg +0 -5
  379. package/src/svg/icon/icon-social-reddit-24.svg +0 -9
  380. package/src/svg/icon/icon-social-twitter-24.svg +0 -5
  381. package/src/svg/icon/icon-social-whatsapp-24.svg +0 -7
  382. package/src/svg/icon/icon-the-ebay-vault-16-fit.svg +0 -12
  383. package/src/svg/icon/icon-the-ebay-vault-24-fit.svg +0 -12
  384. package/src/svg/icon/icon-top-rated-seller-16-fit.svg +0 -7
  385. package/src/svg/icon/icon-top-rated-seller-24-fit.svg +0 -7
  386. package/src/svg/icon/icon-trend-down-16.svg +0 -5
  387. package/src/svg/icon/icon-trend-up-16.svg +0 -5
  388. package/src/svg/icon/icon-verified-condition-16-fit.svg +0 -10
  389. package/src/svg/icon/icon-verified-condition-24-fit.svg +0 -10
package/src/tokens/evo-core.css CHANGED
@@ -121,5 +121,6 @@
121
121
  --spacing-400: 32px;
122
122
  --spacing-450: 36px;
123
123
  --spacing-600: 48px;
124
+ --spacing-700: 56px;
124
125
  --spacing-800: 64px;
125
126
  }
package/src/tokens/evo-dark.css CHANGED
@@ -136,5 +136,47 @@
136
136
  var(--color-ai-solid-green-subtle) 0%,
137
137
  var(--color-ai-solid-blue-subtle) 154.5%
138
138
  );
139
+ --color-loading-fill: #1b1b1b;
140
+ --color-loading-shimmer: linear-gradient(
141
+ 270deg,
142
+ var(--color-loading-fill) 0%,
143
+ var(--color-loading-fill) 34%,
144
+ #0e0e0e 50%,
145
+ var(--color-loading-fill) 66%,
146
+ var(--color-loading-fill) 100%
147
+ );
148
+ --color-loading-fill-elevated: #222;
149
+ --color-loading-shimmer-elevated: linear-gradient(
150
+ 270deg,
151
+ var(--color-loading-fill-elevated) 0%,
152
+ var(--color-loading-fill-elevated) 34%,
153
+ #1c1c1c 50%,
154
+ var(--color-loading-fill-elevated) 66%,
155
+ var(--color-loading-fill-elevated) 100%
156
+ );
157
+ --color-loading-ai-gradient-purple-subtle: linear-gradient(
158
+ 270deg,
159
+ var(--color-ai-solid-red-subtle-dark) 0%,
160
+ var(--color-ai-solid-red-subtle-dark) 34%,
161
+ var(--color-ai-solid-purple-subtle-dark) 50%,
162
+ var(--color-ai-solid-red-subtle-dark) 66%,
163
+ var(--color-ai-solid-red-subtle-dark) 100%
164
+ );
165
+ --color-loading-ai-gradient-blue-subtle: linear-gradient(
166
+ 270deg,
167
+ var(--color-ai-solid-blue-subtle-dark) 0%,
168
+ var(--color-ai-solid-blue-subtle-dark) 34%,
169
+ var(--color-ai-solid-purple-subtle-dark) 50%,
170
+ var(--color-ai-solid-blue-subtle-dark) 66%,
171
+ var(--color-ai-solid-blue-subtle-dark) 100%
172
+ );
173
+ --color-loading-ai-gradient-green-subtle: linear-gradient(
174
+ 270deg,
175
+ var(--color-ai-solid-green-subtle-dark) 0%,
176
+ var(--color-ai-solid-green-subtle-dark) 34%,
177
+ var(--color-ai-solid-blue-subtle-dark) 50%,
178
+ var(--color-ai-solid-green-subtle-dark) 66%,
179
+ var(--color-ai-solid-green-subtle-dark) 100%
180
+ );
139
181
  }
140
182
  }
package/src/tokens/evo-light.css CHANGED
@@ -134,4 +134,42 @@
134
134
  var(--color-ai-solid-green-subtle) 0%,
135
135
  var(--color-ai-solid-blue-subtle) 154.5%
136
136
  );
137
+ --shadow-subtle: 0px 4px 12px 0px rgba(0, 0, 0, 0.07);
138
+ --shadow-strong: 0px 5px 17px 0px rgba(0, 0, 0, 0.2),
139
+ 0px 2px 7px 0px rgba(0, 0, 0, 0.15);
140
+ --color-loading-fill: #f2f2f2;
141
+ --color-loading-shimmer: linear-gradient(
142
+ 270deg,
143
+ var(--color-loading-fill) 0%,
144
+ var(--color-loading-fill) 34%,
145
+ #f8f8f8 50%,
146
+ var(--color-loading-fill) 66%,
147
+ var(--color-loading-fill) 100%
148
+ );
149
+ --color-loading-fill-elevated: var(--color-loading-fill);
150
+ --color-loading-shimmer-elevated: var(--color-loading-shimmer);
151
+ --color-loading-ai-gradient-purple-subtle: linear-gradient(
152
+ 270deg,
153
+ var(--color-ai-solid-red-subtle) 0%,
154
+ var(--color-ai-solid-red-subtle) 34%,
155
+ var(--color-ai-solid-purple-subtle) 50%,
156
+ var(--color-ai-solid-red-subtle) 66%,
157
+ var(--color-ai-solid-red-subtle) 100%
158
+ );
159
+ --color-loading-ai-gradient-blue-subtle: linear-gradient(
160
+ 270deg,
161
+ var(--color-ai-solid-blue-subtle) 0%,
162
+ var(--color-ai-solid-blue-subtle) 34%,
163
+ var(--color-ai-solid-purple-subtle) 50%,
164
+ var(--color-ai-solid-blue-subtle) 66%,
165
+ var(--color-ai-solid-blue-subtle) 100%
166
+ );
167
+ --color-loading-ai-gradient-green-subtle: linear-gradient(
168
+ 270deg,
169
+ var(--color-ai-solid-green-subtle) 0%,
170
+ var(--color-ai-solid-green-subtle) 34%,
171
+ var(--color-ai-solid-blue-subtle) 50%,
172
+ var(--color-ai-solid-green-subtle) 66%,
173
+ var(--color-ai-solid-green-subtle) 100%
174
+ );
137
175
  }