@ebay/skin 17.5.0 → 18.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (469) hide show
  1. package/.github/workflows/pages-html-proofer.yml +1 -1
  2. package/.prettierignore +0 -1
  3. package/.storybook/main.js +4 -11
  4. package/.storybook/preview.js +1 -1
  5. package/.stylelintrc +16 -24
  6. package/CHANGELOG.md +40 -0
  7. package/CONTRIBUTING.md +1 -1
  8. package/bundles.browser.json +1 -0
  9. package/bundles.css +1 -0
  10. package/bundles.js +1 -0
  11. package/bundles.mjs +1 -0
  12. package/chart-legend.browser.json +1 -0
  13. package/chart-legend.css +1 -0
  14. package/chart-legend.js +1 -0
  15. package/chart-legend.mjs +1 -0
  16. package/dist/alert-dialog/alert-dialog.css +84 -72
  17. package/dist/alert-dialog/alert-dialog.css.map +1 -0
  18. package/dist/avatar/avatar.css +81 -62
  19. package/dist/avatar/avatar.css.map +1 -0
  20. package/dist/badge/badge.css +16 -11
  21. package/dist/badge/badge.css.map +1 -0
  22. package/dist/breadcrumbs/breadcrumbs.css +87 -59
  23. package/dist/breadcrumbs/breadcrumbs.css.map +1 -0
  24. package/dist/bundles/skin-default.css +10073 -0
  25. package/dist/bundles/skin-default.css.map +1 -0
  26. package/dist/bundles/skin-full.css +10257 -0
  27. package/dist/bundles/skin-full.css.map +1 -0
  28. package/dist/bundles/skin-headless.css +9685 -0
  29. package/dist/bundles/skin-headless.css.map +1 -0
  30. package/dist/button/button.css +590 -415
  31. package/dist/button/button.css.map +1 -0
  32. package/dist/calendar/calendar.css +148 -102
  33. package/dist/calendar/calendar.css.map +1 -0
  34. package/dist/carousel/carousel.css +233 -212
  35. package/dist/carousel/carousel.css.map +1 -0
  36. package/dist/chart-legend/chart-legend.css +77 -0
  37. package/dist/chart-legend/chart-legend.css.map +1 -0
  38. package/dist/checkbox/checkbox.css +77 -54
  39. package/dist/checkbox/checkbox.css.map +1 -0
  40. package/dist/chip/chip.css +41 -34
  41. package/dist/chip/chip.css.map +1 -0
  42. package/dist/chips-combobox/chips-combobox.css +77 -62
  43. package/dist/chips-combobox/chips-combobox.css.map +1 -0
  44. package/dist/combobox/combobox.css +246 -163
  45. package/dist/combobox/combobox.css.map +1 -0
  46. package/dist/confirm-dialog/confirm-dialog.css +86 -73
  47. package/dist/confirm-dialog/confirm-dialog.css.map +1 -0
  48. package/dist/cta-button/cta-button.css +96 -70
  49. package/dist/cta-button/cta-button.css.map +1 -0
  50. package/dist/date-textbox/date-textbox.css +24 -15
  51. package/dist/date-textbox/date-textbox.css.map +1 -0
  52. package/dist/details/details.css +34 -27
  53. package/dist/details/details.css.map +1 -0
  54. package/dist/donut-chart/donut-chart.css +91 -0
  55. package/dist/donut-chart/donut-chart.css.map +1 -0
  56. package/dist/drawer-dialog/drawer-dialog.css +133 -118
  57. package/dist/drawer-dialog/drawer-dialog.css.map +1 -0
  58. package/dist/education-notice/education-notice.css +62 -34
  59. package/dist/education-notice/education-notice.css.map +1 -0
  60. package/dist/eek/eek.css +97 -74
  61. package/dist/eek/eek.css.map +1 -0
  62. package/dist/field/field.css +87 -53
  63. package/dist/field/field.css.map +1 -0
  64. package/dist/filter-button/filter-button.css +115 -75
  65. package/dist/filter-button/filter-button.css.map +1 -0
  66. package/dist/filter-menu/filter-menu.css +176 -121
  67. package/dist/filter-menu/filter-menu.css.map +1 -0
  68. package/dist/filter-menu-button/filter-menu-button.css +307 -181
  69. package/dist/filter-menu-button/filter-menu-button.css.map +1 -0
  70. package/dist/flag/flag.css +528 -272
  71. package/dist/flag/flag.css.map +1 -0
  72. package/dist/floating-label/floating-label.css +100 -51
  73. package/dist/floating-label/floating-label.css.map +1 -0
  74. package/dist/fullscreen-dialog/fullscreen-dialog.css +112 -99
  75. package/dist/fullscreen-dialog/fullscreen-dialog.css.map +1 -0
  76. package/dist/global/global.css +32 -13
  77. package/dist/global/global.css.map +1 -0
  78. package/dist/icon/icon.css +56 -2943
  79. package/dist/icon/icon.css.map +1 -0
  80. package/dist/icon-button/icon-button.css +307 -212
  81. package/dist/icon-button/icon-button.css.map +1 -0
  82. package/dist/image-placeholder/image-placeholder.css +6 -4
  83. package/dist/image-placeholder/image-placeholder.css.map +1 -0
  84. package/dist/infotip/infotip.css +121 -92
  85. package/dist/infotip/infotip.css.map +1 -0
  86. package/dist/inline-notice/inline-notice.css +16 -9
  87. package/dist/inline-notice/inline-notice.css.map +1 -0
  88. package/dist/lightbox-dialog/lightbox-dialog.css +241 -185
  89. package/dist/lightbox-dialog/lightbox-dialog.css.map +1 -0
  90. package/dist/link/link.css +37 -19
  91. package/dist/link/link.css.map +1 -0
  92. package/dist/listbox/listbox.css +86 -58
  93. package/dist/listbox/listbox.css.map +1 -0
  94. package/dist/listbox-button/listbox-button.css +240 -134
  95. package/dist/listbox-button/listbox-button.css.map +1 -0
  96. package/dist/marketsans/marketsans.css +34 -12
  97. package/dist/marketsans/marketsans.css.map +1 -0
  98. package/dist/menu/menu.css +136 -99
  99. package/dist/menu/menu.css.map +1 -0
  100. package/dist/menu-button/menu-button.css +236 -157
  101. package/dist/menu-button/menu-button.css.map +1 -0
  102. package/dist/mixins/_typography-mixins.scss +136 -0
  103. package/dist/mixins/_utility-mixins.scss +62 -0
  104. package/dist/page-grid/page-grid.css +57 -46
  105. package/dist/page-grid/page-grid.css.map +1 -0
  106. package/dist/page-notice/page-notice.css +142 -85
  107. package/dist/page-notice/page-notice.css.map +1 -0
  108. package/dist/pagination/pagination.css +109 -80
  109. package/dist/pagination/pagination.css.map +1 -0
  110. package/dist/panel-dialog/panel-dialog.css +115 -98
  111. package/dist/panel-dialog/panel-dialog.css.map +1 -0
  112. package/dist/phone-input/phone-input.css +100 -88
  113. package/dist/phone-input/phone-input.css.map +1 -0
  114. package/dist/progress-bar/progress-bar.css +32 -15
  115. package/dist/progress-bar/progress-bar.css.map +1 -0
  116. package/dist/progress-bar-expressive/progress-bar-expressive.css +302 -203
  117. package/dist/progress-bar-expressive/progress-bar-expressive.css.map +1 -0
  118. package/dist/progress-spinner/progress-spinner.css +24 -20
  119. package/dist/progress-spinner/progress-spinner.css.map +1 -0
  120. package/dist/progress-stepper/progress-stepper.css +229 -117
  121. package/dist/progress-stepper/progress-stepper.css.map +1 -0
  122. package/dist/radio/radio.css +71 -52
  123. package/dist/radio/radio.css.map +1 -0
  124. package/dist/section-notice/section-notice.css +102 -72
  125. package/dist/section-notice/section-notice.css.map +1 -0
  126. package/dist/section-title/section-title.css +66 -52
  127. package/dist/section-title/section-title.css.map +1 -0
  128. package/dist/segmented-buttons/segmented-buttons.css +49 -38
  129. package/dist/segmented-buttons/segmented-buttons.css.map +1 -0
  130. package/dist/select/select.css +98 -62
  131. package/dist/select/select.css.map +1 -0
  132. package/dist/signal/signal.css +25 -16
  133. package/dist/signal/signal.css.map +1 -0
  134. package/dist/skeleton/skeleton.css +131 -108
  135. package/dist/skeleton/skeleton.css.map +1 -0
  136. package/dist/snackbar-dialog/snackbar-dialog.css +82 -52
  137. package/dist/snackbar-dialog/snackbar-dialog.css.map +1 -0
  138. package/dist/split-button/split-button.css +3 -1
  139. package/dist/split-button/split-button.css.map +1 -0
  140. package/dist/star-rating/star-rating.css +40 -19
  141. package/dist/star-rating/star-rating.css.map +1 -0
  142. package/dist/star-rating-select/star-rating-select.css +67 -39
  143. package/dist/star-rating-select/star-rating-select.css.map +1 -0
  144. package/dist/svg/icons.svg +21 -21
  145. package/dist/switch/switch.css +119 -78
  146. package/dist/switch/switch.css.map +1 -0
  147. package/dist/tabs/tabs.css +70 -51
  148. package/dist/tabs/tabs.css.map +1 -0
  149. package/dist/textbox/textbox.css +167 -112
  150. package/dist/textbox/textbox.css.map +1 -0
  151. package/dist/toast-dialog/toast-dialog.css +140 -90
  152. package/dist/toast-dialog/toast-dialog.css.map +1 -0
  153. package/dist/toggle-button/toggle-button.css +154 -114
  154. package/dist/toggle-button/toggle-button.css.map +1 -0
  155. package/dist/toggle-button-group/toggle-button-group.css +610 -60
  156. package/dist/toggle-button-group/toggle-button-group.css.map +1 -0
  157. package/dist/tokens/evo-core.css +139 -67
  158. package/dist/tokens/evo-dark.css +57 -62
  159. package/dist/tokens/evo-light.css +76 -76
  160. package/dist/tooltip/tooltip.css +117 -84
  161. package/dist/tooltip/tooltip.css.map +1 -0
  162. package/dist/tourtip/tourtip.css +141 -107
  163. package/dist/tourtip/tourtip.css.map +1 -0
  164. package/dist/typography/typography.css +86 -59
  165. package/dist/typography/typography.css.map +1 -0
  166. package/dist/utility/utility.css +75 -72
  167. package/dist/utility/utility.css.map +1 -0
  168. package/dist/variables/_variables.scss +64 -0
  169. package/dist/video/video.css +46 -34
  170. package/dist/video/video.css.map +1 -0
  171. package/donut-chart.browser.json +1 -0
  172. package/donut-chart.css +1 -0
  173. package/donut-chart.js +1 -0
  174. package/donut-chart.mjs +1 -0
  175. package/gh.browser.json +4 -4
  176. package/index.browser.json +3 -0
  177. package/index.css +3 -0
  178. package/index.js +3 -0
  179. package/index.mjs +3 -0
  180. package/lint.log +3 -3
  181. package/package.json +74 -55
  182. package/postcss.config.js +17 -0
  183. package/scripts/README.md +1 -1
  184. package/scripts/generate-bundle.js +13 -12
  185. package/scripts/generate-images.js +34 -23
  186. package/src/{less/alert-dialog/alert-dialog.less → sass/alert-dialog/alert-dialog.scss} +14 -12
  187. package/src/sass/avatar/avatar.scss +134 -0
  188. package/src/sass/badge/badge.scss +21 -0
  189. package/src/{less/breadcrumbs/breadcrumbs.less → sass/breadcrumbs/breadcrumbs.scss} +25 -14
  190. package/src/{less → sass}/breadcrumbs/stories/button-cascade.stories.js +12 -12
  191. package/src/{less → sass}/breadcrumbs/stories/button-overflow.stories.js +15 -15
  192. package/src/{less → sass}/breadcrumbs/stories/buttons.stories.js +5 -5
  193. package/src/{less → sass}/breadcrumbs/stories/link-cascade.stories.js +12 -12
  194. package/src/{less → sass}/breadcrumbs/stories/link-overflow.stories.js +15 -15
  195. package/src/{less → sass}/breadcrumbs/stories/links.stories.js +5 -5
  196. package/src/sass/bundles/skin-default.scss +9 -0
  197. package/src/sass/bundles/skin-full.scss +10 -0
  198. package/src/sass/bundles/skin-headless.scss +72 -0
  199. package/src/{less/button/button.less → sass/button/button.scss} +185 -71
  200. package/src/{less → sass}/button/stories/button/base.stories.js +5 -5
  201. package/src/{less → sass}/button/stories/button/borderless.stories.js +4 -4
  202. package/src/{less → sass}/button/stories/button/cascade.stories.js +3 -3
  203. package/src/{less → sass}/button/stories/button/dimensions.stories.js +2 -2
  204. package/src/{less → sass}/button/stories/button/primary.stories.js +4 -4
  205. package/src/{less → sass}/button/stories/button/secondary.stories.js +4 -4
  206. package/src/{less → sass}/button/stories/button/tertiary.stories.js +4 -4
  207. package/src/{less → sass}/button/stories/button/text-spacing.stories.js +1 -1
  208. package/src/{less → sass}/button/stories/destructive-button/primary.stories.js +3 -3
  209. package/src/{less → sass}/button/stories/destructive-button/secondary.stories.js +3 -3
  210. package/src/{less → sass}/button/stories/destructive-button/tertiary.stories.js +3 -3
  211. package/src/{less → sass}/button/stories/fake-button/base.stories.js +2 -2
  212. package/src/{less → sass}/button/stories/fake-button/cascade.stories.js +3 -3
  213. package/src/{less → sass}/button/stories/fake-button/dimensions.stories.js +1 -1
  214. package/src/{less → sass}/button/stories/fake-button/primary.stories.js +4 -4
  215. package/src/{less → sass}/button/stories/fake-button/secondary.stories.js +4 -4
  216. package/src/{less → sass}/button/stories/fake-button/text-spacing.stories.js +1 -1
  217. package/src/{less/calendar/calendar.less → sass/calendar/calendar.scss} +43 -18
  218. package/src/{less → sass}/calendar/stories/calendar.stories.js +6 -6
  219. package/src/{less/carousel/carousel.less → sass/carousel/carousel.scss} +68 -58
  220. package/src/{less → sass}/carousel/stories/carousel.stories.js +25 -25
  221. package/src/sass/chart-legend/chart-legend.scss +74 -0
  222. package/src/sass/chart-legend/stories/chart-legend.stories.js +65 -0
  223. package/src/{less/checkbox/checkbox.less → sass/checkbox/checkbox.scss} +25 -24
  224. package/src/{less/chip/chip.less → sass/chip/chip.scss} +1 -1
  225. package/src/{less → sass}/chip/stories/interactive-chip.stories.js +17 -17
  226. package/src/{less/chips-combobox/chips-combobox.less → sass/chips-combobox/chips-combobox.scss} +7 -7
  227. package/src/{less → sass}/chips-combobox/stories/chips-combobox.stories.js +38 -38
  228. package/src/{less → sass}/chips-combobox/stories/rtl-chips-combobox.stories.js +34 -34
  229. package/src/{less/combobox/combobox.less → sass/combobox/combobox.scss} +78 -37
  230. package/src/{less → sass}/combobox/stories/combobox.stories.js +11 -11
  231. package/src/{less/confirm-dialog/confirm-dialog.less → sass/confirm-dialog/confirm-dialog.scss} +14 -12
  232. package/src/sass/cta-button/cta-button.scss +105 -0
  233. package/src/{less → sass}/cta-button/stories/cascade.stories.js +3 -3
  234. package/src/{less → sass}/cta-button/stories/cta-button.stories.js +2 -2
  235. package/src/{less → sass}/cta-button/stories/dimensions.stories.js +2 -2
  236. package/src/{less/date-textbox/date-textbox.less → sass/date-textbox/date-textbox.scss} +10 -6
  237. package/src/{less → sass}/date-textbox/stories/date-textbox.stories.js +23 -7
  238. package/src/{less/details/details.less → sass/details/details.scss} +9 -5
  239. package/src/{less → sass}/details/stories/cascade.stories.js +3 -3
  240. package/src/{less → sass}/details/stories/details.stories.js +5 -5
  241. package/src/sass/donut-chart/donut-chart.scss +98 -0
  242. package/src/sass/donut-chart/stories/donut-chart.stories.js +39 -0
  243. package/src/{less/drawer-dialog/drawer-dialog.less → sass/drawer-dialog/drawer-dialog.scss} +24 -21
  244. package/src/{less → sass}/drawer-dialog/stories/drawer-dialog.stories.js +8 -8
  245. package/src/{less/education-notice/education-notice.less → sass/education-notice/education-notice.scss} +26 -8
  246. package/src/{less → sass}/education-notice/stories/base.stories.js +13 -13
  247. package/src/{less/eek/eek.less → sass/eek/eek.scss} +43 -42
  248. package/src/{less/field/field.less → sass/field/field.scss} +23 -13
  249. package/src/{less → sass}/field/stories/stacked.stories.js +8 -8
  250. package/src/{less → sass}/field/stories/unstacked.stories.js +4 -4
  251. package/src/sass/filter-button/filter-button.scss +112 -0
  252. package/src/{less/filter-menu/filter-menu.less → sass/filter-menu/filter-menu.scss} +30 -19
  253. package/src/{less → sass}/filter-menu/stories/filter-menu.stories.js +24 -24
  254. package/src/{less/filter-menu-button/filter-menu-button.less → sass/filter-menu-button/filter-menu-button.scss} +112 -45
  255. package/src/{less → sass}/filter-menu-button/stories/filter-menu-button.stories.js +124 -124
  256. package/src/{less/floating-label/floating-label.less → sass/floating-label/floating-label.scss} +31 -15
  257. package/src/{less → sass}/floating-label/stories/floating-label.stories.js +15 -15
  258. package/src/{less/fullscreen-dialog/fullscreen-dialog.less → sass/fullscreen-dialog/fullscreen-dialog.scss} +15 -11
  259. package/src/{less → sass}/fullscreen-dialog/stories/fullscreen-dialog.stories.js +5 -5
  260. package/src/sass/gh/_gh-mixins.scss +197 -0
  261. package/src/sass/global/global.scss +50 -0
  262. package/src/{less → sass}/global/stories/global.stories.js +12 -12
  263. package/src/sass/icon/icon.scss +92 -0
  264. package/src/{less → sass}/icon/stories/icon.stories.js +5 -5
  265. package/src/{less/icon-button/icon-button.less → sass/icon-button/icon-button.scss} +88 -35
  266. package/src/sass/icon-button/stories/alignment.stories.js +28 -0
  267. package/src/{less → sass}/icon-button/stories/buttons.stories.js +36 -36
  268. package/src/{less → sass}/icon-button/stories/links.stories.js +36 -36
  269. package/src/sass/image-placeholder/image-placeholder.scss +10 -0
  270. package/src/sass/infotip/infotip.scss +136 -0
  271. package/src/{less → sass}/infotip/stories/infotip.stories.js +12 -12
  272. package/src/{less/inline-notice/inline-notice.less → sass/inline-notice/inline-notice.scss} +3 -3
  273. package/src/{less → sass}/inline-notice/stories/inline.stories.js +11 -11
  274. package/src/{less/lightbox-dialog/lightbox-dialog.less → sass/lightbox-dialog/lightbox-dialog.scss} +62 -20
  275. package/src/{less → sass}/lightbox-dialog/stories/lightbox-dialog.stories.js +40 -33
  276. package/src/sass/link/link.scss +61 -0
  277. package/src/{less/listbox/listbox.less → sass/listbox/listbox.scss} +20 -14
  278. package/src/{less → sass}/listbox/stories/cascade.stories.js +9 -9
  279. package/src/{less → sass}/listbox/stories/listbox.stories.js +18 -18
  280. package/src/sass/listbox-button/listbox-button.scss +233 -0
  281. package/src/{less → sass}/listbox-button/stories/base.stories.js +48 -48
  282. package/src/{less → sass}/listbox-button/stories/cascade.stories.js +15 -15
  283. package/src/{less → sass}/listbox-button/stories/dimensions.stories.js +5 -5
  284. package/src/{less → sass}/listbox-button/stories/error/error.base.stories.js +38 -38
  285. package/src/{less → sass}/listbox-button/stories/error/error.cascade.stories.js +15 -15
  286. package/src/{less → sass}/listbox-button/stories/error/error.dimensions.stories.js +5 -5
  287. package/src/{less → sass}/listbox-button/stories/error/error.form.stories.js +10 -10
  288. package/src/{less → sass}/listbox-button/stories/form.stories.js +15 -15
  289. package/src/{less → sass}/listbox-button/stories/subtitle.stories.js +38 -38
  290. package/src/sass/marketsans/marketsans.scss +46 -0
  291. package/src/{less/menu/menu.less → sass/menu/menu.scss} +22 -12
  292. package/src/{less → sass}/menu/stories/fake-menu.stories.js +4 -4
  293. package/src/{less → sass}/menu/stories/multiSelect.stories.js +9 -9
  294. package/src/{less/menu-button/menu-button.less → sass/menu-button/menu-button.scss} +60 -30
  295. package/src/{less → sass}/menu-button/stories/base.stories.js +30 -30
  296. package/src/{less → sass}/menu-button/stories/cascade.stories.js +6 -6
  297. package/src/{less → sass}/menu-button/stories/dimensions.stories.js +1 -1
  298. package/src/{less → sass}/menu-button/stories/fake-menu-button.stories.js +6 -6
  299. package/src/sass/mixins/private/_bubble-mixins.scss +168 -0
  300. package/src/sass/mixins/private/_button-mixins.scss +95 -0
  301. package/src/{less/mixins/private/dialog-mixins.less → sass/mixins/private/_dialog-mixins.scss} +25 -22
  302. package/src/sass/mixins/private/_dropdown-mixins.scss +60 -0
  303. package/src/{less/mixins/private/filter-button-mixins.less → sass/mixins/private/_filter-button-mixins.scss} +6 -2
  304. package/src/sass/mixins/private/_filter-menu-mixins.scss +45 -0
  305. package/src/sass/mixins/private/_generated-icon-mixins.scss +517 -0
  306. package/src/sass/mixins/private/_icon-mixins.scss +12 -0
  307. package/src/sass/mixins/private/_listbox-mixins.scss +48 -0
  308. package/src/sass/mixins/private/_menu-mixins.scss +30 -0
  309. package/src/{less/mixins/private/selection-list-mixins.less → sass/mixins/private/_selection-list-mixins.scss} +3 -3
  310. package/src/sass/mixins/private/_token-mixins.scss +124 -0
  311. package/src/sass/mixins/public/_typography-mixins.scss +136 -0
  312. package/src/sass/mixins/public/_utility-mixins.scss +62 -0
  313. package/src/{less/page-grid/page-grid.less → sass/page-grid/page-grid.scss} +22 -22
  314. package/src/{less/page-notice/page-notice.less → sass/page-notice/page-notice.scss} +66 -26
  315. package/src/{less → sass}/page-notice/stories/page-notice.stories.js +14 -14
  316. package/src/{less → sass}/page-notice/stories/test.stories.js +7 -7
  317. package/src/{less/pagination/pagination.less → sass/pagination/pagination.scss} +28 -14
  318. package/src/{less → sass}/pagination/stories/button-cascade.stories.js +6 -6
  319. package/src/{less → sass}/pagination/stories/buttons.stories.js +4 -4
  320. package/src/{less → sass}/pagination/stories/link-cascade.stories.js +6 -6
  321. package/src/{less → sass}/pagination/stories/links.stories.js +4 -4
  322. package/src/{less → sass}/pagination/stories/overflow.stories.js +20 -20
  323. package/src/{less/panel-dialog/panel-dialog.less → sass/panel-dialog/panel-dialog.scss} +19 -16
  324. package/src/{less → sass}/panel-dialog/stories/panel-dialog.stories.js +7 -7
  325. package/src/{less/phone-input/phone-input.less → sass/phone-input/phone-input.scss} +47 -56
  326. package/src/{less → sass}/phone-input/stories/phone-input.stories.js +56 -56
  327. package/src/sass/progress-bar/progress-bar.scss +51 -0
  328. package/src/{less/progress-bar-expressive/progress-bar-expressive.less → sass/progress-bar-expressive/progress-bar-expressive.scss} +19 -20
  329. package/src/{less/progress-spinner/progress-spinner.less → sass/progress-spinner/progress-spinner.scss} +3 -3
  330. package/src/{less → sass}/progress-spinner/stories/progress-spinner.stories.js +4 -4
  331. package/src/{less/progress-stepper/progress-stepper.less → sass/progress-stepper/progress-stepper.scss} +55 -30
  332. package/src/{less/radio/radio.less → sass/radio/radio.scss} +25 -24
  333. package/src/{less/section-notice/section-notice.less → sass/section-notice/section-notice.scss} +42 -18
  334. package/src/{less → sass}/section-notice/stories/icon-16.stories.js +14 -14
  335. package/src/{less → sass}/section-notice/stories/iconless.stories.js +4 -4
  336. package/src/{less → sass}/section-notice/stories/test.stories.js +4 -4
  337. package/src/{less/section-title/section-title.less → sass/section-title/section-title.scss} +15 -11
  338. package/src/{less → sass}/section-title/stories/rtl.stories.js +3 -3
  339. package/src/{less → sass}/section-title/stories/section-title.stories.js +4 -4
  340. package/src/{less/segmented-buttons/segmented-buttons.less → sass/segmented-buttons/segmented-buttons.scss} +8 -8
  341. package/src/{less → sass}/segmented-buttons/stories/segmented-buttons.stories.js +2 -2
  342. package/src/{less/select/select.less → sass/select/select.scss} +53 -18
  343. package/src/{less → sass}/select/stories/cascade.stories.js +3 -3
  344. package/src/{less → sass}/select/stories/default.stories.js +9 -9
  345. package/src/{less → sass}/select/stories/floating-label.stories.js +4 -4
  346. package/src/{less/signal/signal.less → sass/signal/signal.scss} +9 -6
  347. package/src/{less/skeleton/skeleton.less → sass/skeleton/skeleton.scss} +23 -20
  348. package/src/{less/snackbar-dialog/snackbar-dialog.less → sass/snackbar-dialog/snackbar-dialog.scss} +30 -11
  349. package/src/{less/split-button/split-button.less → sass/split-button/split-button.scss} +1 -1
  350. package/src/{less → sass}/split-button/stories/base.stories.js +13 -13
  351. package/src/{less → sass}/split-button/stories/rtl.stories.js +6 -6
  352. package/src/{less → sass}/split-button/stories/size.stories.js +2 -2
  353. package/src/{less/star-rating/star-rating.less → sass/star-rating/star-rating.scss} +14 -14
  354. package/src/{less/star-rating-select/star-rating-select.less → sass/star-rating-select/star-rating-select.scss} +16 -15
  355. package/src/{less/switch/switch.less → sass/switch/switch.scss} +48 -20
  356. package/src/{less/tabs/tabs.less → sass/tabs/tabs.scss} +17 -7
  357. package/src/{less → sass}/textbox/stories/icon.stories.js +34 -18
  358. package/src/{less → sass}/textbox/stories/rtl/icon.stories.js +27 -11
  359. package/src/sass/textbox/stories/rtl/textbox.stories.js +45 -0
  360. package/src/{less → sass}/textbox/stories/textbox.stories.js +24 -2
  361. package/src/sass/textbox/textbox.scss +238 -0
  362. package/src/{less/toast-dialog/toast-dialog.less → sass/toast-dialog/toast-dialog.scss} +67 -23
  363. package/src/{less → sass}/toggle-button/stories/gallery-layout.stories.js +3 -3
  364. package/src/{less → sass}/toggle-button/stories/list-layout.stories.js +3 -3
  365. package/src/{less/toggle-button/toggle-button.less → sass/toggle-button/toggle-button.scss} +6 -1
  366. package/src/sass/toggle-button-group/stories/gallery-layout-exceptions.stories.js +471 -0
  367. package/src/sass/toggle-button-group/stories/gallery-layout.stories.js +564 -0
  368. package/src/sass/toggle-button-group/stories/list-layout-exceptions.stories.js +507 -0
  369. package/src/sass/toggle-button-group/stories/list-layout.stories.js +638 -0
  370. package/src/sass/toggle-button-group/stories/minimal-layout-exceptions.stories.js +291 -0
  371. package/src/sass/toggle-button-group/stories/minimal-layout.stories.js +289 -0
  372. package/src/sass/toggle-button-group/toggle-button-group.scss +342 -0
  373. package/src/{less → sass}/tooltip/stories/pointer.stories.js +12 -12
  374. package/src/{less → sass}/tooltip/stories/tooltip.stories.js +3 -3
  375. package/src/sass/tooltip/tooltip.scss +118 -0
  376. package/src/{less → sass}/tourtip/stories/tourtip.stories.js +5 -5
  377. package/src/{less/tourtip/tourtip.less → sass/tourtip/tourtip.scss} +41 -33
  378. package/src/{less/typography/typography.less → sass/typography/typography.scss} +24 -21
  379. package/src/{less/utility/utility.less → sass/utility/utility.scss} +13 -13
  380. package/src/sass/variables/_variables.scss +64 -0
  381. package/src/{less/video/video.less → sass/video/video.scss} +3 -3
  382. package/src/svg/icons.svg +21 -21
  383. package/src/tokens/evo-core.css +139 -67
  384. package/src/tokens/evo-dark.css +57 -62
  385. package/src/tokens/evo-light.css +76 -76
  386. package/svg.svg +21 -21
  387. package/_cdn/skin/v17.5.0/skin-default.min.css +0 -76
  388. package/_cdn/skin/v17.5.0/skin-full.min.css +0 -160
  389. package/_cdn/skin/v17.5.0/skin-headless.min.css +0 -6
  390. package/dist/variables/variables.less +0 -70
  391. package/less[ds-4].less +0 -3
  392. package/src/less/avatar/avatar.less +0 -134
  393. package/src/less/badge/badge.less +0 -16
  394. package/src/less/bundles/skin-default.less +0 -3
  395. package/src/less/bundles/skin-full.less +0 -4
  396. package/src/less/bundles/skin-headless.less +0 -70
  397. package/src/less/cta-button/cta-button.less +0 -79
  398. package/src/less/filter-button/filter-button.less +0 -80
  399. package/src/less/global/global.less +0 -37
  400. package/src/less/icon/generated/icon.less +0 -2905
  401. package/src/less/icon/icon.less +0 -62
  402. package/src/less/icon-button/stories/alignment.stories.js +0 -28
  403. package/src/less/image-placeholder/image-placeholder.less +0 -9
  404. package/src/less/infotip/infotip.less +0 -126
  405. package/src/less/link/link.less +0 -44
  406. package/src/less/listbox-button/listbox-button.less +0 -184
  407. package/src/less/marketsans/marketsans.less +0 -45
  408. package/src/less/mixins/private/bubble-mixins.less +0 -166
  409. package/src/less/mixins/private/button-mixins.less +0 -95
  410. package/src/less/mixins/private/dropdown-mixins.less +0 -44
  411. package/src/less/mixins/private/filter-menu-mixins.less +0 -31
  412. package/src/less/mixins/private/generated-icon-mixins.less +0 -517
  413. package/src/less/mixins/private/icon-mixins.less +0 -17
  414. package/src/less/mixins/private/listbox-mixins.less +0 -35
  415. package/src/less/mixins/private/menu-mixins.less +0 -21
  416. package/src/less/mixins/private/token-mixins.less +0 -100
  417. package/src/less/progress-bar/progress-bar.less +0 -35
  418. package/src/less/textbox/stories/rtl/textbox.stories.js +0 -17
  419. package/src/less/textbox/textbox.less +0 -181
  420. package/src/less/toggle-button-group/stories/gallery-layout.stories.js +0 -657
  421. package/src/less/toggle-button-group/stories/list-layout.stories.js +0 -611
  422. package/src/less/toggle-button-group/stories/minimal-layout.stories.js +0 -341
  423. package/src/less/toggle-button-group/toggle-button-group.less +0 -111
  424. package/src/less/tooltip/tooltip.less +0 -109
  425. package/src/less/variables/variables.less +0 -70
  426. /package/src/{less → sass}/alert-dialog/stories/alert-dialog.stories.js +0 -0
  427. /package/src/{less → sass}/avatar/stories/avatar.stories.js +0 -0
  428. /package/src/{less → sass}/badge/stories/badge.stories.js +0 -0
  429. /package/src/{less → sass}/button/stories/destructive-button/borderless.stories.js +0 -0
  430. /package/src/{less → sass}/checkbox/stories/checked.stories.js +0 -0
  431. /package/src/{less → sass}/checkbox/stories/mixed.stories.js +0 -0
  432. /package/src/{less → sass}/checkbox/stories/unchecked.stories.js +0 -0
  433. /package/src/{less → sass}/chip/stories/static-chip.stories.js +0 -0
  434. /package/src/{less → sass}/confirm-dialog/stories/confirm-dialog.stories.js +0 -0
  435. /package/src/{less → sass}/field/stories/helper-texts-stacked.stories.js +0 -0
  436. /package/src/{less → sass}/filter-button/stories/button.stories.js +0 -0
  437. /package/src/{less → sass}/filter-button/stories/group.stories.js +0 -0
  438. /package/src/{less → sass}/filter-button/stories/link.stories.js +0 -0
  439. /package/src/{less/flag/flag.less → sass/flag/flag.scss} +0 -0
  440. /package/src/{less → sass}/flag/stories/flag.stories.js +0 -0
  441. /package/src/{less → sass}/gh/gh-mixins.less +0 -0
  442. /package/src/{less → sass}/image-placeholder/stories/image-placeholder.stories.js +0 -0
  443. /package/src/{less → sass}/link/stories/link.stories.js +0 -0
  444. /package/src/{less → sass}/menu/stories/misc.stories.js +0 -0
  445. /package/src/{less → sass}/mixins/public/typography-mixins.less +0 -0
  446. /package/src/{less → sass}/mixins/public/utility-mixins.less +0 -0
  447. /package/src/{less → sass}/progress-bar/stories/progress-bar.stories.js +0 -0
  448. /package/src/{less → sass}/progress-bar-expressive/stories/progress-bar-expressive.stories.js +0 -0
  449. /package/src/{less → sass}/progress-stepper/stories/progress-stepper.stories.js +0 -0
  450. /package/src/{less → sass}/radio/stories/checked.stories.js +0 -0
  451. /package/src/{less → sass}/radio/stories/unchecked.stories.js +0 -0
  452. /package/src/{less → sass}/signal/stories/signal.stories.js +0 -0
  453. /package/src/{less → sass}/skeleton/stories/base.stories.js +0 -0
  454. /package/src/{less → sass}/skeleton/stories/composite.stories.js +0 -0
  455. /package/src/{less → sass}/skeleton/stories/rtl.stories.js +0 -0
  456. /package/src/{less → sass}/snackbar-dialog/stories/base.stories.js +0 -0
  457. /package/src/{less → sass}/snackbar-dialog/stories/font-size.stories.js +0 -0
  458. /package/src/{less → sass}/snackbar-dialog/stories/rtl.stories.js +0 -0
  459. /package/src/{less → sass}/star-rating/stories/star-rating.stories.js +0 -0
  460. /package/src/{less → sass}/star-rating-select/stories/star-rating-select.stories.js +0 -0
  461. /package/src/{less → sass}/switch/stories/form.stories.js +0 -0
  462. /package/src/{less → sass}/switch/stories/script.stories.js +0 -0
  463. /package/src/{less → sass}/tabs/stories/fake-tabs/block.stories.js +0 -0
  464. /package/src/{less → sass}/tabs/stories/fake-tabs/inlineBlock.stories.js +0 -0
  465. /package/src/{less → sass}/tabs/stories/tabs/block.stories.js +0 -0
  466. /package/src/{less → sass}/tabs/stories/tabs/inlineBlock.stories.js +0 -0
  467. /package/src/{less → sass}/toast-dialog/stories/toast-dialog.stories.js +0 -0
  468. /package/src/{less → sass}/toggle-button/stories/gallery-layout-responsive.stories.js +0 -0
  469. /package/src/{less → sass}/toggle-button/stories/minimal-layout.stories.js +0 -0
@@ -1,782 +1,1038 @@
1
- /* stylelint-disable number-max-precision */
1
+ @charset "UTF-8";
2
+
2
3
  svg.flag {
3
- display: inline-block;
4
- max-height: 48px;
5
- max-width: 64px;
6
- pointer-events: none;
7
- stroke-width: 0;
8
- vertical-align: middle;
4
+ max-height: 48px;
5
+ max-width: 64px;
6
+ pointer-events: none;
7
+ stroke-width: 0;
9
8
  }
9
+
10
10
  /* !*****************************************************
11
11
  Freak Flags, Copyright ©2024 Michael P. Cohen. Freak flags is licenced under the MIT licence.
12
12
  For complete information visit: www.freakflagsprite.com
13
13
  ******************************************************/
14
- .fflag {
15
- background-image: url("https://ir.ebaystatic.com/cr/v/c01/skin/flags/flags-v1.png");
16
- background-repeat: no-repeat;
17
- background-size: 100% 49494%;
18
- box-shadow: 0 0 0 1px #5a5a5a;
19
- box-sizing: content-box;
20
- display: inline-block;
21
- overflow: hidden;
22
- position: relative;
23
- vertical-align: middle;
14
+ .fflag,
15
+ svg.flag {
16
+ display: inline-block;
17
+ vertical-align: middle;
24
18
  }
19
+ .fflag {
20
+ background-image: url(https://ir.ebaystatic.com/cr/v/c01/skin/flags/flags-v1.png);
21
+ background-repeat: no-repeat;
22
+ background-size: 100% 49494%;
23
+ box-shadow: 0 0 0 1px rgb(90, 90, 90);
24
+ box-sizing: initial;
25
+ overflow: hidden;
26
+ position: relative;
27
+ }
28
+
25
29
  .fflag--ch,
26
30
  .fflag--np {
27
- box-shadow: none !important;
31
+ box-shadow: none !important;
28
32
  }
33
+
29
34
  .fflag--dz {
30
- background-position: center 0.2287%;
35
+ background-position: center 0.2287%;
31
36
  }
37
+
32
38
  .fflag--ao {
33
- background-position: center 0.4524%;
39
+ background-position: center 0.4524%;
34
40
  }
41
+
35
42
  .fflag--bj {
36
- background-position: center 0.6721%;
43
+ background-position: center 0.6721%;
37
44
  }
45
+
38
46
  .fflag--bw {
39
- background-position: center 0.8958%;
47
+ background-position: center 0.8958%;
40
48
  }
49
+
41
50
  .fflag--bf {
42
- background-position: center 1.1162%;
51
+ background-position: center 1.1162%;
43
52
  }
53
+
44
54
  .fflag--bi {
45
- background-position: center 1.3379%;
55
+ background-position: center 1.3379%;
46
56
  }
57
+
47
58
  .fflag--cm {
48
- background-position: center 1.5589%;
59
+ background-position: center 1.5589%;
49
60
  }
61
+
50
62
  .fflag--cv {
51
- background-position: center 1.7805%;
63
+ background-position: center 1.7805%;
52
64
  }
65
+
53
66
  .fflag--cf {
54
- background-position: center 2.0047%;
67
+ background-position: center 2.0047%;
55
68
  }
69
+
56
70
  .fflag--td {
57
- background-position: center 2.2247%;
71
+ background-position: center 2.2247%;
58
72
  }
73
+
59
74
  .fflag--cd {
60
- background-position: left 2.4467%;
75
+ background-position: left 2.4467%;
61
76
  }
77
+
62
78
  .fflag--dj {
63
- background-position: left 2.6674%;
79
+ background-position: left 2.6674%;
64
80
  }
81
+
65
82
  .fflag--eg {
66
- background-position: center 2.8931%;
83
+ background-position: center 2.8931%;
67
84
  }
85
+
68
86
  .fflag--gq {
69
- background-position: center 3.1125%;
87
+ background-position: center 3.1125%;
70
88
  }
89
+
71
90
  .fflag--er {
72
- background-position: left 3.3325%;
91
+ background-position: left 3.3325%;
73
92
  }
93
+
74
94
  .fflag--et {
75
- background-position: center 3.5542%;
95
+ background-position: center 3.5542%;
76
96
  }
97
+
77
98
  .fflag--ga {
78
- background-position: center 3.7759%;
99
+ background-position: center 3.7759%;
79
100
  }
101
+
80
102
  .fflag--gm {
81
- background-position: center 4.0015%;
103
+ background-position: center 4.0015%;
82
104
  }
105
+
83
106
  .fflag--gh {
84
- background-position: center 4.2229%;
107
+ background-position: center 4.2229%;
85
108
  }
109
+
86
110
  .fflag--gn {
87
- background-position: center 4.441%;
111
+ background-position: center 4.441%;
88
112
  }
113
+
89
114
  .fflag--gw {
90
- background-position: left 4.66663%;
115
+ background-position: left 4.66663%;
91
116
  }
117
+
92
118
  .fflag--ci {
93
- background-position: center 4.8844%;
119
+ background-position: center 4.8844%;
94
120
  }
121
+
95
122
  .fflag--ke {
96
- background-position: center 5.1061%;
123
+ background-position: center 5.1061%;
97
124
  }
125
+
98
126
  .fflag--ls {
99
- background-position: center 5.3298%;
127
+ background-position: center 5.3298%;
100
128
  }
129
+
101
130
  .fflag--lr {
102
- background-position: left 5.5495%;
131
+ background-position: left 5.5495%;
103
132
  }
133
+
104
134
  .fflag--ly {
105
- background-position: center 5.7712%;
135
+ background-position: center 5.7712%;
106
136
  }
137
+
107
138
  .fflag--mg {
108
- background-position: center 5.994%;
139
+ background-position: center 5.994%;
109
140
  }
141
+
110
142
  .fflag--mw {
111
- background-position: center 6.2156%;
143
+ background-position: center 6.2156%;
112
144
  }
145
+
113
146
  .fflag--ml {
114
- background-position: center 6.4363%;
147
+ background-position: center 6.4363%;
115
148
  }
149
+
116
150
  .fflag--mr {
117
- background-position: center 6.658%;
151
+ background-position: center 6.658%;
118
152
  }
153
+
119
154
  .fflag--mu {
120
- background-position: center 6.8805%;
155
+ background-position: center 6.8805%;
121
156
  }
157
+
122
158
  .fflag--yt {
123
- background-position: center 7.1038%;
159
+ background-position: center 7.1038%;
124
160
  }
161
+
125
162
  .fflag--ma {
126
- background-position: center 7.3231%;
163
+ background-position: center 7.3231%;
127
164
  }
165
+
128
166
  .fflag--mz {
129
- background-position: left 7.5448%;
167
+ background-position: left 7.5448%;
130
168
  }
169
+
131
170
  .fflag--na {
132
- background-position: left 7.7661%;
171
+ background-position: left 7.7661%;
133
172
  }
173
+
134
174
  .fflag--ne {
135
- background-position: center 7.98937%;
175
+ background-position: center 7.98937%;
136
176
  }
177
+
137
178
  .fflag--ng {
138
- background-position: center 8.2099%;
179
+ background-position: center 8.2099%;
139
180
  }
181
+
140
182
  .fflag--cg {
141
- background-position: center 8.4316%;
183
+ background-position: center 8.4316%;
142
184
  }
185
+
143
186
  .fflag--re {
144
- background-position: center 8.6533%;
187
+ background-position: center 8.6533%;
145
188
  }
189
+
146
190
  .fflag--rw {
147
- background-position: right 8.875%;
191
+ background-position: right 8.875%;
148
192
  }
193
+
149
194
  .fflag--sh {
150
- background-position: center 9.0967%;
195
+ background-position: center 9.0967%;
151
196
  }
197
+
152
198
  .fflag--st {
153
- background-position: center 9.32237%;
199
+ background-position: center 9.32237%;
154
200
  }
201
+
155
202
  .fflag--sn {
156
- background-position: center 9.5426%;
203
+ background-position: center 9.5426%;
157
204
  }
205
+
158
206
  .fflag--sc {
159
- background-position: left 9.7628%;
207
+ background-position: left 9.7628%;
160
208
  }
209
+
161
210
  .fflag--sl {
162
- background-position: center 9.9845%;
211
+ background-position: center 9.9845%;
163
212
  }
213
+
164
214
  .fflag--so {
165
- background-position: center 10.2052%;
215
+ background-position: center 10.2052%;
166
216
  }
217
+
167
218
  .fflag--za {
168
- background-position: left 10.4269%;
219
+ background-position: left 10.4269%;
169
220
  }
221
+
170
222
  .fflag--ss {
171
- background-position: left 10.6486%;
223
+ background-position: left 10.6486%;
172
224
  }
225
+
173
226
  .fflag--sd {
174
- background-position: center 10.8703%;
227
+ background-position: center 10.8703%;
175
228
  }
229
+
176
230
  .fflag--sr {
177
- background-position: center 11.0945%;
231
+ background-position: center 11.0945%;
178
232
  }
233
+
179
234
  .fflag--sz {
180
- background-position: center 11.3135%;
235
+ background-position: center 11.3135%;
181
236
  }
237
+
182
238
  .fflag--tg {
183
- background-position: left 11.5354%;
239
+ background-position: left 11.5354%;
184
240
  }
241
+
185
242
  .fflag--tn {
186
- background-position: center 11.7593%;
243
+ background-position: center 11.7593%;
187
244
  }
245
+
188
246
  .fflag--ug {
189
- background-position: center 11.9799%;
247
+ background-position: center 11.9799%;
190
248
  }
249
+
191
250
  .fflag--tz {
192
- background-position: center 12.2005%;
251
+ background-position: center 12.2005%;
193
252
  }
253
+
194
254
  .fflag--eh {
195
- background-position: center 12.4222%;
255
+ background-position: center 12.4222%;
196
256
  }
257
+
197
258
  .fflag--ye {
198
- background-position: center 12.644%;
259
+ background-position: center 12.644%;
199
260
  }
261
+
200
262
  .fflag--zm {
201
- background-position: center 12.8664%;
263
+ background-position: center 12.8664%;
202
264
  }
265
+
203
266
  .fflag--zw {
204
- background-position: left 13.0873%;
267
+ background-position: left 13.0873%;
205
268
  }
269
+
206
270
  .fflag--ai {
207
- background-position: center 13.309%;
271
+ background-position: center 13.309%;
208
272
  }
273
+
209
274
  .fflag--ag {
210
- background-position: center 13.5307%;
275
+ background-position: center 13.5307%;
211
276
  }
277
+
212
278
  .fflag--ar {
213
- background-position: center 13.7524%;
279
+ background-position: center 13.7524%;
214
280
  }
281
+
215
282
  .fflag--aw {
216
- background-position: left 13.9741%;
283
+ background-position: left 13.9741%;
217
284
  }
285
+
218
286
  .fflag--bs {
219
- background-position: left 14.1958%;
287
+ background-position: left 14.1958%;
220
288
  }
289
+
221
290
  .fflag--bb {
222
- background-position: center 14.4175%;
291
+ background-position: center 14.4175%;
223
292
  }
293
+
224
294
  .fflag--bq {
225
- background-position: center 14.6415%;
295
+ background-position: center 14.6415%;
226
296
  }
297
+
227
298
  .fflag--bz {
228
- background-position: center 14.8609%;
299
+ background-position: center 14.8609%;
229
300
  }
301
+
230
302
  .fflag--bm {
231
- background-position: center 15.0826%;
303
+ background-position: center 15.0826%;
232
304
  }
305
+
233
306
  .fflag--bo {
234
- background-position: center 15.306%;
307
+ background-position: center 15.306%;
235
308
  }
309
+
236
310
  .fflag--vg {
237
- background-position: center 15.528%;
311
+ background-position: center 15.528%;
238
312
  }
313
+
239
314
  .fflag--br {
240
- background-position: center 15.7496%;
315
+ background-position: center 15.7496%;
241
316
  }
317
+
242
318
  .fflag--ca {
243
- background-position: center 15.9694%;
319
+ background-position: center 15.9694%;
244
320
  }
321
+
245
322
  .fflag--ky {
246
- background-position: center 16.1911%;
323
+ background-position: center 16.1911%;
247
324
  }
325
+
248
326
  .fflag--cl {
249
- background-position: left 16.4128%;
327
+ background-position: left 16.4128%;
250
328
  }
329
+
251
330
  .fflag--co {
252
- background-position: left 16.6345%;
331
+ background-position: left 16.6345%;
253
332
  }
333
+
254
334
  .fflag--km {
255
- background-position: center 16.8562%;
335
+ background-position: center 16.8562%;
256
336
  }
337
+
257
338
  .fflag--cr {
258
- background-position: center 17.0779%;
339
+ background-position: center 17.0779%;
259
340
  }
341
+
260
342
  .fflag--cu {
261
- background-position: left 17.2996%;
343
+ background-position: left 17.2996%;
262
344
  }
345
+
263
346
  .fflag--cw {
264
- background-position: center 17.5213%;
347
+ background-position: center 17.5213%;
265
348
  }
349
+
266
350
  .fflag--dm {
267
- background-position: center 17.743%;
351
+ background-position: center 17.743%;
268
352
  }
353
+
269
354
  .fflag--do {
270
- background-position: center 17.968%;
355
+ background-position: center 17.968%;
271
356
  }
357
+
272
358
  .fflag--ec {
273
- background-position: center 18.1864%;
359
+ background-position: center 18.1864%;
274
360
  }
361
+
275
362
  .fflag--sv {
276
- background-position: center 18.4081%;
363
+ background-position: center 18.4081%;
277
364
  }
365
+
278
366
  .fflag--fk {
279
- background-position: center 18.6298%;
367
+ background-position: center 18.6298%;
280
368
  }
369
+
281
370
  .fflag--gf {
282
- background-position: center 18.8515%;
371
+ background-position: center 18.8515%;
283
372
  }
373
+
284
374
  .fflag--gl {
285
- background-position: left 19.0732%;
375
+ background-position: left 19.0732%;
286
376
  }
377
+
287
378
  .fflag--gd {
288
- background-position: center 19.2987%;
379
+ background-position: center 19.2987%;
289
380
  }
381
+
290
382
  .fflag--gp {
291
- background-position: center 19.518%;
383
+ background-position: center 19.518%;
292
384
  }
385
+
293
386
  .fflag--gt {
294
- background-position: center 19.7383%;
387
+ background-position: center 19.7383%;
295
388
  }
389
+
296
390
  .fflag--gy {
297
- background-position: center 19.96%;
391
+ background-position: center 19.96%;
298
392
  }
393
+
299
394
  .fflag--ht {
300
- background-position: center 20.1817%;
395
+ background-position: center 20.1817%;
301
396
  }
397
+
302
398
  .fflag--hn {
303
- background-position: center 20.4034%;
399
+ background-position: center 20.4034%;
304
400
  }
401
+
305
402
  .fflag--jm {
306
- background-position: center 20.6241%;
403
+ background-position: center 20.6241%;
307
404
  }
405
+
308
406
  .fflag--mq {
309
- background-position: center 20.8468%;
407
+ background-position: center 20.8468%;
310
408
  }
409
+
311
410
  .fflag--mx {
312
- background-position: center 21.0685%;
411
+ background-position: center 21.0685%;
313
412
  }
413
+
314
414
  .fflag--ms {
315
- background-position: center 21.2902%;
415
+ background-position: center 21.2902%;
316
416
  }
417
+
317
418
  .fflag--ni {
318
- background-position: center 21.5119%;
419
+ background-position: center 21.5119%;
319
420
  }
421
+
320
422
  .fflag--pa {
321
- background-position: center 21.7336%;
423
+ background-position: center 21.7336%;
322
424
  }
425
+
323
426
  .fflag--py {
324
- background-position: center 21.9553%;
427
+ background-position: center 21.9553%;
325
428
  }
429
+
326
430
  .fflag--pe {
327
- background-position: center 22.177%;
431
+ background-position: center 22.177%;
328
432
  }
433
+
329
434
  .fflag--pr {
330
- background-position: left 22.4002%;
435
+ background-position: left 22.4002%;
331
436
  }
437
+
332
438
  .fflag--bl {
333
- background-position: center 22.6204%;
439
+ background-position: center 22.6204%;
334
440
  }
441
+
335
442
  .fflag--kn {
336
- background-position: center 22.8421%;
443
+ background-position: center 22.8421%;
337
444
  }
445
+
338
446
  .fflag--lc {
339
- background-position: center 23.0638%;
447
+ background-position: center 23.0638%;
340
448
  }
449
+
341
450
  .fflag--pm {
342
- background-position: center 23.2855%;
451
+ background-position: center 23.2855%;
343
452
  }
453
+
344
454
  .fflag--vc {
345
- background-position: center 23.5072%;
455
+ background-position: center 23.5072%;
346
456
  }
457
+
347
458
  .fflag--sx {
348
- background-position: left 23.732%;
459
+ background-position: left 23.732%;
349
460
  }
461
+
350
462
  .fflag--tt {
351
- background-position: center 23.9506%;
463
+ background-position: center 23.9506%;
352
464
  }
465
+
353
466
  .fflag--tc {
354
- background-position: center 24.1723%;
467
+ background-position: center 24.1723%;
355
468
  }
469
+
356
470
  .fflag--us {
357
- background-position: center 24.392%;
471
+ background-position: center 24.392%;
358
472
  }
473
+
359
474
  .fflag--vi {
360
- background-position: center 24.6157%;
475
+ background-position: center 24.6157%;
361
476
  }
477
+
362
478
  .fflag--uy {
363
- background-position: left 24.8374%;
479
+ background-position: left 24.8374%;
364
480
  }
481
+
365
482
  .fflag--ve {
366
- background-position: center 25.0591%;
483
+ background-position: center 25.0591%;
367
484
  }
485
+
368
486
  .fflag--ab {
369
- background-position: center 25.279%;
487
+ background-position: center 25.279%;
370
488
  }
489
+
371
490
  .fflag--af {
372
- background-position: center 25.5025%;
491
+ background-position: center 25.5025%;
373
492
  }
493
+
374
494
  .fflag--az {
375
- background-position: center 25.7242%;
495
+ background-position: center 25.7242%;
376
496
  }
497
+
377
498
  .fflag--bd {
378
- background-position: center 25.9459%;
499
+ background-position: center 25.9459%;
379
500
  }
501
+
380
502
  .fflag--bt {
381
- background-position: center 26.1676%;
503
+ background-position: center 26.1676%;
382
504
  }
505
+
383
506
  .fflag--bn {
384
- background-position: center 26.3885%;
507
+ background-position: center 26.3885%;
385
508
  }
509
+
386
510
  .fflag--kh {
387
- background-position: center 26.611%;
511
+ background-position: center 26.611%;
388
512
  }
513
+
389
514
  .fflag--cn {
390
- background-position: left 26.8327%;
515
+ background-position: left 26.8327%;
391
516
  }
517
+
392
518
  .fflag--ge {
393
- background-position: center 27.0544%;
519
+ background-position: center 27.0544%;
394
520
  }
521
+
395
522
  .fflag--hk {
396
- background-position: center 27.2761%;
523
+ background-position: center 27.2761%;
397
524
  }
525
+
398
526
  .fflag--in {
399
- background-position: center 27.4978%;
527
+ background-position: center 27.4978%;
400
528
  }
529
+
401
530
  .fflag--id {
402
- background-position: center 27.7195%;
531
+ background-position: center 27.7195%;
403
532
  }
533
+
404
534
  .fflag--jp {
405
- background-position: center 27.9412%;
535
+ background-position: center 27.9412%;
406
536
  }
537
+
407
538
  .fflag--kz {
408
- background-position: center 28.1615%;
539
+ background-position: center 28.1615%;
409
540
  }
541
+
410
542
  .fflag--la {
411
- background-position: center 28.3846%;
543
+ background-position: center 28.3846%;
412
544
  }
545
+
413
546
  .fflag--mo {
414
- background-position: center 28.6063%;
547
+ background-position: center 28.6063%;
415
548
  }
549
+
416
550
  .fflag--my {
417
- background-position: center 28.829%;
551
+ background-position: center 28.829%;
418
552
  }
553
+
419
554
  .fflag--mv {
420
- background-position: center 29.0497%;
555
+ background-position: center 29.0497%;
421
556
  }
557
+
422
558
  .fflag--mn {
423
- background-position: left 29.2714%;
559
+ background-position: left 29.2714%;
424
560
  }
561
+
425
562
  .fflag--mm {
426
- background-position: center 29.4931%;
563
+ background-position: center 29.4931%;
427
564
  }
565
+
428
566
  .fflag--np {
429
- background-position: left 29.7148%;
567
+ background-position: left 29.7148%;
430
568
  }
569
+
431
570
  .fflag--kp {
432
- background-position: left 29.9365%;
571
+ background-position: left 29.9365%;
433
572
  }
573
+
434
574
  .fflag--mp {
435
- background-position: center 30.1582%;
575
+ background-position: center 30.1582%;
436
576
  }
577
+
437
578
  .fflag--pw {
438
- background-position: center 30.3799%;
579
+ background-position: center 30.3799%;
439
580
  }
581
+
440
582
  .fflag--pg {
441
- background-position: center 30.6016%;
583
+ background-position: center 30.6016%;
442
584
  }
585
+
443
586
  .fflag--ph {
444
- background-position: left 30.8233%;
587
+ background-position: left 30.8233%;
445
588
  }
589
+
446
590
  .fflag--sg {
447
- background-position: left 31.045%;
591
+ background-position: left 31.045%;
448
592
  }
593
+
449
594
  .fflag--kr {
450
- background-position: center 31.2667%;
595
+ background-position: center 31.2667%;
451
596
  }
597
+
452
598
  .fflag--lk {
453
- background-position: right 31.4884%;
599
+ background-position: right 31.4884%;
454
600
  }
601
+
455
602
  .fflag--tw {
456
- background-position: left 31.7101%;
603
+ background-position: left 31.7101%;
457
604
  }
605
+
458
606
  .fflag--tj {
459
- background-position: center 31.9318%;
607
+ background-position: center 31.9318%;
460
608
  }
609
+
461
610
  .fflag--th {
462
- background-position: center 32.1535%;
611
+ background-position: center 32.1535%;
463
612
  }
613
+
464
614
  .fflag--tl {
465
- background-position: left 32.3752%;
615
+ background-position: left 32.3752%;
466
616
  }
617
+
467
618
  .fflag--tm {
468
- background-position: center 32.5969%;
619
+ background-position: center 32.5969%;
469
620
  }
621
+
470
622
  .fflag--vn {
471
- background-position: center 32.8186%;
623
+ background-position: center 32.8186%;
472
624
  }
625
+
473
626
  .fflag--ax {
474
- background-position: center 33.0403%;
627
+ background-position: center 33.0403%;
475
628
  }
629
+
476
630
  .fflag--al {
477
- background-position: center 33.25975%;
631
+ background-position: center 33.25975%;
478
632
  }
633
+
479
634
  .fflag--ad {
480
- background-position: center 33.4837%;
635
+ background-position: center 33.4837%;
481
636
  }
637
+
482
638
  .fflag--am {
483
- background-position: center 33.7054%;
639
+ background-position: center 33.7054%;
484
640
  }
641
+
485
642
  .fflag--at {
486
- background-position: center 33.9271%;
643
+ background-position: center 33.9271%;
487
644
  }
645
+
488
646
  .fflag--by {
489
- background-position: left 34.1488%;
647
+ background-position: left 34.1488%;
490
648
  }
649
+
491
650
  .fflag--be {
492
- background-position: center 34.3705%;
651
+ background-position: center 34.3705%;
493
652
  }
653
+
494
654
  .fflag--ba {
495
- background-position: center 34.5922%;
655
+ background-position: center 34.5922%;
496
656
  }
657
+
497
658
  .fflag--bg {
498
- background-position: center 34.8139%;
659
+ background-position: center 34.8139%;
499
660
  }
661
+
500
662
  .fflag--hr {
501
- background-position: center 35.0356%;
663
+ background-position: center 35.0356%;
502
664
  }
665
+
503
666
  .fflag--cy {
504
- background-position: center 35.2555%;
667
+ background-position: center 35.2555%;
505
668
  }
669
+
506
670
  .fflag--cz {
507
- background-position: left 35.479%;
671
+ background-position: left 35.479%;
508
672
  }
673
+
509
674
  .fflag--dk {
510
- background-position: center 35.7007%;
675
+ background-position: center 35.7007%;
511
676
  }
677
+
512
678
  .fflag--ee {
513
- background-position: center 35.9224%;
679
+ background-position: center 35.9224%;
514
680
  }
681
+
515
682
  .fflag--fo {
516
- background-position: center 36.1441%;
683
+ background-position: center 36.1441%;
517
684
  }
685
+
518
686
  .fflag--fi {
519
- background-position: center 36.3658%;
687
+ background-position: center 36.3658%;
520
688
  }
689
+
521
690
  .fflag--fr {
522
- background-position: center 36.5875%;
691
+ background-position: center 36.5875%;
523
692
  }
693
+
524
694
  .fflag--de {
525
- background-position: center 36.8092%;
695
+ background-position: center 36.8092%;
526
696
  }
697
+
527
698
  .fflag--gi {
528
- background-position: center 37.0309%;
699
+ background-position: center 37.0309%;
529
700
  }
701
+
530
702
  .fflag--gr {
531
- background-position: left 37.2526%;
703
+ background-position: left 37.2526%;
532
704
  }
705
+
533
706
  .fflag--gg {
534
- background-position: center 37.4743%;
707
+ background-position: center 37.4743%;
535
708
  }
709
+
536
710
  .fflag--hu {
537
- background-position: center 37.696%;
711
+ background-position: center 37.696%;
538
712
  }
713
+
539
714
  .fflag--is {
540
- background-position: center 37.9177%;
715
+ background-position: center 37.9177%;
541
716
  }
717
+
542
718
  .fflag--ie {
543
- background-position: center 38.1394%;
719
+ background-position: center 38.1394%;
544
720
  }
721
+
545
722
  .fflag--im {
546
- background-position: center 38.3611%;
723
+ background-position: center 38.3611%;
547
724
  }
725
+
548
726
  .fflag--it {
549
- background-position: center 38.5828%;
727
+ background-position: center 38.5828%;
550
728
  }
729
+
551
730
  .fflag--je {
552
- background-position: center 38.8045%;
731
+ background-position: center 38.8045%;
553
732
  }
733
+
554
734
  .fflag--xk {
555
- background-position: center 39.0262%;
735
+ background-position: center 39.0262%;
556
736
  }
737
+
557
738
  .fflag--lv {
558
- background-position: center 39.2479%;
739
+ background-position: center 39.2479%;
559
740
  }
741
+
560
742
  .fflag--li {
561
- background-position: left 39.4696%;
743
+ background-position: left 39.4696%;
562
744
  }
745
+
563
746
  .fflag--lt {
564
- background-position: center 39.6913%;
747
+ background-position: center 39.6913%;
565
748
  }
749
+
566
750
  .fflag--lu {
567
- background-position: center 39.913%;
751
+ background-position: center 39.913%;
568
752
  }
753
+
569
754
  .fflag--mt {
570
- background-position: left 40.1347%;
755
+ background-position: left 40.1347%;
571
756
  }
757
+
572
758
  .fflag--md {
573
- background-position: center 40.3564%;
759
+ background-position: center 40.3564%;
574
760
  }
761
+
575
762
  .fflag--mc {
576
- background-position: center 40.5781%;
763
+ background-position: center 40.5781%;
577
764
  }
765
+
578
766
  .fflag--me {
579
- background-position: center 40.7998%;
767
+ background-position: center 40.7998%;
580
768
  }
769
+
581
770
  .fflag--nl {
582
- background-position: center 41.0215%;
771
+ background-position: center 41.0215%;
583
772
  }
773
+
584
774
  .fflag--mk {
585
- background-position: center 41.2432%;
775
+ background-position: center 41.2432%;
586
776
  }
777
+
587
778
  .fflag--no {
588
- background-position: center 41.4649%;
779
+ background-position: center 41.4649%;
589
780
  }
781
+
590
782
  .fflag--pl {
591
- background-position: center 41.6866%;
783
+ background-position: center 41.6866%;
592
784
  }
785
+
593
786
  .fflag--pt {
594
- background-position: center 41.9083%;
787
+ background-position: center 41.9083%;
595
788
  }
789
+
596
790
  .fflag--ro {
597
- background-position: center 42.13%;
791
+ background-position: center 42.13%;
598
792
  }
793
+
599
794
  .fflag--ru {
600
- background-position: center 42.3517%;
795
+ background-position: center 42.3517%;
601
796
  }
797
+
602
798
  .fflag--sm {
603
- background-position: center 42.5734%;
799
+ background-position: center 42.5734%;
604
800
  }
801
+
605
802
  .fflag--rs {
606
- background-position: center 42.7951%;
803
+ background-position: center 42.7951%;
607
804
  }
805
+
608
806
  .fflag--sk {
609
- background-position: center 43.0168%;
807
+ background-position: center 43.0168%;
610
808
  }
809
+
611
810
  .fflag--si {
612
- background-position: center 43.2385%;
811
+ background-position: center 43.2385%;
613
812
  }
813
+
614
814
  .fflag--es {
615
- background-position: left 43.4602%;
815
+ background-position: left 43.4602%;
616
816
  }
817
+
617
818
  .fflag--se {
618
- background-position: center 43.6819%;
819
+ background-position: center 43.6819%;
619
820
  }
821
+
620
822
  .fflag--ch {
621
- background-position: center 43.9036%;
823
+ background-position: center 43.9036%;
622
824
  }
825
+
623
826
  .fflag--tr {
624
- background-position: center 44.1253%;
827
+ background-position: center 44.1253%;
625
828
  }
829
+
626
830
  .fflag--ua {
627
- background-position: center 44.347%;
831
+ background-position: center 44.347%;
628
832
  }
833
+
629
834
  .fflag--gb {
630
- background-position: center 44.5687%;
835
+ background-position: center 44.5687%;
631
836
  }
837
+
632
838
  .fflag--va {
633
- background-position: right 44.7904%;
839
+ background-position: right 44.7904%;
634
840
  }
841
+
635
842
  .fflag--bh {
636
- background-position: center 45.0121%;
843
+ background-position: center 45.0121%;
637
844
  }
845
+
638
846
  .fflag--ir {
639
- background-position: center 45.2338%;
847
+ background-position: center 45.2338%;
640
848
  }
849
+
641
850
  .fflag--iq {
642
- background-position: center 45.4555%;
851
+ background-position: center 45.4555%;
643
852
  }
853
+
644
854
  .fflag--il {
645
- background-position: center 45.6772%;
855
+ background-position: center 45.6772%;
646
856
  }
857
+
647
858
  .fflag--kw {
648
- background-position: left 45.897%;
859
+ background-position: left 45.897%;
649
860
  }
861
+
650
862
  .fflag--jo {
651
- background-position: left 46.1206%;
863
+ background-position: left 46.1206%;
652
864
  }
865
+
653
866
  .fflag--kg {
654
- background-position: center 46.3423%;
867
+ background-position: center 46.3423%;
655
868
  }
869
+
656
870
  .fflag--lb {
657
- background-position: center 46.561%;
871
+ background-position: center 46.561%;
658
872
  }
873
+
659
874
  .fflag--om {
660
- background-position: left 46.7857%;
875
+ background-position: left 46.7857%;
661
876
  }
877
+
662
878
  .fflag--pk {
663
- background-position: center 47.0074%;
879
+ background-position: center 47.0074%;
664
880
  }
881
+
665
882
  .fflag--ps {
666
- background-position: center 47.2291%;
883
+ background-position: center 47.2291%;
667
884
  }
885
+
668
886
  .fflag--qa {
669
- background-position: center 47.4508%;
887
+ background-position: center 47.4508%;
670
888
  }
889
+
671
890
  .fflag--sa {
672
- background-position: center 47.6725%;
891
+ background-position: center 47.6725%;
673
892
  }
893
+
674
894
  .fflag--sy {
675
- background-position: center 47.8942%;
895
+ background-position: center 47.8942%;
676
896
  }
897
+
677
898
  .fflag--ae {
678
- background-position: center 48.1159%;
899
+ background-position: center 48.1159%;
679
900
  }
901
+
680
902
  .fflag--uz {
681
- background-position: left 48.3376%;
903
+ background-position: left 48.3376%;
682
904
  }
905
+
683
906
  .fflag--as {
684
- background-position: right 48.5593%;
907
+ background-position: right 48.5593%;
685
908
  }
909
+
686
910
  .fflag--au {
687
- background-position: center 48.781%;
911
+ background-position: center 48.781%;
688
912
  }
913
+
689
914
  .fflag--cx {
690
- background-position: center 49.002%;
915
+ background-position: center 49.002%;
691
916
  }
917
+
692
918
  .fflag--cc {
693
- background-position: center 49.2244%;
919
+ background-position: center 49.2244%;
694
920
  }
921
+
695
922
  .fflag--ck {
696
- background-position: center 49.4445%;
923
+ background-position: center 49.4445%;
697
924
  }
925
+
698
926
  .fflag--fj {
699
- background-position: center 49.6678%;
927
+ background-position: center 49.6678%;
700
928
  }
929
+
701
930
  .fflag--pf {
702
- background-position: center 49.8895%;
931
+ background-position: center 49.8895%;
703
932
  }
933
+
704
934
  .fflag--gu {
705
- background-position: center 50.1112%;
935
+ background-position: center 50.1112%;
706
936
  }
937
+
707
938
  .fflag--ki {
708
- background-position: center 50.3329%;
939
+ background-position: center 50.3329%;
709
940
  }
941
+
710
942
  .fflag--mh {
711
- background-position: left 50.5546%;
943
+ background-position: left 50.5546%;
712
944
  }
945
+
713
946
  .fflag--fm {
714
- background-position: center 50.7763%;
947
+ background-position: center 50.7763%;
715
948
  }
949
+
716
950
  .fflag--nc {
717
- background-position: center 50.998%;
951
+ background-position: center 50.998%;
718
952
  }
953
+
719
954
  .fflag--nz {
720
- background-position: center 51.2197%;
955
+ background-position: center 51.2197%;
721
956
  }
957
+
722
958
  .fflag--nr {
723
- background-position: left 51.4414%;
959
+ background-position: left 51.4414%;
724
960
  }
961
+
725
962
  .fflag--nu {
726
- background-position: center 51.6631%;
963
+ background-position: center 51.6631%;
727
964
  }
965
+
728
966
  .fflag--nf {
729
- background-position: center 51.8848%;
967
+ background-position: center 51.8848%;
730
968
  }
969
+
731
970
  .fflag--ws {
732
- background-position: left 52.1065%;
971
+ background-position: left 52.1065%;
733
972
  }
973
+
734
974
  .fflag--sb {
735
- background-position: left 52.3282%;
975
+ background-position: left 52.3282%;
736
976
  }
977
+
737
978
  .fflag--tk {
738
- background-position: center 52.5499%;
979
+ background-position: center 52.5499%;
739
980
  }
981
+
740
982
  .fflag--to {
741
- background-position: left 52.7716%;
983
+ background-position: left 52.7716%;
742
984
  }
985
+
743
986
  .fflag--tv {
744
- background-position: center 52.9933%;
987
+ background-position: center 52.9933%;
745
988
  }
989
+
746
990
  .fflag--vu {
747
- background-position: left 53.215%;
991
+ background-position: left 53.215%;
748
992
  }
993
+
749
994
  .fflag--wf {
750
- background-position: center 53.4385%;
995
+ background-position: center 53.4385%;
751
996
  }
997
+
752
998
  .fflag--aq {
753
- background-position: center 53.6584%;
999
+ background-position: center 53.6584%;
754
1000
  }
1001
+
755
1002
  .fflag--eu {
756
- background-position: center 53.875%;
1003
+ background-position: center 53.875%;
757
1004
  }
1005
+
758
1006
  .fflag--jr {
759
- background-position: center 54.099%;
1007
+ background-position: center 54.099%;
760
1008
  }
1009
+
761
1010
  .fflag--oly {
762
- background-position: center 54.32%;
1011
+ background-position: center 54.32%;
763
1012
  }
1013
+
764
1014
  .fflag--un {
765
- background-position: center 54.54%;
1015
+ background-position: center 54.54%;
766
1016
  }
1017
+
767
1018
  .fflag.ff-sm {
768
- height: 11px;
769
- width: 18px;
1019
+ height: 11px;
1020
+ width: 18px;
770
1021
  }
1022
+
771
1023
  .fflag.ff-md {
772
- height: 17px;
773
- width: 27px;
1024
+ height: 17px;
1025
+ width: 27px;
774
1026
  }
1027
+
775
1028
  .fflag.ff-lg {
776
- height: 27px;
777
- width: 42px;
1029
+ height: 27px;
1030
+ width: 42px;
778
1031
  }
1032
+
779
1033
  .fflag.ff-xl {
780
- height: 37px;
781
- width: 60px;
1034
+ height: 37px;
1035
+ width: 60px;
782
1036
  }
1037
+
1038
+ /*# sourceMappingURL=flag.css.map */