@ebay/skin 15.5.1 → 16.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 (948) hide show
  1. package/.storybook/preview-head.html +411 -1956
  2. package/_cdn/skin/v16.0.0-0/skin-default.min.css +6 -0
  3. package/_cdn/skin/v16.0.0-0/skin-full.min.css +6 -0
  4. package/_cdn/skin/v16.0.0-0/skin-headless.min.css +6 -0
  5. package/_cdn/skin/v16.0.0-0/skin-legacy.min.css +6 -0
  6. package/calendar.browser.json +1 -0
  7. package/calendar.css +1 -0
  8. package/calendar.js +1 -0
  9. package/calendar.mjs +1 -0
  10. package/date-textbox.browser.json +1 -0
  11. package/date-textbox.css +1 -0
  12. package/date-textbox.js +1 -0
  13. package/date-textbox.mjs +1 -0
  14. package/dist/alert-dialog/alert-dialog.css +2 -2
  15. package/dist/breadcrumbs/breadcrumbs.css +4 -4
  16. package/dist/button/button.css +18 -19
  17. package/dist/calendar/calendar.css +139 -0
  18. package/dist/carousel/carousel.css +8 -4
  19. package/dist/combobox/combobox.css +3 -3
  20. package/dist/confirm-dialog/confirm-dialog.css +2 -2
  21. package/dist/cta-button/cta-button.css +3 -0
  22. package/dist/date-textbox/date-textbox.css +24 -0
  23. package/dist/filter-button/filter-button.css +3 -2
  24. package/dist/filter-menu/filter-menu.css +8 -8
  25. package/dist/filter-menu-button/filter-menu-button.css +12 -13
  26. package/dist/icon/icon.css +212 -1257
  27. package/dist/icon-button/icon-button.css +24 -24
  28. package/dist/inline-notice/inline-notice.css +1 -1
  29. package/dist/menu/menu.css +7 -7
  30. package/dist/menu-button/menu-button.css +7 -7
  31. package/dist/page-grid/page-grid.css +41 -23
  32. package/dist/pagination/pagination.css +5 -4
  33. package/dist/progress-spinner/progress-spinner.css +3 -3
  34. package/dist/select/select.css +1 -1
  35. package/dist/svg/icon/icon-authenticity-guarantee-24-fit.svg +10 -0
  36. package/dist/svg/icon/icon-brand-authorized-seller-16-fit.svg +8 -0
  37. package/dist/svg/icon/icon-brand-authorized-seller-24-fit.svg +8 -0
  38. package/dist/svg/icon/icon-certified-recycled-16-fit.svg +5 -0
  39. package/dist/svg/icon/icon-certified-recycled-24-fit.svg +5 -0
  40. package/dist/svg/icon/icon-checkbox-checked-18.svg +5 -0
  41. package/dist/svg/icon/icon-checkbox-checked-24.svg +7 -0
  42. package/dist/svg/icon/icon-checkbox-mixed-18.svg +7 -0
  43. package/dist/svg/icon/icon-checkbox-mixed-24.svg +7 -0
  44. package/dist/svg/icon/icon-checkbox-unchecked-18.svg +5 -0
  45. package/dist/svg/icon/icon-checkbox-unchecked-24.svg +5 -0
  46. package/dist/svg/icon/icon-click-to-call-16-fit.svg +5 -0
  47. package/dist/svg/icon/icon-click-to-call-24-fit.svg +7 -0
  48. package/dist/svg/icon/icon-direct-from-brand-16-fit.svg +8 -0
  49. package/dist/svg/icon/icon-direct-from-brand-24-fit.svg +8 -0
  50. package/dist/svg/icon/icon-ebay-international-shipping-16-fit.svg +7 -0
  51. package/dist/svg/icon/icon-ebay-international-shipping-24-fit.svg +7 -0
  52. package/dist/svg/icon/icon-ebay-live-16.svg +11 -0
  53. package/dist/svg/icon/icon-ebay-live-24.svg +11 -0
  54. package/dist/svg/icon/icon-ebay-plus-16-fit.svg +5 -0
  55. package/dist/svg/icon/icon-ebay-plus-24-fit.svg +5 -0
  56. package/dist/svg/icon/icon-ebay-plus-logo-16-colored.svg +10 -0
  57. package/dist/svg/icon/icon-ebay-refurbished-16-fit.svg +7 -0
  58. package/dist/svg/icon/icon-ebay-refurbished-24-fit.svg +7 -0
  59. package/dist/svg/icon/icon-escrow-16-fit.svg +8 -0
  60. package/dist/svg/icon/icon-escrow-24-fit.svg +8 -0
  61. package/dist/svg/icon/icon-free-warranty-16-fit.svg +12 -0
  62. package/dist/svg/icon/icon-free-warranty-24-fit.svg +13 -0
  63. package/dist/svg/icon/icon-legacy-authenticity-guarantee-48-colored.svg +12 -0
  64. package/dist/svg/icon/icon-legacy-click-to-call-48-colored.svg +9 -0
  65. package/dist/svg/icon/icon-legacy-escrow-48-colored.svg +16 -0
  66. package/dist/svg/icon/icon-legacy-free-warranty-48-colored.svg +12 -0
  67. package/dist/svg/icon/icon-legacy-money-back-guarantee-chf-48-colored.svg +16 -0
  68. package/dist/svg/icon/icon-legacy-money-back-guarantee-eu-48-colored.svg +10 -0
  69. package/dist/svg/icon/icon-legacy-money-back-guarantee-uk-48-colored.svg +10 -0
  70. package/dist/svg/icon/icon-legacy-money-back-guarantee-us-48-colored.svg +10 -0
  71. package/dist/svg/icon/icon-legacy-money-back-guarantee-zl-48-colored.svg +14 -0
  72. package/dist/svg/icon/icon-legacy-top-rated-seller-48-colored.svg +12 -0
  73. package/dist/svg/icon/icon-notification-16.svg +7 -0
  74. package/dist/svg/icon/icon-notification-20.svg +7 -0
  75. package/dist/svg/icon/icon-profile-20.svg +12 -0
  76. package/dist/svg/icon/icon-radio-checked-18.svg +7 -0
  77. package/{src/svg/icon/icon-radio-checked-large.svg → dist/svg/icon/icon-radio-checked-24.svg} +3 -2
  78. package/dist/svg/icon/icon-radio-unchecked-18.svg +7 -0
  79. package/{src/svg/icon/icon-radio-unchecked-large.svg → dist/svg/icon/icon-radio-unchecked-24.svg} +3 -1
  80. package/dist/svg/icon/icon-the-ebay-vault-16-fit.svg +12 -0
  81. package/dist/svg/icon/icon-the-ebay-vault-24-fit.svg +12 -0
  82. package/dist/svg/icon/icon-top-rated-seller-16-fit.svg +7 -0
  83. package/dist/svg/icon/icon-top-rated-seller-24-fit.svg +7 -0
  84. package/dist/svg/icon/icon-verified-condition-16-fit.svg +10 -0
  85. package/dist/svg/icon/icon-verified-condition-24-fit.svg +10 -0
  86. package/dist/svg/icons.svg +411 -1956
  87. package/dist/variables/variables.less +26 -18
  88. package/gh.browser.json +0 -1
  89. package/index.browser.json +2 -1
  90. package/index.css +2 -1
  91. package/index.js +2 -1
  92. package/index.mjs +2 -1
  93. package/package.json +1 -1
  94. package/scripts/generate-images.js +1 -5
  95. package/scripts/generate-imports/config.json +2 -0
  96. package/src/less/alert-dialog/alert-dialog.less +2 -2
  97. package/src/less/breadcrumbs/breadcrumbs.less +4 -4
  98. package/src/less/breadcrumbs/stories/button-cascade.stories.js +18 -18
  99. package/src/less/breadcrumbs/stories/button-overflow.stories.js +22 -22
  100. package/src/less/breadcrumbs/stories/buttons.stories.js +10 -10
  101. package/src/less/breadcrumbs/stories/link-cascade.stories.js +18 -18
  102. package/src/less/breadcrumbs/stories/link-overflow.stories.js +22 -22
  103. package/src/less/breadcrumbs/stories/links.stories.js +10 -10
  104. package/src/less/bundles/skin-headless.less +2 -1
  105. package/src/less/button/button.less +14 -15
  106. package/src/less/button/stories/button/base.stories.js +7 -7
  107. package/src/less/button/stories/button/borderless.stories.js +8 -8
  108. package/src/less/button/stories/button/cascade.stories.js +4 -4
  109. package/src/less/button/stories/button/dimensions.stories.js +1 -1
  110. package/src/less/button/stories/button/primary.stories.js +17 -5
  111. package/src/less/button/stories/button/secondary.stories.js +5 -5
  112. package/src/less/button/stories/button/tertiary.stories.js +5 -5
  113. package/src/less/button/stories/destructive-button/primary.stories.js +14 -4
  114. package/src/less/button/stories/destructive-button/secondary.stories.js +4 -4
  115. package/src/less/button/stories/destructive-button/tertiary.stories.js +4 -4
  116. package/src/less/button/stories/fake-button/base.stories.js +2 -2
  117. package/src/less/button/stories/fake-button/cascade.stories.js +3 -3
  118. package/src/less/button/stories/fake-button/dimensions.stories.js +1 -1
  119. package/src/less/button/stories/fake-button/primary.stories.js +4 -4
  120. package/src/less/button/stories/fake-button/secondary.stories.js +4 -4
  121. package/src/less/calendar/calendar.less +180 -0
  122. package/src/less/calendar/stories/calendar.stories.js +593 -0
  123. package/src/less/carousel/carousel.less +9 -4
  124. package/src/less/carousel/stories/carousel.stories.js +32 -32
  125. package/src/less/checkbox/stories/checked.stories.js +16 -16
  126. package/src/less/checkbox/stories/mixed.stories.js +2 -2
  127. package/src/less/checkbox/stories/unchecked.stories.js +8 -8
  128. package/src/less/combobox/combobox.less +3 -3
  129. package/src/less/combobox/stories/combobox.stories.js +20 -20
  130. package/src/less/confirm-dialog/confirm-dialog.less +2 -2
  131. package/src/less/cta-button/cta-button.less +4 -0
  132. package/src/less/cta-button/stories/cascade.stories.js +6 -6
  133. package/src/less/cta-button/stories/cta-button.stories.js +2 -2
  134. package/src/less/cta-button/stories/dimensions.stories.js +4 -4
  135. package/src/less/date-textbox/date-textbox.less +29 -0
  136. package/src/less/details/stories/cascade.stories.js +6 -6
  137. package/src/less/details/stories/details.stories.js +8 -8
  138. package/src/less/drawer-dialog/stories/drawer-dialog.stories.js +12 -12
  139. package/src/less/field/stories/stacked.stories.js +6 -6
  140. package/src/less/field/stories/unstacked.stories.js +8 -8
  141. package/src/less/filter-button/filter-button.less +3 -2
  142. package/src/less/filter-menu/filter-menu.less +8 -8
  143. package/src/less/filter-menu/stories/filter-menu.stories.js +48 -48
  144. package/src/less/filter-menu-button/filter-menu-button.less +12 -13
  145. package/src/less/filter-menu-button/stories/filter-menu-button.stories.js +166 -166
  146. package/src/less/floating-label/stories/floating-label.stories.js +10 -10
  147. package/src/less/fullscreen-dialog/stories/fullscreen-dialog.stories.js +6 -6
  148. package/src/less/global/stories/global.stories.js +24 -24
  149. package/src/less/icon/generated/icon.less +196 -1216
  150. package/src/less/icon/icon.less +17 -43
  151. package/src/less/icon/stories/icon.stories.js +10 -10
  152. package/src/less/icon-button/icon-button.less +12 -12
  153. package/src/less/icon-button/stories/alignment.stories.js +6 -6
  154. package/src/less/infotip/stories/infotip.stories.js +16 -16
  155. package/src/less/inline-notice/inline-notice.less +1 -1
  156. package/src/less/inline-notice/stories/inline.stories.js +20 -20
  157. package/src/less/lightbox-dialog/stories/lightbox-dialog.stories.js +8 -8
  158. package/src/less/listbox/stories/cascade.stories.js +18 -18
  159. package/src/less/listbox/stories/listbox.stories.js +18 -18
  160. package/src/less/listbox-button/stories/base.stories.js +68 -68
  161. package/src/less/listbox-button/stories/cascade.stories.js +30 -30
  162. package/src/less/listbox-button/stories/dimensions.stories.js +10 -10
  163. package/src/less/listbox-button/stories/form.stories.js +30 -30
  164. package/src/less/menu/menu.less +7 -7
  165. package/src/less/menu/stories/fake-menu.stories.js +8 -8
  166. package/src/less/menu/stories/multiSelect.stories.js +18 -18
  167. package/src/less/menu-button/menu-button.less +7 -7
  168. package/src/less/menu-button/stories/base.stories.js +58 -58
  169. package/src/less/menu-button/stories/cascade.stories.js +12 -12
  170. package/src/less/menu-button/stories/dimensions.stories.js +2 -2
  171. package/src/less/menu-button/stories/fake-menu-button.stories.js +12 -12
  172. package/src/less/mixins/private/bubble-mixins.less +1 -1
  173. package/src/less/page-grid/page-grid.less +48 -35
  174. package/src/less/page-notice/stories/page-notice.stories.js +24 -24
  175. package/src/less/page-notice/stories/test.stories.js +14 -14
  176. package/src/less/pagination/pagination.less +6 -6
  177. package/src/less/pagination/stories/button-cascade.stories.js +12 -12
  178. package/src/less/pagination/stories/buttons.stories.js +8 -8
  179. package/src/less/pagination/stories/link-cascade.stories.js +12 -12
  180. package/src/less/pagination/stories/links.stories.js +8 -8
  181. package/src/less/pagination/stories/overflow.stories.js +20 -20
  182. package/src/less/panel-dialog/stories/panel-dialog.stories.js +12 -12
  183. package/src/less/progress-spinner/progress-spinner.less +3 -3
  184. package/src/less/progress-spinner/stories/progress-spinner.stories.js +8 -8
  185. package/src/less/radio/stories/checked.stories.js +15 -15
  186. package/src/less/radio/stories/unchecked.stories.js +7 -7
  187. package/src/less/section-notice/stories/rtl.stories.js +10 -10
  188. package/src/less/section-notice/stories/section-notice.stories.js +22 -22
  189. package/src/less/section-notice/stories/test.stories.js +14 -14
  190. package/src/less/section-title/stories/rtl.stories.js +6 -6
  191. package/src/less/section-title/stories/section-title.stories.js +6 -6
  192. package/src/less/select/select.less +1 -1
  193. package/src/less/select/stories/cascade.stories.js +6 -6
  194. package/src/less/select/stories/default.stories.js +16 -16
  195. package/src/less/select/stories/floating-label.stories.js +8 -8
  196. package/src/less/split-button/stories/base.stories.js +24 -24
  197. package/src/less/split-button/stories/rtl.stories.js +12 -12
  198. package/src/less/split-button/stories/size.stories.js +4 -4
  199. package/src/less/textbox/stories/icon.stories.js +20 -20
  200. package/src/less/textbox/stories/rtl/icon.stories.js +14 -14
  201. package/src/less/toast-dialog/stories/toast-dialog.stories.js +6 -6
  202. package/src/less/tooltip/stories/pointer.stories.js +24 -24
  203. package/src/less/tooltip/stories/tooltip.stories.js +4 -4
  204. package/src/less/tourtip/stories/tourtip.stories.js +8 -8
  205. package/src/less/variables/variables.less +26 -18
  206. package/src/svg/icon/icon-authenticity-guarantee-24-fit.svg +10 -0
  207. package/src/svg/icon/icon-brand-authorized-seller-16-fit.svg +8 -0
  208. package/src/svg/icon/icon-brand-authorized-seller-24-fit.svg +8 -0
  209. package/src/svg/icon/icon-certified-recycled-16-fit.svg +5 -0
  210. package/src/svg/icon/icon-certified-recycled-24-fit.svg +5 -0
  211. package/src/svg/icon/icon-checkbox-checked-18.svg +5 -0
  212. package/src/svg/icon/icon-checkbox-checked-24.svg +7 -0
  213. package/src/svg/icon/icon-checkbox-mixed-18.svg +7 -0
  214. package/src/svg/icon/icon-checkbox-mixed-24.svg +7 -0
  215. package/src/svg/icon/icon-checkbox-unchecked-18.svg +5 -0
  216. package/src/svg/icon/icon-checkbox-unchecked-24.svg +5 -0
  217. package/src/svg/icon/icon-click-to-call-16-fit.svg +5 -0
  218. package/src/svg/icon/icon-click-to-call-24-fit.svg +7 -0
  219. package/src/svg/icon/icon-direct-from-brand-16-fit.svg +8 -0
  220. package/src/svg/icon/icon-direct-from-brand-24-fit.svg +8 -0
  221. package/src/svg/icon/icon-ebay-international-shipping-16-fit.svg +7 -0
  222. package/src/svg/icon/icon-ebay-international-shipping-24-fit.svg +7 -0
  223. package/src/svg/icon/icon-ebay-live-16.svg +11 -0
  224. package/src/svg/icon/icon-ebay-live-24.svg +11 -0
  225. package/src/svg/icon/icon-ebay-plus-16-fit.svg +5 -0
  226. package/src/svg/icon/icon-ebay-plus-24-fit.svg +5 -0
  227. package/src/svg/icon/icon-ebay-plus-logo-16-colored.svg +10 -0
  228. package/src/svg/icon/icon-ebay-refurbished-16-fit.svg +7 -0
  229. package/src/svg/icon/icon-ebay-refurbished-24-fit.svg +7 -0
  230. package/src/svg/icon/icon-escrow-16-fit.svg +8 -0
  231. package/src/svg/icon/icon-escrow-24-fit.svg +8 -0
  232. package/src/svg/icon/icon-free-warranty-16-fit.svg +12 -0
  233. package/src/svg/icon/icon-free-warranty-24-fit.svg +13 -0
  234. package/src/svg/icon/icon-legacy-authenticity-guarantee-48-colored.svg +12 -0
  235. package/src/svg/icon/icon-legacy-click-to-call-48-colored.svg +9 -0
  236. package/src/svg/icon/icon-legacy-escrow-48-colored.svg +16 -0
  237. package/src/svg/icon/icon-legacy-free-warranty-48-colored.svg +12 -0
  238. package/src/svg/icon/icon-legacy-money-back-guarantee-chf-48-colored.svg +16 -0
  239. package/src/svg/icon/icon-legacy-money-back-guarantee-eu-48-colored.svg +10 -0
  240. package/src/svg/icon/icon-legacy-money-back-guarantee-uk-48-colored.svg +10 -0
  241. package/src/svg/icon/icon-legacy-money-back-guarantee-us-48-colored.svg +10 -0
  242. package/src/svg/icon/icon-legacy-money-back-guarantee-zl-48-colored.svg +14 -0
  243. package/src/svg/icon/icon-legacy-top-rated-seller-48-colored.svg +12 -0
  244. package/src/svg/icon/icon-notification-16.svg +7 -0
  245. package/src/svg/icon/icon-notification-20.svg +7 -0
  246. package/src/svg/icon/icon-profile-20.svg +12 -0
  247. package/src/svg/icon/icon-radio-checked-18.svg +7 -0
  248. package/{dist/svg/icon/icon-radio-checked-large.svg → src/svg/icon/icon-radio-checked-24.svg} +3 -2
  249. package/src/svg/icon/icon-radio-unchecked-18.svg +7 -0
  250. package/{dist/svg/icon/icon-radio-unchecked-large.svg → src/svg/icon/icon-radio-unchecked-24.svg} +3 -1
  251. package/src/svg/icon/icon-the-ebay-vault-16-fit.svg +12 -0
  252. package/src/svg/icon/icon-the-ebay-vault-24-fit.svg +12 -0
  253. package/src/svg/icon/icon-top-rated-seller-16-fit.svg +7 -0
  254. package/src/svg/icon/icon-top-rated-seller-24-fit.svg +7 -0
  255. package/src/svg/icon/icon-verified-condition-16-fit.svg +10 -0
  256. package/src/svg/icon/icon-verified-condition-24-fit.svg +10 -0
  257. package/src/svg/icons.svg +411 -1956
  258. package/svg.svg +411 -1956
  259. package/_cdn/skin/v15.5.1/skin-default.min.css +0 -6
  260. package/_cdn/skin/v15.5.1/skin-full.min.css +0 -6
  261. package/_cdn/skin/v15.5.1/skin-headless.min.css +0 -6
  262. package/_cdn/skin/v15.5.1/skin-legacy.min.css +0 -6
  263. package/dist/program-badge/program-badge.css +0 -3421
  264. package/dist/svg/icon/icon-add-small.svg +0 -5
  265. package/dist/svg/icon/icon-add.svg +0 -5
  266. package/dist/svg/icon/icon-archive-small.svg +0 -7
  267. package/dist/svg/icon/icon-archive.svg +0 -8
  268. package/dist/svg/icon/icon-arrow-left-medium.svg +0 -5
  269. package/dist/svg/icon/icon-arrow-left-small.svg +0 -5
  270. package/dist/svg/icon/icon-arrow-left.svg +0 -5
  271. package/dist/svg/icon/icon-arrow-move-small.svg +0 -5
  272. package/dist/svg/icon/icon-arrow-move.svg +0 -5
  273. package/dist/svg/icon/icon-arrow-right-bold.svg +0 -5
  274. package/dist/svg/icon/icon-arrow-right-extra-small.svg +0 -5
  275. package/dist/svg/icon/icon-arrow-right-group-titles.svg +0 -5
  276. package/dist/svg/icon/icon-arrow-right-small.svg +0 -5
  277. package/dist/svg/icon/icon-arrow-right.svg +0 -5
  278. package/dist/svg/icon/icon-attention-filled-small.svg +0 -5
  279. package/dist/svg/icon/icon-attention-filled.svg +0 -6
  280. package/dist/svg/icon/icon-attention-small.svg +0 -5
  281. package/dist/svg/icon/icon-attention.svg +0 -5
  282. package/dist/svg/icon/icon-avatar-dark.svg +0 -18
  283. package/dist/svg/icon/icon-avatar-filled.svg +0 -8
  284. package/dist/svg/icon/icon-avatar-light.svg +0 -16
  285. package/dist/svg/icon/icon-avatar.svg +0 -5
  286. package/dist/svg/icon/icon-back.svg +0 -5
  287. package/dist/svg/icon/icon-bag.svg +0 -5
  288. package/dist/svg/icon/icon-bank-large.svg +0 -5
  289. package/dist/svg/icon/icon-bank.svg +0 -5
  290. package/dist/svg/icon/icon-bids-large.svg +0 -10
  291. package/dist/svg/icon/icon-bids.svg +0 -5
  292. package/dist/svg/icon/icon-breadcrumb.svg +0 -5
  293. package/dist/svg/icon/icon-calendar-large.svg +0 -6
  294. package/dist/svg/icon/icon-calendar-small.svg +0 -5
  295. package/dist/svg/icon/icon-calendar.svg +0 -6
  296. package/dist/svg/icon/icon-camera-small.svg +0 -5
  297. package/dist/svg/icon/icon-camera.svg +0 -5
  298. package/dist/svg/icon/icon-carousel-next.svg +0 -5
  299. package/dist/svg/icon/icon-carousel-prev.svg +0 -5
  300. package/dist/svg/icon/icon-cart-large.svg +0 -10
  301. package/dist/svg/icon/icon-cart-small.svg +0 -10
  302. package/dist/svg/icon/icon-cart.svg +0 -10
  303. package/dist/svg/icon/icon-categories.svg +0 -5
  304. package/dist/svg/icon/icon-certified-recycle-small.svg +0 -5
  305. package/dist/svg/icon/icon-certified-recycle.svg +0 -10
  306. package/dist/svg/icon/icon-chat-large.svg +0 -5
  307. package/dist/svg/icon/icon-checkbox-checked-large.svg +0 -7
  308. package/dist/svg/icon/icon-checkbox-checked.svg +0 -5
  309. package/dist/svg/icon/icon-checkbox-mixed-large.svg +0 -11
  310. package/dist/svg/icon/icon-checkbox-mixed.svg +0 -10
  311. package/dist/svg/icon/icon-checkbox-square-checked-large.svg +0 -6
  312. package/dist/svg/icon/icon-checkbox-square-checked.svg +0 -5
  313. package/dist/svg/icon/icon-checkbox-square-unchecked-large.svg +0 -3
  314. package/dist/svg/icon/icon-checkbox-square-unchecked.svg +0 -3
  315. package/dist/svg/icon/icon-checkbox-unchecked-large.svg +0 -5
  316. package/dist/svg/icon/icon-checkbox-unchecked.svg +0 -5
  317. package/dist/svg/icon/icon-chevron-down-bold.svg +0 -5
  318. package/dist/svg/icon/icon-chevron-down-extra-small.svg +0 -5
  319. package/dist/svg/icon/icon-chevron-down-small.svg +0 -5
  320. package/dist/svg/icon/icon-chevron-down.svg +0 -5
  321. package/dist/svg/icon/icon-chevron-left-extra-small.svg +0 -5
  322. package/dist/svg/icon/icon-chevron-left-small.svg +0 -5
  323. package/dist/svg/icon/icon-chevron-left.svg +0 -5
  324. package/dist/svg/icon/icon-chevron-right-extra-small.svg +0 -5
  325. package/dist/svg/icon/icon-chevron-right-small.svg +0 -5
  326. package/dist/svg/icon/icon-chevron-right.svg +0 -5
  327. package/dist/svg/icon/icon-chevron-up-bold.svg +0 -5
  328. package/dist/svg/icon/icon-chevron-up-extra-small.svg +0 -5
  329. package/dist/svg/icon/icon-chevron-up-small.svg +0 -5
  330. package/dist/svg/icon/icon-chevron-up.svg +0 -5
  331. package/dist/svg/icon/icon-circle.svg +0 -5
  332. package/dist/svg/icon/icon-clear-small.svg +0 -5
  333. package/dist/svg/icon/icon-clear.svg +0 -6
  334. package/dist/svg/icon/icon-clock-small.svg +0 -5
  335. package/dist/svg/icon/icon-clock.svg +0 -6
  336. package/dist/svg/icon/icon-close-small.svg +0 -5
  337. package/dist/svg/icon/icon-close.svg +0 -5
  338. package/dist/svg/icon/icon-confirmation-filled-small.svg +0 -5
  339. package/dist/svg/icon/icon-confirmation-filled.svg +0 -5
  340. package/dist/svg/icon/icon-confirmation-small.svg +0 -5
  341. package/dist/svg/icon/icon-confirmation.svg +0 -5
  342. package/dist/svg/icon/icon-credit-card-large.svg +0 -6
  343. package/dist/svg/icon/icon-credit-card-small.svg +0 -6
  344. package/dist/svg/icon/icon-credit-card.svg +0 -6
  345. package/dist/svg/icon/icon-cta.svg +0 -5
  346. package/dist/svg/icon/icon-customize-small.svg +0 -7
  347. package/dist/svg/icon/icon-customize.svg +0 -7
  348. package/dist/svg/icon/icon-deals.svg +0 -5
  349. package/dist/svg/icon/icon-delete-small.svg +0 -7
  350. package/dist/svg/icon/icon-delete.svg +0 -6
  351. package/dist/svg/icon/icon-download-small.svg +0 -10
  352. package/dist/svg/icon/icon-download.svg +0 -5
  353. package/dist/svg/icon/icon-dropdown.svg +0 -5
  354. package/dist/svg/icon/icon-edit-small.svg +0 -5
  355. package/dist/svg/icon/icon-edit.svg +0 -6
  356. package/dist/svg/icon/icon-envelope.svg +0 -5
  357. package/dist/svg/icon/icon-escrow-12-colored.svg +0 -1
  358. package/dist/svg/icon/icon-escrow-18-colored.svg +0 -1
  359. package/dist/svg/icon/icon-escrow-24-colored.svg +0 -1
  360. package/dist/svg/icon/icon-escrow-32-colored.svg +0 -1
  361. package/dist/svg/icon/icon-event-large.svg +0 -6
  362. package/dist/svg/icon/icon-event.svg +0 -6
  363. package/dist/svg/icon/icon-fast-n-free-small.svg +0 -5
  364. package/dist/svg/icon/icon-fast-n-free.svg +0 -5
  365. package/dist/svg/icon/icon-filter-gallery-small.svg +0 -6
  366. package/dist/svg/icon/icon-filter-gallery.svg +0 -6
  367. package/dist/svg/icon/icon-filter-list-small.svg +0 -6
  368. package/dist/svg/icon/icon-filter-list.svg +0 -6
  369. package/dist/svg/icon/icon-filter-single-selected.svg +0 -6
  370. package/dist/svg/icon/icon-filter-single-small.svg +0 -6
  371. package/dist/svg/icon/icon-filter-single.svg +0 -6
  372. package/dist/svg/icon/icon-filter-small.svg +0 -7
  373. package/dist/svg/icon/icon-filter.svg +0 -5
  374. package/dist/svg/icon/icon-fingerprint-large.svg +0 -5
  375. package/dist/svg/icon/icon-flag-small.svg +0 -7
  376. package/dist/svg/icon/icon-flag.svg +0 -5
  377. package/dist/svg/icon/icon-folder-small.svg +0 -7
  378. package/dist/svg/icon/icon-folder.svg +0 -7
  379. package/dist/svg/icon/icon-following-small.svg +0 -5
  380. package/dist/svg/icon/icon-following.svg +0 -6
  381. package/dist/svg/icon/icon-gift-large.svg +0 -6
  382. package/dist/svg/icon/icon-gift-small.svg +0 -7
  383. package/dist/svg/icon/icon-gift.svg +0 -6
  384. package/dist/svg/icon/icon-help-small.svg +0 -6
  385. package/dist/svg/icon/icon-help.svg +0 -8
  386. package/dist/svg/icon/icon-hide-secret-small.svg +0 -13
  387. package/dist/svg/icon/icon-hide-secret.svg +0 -11
  388. package/dist/svg/icon/icon-history.svg +0 -8
  389. package/dist/svg/icon/icon-home.svg +0 -5
  390. package/dist/svg/icon/icon-inbox-small.svg +0 -7
  391. package/dist/svg/icon/icon-inbox.svg +0 -7
  392. package/dist/svg/icon/icon-information-filled-small.svg +0 -5
  393. package/dist/svg/icon/icon-information-filled.svg +0 -5
  394. package/dist/svg/icon/icon-information-small.svg +0 -5
  395. package/dist/svg/icon/icon-information.svg +0 -5
  396. package/dist/svg/icon/icon-key.svg +0 -5
  397. package/dist/svg/icon/icon-large-box.svg +0 -5
  398. package/dist/svg/icon/icon-large-case.svg +0 -5
  399. package/dist/svg/icon/icon-lightbulb-small.svg +0 -7
  400. package/dist/svg/icon/icon-lightbulb.svg +0 -7
  401. package/dist/svg/icon/icon-live-eye-small.svg +0 -6
  402. package/dist/svg/icon/icon-live-eye.svg +0 -10
  403. package/dist/svg/icon/icon-location-large.svg +0 -5
  404. package/dist/svg/icon/icon-location.svg +0 -5
  405. package/dist/svg/icon/icon-locked-small.svg +0 -6
  406. package/dist/svg/icon/icon-locked.svg +0 -6
  407. package/dist/svg/icon/icon-mail-move-small.svg +0 -10
  408. package/dist/svg/icon/icon-mail-move.svg +0 -10
  409. package/dist/svg/icon/icon-mail-open-small.svg +0 -7
  410. package/dist/svg/icon/icon-mail-open.svg +0 -7
  411. package/dist/svg/icon/icon-mail-unread-small.svg +0 -10
  412. package/dist/svg/icon/icon-mail-unread.svg +0 -8
  413. package/dist/svg/icon/icon-medium-box.svg +0 -5
  414. package/dist/svg/icon/icon-menu.svg +0 -5
  415. package/dist/svg/icon/icon-messages-large.svg +0 -7
  416. package/dist/svg/icon/icon-messages-small.svg +0 -7
  417. package/dist/svg/icon/icon-messages.svg +0 -7
  418. package/dist/svg/icon/icon-mic-small.svg +0 -5
  419. package/dist/svg/icon/icon-mic.svg +0 -5
  420. package/dist/svg/icon/icon-mobile-signal.svg +0 -6
  421. package/dist/svg/icon/icon-mobile.svg +0 -6
  422. package/dist/svg/icon/icon-money-back-guarantee-us-small.svg +0 -5
  423. package/dist/svg/icon/icon-money-back-guarantee-us.svg +0 -5
  424. package/dist/svg/icon/icon-notification.svg +0 -5
  425. package/dist/svg/icon/icon-overflow-small.svg +0 -5
  426. package/dist/svg/icon/icon-overflow.svg +0 -5
  427. package/dist/svg/icon/icon-package.svg +0 -6
  428. package/dist/svg/icon/icon-pagination-next.svg +0 -5
  429. package/dist/svg/icon/icon-pagination-prev.svg +0 -5
  430. package/dist/svg/icon/icon-pause-filled-large.svg +0 -6
  431. package/dist/svg/icon/icon-pause-filled.svg +0 -6
  432. package/dist/svg/icon/icon-pause-large.svg +0 -6
  433. package/dist/svg/icon/icon-pause-small.svg +0 -6
  434. package/dist/svg/icon/icon-pause.svg +0 -6
  435. package/dist/svg/icon/icon-photo-brightness.svg +0 -6
  436. package/dist/svg/icon/icon-photo-contrast.svg +0 -6
  437. package/dist/svg/icon/icon-photo-crop.svg +0 -6
  438. package/dist/svg/icon/icon-photo-flash.svg +0 -6
  439. package/dist/svg/icon/icon-photo-flip-camera.svg +0 -6
  440. package/dist/svg/icon/icon-photo-gallery-more.svg +0 -13
  441. package/dist/svg/icon/icon-photo-gallery-small.svg +0 -11
  442. package/dist/svg/icon/icon-photo-gallery.svg +0 -11
  443. package/dist/svg/icon/icon-photo-image-small.svg +0 -8
  444. package/dist/svg/icon/icon-photo-image.svg +0 -8
  445. package/dist/svg/icon/icon-photo-rotate.svg +0 -6
  446. package/dist/svg/icon/icon-photo-select-all.svg +0 -5
  447. package/dist/svg/icon/icon-photo-select-none.svg +0 -5
  448. package/dist/svg/icon/icon-photo-sharpen.svg +0 -6
  449. package/dist/svg/icon/icon-play-filled-large.svg +0 -6
  450. package/dist/svg/icon/icon-play-filled.svg +0 -6
  451. package/dist/svg/icon/icon-play-large.svg +0 -5
  452. package/dist/svg/icon/icon-play-small.svg +0 -5
  453. package/dist/svg/icon/icon-play.svg +0 -5
  454. package/dist/svg/icon/icon-print.svg +0 -6
  455. package/dist/svg/icon/icon-profile.svg +0 -5
  456. package/dist/svg/icon/icon-purchases-large.svg +0 -5
  457. package/dist/svg/icon/icon-purchases.svg +0 -5
  458. package/dist/svg/icon/icon-radio-checked.svg +0 -5
  459. package/dist/svg/icon/icon-radio-unchecked.svg +0 -3
  460. package/dist/svg/icon/icon-red-laser-small.svg +0 -5
  461. package/dist/svg/icon/icon-red-laser.svg +0 -5
  462. package/dist/svg/icon/icon-refresh.svg +0 -5
  463. package/dist/svg/icon/icon-remove.svg +0 -3
  464. package/dist/svg/icon/icon-reply-small.svg +0 -5
  465. package/dist/svg/icon/icon-reply.svg +0 -5
  466. package/dist/svg/icon/icon-report-flag-small.svg +0 -6
  467. package/dist/svg/icon/icon-report-flag.svg +0 -6
  468. package/dist/svg/icon/icon-return-small.svg +0 -5
  469. package/dist/svg/icon/icon-return.svg +0 -5
  470. package/dist/svg/icon/icon-save-bold.svg +0 -6
  471. package/dist/svg/icon/icon-save-selected-small.svg +0 -5
  472. package/dist/svg/icon/icon-save-selected.svg +0 -5
  473. package/dist/svg/icon/icon-save-small.svg +0 -7
  474. package/dist/svg/icon/icon-save.svg +0 -7
  475. package/dist/svg/icon/icon-scan-small.svg +0 -7
  476. package/dist/svg/icon/icon-scan.svg +0 -7
  477. package/dist/svg/icon/icon-search-active.svg +0 -7
  478. package/dist/svg/icon/icon-search-bold.svg +0 -5
  479. package/dist/svg/icon/icon-search-large.svg +0 -5
  480. package/dist/svg/icon/icon-search-small.svg +0 -5
  481. package/dist/svg/icon/icon-search.svg +0 -5
  482. package/dist/svg/icon/icon-security-key.svg +0 -6
  483. package/dist/svg/icon/icon-selling-medium.svg +0 -8
  484. package/dist/svg/icon/icon-selling.svg +0 -5
  485. package/dist/svg/icon/icon-send.svg +0 -5
  486. package/dist/svg/icon/icon-settings-small.svg +0 -12
  487. package/dist/svg/icon/icon-settings.svg +0 -6
  488. package/dist/svg/icon/icon-share-small.svg +0 -8
  489. package/dist/svg/icon/icon-share.svg +0 -8
  490. package/dist/svg/icon/icon-shoe-box.svg +0 -5
  491. package/dist/svg/icon/icon-show-secret-small.svg +0 -10
  492. package/dist/svg/icon/icon-show-secret.svg +0 -12
  493. package/dist/svg/icon/icon-small-box.svg +0 -5
  494. package/dist/svg/icon/icon-small-case.svg +0 -5
  495. package/dist/svg/icon/icon-small-letter.svg +0 -7
  496. package/dist/svg/icon/icon-social-discord.svg +0 -5
  497. package/dist/svg/icon/icon-social-facebook.svg +0 -5
  498. package/dist/svg/icon/icon-social-instagram.svg +0 -8
  499. package/dist/svg/icon/icon-social-link.svg +0 -13
  500. package/dist/svg/icon/icon-social-linkedin.svg +0 -5
  501. package/dist/svg/icon/icon-social-messenger.svg +0 -7
  502. package/dist/svg/icon/icon-social-pinterest.svg +0 -15
  503. package/dist/svg/icon/icon-social-reddit.svg +0 -7
  504. package/dist/svg/icon/icon-social-twitter.svg +0 -5
  505. package/dist/svg/icon/icon-social-whatsapp.svg +0 -7
  506. package/dist/svg/icon/icon-sort-down-small.svg +0 -5
  507. package/dist/svg/icon/icon-sort-small.svg +0 -5
  508. package/dist/svg/icon/icon-sort-up-small.svg +0 -5
  509. package/dist/svg/icon/icon-star-empty-large.svg +0 -1
  510. package/dist/svg/icon/icon-star-empty-small.svg +0 -1
  511. package/dist/svg/icon/icon-star-filled-large.svg +0 -1
  512. package/dist/svg/icon/icon-star-filled-small.svg +0 -1
  513. package/dist/svg/icon/icon-star-full-small.svg +0 -5
  514. package/dist/svg/icon/icon-star-half-large.svg +0 -1
  515. package/dist/svg/icon/icon-star-half-small.svg +0 -1
  516. package/dist/svg/icon/icon-star-undefined-small.svg +0 -5
  517. package/dist/svg/icon/icon-star-undefined.svg +0 -5
  518. package/dist/svg/icon/icon-stepper-attention.svg +0 -6
  519. package/dist/svg/icon/icon-stepper-confirmation.svg +0 -6
  520. package/dist/svg/icon/icon-stepper-current.svg +0 -8
  521. package/dist/svg/icon/icon-stepper-upcoming.svg +0 -5
  522. package/dist/svg/icon/icon-store-large.svg +0 -6
  523. package/dist/svg/icon/icon-store.svg +0 -6
  524. package/dist/svg/icon/icon-suitcase.svg +0 -5
  525. package/dist/svg/icon/icon-support.svg +0 -5
  526. package/dist/svg/icon/icon-tablet-condensed-grid-filled.svg +0 -6
  527. package/dist/svg/icon/icon-tablet-condensed-grid.svg +0 -6
  528. package/dist/svg/icon/icon-tablet-relaxed-grid-filled.svg +0 -6
  529. package/dist/svg/icon/icon-tablet-relaxed-grid.svg +0 -6
  530. package/dist/svg/icon/icon-tablet-vertical-split-filled.svg +0 -6
  531. package/dist/svg/icon/icon-tablet-vertical-split.svg +0 -6
  532. package/dist/svg/icon/icon-text-messaging-large.svg +0 -6
  533. package/dist/svg/icon/icon-thumbs-down-selected-small.svg +0 -5
  534. package/dist/svg/icon/icon-thumbs-down-selected.svg +0 -5
  535. package/dist/svg/icon/icon-thumbs-down-small.svg +0 -7
  536. package/dist/svg/icon/icon-thumbs-down.svg +0 -7
  537. package/dist/svg/icon/icon-thumbs-up-selected-small.svg +0 -5
  538. package/dist/svg/icon/icon-thumbs-up-selected.svg +0 -5
  539. package/dist/svg/icon/icon-thumbs-up-small.svg +0 -7
  540. package/dist/svg/icon/icon-thumbs-up.svg +0 -7
  541. package/dist/svg/icon/icon-tick-small.svg +0 -6
  542. package/dist/svg/icon/icon-tick.svg +0 -5
  543. package/dist/svg/icon/icon-top-seller.svg +0 -5
  544. package/dist/svg/icon/icon-truck-small.svg +0 -5
  545. package/dist/svg/icon/icon-truck.svg +0 -5
  546. package/dist/svg/icon/icon-undo.svg +0 -5
  547. package/dist/svg/icon/icon-unlocked-small.svg +0 -6
  548. package/dist/svg/icon/icon-unlocked.svg +0 -6
  549. package/dist/svg/icon/icon-user-profile.svg +0 -7
  550. package/dist/svg/icon/icon-vault-small.svg +0 -12
  551. package/dist/svg/icon/icon-vault.svg +0 -12
  552. package/dist/svg/icon/icon-video-pause.svg +0 -11
  553. package/dist/svg/icon/icon-video-play.svg +0 -11
  554. package/dist/svg/icon/icon-visa-large.svg +0 -17
  555. package/dist/svg/icon/icon-visa-small.svg +0 -17
  556. package/dist/svg/icon/icon-visa-xsmall.svg +0 -17
  557. package/dist/svg/icon/icon-visa.svg +0 -17
  558. package/dist/svg/icon/icon-watch-large.svg +0 -6
  559. package/dist/svg/icon/icon-watch.svg +0 -6
  560. package/dist/svg/icon/icon-window.svg +0 -5
  561. package/dist/svg/icon/icon-zoom-in.svg +0 -7
  562. package/dist/svg/icon/icon-zoom-out.svg +0 -7
  563. package/dist/svg/icon/program-badge-authenticity-guarantee-24-fit.svg +0 -1
  564. package/dist/svg/icon/program-badge-authenticity-guaranteed.svg +0 -5
  565. package/dist/svg/icon/program-badge-brand-authorized-seller-16-fit.svg +0 -1
  566. package/dist/svg/icon/program-badge-brand-authorized-seller-24-fit.svg +0 -1
  567. package/dist/svg/icon/program-badge-certified-recycled-16-fit.svg +0 -1
  568. package/dist/svg/icon/program-badge-certified-recycled-24-fit.svg +0 -1
  569. package/dist/svg/icon/program-badge-click-to-call-16-fit.svg +0 -1
  570. package/dist/svg/icon/program-badge-click-to-call-24-fit.svg +0 -1
  571. package/dist/svg/icon/program-badge-click-to-call.svg +0 -10
  572. package/dist/svg/icon/program-badge-direct-from-brand-16-fit.svg +0 -1
  573. package/dist/svg/icon/program-badge-direct-from-brand-24-fit.svg +0 -1
  574. package/dist/svg/icon/program-badge-ebay-international-shipping-16-fit.svg +0 -1
  575. package/dist/svg/icon/program-badge-ebay-international-shipping-24-fit.svg +0 -1
  576. package/dist/svg/icon/program-badge-ebay-plus-16-fit.svg +0 -1
  577. package/dist/svg/icon/program-badge-ebay-plus-24-fit.svg +0 -1
  578. package/dist/svg/icon/program-badge-ebay-plus.svg +0 -19
  579. package/dist/svg/icon/program-badge-ebay-refurbished-16-fit.svg +0 -1
  580. package/dist/svg/icon/program-badge-ebay-refurbished-24-fit.svg +0 -1
  581. package/dist/svg/icon/program-badge-escrow-16-fit.svg +0 -1
  582. package/dist/svg/icon/program-badge-escrow-24-fit.svg +0 -1
  583. package/dist/svg/icon/program-badge-escrow.svg +0 -15
  584. package/dist/svg/icon/program-badge-free-warranty-16-fit.svg +0 -1
  585. package/dist/svg/icon/program-badge-free-warranty-24-fit.svg +0 -1
  586. package/dist/svg/icon/program-badge-free-warranty.svg +0 -10
  587. package/dist/svg/icon/program-badge-money-back-guarantee-chf.svg +0 -7
  588. package/dist/svg/icon/program-badge-money-back-guarantee-eu.svg +0 -7
  589. package/dist/svg/icon/program-badge-money-back-guarantee-uk.svg +0 -7
  590. package/dist/svg/icon/program-badge-money-back-guarantee-us.svg +0 -7
  591. package/dist/svg/icon/program-badge-money-back-guarantee-zl.svg +0 -5
  592. package/dist/svg/icon/program-badge-the-ebay-vault-16-fit.svg +0 -1
  593. package/dist/svg/icon/program-badge-the-ebay-vault-24-fit.svg +0 -1
  594. package/dist/svg/icon/program-badge-top-rated-seller-16-fit.svg +0 -1
  595. package/dist/svg/icon/program-badge-top-rated-seller-24-fit.svg +0 -1
  596. package/dist/svg/icon/program-badge-top-rated-seller.svg +0 -11
  597. package/dist/svg/icon/program-badge-vault.svg +0 -7
  598. package/dist/svg/icon/program-badge-verified-condition-16-fit.svg +0 -1
  599. package/dist/svg/icon/program-badge-verified-condition-24-fit.svg +0 -1
  600. package/dist/svg/program-badges.svg +0 -113
  601. package/program-badge.browser.json +0 -1
  602. package/program-badge.css +0 -1
  603. package/program-badge.js +0 -1
  604. package/program-badge.mjs +0 -1
  605. package/src/less/mixins/private/program-badge-mixins.less +0 -15
  606. package/src/less/program-badge/program-badge.less +0 -14
  607. package/src/svg/icon/icon-add-small.svg +0 -5
  608. package/src/svg/icon/icon-add.svg +0 -5
  609. package/src/svg/icon/icon-archive-small.svg +0 -7
  610. package/src/svg/icon/icon-archive.svg +0 -8
  611. package/src/svg/icon/icon-arrow-left-medium.svg +0 -5
  612. package/src/svg/icon/icon-arrow-left-small.svg +0 -5
  613. package/src/svg/icon/icon-arrow-left.svg +0 -5
  614. package/src/svg/icon/icon-arrow-move-small.svg +0 -5
  615. package/src/svg/icon/icon-arrow-move.svg +0 -5
  616. package/src/svg/icon/icon-arrow-right-bold.svg +0 -5
  617. package/src/svg/icon/icon-arrow-right-extra-small.svg +0 -5
  618. package/src/svg/icon/icon-arrow-right-group-titles.svg +0 -5
  619. package/src/svg/icon/icon-arrow-right-small.svg +0 -5
  620. package/src/svg/icon/icon-arrow-right.svg +0 -5
  621. package/src/svg/icon/icon-attention-filled-small.svg +0 -5
  622. package/src/svg/icon/icon-attention-filled.svg +0 -6
  623. package/src/svg/icon/icon-attention-small.svg +0 -5
  624. package/src/svg/icon/icon-attention.svg +0 -5
  625. package/src/svg/icon/icon-avatar-dark.svg +0 -18
  626. package/src/svg/icon/icon-avatar-filled.svg +0 -8
  627. package/src/svg/icon/icon-avatar-light.svg +0 -16
  628. package/src/svg/icon/icon-avatar.svg +0 -5
  629. package/src/svg/icon/icon-back.svg +0 -5
  630. package/src/svg/icon/icon-bag.svg +0 -5
  631. package/src/svg/icon/icon-bank-large.svg +0 -5
  632. package/src/svg/icon/icon-bank.svg +0 -5
  633. package/src/svg/icon/icon-bids-large.svg +0 -10
  634. package/src/svg/icon/icon-bids.svg +0 -5
  635. package/src/svg/icon/icon-breadcrumb.svg +0 -5
  636. package/src/svg/icon/icon-calendar-large.svg +0 -6
  637. package/src/svg/icon/icon-calendar-small.svg +0 -5
  638. package/src/svg/icon/icon-calendar.svg +0 -6
  639. package/src/svg/icon/icon-camera-small.svg +0 -5
  640. package/src/svg/icon/icon-camera.svg +0 -5
  641. package/src/svg/icon/icon-carousel-next.svg +0 -5
  642. package/src/svg/icon/icon-carousel-prev.svg +0 -5
  643. package/src/svg/icon/icon-cart-large.svg +0 -10
  644. package/src/svg/icon/icon-cart-small.svg +0 -10
  645. package/src/svg/icon/icon-cart.svg +0 -10
  646. package/src/svg/icon/icon-categories.svg +0 -5
  647. package/src/svg/icon/icon-certified-recycle-small.svg +0 -5
  648. package/src/svg/icon/icon-certified-recycle.svg +0 -10
  649. package/src/svg/icon/icon-chat-large.svg +0 -5
  650. package/src/svg/icon/icon-checkbox-checked-large.svg +0 -7
  651. package/src/svg/icon/icon-checkbox-checked.svg +0 -5
  652. package/src/svg/icon/icon-checkbox-mixed-large.svg +0 -11
  653. package/src/svg/icon/icon-checkbox-mixed.svg +0 -10
  654. package/src/svg/icon/icon-checkbox-square-checked-large.svg +0 -6
  655. package/src/svg/icon/icon-checkbox-square-checked.svg +0 -5
  656. package/src/svg/icon/icon-checkbox-square-unchecked-large.svg +0 -3
  657. package/src/svg/icon/icon-checkbox-square-unchecked.svg +0 -3
  658. package/src/svg/icon/icon-checkbox-unchecked-large.svg +0 -5
  659. package/src/svg/icon/icon-checkbox-unchecked.svg +0 -5
  660. package/src/svg/icon/icon-chevron-down-bold.svg +0 -5
  661. package/src/svg/icon/icon-chevron-down-extra-small.svg +0 -5
  662. package/src/svg/icon/icon-chevron-down-small.svg +0 -5
  663. package/src/svg/icon/icon-chevron-down.svg +0 -5
  664. package/src/svg/icon/icon-chevron-left-extra-small.svg +0 -5
  665. package/src/svg/icon/icon-chevron-left-small.svg +0 -5
  666. package/src/svg/icon/icon-chevron-left.svg +0 -5
  667. package/src/svg/icon/icon-chevron-right-extra-small.svg +0 -5
  668. package/src/svg/icon/icon-chevron-right-small.svg +0 -5
  669. package/src/svg/icon/icon-chevron-right.svg +0 -5
  670. package/src/svg/icon/icon-chevron-up-bold.svg +0 -5
  671. package/src/svg/icon/icon-chevron-up-extra-small.svg +0 -5
  672. package/src/svg/icon/icon-chevron-up-small.svg +0 -5
  673. package/src/svg/icon/icon-chevron-up.svg +0 -5
  674. package/src/svg/icon/icon-circle.svg +0 -5
  675. package/src/svg/icon/icon-clear-small.svg +0 -5
  676. package/src/svg/icon/icon-clear.svg +0 -6
  677. package/src/svg/icon/icon-clock-small.svg +0 -5
  678. package/src/svg/icon/icon-clock.svg +0 -6
  679. package/src/svg/icon/icon-close-small.svg +0 -5
  680. package/src/svg/icon/icon-close.svg +0 -5
  681. package/src/svg/icon/icon-confirmation-filled-small.svg +0 -5
  682. package/src/svg/icon/icon-confirmation-filled.svg +0 -5
  683. package/src/svg/icon/icon-confirmation-small.svg +0 -5
  684. package/src/svg/icon/icon-confirmation.svg +0 -5
  685. package/src/svg/icon/icon-credit-card-large.svg +0 -6
  686. package/src/svg/icon/icon-credit-card-small.svg +0 -6
  687. package/src/svg/icon/icon-credit-card.svg +0 -6
  688. package/src/svg/icon/icon-cta.svg +0 -5
  689. package/src/svg/icon/icon-customize-small.svg +0 -7
  690. package/src/svg/icon/icon-customize.svg +0 -7
  691. package/src/svg/icon/icon-deals.svg +0 -5
  692. package/src/svg/icon/icon-delete-small.svg +0 -7
  693. package/src/svg/icon/icon-delete.svg +0 -6
  694. package/src/svg/icon/icon-download-small.svg +0 -10
  695. package/src/svg/icon/icon-download.svg +0 -5
  696. package/src/svg/icon/icon-dropdown.svg +0 -5
  697. package/src/svg/icon/icon-edit-small.svg +0 -5
  698. package/src/svg/icon/icon-edit.svg +0 -6
  699. package/src/svg/icon/icon-envelope.svg +0 -5
  700. package/src/svg/icon/icon-event-large.svg +0 -6
  701. package/src/svg/icon/icon-event.svg +0 -6
  702. package/src/svg/icon/icon-fast-n-free-small.svg +0 -5
  703. package/src/svg/icon/icon-fast-n-free.svg +0 -5
  704. package/src/svg/icon/icon-filter-gallery-small.svg +0 -6
  705. package/src/svg/icon/icon-filter-gallery.svg +0 -6
  706. package/src/svg/icon/icon-filter-list-small.svg +0 -6
  707. package/src/svg/icon/icon-filter-list.svg +0 -6
  708. package/src/svg/icon/icon-filter-single-selected.svg +0 -6
  709. package/src/svg/icon/icon-filter-single-small.svg +0 -6
  710. package/src/svg/icon/icon-filter-single.svg +0 -6
  711. package/src/svg/icon/icon-filter-small.svg +0 -7
  712. package/src/svg/icon/icon-filter.svg +0 -5
  713. package/src/svg/icon/icon-fingerprint-large.svg +0 -5
  714. package/src/svg/icon/icon-flag-small.svg +0 -7
  715. package/src/svg/icon/icon-flag.svg +0 -5
  716. package/src/svg/icon/icon-folder-small.svg +0 -7
  717. package/src/svg/icon/icon-folder.svg +0 -7
  718. package/src/svg/icon/icon-following-small.svg +0 -5
  719. package/src/svg/icon/icon-following.svg +0 -6
  720. package/src/svg/icon/icon-gift-large.svg +0 -6
  721. package/src/svg/icon/icon-gift-small.svg +0 -7
  722. package/src/svg/icon/icon-gift.svg +0 -6
  723. package/src/svg/icon/icon-help-small.svg +0 -6
  724. package/src/svg/icon/icon-help.svg +0 -8
  725. package/src/svg/icon/icon-hide-secret-small.svg +0 -13
  726. package/src/svg/icon/icon-hide-secret.svg +0 -11
  727. package/src/svg/icon/icon-history.svg +0 -8
  728. package/src/svg/icon/icon-home.svg +0 -5
  729. package/src/svg/icon/icon-inbox-small.svg +0 -7
  730. package/src/svg/icon/icon-inbox.svg +0 -7
  731. package/src/svg/icon/icon-information-filled-small.svg +0 -5
  732. package/src/svg/icon/icon-information-filled.svg +0 -5
  733. package/src/svg/icon/icon-information-small.svg +0 -5
  734. package/src/svg/icon/icon-information.svg +0 -5
  735. package/src/svg/icon/icon-key.svg +0 -5
  736. package/src/svg/icon/icon-large-box.svg +0 -5
  737. package/src/svg/icon/icon-large-case.svg +0 -5
  738. package/src/svg/icon/icon-lightbulb-small.svg +0 -7
  739. package/src/svg/icon/icon-lightbulb.svg +0 -7
  740. package/src/svg/icon/icon-live-eye-small.svg +0 -6
  741. package/src/svg/icon/icon-live-eye.svg +0 -10
  742. package/src/svg/icon/icon-location-large.svg +0 -5
  743. package/src/svg/icon/icon-location.svg +0 -5
  744. package/src/svg/icon/icon-locked-small.svg +0 -6
  745. package/src/svg/icon/icon-locked.svg +0 -6
  746. package/src/svg/icon/icon-mail-move-small.svg +0 -10
  747. package/src/svg/icon/icon-mail-move.svg +0 -10
  748. package/src/svg/icon/icon-mail-open-small.svg +0 -7
  749. package/src/svg/icon/icon-mail-open.svg +0 -7
  750. package/src/svg/icon/icon-mail-unread-small.svg +0 -10
  751. package/src/svg/icon/icon-mail-unread.svg +0 -8
  752. package/src/svg/icon/icon-medium-box.svg +0 -5
  753. package/src/svg/icon/icon-menu.svg +0 -5
  754. package/src/svg/icon/icon-messages-large.svg +0 -7
  755. package/src/svg/icon/icon-messages-small.svg +0 -7
  756. package/src/svg/icon/icon-messages.svg +0 -7
  757. package/src/svg/icon/icon-mic-small.svg +0 -5
  758. package/src/svg/icon/icon-mic.svg +0 -5
  759. package/src/svg/icon/icon-mobile-signal.svg +0 -6
  760. package/src/svg/icon/icon-mobile.svg +0 -6
  761. package/src/svg/icon/icon-money-back-guarantee-us-small.svg +0 -5
  762. package/src/svg/icon/icon-money-back-guarantee-us.svg +0 -5
  763. package/src/svg/icon/icon-notification.svg +0 -5
  764. package/src/svg/icon/icon-overflow-small.svg +0 -5
  765. package/src/svg/icon/icon-overflow.svg +0 -5
  766. package/src/svg/icon/icon-package.svg +0 -6
  767. package/src/svg/icon/icon-pagination-next.svg +0 -5
  768. package/src/svg/icon/icon-pagination-prev.svg +0 -5
  769. package/src/svg/icon/icon-pause-filled-large.svg +0 -6
  770. package/src/svg/icon/icon-pause-filled.svg +0 -6
  771. package/src/svg/icon/icon-pause-large.svg +0 -6
  772. package/src/svg/icon/icon-pause-small.svg +0 -6
  773. package/src/svg/icon/icon-pause.svg +0 -6
  774. package/src/svg/icon/icon-photo-brightness.svg +0 -6
  775. package/src/svg/icon/icon-photo-contrast.svg +0 -6
  776. package/src/svg/icon/icon-photo-crop.svg +0 -6
  777. package/src/svg/icon/icon-photo-flash.svg +0 -6
  778. package/src/svg/icon/icon-photo-flip-camera.svg +0 -6
  779. package/src/svg/icon/icon-photo-gallery-more.svg +0 -13
  780. package/src/svg/icon/icon-photo-gallery-small.svg +0 -11
  781. package/src/svg/icon/icon-photo-gallery.svg +0 -11
  782. package/src/svg/icon/icon-photo-image-small.svg +0 -8
  783. package/src/svg/icon/icon-photo-image.svg +0 -8
  784. package/src/svg/icon/icon-photo-rotate.svg +0 -6
  785. package/src/svg/icon/icon-photo-select-all.svg +0 -5
  786. package/src/svg/icon/icon-photo-select-none.svg +0 -5
  787. package/src/svg/icon/icon-photo-sharpen.svg +0 -6
  788. package/src/svg/icon/icon-play-filled-large.svg +0 -6
  789. package/src/svg/icon/icon-play-filled.svg +0 -6
  790. package/src/svg/icon/icon-play-large.svg +0 -5
  791. package/src/svg/icon/icon-play-small.svg +0 -5
  792. package/src/svg/icon/icon-play.svg +0 -5
  793. package/src/svg/icon/icon-print.svg +0 -6
  794. package/src/svg/icon/icon-profile.svg +0 -5
  795. package/src/svg/icon/icon-purchases-large.svg +0 -5
  796. package/src/svg/icon/icon-purchases.svg +0 -5
  797. package/src/svg/icon/icon-radio-checked.svg +0 -5
  798. package/src/svg/icon/icon-radio-unchecked.svg +0 -3
  799. package/src/svg/icon/icon-red-laser-small.svg +0 -5
  800. package/src/svg/icon/icon-red-laser.svg +0 -5
  801. package/src/svg/icon/icon-refresh.svg +0 -5
  802. package/src/svg/icon/icon-remove.svg +0 -3
  803. package/src/svg/icon/icon-reply-small.svg +0 -5
  804. package/src/svg/icon/icon-reply.svg +0 -5
  805. package/src/svg/icon/icon-report-flag-small.svg +0 -6
  806. package/src/svg/icon/icon-report-flag.svg +0 -6
  807. package/src/svg/icon/icon-return-small.svg +0 -5
  808. package/src/svg/icon/icon-return.svg +0 -5
  809. package/src/svg/icon/icon-save-bold.svg +0 -6
  810. package/src/svg/icon/icon-save-selected-small.svg +0 -5
  811. package/src/svg/icon/icon-save-selected.svg +0 -5
  812. package/src/svg/icon/icon-save-small.svg +0 -7
  813. package/src/svg/icon/icon-save.svg +0 -7
  814. package/src/svg/icon/icon-scan-small.svg +0 -7
  815. package/src/svg/icon/icon-scan.svg +0 -7
  816. package/src/svg/icon/icon-search-active.svg +0 -7
  817. package/src/svg/icon/icon-search-bold.svg +0 -5
  818. package/src/svg/icon/icon-search-large.svg +0 -5
  819. package/src/svg/icon/icon-search-small.svg +0 -5
  820. package/src/svg/icon/icon-search.svg +0 -5
  821. package/src/svg/icon/icon-security-key.svg +0 -6
  822. package/src/svg/icon/icon-selling-medium.svg +0 -8
  823. package/src/svg/icon/icon-selling.svg +0 -5
  824. package/src/svg/icon/icon-send.svg +0 -5
  825. package/src/svg/icon/icon-settings-small.svg +0 -12
  826. package/src/svg/icon/icon-settings.svg +0 -6
  827. package/src/svg/icon/icon-share-small.svg +0 -8
  828. package/src/svg/icon/icon-share.svg +0 -8
  829. package/src/svg/icon/icon-shoe-box.svg +0 -5
  830. package/src/svg/icon/icon-show-secret-small.svg +0 -10
  831. package/src/svg/icon/icon-show-secret.svg +0 -12
  832. package/src/svg/icon/icon-small-box.svg +0 -5
  833. package/src/svg/icon/icon-small-case.svg +0 -5
  834. package/src/svg/icon/icon-small-letter.svg +0 -7
  835. package/src/svg/icon/icon-social-discord.svg +0 -5
  836. package/src/svg/icon/icon-social-facebook.svg +0 -5
  837. package/src/svg/icon/icon-social-instagram.svg +0 -8
  838. package/src/svg/icon/icon-social-link.svg +0 -13
  839. package/src/svg/icon/icon-social-linkedin.svg +0 -5
  840. package/src/svg/icon/icon-social-messenger.svg +0 -7
  841. package/src/svg/icon/icon-social-pinterest.svg +0 -15
  842. package/src/svg/icon/icon-social-reddit.svg +0 -7
  843. package/src/svg/icon/icon-social-twitter.svg +0 -5
  844. package/src/svg/icon/icon-social-whatsapp.svg +0 -7
  845. package/src/svg/icon/icon-sort-down-small.svg +0 -5
  846. package/src/svg/icon/icon-sort-small.svg +0 -5
  847. package/src/svg/icon/icon-sort-up-small.svg +0 -5
  848. package/src/svg/icon/icon-star-empty-large.svg +0 -1
  849. package/src/svg/icon/icon-star-empty-small.svg +0 -1
  850. package/src/svg/icon/icon-star-filled-large.svg +0 -1
  851. package/src/svg/icon/icon-star-filled-small.svg +0 -1
  852. package/src/svg/icon/icon-star-full-small.svg +0 -5
  853. package/src/svg/icon/icon-star-half-large.svg +0 -1
  854. package/src/svg/icon/icon-star-half-small.svg +0 -1
  855. package/src/svg/icon/icon-star-undefined-small.svg +0 -5
  856. package/src/svg/icon/icon-star-undefined.svg +0 -5
  857. package/src/svg/icon/icon-stepper-attention.svg +0 -6
  858. package/src/svg/icon/icon-stepper-confirmation.svg +0 -6
  859. package/src/svg/icon/icon-stepper-current.svg +0 -8
  860. package/src/svg/icon/icon-stepper-upcoming.svg +0 -5
  861. package/src/svg/icon/icon-store-large.svg +0 -6
  862. package/src/svg/icon/icon-store.svg +0 -6
  863. package/src/svg/icon/icon-suitcase.svg +0 -5
  864. package/src/svg/icon/icon-support.svg +0 -5
  865. package/src/svg/icon/icon-tablet-condensed-grid-filled.svg +0 -6
  866. package/src/svg/icon/icon-tablet-condensed-grid.svg +0 -6
  867. package/src/svg/icon/icon-tablet-relaxed-grid-filled.svg +0 -6
  868. package/src/svg/icon/icon-tablet-relaxed-grid.svg +0 -6
  869. package/src/svg/icon/icon-tablet-vertical-split-filled.svg +0 -6
  870. package/src/svg/icon/icon-tablet-vertical-split.svg +0 -6
  871. package/src/svg/icon/icon-text-messaging-large.svg +0 -6
  872. package/src/svg/icon/icon-thumbs-down-selected-small.svg +0 -5
  873. package/src/svg/icon/icon-thumbs-down-selected.svg +0 -5
  874. package/src/svg/icon/icon-thumbs-down-small.svg +0 -7
  875. package/src/svg/icon/icon-thumbs-down.svg +0 -7
  876. package/src/svg/icon/icon-thumbs-up-selected-small.svg +0 -5
  877. package/src/svg/icon/icon-thumbs-up-selected.svg +0 -5
  878. package/src/svg/icon/icon-thumbs-up-small.svg +0 -7
  879. package/src/svg/icon/icon-thumbs-up.svg +0 -7
  880. package/src/svg/icon/icon-tick-small.svg +0 -6
  881. package/src/svg/icon/icon-tick.svg +0 -5
  882. package/src/svg/icon/icon-top-seller.svg +0 -5
  883. package/src/svg/icon/icon-truck-small.svg +0 -5
  884. package/src/svg/icon/icon-truck.svg +0 -5
  885. package/src/svg/icon/icon-undo.svg +0 -5
  886. package/src/svg/icon/icon-unlocked-small.svg +0 -6
  887. package/src/svg/icon/icon-unlocked.svg +0 -6
  888. package/src/svg/icon/icon-user-profile.svg +0 -7
  889. package/src/svg/icon/icon-vault-small.svg +0 -12
  890. package/src/svg/icon/icon-vault.svg +0 -12
  891. package/src/svg/icon/icon-video-pause.svg +0 -11
  892. package/src/svg/icon/icon-video-play.svg +0 -11
  893. package/src/svg/icon/icon-visa-large.svg +0 -17
  894. package/src/svg/icon/icon-visa-small.svg +0 -17
  895. package/src/svg/icon/icon-visa-xsmall.svg +0 -17
  896. package/src/svg/icon/icon-visa.svg +0 -17
  897. package/src/svg/icon/icon-watch-large.svg +0 -6
  898. package/src/svg/icon/icon-watch.svg +0 -6
  899. package/src/svg/icon/icon-window.svg +0 -5
  900. package/src/svg/icon/icon-zoom-in.svg +0 -7
  901. package/src/svg/icon/icon-zoom-out.svg +0 -7
  902. package/src/svg/icon/program-badge-authenticity-guaranteed.svg +0 -5
  903. package/src/svg/icon/program-badge-click-to-call.svg +0 -10
  904. package/src/svg/icon/program-badge-ebay-plus.svg +0 -19
  905. package/src/svg/icon/program-badge-escrow.svg +0 -15
  906. package/src/svg/icon/program-badge-free-warranty.svg +0 -10
  907. package/src/svg/icon/program-badge-money-back-guarantee-chf.svg +0 -7
  908. package/src/svg/icon/program-badge-money-back-guarantee-eu.svg +0 -7
  909. package/src/svg/icon/program-badge-money-back-guarantee-uk.svg +0 -7
  910. package/src/svg/icon/program-badge-money-back-guarantee-us.svg +0 -7
  911. package/src/svg/icon/program-badge-money-back-guarantee-zl.svg +0 -5
  912. package/src/svg/icon/program-badge-top-rated-seller.svg +0 -11
  913. package/src/svg/icon/program-badge-vault.svg +0 -7
  914. package/src/svg/program-badges.svg +0 -113
  915. /package/dist/svg/icon/{icon-priority-16.svg → icon-attention-16.svg} +0 -0
  916. /package/dist/svg/icon/{icon-priority-24.svg → icon-attention-24.svg} +0 -0
  917. /package/dist/svg/icon/{icon-priority-64.svg → icon-attention-64.svg} +0 -0
  918. /package/dist/svg/icon/{icon-priority-filled-16.svg → icon-attention-filled-16.svg} +0 -0
  919. /package/dist/svg/icon/{icon-priority-filled-24.svg → icon-attention-filled-24.svg} +0 -0
  920. /package/dist/svg/icon/{program-badge-authenticity-guarantee-16-fit.svg → icon-authenticity-guarantee-16-fit.svg} +0 -0
  921. /package/dist/svg/icon/{icon-overflow-ios-16.svg → icon-overflow-horizontal-16.svg} +0 -0
  922. /package/dist/svg/icon/{icon-overflow-ios-20.svg → icon-overflow-horizontal-20.svg} +0 -0
  923. /package/dist/svg/icon/{icon-overflow-ios-24.svg → icon-overflow-horizontal-24.svg} +0 -0
  924. /package/dist/svg/icon/{icon-overflow-android-16.svg → icon-overflow-vertical-16.svg} +0 -0
  925. /package/dist/svg/icon/{icon-overflow-android-20.svg → icon-overflow-vertical-20.svg} +0 -0
  926. /package/dist/svg/icon/{icon-overflow-android-24.svg → icon-overflow-vertical-24.svg} +0 -0
  927. /package/dist/svg/icon/{icon-current-24.svg → icon-progress-current-24.svg} +0 -0
  928. /package/dist/svg/icon/{icon-upcoming-24.svg → icon-progress-upcoming-24.svg} +0 -0
  929. /package/dist/svg/icon/{icon-spinner-small.svg → icon-spinner-20.svg} +0 -0
  930. /package/dist/svg/icon/{icon-spinner.svg → icon-spinner-24.svg} +0 -0
  931. /package/dist/svg/icon/{icon-spinner-large.svg → icon-spinner-30.svg} +0 -0
  932. /package/src/svg/icon/{icon-priority-16.svg → icon-attention-16.svg} +0 -0
  933. /package/src/svg/icon/{icon-priority-24.svg → icon-attention-24.svg} +0 -0
  934. /package/src/svg/icon/{icon-priority-64.svg → icon-attention-64.svg} +0 -0
  935. /package/src/svg/icon/{icon-priority-filled-16.svg → icon-attention-filled-16.svg} +0 -0
  936. /package/src/svg/icon/{icon-priority-filled-24.svg → icon-attention-filled-24.svg} +0 -0
  937. /package/src/svg/icon/{program-badge-authenticity-guarantee-16-fit.svg → icon-authenticity-guarantee-16-fit.svg} +0 -0
  938. /package/src/svg/icon/{icon-overflow-ios-16.svg → icon-overflow-horizontal-16.svg} +0 -0
  939. /package/src/svg/icon/{icon-overflow-ios-20.svg → icon-overflow-horizontal-20.svg} +0 -0
  940. /package/src/svg/icon/{icon-overflow-ios-24.svg → icon-overflow-horizontal-24.svg} +0 -0
  941. /package/src/svg/icon/{icon-overflow-android-16.svg → icon-overflow-vertical-16.svg} +0 -0
  942. /package/src/svg/icon/{icon-overflow-android-20.svg → icon-overflow-vertical-20.svg} +0 -0
  943. /package/src/svg/icon/{icon-overflow-android-24.svg → icon-overflow-vertical-24.svg} +0 -0
  944. /package/src/svg/icon/{icon-current-24.svg → icon-progress-current-24.svg} +0 -0
  945. /package/src/svg/icon/{icon-upcoming-24.svg → icon-progress-upcoming-24.svg} +0 -0
  946. /package/src/svg/icon/{icon-spinner-small.svg → icon-spinner-20.svg} +0 -0
  947. /package/src/svg/icon/{icon-spinner.svg → icon-spinner-24.svg} +0 -0
  948. /package/src/svg/icon/{icon-spinner-large.svg → icon-spinner-30.svg} +0 -0
package/src/less/listbox/stories/listbox.stories.js CHANGED
@@ -5,20 +5,20 @@ export const unselected = () => `
5
5
  <div class="listbox__options" role="listbox" tabindex="0">
6
6
  <div class="listbox__option" role="option" aria-selected="false">
7
7
  <span class="listbox__value">Option 1</span>
8
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
9
- <use href="#icon-tick-small"></use>
8
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
9
+ <use href="#icon-tick-16"></use>
10
10
  </svg>
11
11
  </div>
12
12
  <div class="listbox__option" role="option" aria-selected="false">
13
13
  <span class="listbox__value">Option 2</span>
14
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
15
- <use href="#icon-tick-small"></use>
14
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
15
+ <use href="#icon-tick-16"></use>
16
16
  </svg>
17
17
  </div>
18
18
  <div class="listbox__option" role="option" aria-selected="false">
19
19
  <span class="listbox__value">Option 3</span>
20
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
21
- <use href="#icon-tick-small"></use>
20
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
21
+ <use href="#icon-tick-16"></use>
22
22
  </svg>
23
23
  </div>
24
24
  </div>
@@ -30,20 +30,20 @@ export const selected = () => `
30
30
  <div class="listbox__options" role="listbox" tabindex="0">
31
31
  <div class="listbox__option" role="option" aria-selected="true">
32
32
  <span class="listbox__value">Option 1</span>
33
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
34
- <use href="#icon-tick-small"></use>
33
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
34
+ <use href="#icon-tick-16"></use>
35
35
  </svg>
36
36
  </div>
37
37
  <div class="listbox__option" role="option" aria-selected="false">
38
38
  <span class="listbox__value">Option 2</span>
39
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
40
- <use href="#icon-tick-small"></use>
39
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
40
+ <use href="#icon-tick-16"></use>
41
41
  </svg>
42
42
  </div>
43
43
  <div class="listbox__option" role="option" aria-selected="false">
44
44
  <span class="listbox__value">Option 3</span>
45
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
46
- <use href="#icon-tick-small"></use>
45
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
46
+ <use href="#icon-tick-16"></use>
47
47
  </svg>
48
48
  </div>
49
49
  </div>
@@ -55,20 +55,20 @@ export const multiSelected = () => `
55
55
  <div class="listbox__options" role="listbox" tabindex="0">
56
56
  <div class="listbox__option" role="option" aria-selected="true">
57
57
  <span class="listbox__value">Option 1</span>
58
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
59
- <use href="#icon-tick-small"></use>
58
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
59
+ <use href="#icon-tick-16"></use>
60
60
  </svg>
61
61
  </div>
62
62
  <div class="listbox__option" role="option" aria-selected="true">
63
63
  <span class="listbox__value">Option 2</span>
64
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
65
- <use href="#icon-tick-small"></use>
64
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
65
+ <use href="#icon-tick-16"></use>
66
66
  </svg>
67
67
  </div>
68
68
  <div class="listbox__option" role="option" aria-selected="true">
69
69
  <span class="listbox__value">Option 3</span>
70
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
71
- <use href="#icon-tick-small"></use>
70
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
71
+ <use href="#icon-tick-16"></use>
72
72
  </svg>
73
73
  </div>
74
74
  </div>
package/src/less/listbox-button/stories/base.stories.js CHANGED
@@ -6,8 +6,8 @@ export const collapsedUnselected = () => `
6
6
  <span class="btn__cell">
7
7
  <span class="btn__label">Color: </span>
8
8
  <span class="btn__text">-</span>
9
- <svg class="icon icon--dropdown" focusable="false" height="8" width="8" aria-hidden="true">
10
- <use href="#icon-dropdown"></use>
9
+ <svg class="icon icon--chevron-down-12" focusable="false" height="8" width="8" aria-hidden="true">
10
+ <use href="#icon-chevron-down-12"></use>
11
11
  </svg>
12
12
  </span>
13
13
  </button>
@@ -15,26 +15,26 @@ export const collapsedUnselected = () => `
15
15
  <div class="listbox-button__options" role="listbox">
16
16
  <div class="listbox-button__option" role="option">
17
17
  <span class="listbox-button__value">Red</span>
18
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
19
- <use href="#icon-tick-small"></use>
18
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
19
+ <use href="#icon-tick-16"></use>
20
20
  </svg>
21
21
  </div>
22
22
  <div class="listbox-button__option" role="option">
23
23
  <span class="listbox-button__value">Blue</span>
24
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
25
- <use href="#icon-tick-small"></use>
24
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
25
+ <use href="#icon-tick-16"></use>
26
26
  </svg>
27
27
  </div>
28
28
  <div class="listbox-button__option" role="option">
29
29
  <span class="listbox-button__value">Yellow</span>
30
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
31
- <use href="#icon-tick-small"></use>
30
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
31
+ <use href="#icon-tick-16"></use>
32
32
  </svg>
33
33
  </div>
34
34
  <div class="listbox-button__option" role="option">
35
35
  <span class="listbox-button__value">Green</span>
36
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
37
- <use href="#icon-tick-small"></use>
36
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
37
+ <use href="#icon-tick-16"></use>
38
38
  </svg>
39
39
  </div>
40
40
  </div>
@@ -48,8 +48,8 @@ export const expandedUnselected = () => `
48
48
  <span class="btn__cell">
49
49
  <span class="btn__label">Color: </span>
50
50
  <span class="btn__text">-</span>
51
- <svg class="icon icon--dropdown" focusable="false" height="8" width="8" aria-hidden="true">
52
- <use href="#icon-dropdown"></use>
51
+ <svg class="icon icon--chevron-down-12" focusable="false" height="8" width="8" aria-hidden="true">
52
+ <use href="#icon-chevron-down-12"></use>
53
53
  </svg>
54
54
  </span>
55
55
  </button>
@@ -57,26 +57,26 @@ export const expandedUnselected = () => `
57
57
  <div class="listbox-button__options" role="listbox">
58
58
  <div class="listbox-button__option" role="option">
59
59
  <span class="listbox-button__value">Red</span>
60
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
61
- <use href="#icon-tick-small"></use>
60
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
61
+ <use href="#icon-tick-16"></use>
62
62
  </svg>
63
63
  </div>
64
64
  <div class="listbox-button__option" role="option">
65
65
  <span class="listbox-button__value">Blue</span>
66
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
67
- <use href="#icon-tick-small"></use>
66
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
67
+ <use href="#icon-tick-16"></use>
68
68
  </svg>
69
69
  </div>
70
70
  <div class="listbox-button__option" role="option">
71
71
  <span class="listbox-button__value">Yellow</span>
72
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
73
- <use href="#icon-tick-small"></use>
72
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
73
+ <use href="#icon-tick-16"></use>
74
74
  </svg>
75
75
  </div>
76
76
  <div class="listbox-button__option" role="option">
77
77
  <span class="listbox-button__value">Green</span>
78
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
79
- <use href="#icon-tick-small"></use>
78
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
79
+ <use href="#icon-tick-16"></use>
80
80
  </svg>
81
81
  </div>
82
82
  </div>
@@ -90,8 +90,8 @@ export const collapsedSelected = () => `
90
90
  <span class="btn__cell">
91
91
  <span class="btn__label">Color: </span>
92
92
  <span class="btn__text">Blue</span>
93
- <svg class="icon icon--dropdown" focusable="false" height="8" width="8" aria-hidden="true">
94
- <use href="#icon-dropdown"></use>
93
+ <svg class="icon icon--chevron-down-12" focusable="false" height="8" width="8" aria-hidden="true">
94
+ <use href="#icon-chevron-down-12"></use>
95
95
  </svg>
96
96
  </span>
97
97
  </button>
@@ -99,26 +99,26 @@ export const collapsedSelected = () => `
99
99
  <div class="listbox-button__options" role="listbox">
100
100
  <div class="listbox-button__option" role="option">
101
101
  <span class="listbox-button__value">Red</span>
102
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
103
- <use href="#icon-tick-small"></use>
102
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
103
+ <use href="#icon-tick-16"></use>
104
104
  </svg>
105
105
  </div>
106
106
  <div class="listbox-button__option" role="option" aria-selected="true">
107
107
  <span class="listbox-button__value">Blue</span>
108
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
109
- <use href="#icon-tick-small"></use>
108
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
109
+ <use href="#icon-tick-16"></use>
110
110
  </svg>
111
111
  </div>
112
112
  <div class="listbox-button__option" role="option">
113
113
  <span class="listbox-button__value">Yellow</span>
114
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
115
- <use href="#icon-tick-small"></use>
114
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
115
+ <use href="#icon-tick-16"></use>
116
116
  </svg>
117
117
  </div>
118
118
  <div class="listbox-button__option" role="option">
119
119
  <span class="listbox-button__value">Green</span>
120
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
121
- <use href="#icon-tick-small"></use>
120
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
121
+ <use href="#icon-tick-16"></use>
122
122
  </svg>
123
123
  </div>
124
124
  </div>
@@ -132,8 +132,8 @@ export const expandedSelected = () => `
132
132
  <span class="btn__cell">
133
133
  <span class="btn__label">Color: </span>
134
134
  <span class="btn__text">Blue</span>
135
- <svg class="icon icon--dropdown" focusable="false" height="8" width="8" aria-hidden="true">
136
- <use href="#icon-dropdown"></use>
135
+ <svg class="icon icon--chevron-down-12" focusable="false" height="8" width="8" aria-hidden="true">
136
+ <use href="#icon-chevron-down-12"></use>
137
137
  </svg>
138
138
  </span>
139
139
  </button>
@@ -141,26 +141,26 @@ export const expandedSelected = () => `
141
141
  <div class="listbox-button__options" role="listbox">
142
142
  <div class="listbox-button__option" role="option">
143
143
  <span class="listbox-button__value">Red</span>
144
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
145
- <use href="#icon-tick-small"></use>
144
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
145
+ <use href="#icon-tick-16"></use>
146
146
  </svg>
147
147
  </div>
148
148
  <div class="listbox-button__option" role="option" aria-selected="true">
149
149
  <span class="listbox-button__value">Blue</span>
150
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
151
- <use href="#icon-tick-small"></use>
150
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
151
+ <use href="#icon-tick-16"></use>
152
152
  </svg>
153
153
  </div>
154
154
  <div class="listbox-button__option" role="option">
155
155
  <span class="listbox-button__value">Yellow</span>
156
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
157
- <use href="#icon-tick-small"></use>
156
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
157
+ <use href="#icon-tick-16"></use>
158
158
  </svg>
159
159
  </div>
160
160
  <div class="listbox-button__option" role="option">
161
161
  <span class="listbox-button__value">Green</span>
162
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
163
- <use href="#icon-tick-small"></use>
162
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
163
+ <use href="#icon-tick-16"></use>
164
164
  </svg>
165
165
  </div>
166
166
  </div>
@@ -174,8 +174,8 @@ export const disabled = () => `
174
174
  <span class="btn__cell">
175
175
  <span class="btn__label">Color: </span>
176
176
  <span class="btn__text">Blue</span>
177
- <svg class="icon icon--dropdown" focusable="false" height="8" width="8" aria-hidden="true">
178
- <use href="#icon-dropdown"></use>
177
+ <svg class="icon icon--chevron-down-12" focusable="false" height="8" width="8" aria-hidden="true">
178
+ <use href="#icon-chevron-down-12"></use>
179
179
  </svg>
180
180
  </span>
181
181
  </button>
@@ -183,26 +183,26 @@ export const disabled = () => `
183
183
  <div class="listbox-button__options" role="listbox">
184
184
  <div class="listbox-button__option" role="option">
185
185
  <span class="listbox-button__value">Red</span>
186
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
187
- <use href="#icon-tick-small"></use>
186
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
187
+ <use href="#icon-tick-16"></use>
188
188
  </svg>
189
189
  </div>
190
190
  <div class="listbox-button__option" role="option">
191
191
  <span class="listbox-button__value">Blue</span>
192
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
193
- <use href="#icon-tick-small"></use>
192
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
193
+ <use href="#icon-tick-16"></use>
194
194
  </svg>
195
195
  </div>
196
196
  <div class="listbox-button__option" role="option">
197
197
  <span class="listbox-button__value">Yellow</span>
198
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
199
- <use href="#icon-tick-small"></use>
198
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
199
+ <use href="#icon-tick-16"></use>
200
200
  </svg>
201
201
  </div>
202
202
  <div class="listbox-button__option" role="option">
203
203
  <span class="listbox-button__value">Green</span>
204
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
205
- <use href="#icon-tick-small"></use>
204
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
205
+ <use href="#icon-tick-16"></use>
206
206
  </svg>
207
207
  </div>
208
208
  </div>
@@ -216,8 +216,8 @@ export const invalid = () => `
216
216
  <span class="btn__cell">
217
217
  <span class="btn__label">Color: </span>
218
218
  <span class="btn__text">Blue</span>
219
- <svg class="icon icon--dropdown" focusable="false" height="8" width="8" aria-hidden="true">
220
- <use href="#icon-dropdown"></use>
219
+ <svg class="icon icon--chevron-down-12" focusable="false" height="8" width="8" aria-hidden="true">
220
+ <use href="#icon-chevron-down-12"></use>
221
221
  </svg>
222
222
  </span>
223
223
  </button>
@@ -225,26 +225,26 @@ export const invalid = () => `
225
225
  <div class="listbox-button__options" role="listbox">
226
226
  <div class="listbox-button__option" role="option">
227
227
  <span class="listbox-button__value">Red</span>
228
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
229
- <use href="#icon-tick-small"></use>
228
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
229
+ <use href="#icon-tick-16"></use>
230
230
  </svg>
231
231
  </div>
232
232
  <div class="listbox-button__option" role="option">
233
233
  <span class="listbox-button__value">Blue</span>
234
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
235
- <use href="#icon-tick-small"></use>
234
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
235
+ <use href="#icon-tick-16"></use>
236
236
  </svg>
237
237
  </div>
238
238
  <div class="listbox-button__option" role="option">
239
239
  <span class="listbox-button__value">Yellow</span>
240
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
241
- <use href="#icon-tick-small"></use>
240
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
241
+ <use href="#icon-tick-16"></use>
242
242
  </svg>
243
243
  </div>
244
244
  <div class="listbox-button__option" role="option">
245
245
  <span class="listbox-button__value">Green</span>
246
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
247
- <use href="#icon-tick-small"></use>
246
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
247
+ <use href="#icon-tick-16"></use>
248
248
  </svg>
249
249
  </div>
250
250
  </div>
@@ -258,8 +258,8 @@ export const longOption = () => `
258
258
  <span class="btn__cell">
259
259
  <span class="btn__label">Color: </span>
260
260
  <span class="btn__text">Red with very very very long text</span>
261
- <svg class="icon icon--dropdown" focusable="false" height="8" width="8" aria-hidden="true">
262
- <use href="#icon-dropdown"></use>
261
+ <svg class="icon icon--chevron-down-12" focusable="false" height="8" width="8" aria-hidden="true">
262
+ <use href="#icon-chevron-down-12"></use>
263
263
  </svg>
264
264
  </span>
265
265
  </button>
@@ -267,20 +267,20 @@ export const longOption = () => `
267
267
  <div class="listbox-button__options" role="listbox">
268
268
  <div class="listbox-button__option" role="option" aria-selected="true">
269
269
  <span class="listbox-button__value">Red with very very very long text</span>
270
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
271
- <use href="#icon-tick-small"></use>
270
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
271
+ <use href="#icon-tick-16"></use>
272
272
  </svg>
273
273
  </div>
274
274
  <div class="listbox-button__option" role="option">
275
275
  <span class="listbox-button__value">Blue</span>
276
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
277
- <use href="#icon-tick-small"></use>
276
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
277
+ <use href="#icon-tick-16"></use>
278
278
  </svg>
279
279
  </div>
280
280
  <div class="listbox-button__option" role="option">
281
281
  <span class="listbox-button__value">Yellow</span>
282
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
283
- <use href="#icon-tick-small"></use>
282
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
283
+ <use href="#icon-tick-16"></use>
284
284
  </svg>
285
285
  </div>
286
286
  </div>
package/src/less/listbox-button/stories/cascade.stories.js CHANGED
@@ -7,8 +7,8 @@ export const RTL = () => `
7
7
  <span class="btn__cell">
8
8
  <span class="btn__label">Color: </span>
9
9
  <span class="btn__text">Red</span>
10
- <svg class="icon icon--dropdown" focusable="false" height="8" width="8" aria-hidden="true">
11
- <use href="#icon-dropdown"></use>
10
+ <svg class="icon icon--chevron-down-12" focusable="false" height="8" width="8" aria-hidden="true">
11
+ <use href="#icon-chevron-down-12"></use>
12
12
  </svg>
13
13
  </span>
14
14
  </button>
@@ -16,26 +16,26 @@ export const RTL = () => `
16
16
  <div class="listbox-button__options" role="listbox">
17
17
  <div class="listbox-button__option" role="option" aria-selected="true">
18
18
  <span class="listbox-button__value">Red</span>
19
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
20
- <use href="#icon-tick-small"></use>
19
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
20
+ <use href="#icon-tick-16"></use>
21
21
  </svg>
22
22
  </div>
23
23
  <div class="listbox-button__option" role="option">
24
24
  <span class="listbox-button__value">Blue</span>
25
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
26
- <use href="#icon-tick-small"></use>
25
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
26
+ <use href="#icon-tick-16"></use>
27
27
  </svg>
28
28
  </div>
29
29
  <div class="listbox-button__option" role="option">
30
30
  <span class="listbox-button__value">Yellow</span>
31
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
32
- <use href="#icon-tick-small"></use>
31
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
32
+ <use href="#icon-tick-16"></use>
33
33
  </svg>
34
34
  </div>
35
35
  <div class="listbox-button__option" role="option">
36
36
  <span class="listbox-button__value">Green</span>
37
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
38
- <use href="#icon-tick-small"></use>
37
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
38
+ <use href="#icon-tick-16"></use>
39
39
  </svg>
40
40
  </div>
41
41
  </div>
@@ -51,8 +51,8 @@ export const color = () => `
51
51
  <span class="btn__cell">
52
52
  <span class="btn__label">Color: </span>
53
53
  <span class="btn__text">Red</span>
54
- <svg class="icon icon--dropdown" focusable="false" height="8" width="8" aria-hidden="true">
55
- <use href="#icon-dropdown"></use>
54
+ <svg class="icon icon--chevron-down-12" focusable="false" height="8" width="8" aria-hidden="true">
55
+ <use href="#icon-chevron-down-12"></use>
56
56
  </svg>
57
57
  </span>
58
58
  </button>
@@ -60,26 +60,26 @@ export const color = () => `
60
60
  <div class="listbox-button__options" role="listbox">
61
61
  <div class="listbox-button__option" role="option" aria-selected="true">
62
62
  <span class="listbox-button__value">Red</span>
63
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
64
- <use href="#icon-tick-small"></use>
63
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
64
+ <use href="#icon-tick-16"></use>
65
65
  </svg>
66
66
  </div>
67
67
  <div class="listbox-button__option" role="option">
68
68
  <span class="listbox-button__value">Blue</span>
69
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
70
- <use href="#icon-tick-small"></use>
69
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
70
+ <use href="#icon-tick-16"></use>
71
71
  </svg>
72
72
  </div>
73
73
  <div class="listbox-button__option" role="option">
74
74
  <span class="listbox-button__value">Yellow</span>
75
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
76
- <use href="#icon-tick-small"></use>
75
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
76
+ <use href="#icon-tick-16"></use>
77
77
  </svg>
78
78
  </div>
79
79
  <div class="listbox-button__option" role="option">
80
80
  <span class="listbox-button__value">Green</span>
81
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
82
- <use href="#icon-tick-small"></use>
81
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
82
+ <use href="#icon-tick-16"></use>
83
83
  </svg>
84
84
  </div>
85
85
  </div>
@@ -95,8 +95,8 @@ export const fontSize = () => `
95
95
  <span class="btn__cell">
96
96
  <span class="btn__label">Color: </span>
97
97
  <span class="btn__text">Red</span>
98
- <svg class="icon icon--dropdown" focusable="false" height="8" width="8" aria-hidden="true">
99
- <use href="#icon-dropdown"></use>
98
+ <svg class="icon icon--chevron-down-12" focusable="false" height="8" width="8" aria-hidden="true">
99
+ <use href="#icon-chevron-down-12"></use>
100
100
  </svg>
101
101
  </span>
102
102
  </button>
@@ -104,26 +104,26 @@ export const fontSize = () => `
104
104
  <div class="listbox-button__options" role="listbox">
105
105
  <div class="listbox-button__option" role="option" aria-selected="true">
106
106
  <span class="listbox-button__value">Red</span>
107
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
108
- <use href="#icon-tick-small"></use>
107
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
108
+ <use href="#icon-tick-16"></use>
109
109
  </svg>
110
110
  </div>
111
111
  <div class="listbox-button__option" role="option">
112
112
  <span class="listbox-button__value">Blue</span>
113
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
114
- <use href="#icon-tick-small"></use>
113
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
114
+ <use href="#icon-tick-16"></use>
115
115
  </svg>
116
116
  </div>
117
117
  <div class="listbox-button__option" role="option">
118
118
  <span class="listbox-button__value">Yellow</span>
119
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
120
- <use href="#icon-tick-small"></use>
119
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
120
+ <use href="#icon-tick-16"></use>
121
121
  </svg>
122
122
  </div>
123
123
  <div class="listbox-button__option" role="option">
124
124
  <span class="listbox-button__value">Green</span>
125
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
126
- <use href="#icon-tick-small"></use>
125
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
126
+ <use href="#icon-tick-16"></use>
127
127
  </svg>
128
128
  </div>
129
129
  </div>
package/src/less/listbox-button/stories/dimensions.stories.js CHANGED
@@ -6,8 +6,8 @@ export const fluid = () => `
6
6
  <span class="btn__cell">
7
7
  <span class="btn__label">Color: </span>
8
8
  <span class="btn__text">Red</span>
9
- <svg class="icon icon--dropdown" focusable="false" height="8" width="8" aria-hidden="true">
10
- <use href="#icon-dropdown"></use>
9
+ <svg class="icon icon--chevron-down-12" focusable="false" height="8" width="8" aria-hidden="true">
10
+ <use href="#icon-chevron-down-12"></use>
11
11
  </svg>
12
12
  </span>
13
13
  </button>
@@ -15,26 +15,26 @@ export const fluid = () => `
15
15
  <div class="listbox-button__options" role="listbox">
16
16
  <div class="listbox-button__option" role="option" aria-selected="true">
17
17
  <span class="listbox-button__value">Red</span>
18
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
19
- <use href="#icon-tick-small"></use>
18
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
19
+ <use href="#icon-tick-16"></use>
20
20
  </svg>
21
21
  </div>
22
22
  <div class="listbox-button__option" role="option">
23
23
  <span class="listbox-button__value">Blue</span>
24
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
25
- <use href="#icon-tick-small"></use>
24
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
25
+ <use href="#icon-tick-16"></use>
26
26
  </svg>
27
27
  </div>
28
28
  <div class="listbox-button__option" role="option">
29
29
  <span class="listbox-button__value">Yellow</span>
30
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
31
- <use href="#icon-tick-small"></use>
30
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
31
+ <use href="#icon-tick-16"></use>
32
32
  </svg>
33
33
  </div>
34
34
  <div class="listbox-button__option" role="option">
35
35
  <span class="listbox-button__value">Green</span>
36
- <svg class="icon icon--tick-small" focusable="false" height="8" width="8">
37
- <use href="#icon-tick-small"></use>
36
+ <svg class="icon icon--tick-16" focusable="false" height="8" width="8">
37
+ <use href="#icon-tick-16"></use>
38
38
  </svg>
39
39
  </div>
40
40
  </div>