@ebay/skin 15.5.1 → 16.0.0-1

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