@ebay/skin 17.5.0-next.0 → 18.0.0-next.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 (479) hide show
  1. package/.changeset/bright-kiwis-repeat.md +5 -0
  2. package/.changeset/chilled-games-stare.md +5 -0
  3. package/.changeset/gold-radios-reply.md +5 -0
  4. package/.changeset/light-lions-explode.md +5 -0
  5. package/.changeset/pre.json +7 -5
  6. package/.changeset/ten-rockets-double.md +5 -0
  7. package/.changeset/wild-donkeys-attack.md +5 -0
  8. package/.github/workflows/pages-html-proofer.yml +1 -1
  9. package/.prettierignore +0 -1
  10. package/.storybook/main.js +4 -11
  11. package/.storybook/preview.js +1 -1
  12. package/.stylelintrc +16 -24
  13. package/CHANGELOG.md +32 -0
  14. package/CONTRIBUTING.md +1 -1
  15. package/bundles.browser.json +1 -0
  16. package/bundles.css +1 -0
  17. package/bundles.js +1 -0
  18. package/bundles.mjs +1 -0
  19. package/chart-legend.browser.json +1 -0
  20. package/chart-legend.css +1 -0
  21. package/chart-legend.js +1 -0
  22. package/chart-legend.mjs +1 -0
  23. package/dist/alert-dialog/alert-dialog.css +84 -72
  24. package/dist/alert-dialog/alert-dialog.css.map +1 -0
  25. package/dist/avatar/avatar.css +81 -62
  26. package/dist/avatar/avatar.css.map +1 -0
  27. package/dist/badge/badge.css +16 -11
  28. package/dist/badge/badge.css.map +1 -0
  29. package/dist/breadcrumbs/breadcrumbs.css +85 -58
  30. package/dist/breadcrumbs/breadcrumbs.css.map +1 -0
  31. package/dist/bundles/skin-default.css +10068 -0
  32. package/dist/bundles/skin-default.css.map +1 -0
  33. package/dist/bundles/skin-full.css +10252 -0
  34. package/dist/bundles/skin-full.css.map +1 -0
  35. package/dist/bundles/skin-headless.css +9680 -0
  36. package/dist/bundles/skin-headless.css.map +1 -0
  37. package/dist/button/button.css +590 -415
  38. package/dist/button/button.css.map +1 -0
  39. package/dist/calendar/calendar.css +148 -102
  40. package/dist/calendar/calendar.css.map +1 -0
  41. package/dist/carousel/carousel.css +231 -205
  42. package/dist/carousel/carousel.css.map +1 -0
  43. package/dist/chart-legend/chart-legend.css +77 -0
  44. package/dist/chart-legend/chart-legend.css.map +1 -0
  45. package/dist/checkbox/checkbox.css +77 -54
  46. package/dist/checkbox/checkbox.css.map +1 -0
  47. package/dist/chip/chip.css +41 -34
  48. package/dist/chip/chip.css.map +1 -0
  49. package/dist/chips-combobox/chips-combobox.css +77 -62
  50. package/dist/chips-combobox/chips-combobox.css.map +1 -0
  51. package/dist/combobox/combobox.css +244 -161
  52. package/dist/combobox/combobox.css.map +1 -0
  53. package/dist/confirm-dialog/confirm-dialog.css +86 -73
  54. package/dist/confirm-dialog/confirm-dialog.css.map +1 -0
  55. package/dist/cta-button/cta-button.css +96 -70
  56. package/dist/cta-button/cta-button.css.map +1 -0
  57. package/dist/date-textbox/date-textbox.css +24 -15
  58. package/dist/date-textbox/date-textbox.css.map +1 -0
  59. package/dist/details/details.css +34 -27
  60. package/dist/details/details.css.map +1 -0
  61. package/dist/donut-chart/donut-chart.css +91 -0
  62. package/dist/donut-chart/donut-chart.css.map +1 -0
  63. package/dist/drawer-dialog/drawer-dialog.css +133 -118
  64. package/dist/drawer-dialog/drawer-dialog.css.map +1 -0
  65. package/dist/education-notice/education-notice.css +62 -34
  66. package/dist/education-notice/education-notice.css.map +1 -0
  67. package/dist/eek/eek.css +97 -74
  68. package/dist/eek/eek.css.map +1 -0
  69. package/dist/field/field.css +87 -53
  70. package/dist/field/field.css.map +1 -0
  71. package/dist/filter-button/filter-button.css +115 -75
  72. package/dist/filter-button/filter-button.css.map +1 -0
  73. package/dist/filter-menu/filter-menu.css +168 -113
  74. package/dist/filter-menu/filter-menu.css.map +1 -0
  75. package/dist/filter-menu-button/filter-menu-button.css +298 -173
  76. package/dist/filter-menu-button/filter-menu-button.css.map +1 -0
  77. package/dist/flag/flag.css +528 -272
  78. package/dist/flag/flag.css.map +1 -0
  79. package/dist/floating-label/floating-label.css +100 -51
  80. package/dist/floating-label/floating-label.css.map +1 -0
  81. package/dist/fullscreen-dialog/fullscreen-dialog.css +112 -99
  82. package/dist/fullscreen-dialog/fullscreen-dialog.css.map +1 -0
  83. package/dist/global/global.css +32 -13
  84. package/dist/global/global.css.map +1 -0
  85. package/dist/icon/icon.css +50 -2946
  86. package/dist/icon/icon.css.map +1 -0
  87. package/dist/icon-button/icon-button.css +307 -212
  88. package/dist/icon-button/icon-button.css.map +1 -0
  89. package/dist/image-placeholder/image-placeholder.css +6 -4
  90. package/dist/image-placeholder/image-placeholder.css.map +1 -0
  91. package/dist/infotip/infotip.css +121 -93
  92. package/dist/infotip/infotip.css.map +1 -0
  93. package/dist/inline-notice/inline-notice.css +16 -9
  94. package/dist/inline-notice/inline-notice.css.map +1 -0
  95. package/dist/lightbox-dialog/lightbox-dialog.css +239 -183
  96. package/dist/lightbox-dialog/lightbox-dialog.css.map +1 -0
  97. package/dist/link/link.css +37 -19
  98. package/dist/link/link.css.map +1 -0
  99. package/dist/listbox/listbox.css +86 -58
  100. package/dist/listbox/listbox.css.map +1 -0
  101. package/dist/listbox-button/listbox-button.css +240 -134
  102. package/dist/listbox-button/listbox-button.css.map +1 -0
  103. package/dist/marketsans/marketsans.css +34 -12
  104. package/dist/marketsans/marketsans.css.map +1 -0
  105. package/dist/menu/menu.css +136 -99
  106. package/dist/menu/menu.css.map +1 -0
  107. package/dist/menu-button/menu-button.css +236 -157
  108. package/dist/menu-button/menu-button.css.map +1 -0
  109. package/dist/mixins/_typography-mixins.scss +136 -0
  110. package/dist/mixins/_utility-mixins.scss +62 -0
  111. package/dist/page-grid/page-grid.css +57 -46
  112. package/dist/page-grid/page-grid.css.map +1 -0
  113. package/dist/page-notice/page-notice.css +142 -85
  114. package/dist/page-notice/page-notice.css.map +1 -0
  115. package/dist/pagination/pagination.css +109 -80
  116. package/dist/pagination/pagination.css.map +1 -0
  117. package/dist/panel-dialog/panel-dialog.css +115 -98
  118. package/dist/panel-dialog/panel-dialog.css.map +1 -0
  119. package/dist/phone-input/phone-input.css +100 -88
  120. package/dist/phone-input/phone-input.css.map +1 -0
  121. package/dist/progress-bar/progress-bar.css +32 -15
  122. package/dist/progress-bar/progress-bar.css.map +1 -0
  123. package/dist/progress-bar-expressive/progress-bar-expressive.css +302 -203
  124. package/dist/progress-bar-expressive/progress-bar-expressive.css.map +1 -0
  125. package/dist/progress-spinner/progress-spinner.css +24 -20
  126. package/dist/progress-spinner/progress-spinner.css.map +1 -0
  127. package/dist/progress-stepper/progress-stepper.css +229 -117
  128. package/dist/progress-stepper/progress-stepper.css.map +1 -0
  129. package/dist/radio/radio.css +71 -52
  130. package/dist/radio/radio.css.map +1 -0
  131. package/dist/section-notice/section-notice.css +102 -72
  132. package/dist/section-notice/section-notice.css.map +1 -0
  133. package/dist/section-title/section-title.css +66 -52
  134. package/dist/section-title/section-title.css.map +1 -0
  135. package/dist/segmented-buttons/segmented-buttons.css +49 -38
  136. package/dist/segmented-buttons/segmented-buttons.css.map +1 -0
  137. package/dist/select/select.css +96 -60
  138. package/dist/select/select.css.map +1 -0
  139. package/dist/signal/signal.css +25 -16
  140. package/dist/signal/signal.css.map +1 -0
  141. package/dist/skeleton/skeleton.css +131 -108
  142. package/dist/skeleton/skeleton.css.map +1 -0
  143. package/dist/snackbar-dialog/snackbar-dialog.css +82 -52
  144. package/dist/snackbar-dialog/snackbar-dialog.css.map +1 -0
  145. package/dist/split-button/split-button.css +3 -1
  146. package/dist/split-button/split-button.css.map +1 -0
  147. package/dist/star-rating/star-rating.css +40 -19
  148. package/dist/star-rating/star-rating.css.map +1 -0
  149. package/dist/star-rating-select/star-rating-select.css +67 -39
  150. package/dist/star-rating-select/star-rating-select.css.map +1 -0
  151. package/dist/svg/icons.svg +21 -21
  152. package/dist/switch/switch.css +119 -78
  153. package/dist/switch/switch.css.map +1 -0
  154. package/dist/tabs/tabs.css +70 -51
  155. package/dist/tabs/tabs.css.map +1 -0
  156. package/dist/textbox/textbox.css +167 -112
  157. package/dist/textbox/textbox.css.map +1 -0
  158. package/dist/toast-dialog/toast-dialog.css +140 -90
  159. package/dist/toast-dialog/toast-dialog.css.map +1 -0
  160. package/dist/toggle-button/toggle-button.css +154 -114
  161. package/dist/toggle-button/toggle-button.css.map +1 -0
  162. package/dist/toggle-button-group/toggle-button-group.css +610 -60
  163. package/dist/toggle-button-group/toggle-button-group.css.map +1 -0
  164. package/dist/tokens/evo-core.css +139 -67
  165. package/dist/tokens/evo-dark.css +57 -62
  166. package/dist/tokens/evo-light.css +76 -76
  167. package/dist/tooltip/tooltip.css +117 -85
  168. package/dist/tooltip/tooltip.css.map +1 -0
  169. package/dist/tourtip/tourtip.css +141 -108
  170. package/dist/tourtip/tourtip.css.map +1 -0
  171. package/dist/typography/typography.css +86 -59
  172. package/dist/typography/typography.css.map +1 -0
  173. package/dist/utility/utility.css +75 -72
  174. package/dist/utility/utility.css.map +1 -0
  175. package/dist/variables/_variables.scss +64 -0
  176. package/dist/video/video.css +46 -34
  177. package/dist/video/video.css.map +1 -0
  178. package/donut-chart.browser.json +1 -0
  179. package/donut-chart.css +1 -0
  180. package/donut-chart.js +1 -0
  181. package/donut-chart.mjs +1 -0
  182. package/gh.browser.json +4 -4
  183. package/index.browser.json +3 -0
  184. package/index.css +3 -0
  185. package/index.js +3 -0
  186. package/index.mjs +3 -0
  187. package/package.json +79 -60
  188. package/postcss.config.js +17 -0
  189. package/scripts/README.md +1 -1
  190. package/scripts/generate-bundle.js +13 -12
  191. package/scripts/generate-images.js +34 -23
  192. package/src/{less/alert-dialog/alert-dialog.less → sass/alert-dialog/alert-dialog.scss} +14 -12
  193. package/src/sass/avatar/avatar.scss +134 -0
  194. package/src/sass/badge/badge.scss +21 -0
  195. package/src/{less/breadcrumbs/breadcrumbs.less → sass/breadcrumbs/breadcrumbs.scss} +23 -12
  196. package/src/{less → sass}/breadcrumbs/stories/button-cascade.stories.js +12 -12
  197. package/src/{less → sass}/breadcrumbs/stories/button-overflow.stories.js +15 -15
  198. package/src/{less → sass}/breadcrumbs/stories/buttons.stories.js +5 -5
  199. package/src/{less → sass}/breadcrumbs/stories/link-cascade.stories.js +12 -12
  200. package/src/{less → sass}/breadcrumbs/stories/link-overflow.stories.js +15 -15
  201. package/src/{less → sass}/breadcrumbs/stories/links.stories.js +5 -5
  202. package/src/sass/bundles/skin-default.scss +9 -0
  203. package/src/sass/bundles/skin-full.scss +10 -0
  204. package/src/sass/bundles/skin-headless.scss +72 -0
  205. package/src/{less/button/button.less → sass/button/button.scss} +183 -69
  206. package/src/{less → sass}/button/stories/button/base.stories.js +5 -5
  207. package/src/{less → sass}/button/stories/button/borderless.stories.js +4 -4
  208. package/src/{less → sass}/button/stories/button/cascade.stories.js +3 -3
  209. package/src/{less → sass}/button/stories/button/dimensions.stories.js +2 -2
  210. package/src/{less → sass}/button/stories/button/primary.stories.js +4 -4
  211. package/src/{less → sass}/button/stories/button/secondary.stories.js +4 -4
  212. package/src/{less → sass}/button/stories/button/tertiary.stories.js +4 -4
  213. package/src/{less → sass}/button/stories/button/text-spacing.stories.js +1 -1
  214. package/src/{less → sass}/button/stories/destructive-button/primary.stories.js +3 -3
  215. package/src/{less → sass}/button/stories/destructive-button/secondary.stories.js +3 -3
  216. package/src/{less → sass}/button/stories/destructive-button/tertiary.stories.js +3 -3
  217. package/src/{less → sass}/button/stories/fake-button/base.stories.js +2 -2
  218. package/src/{less → sass}/button/stories/fake-button/cascade.stories.js +3 -3
  219. package/src/{less → sass}/button/stories/fake-button/dimensions.stories.js +1 -1
  220. package/src/{less → sass}/button/stories/fake-button/primary.stories.js +4 -4
  221. package/src/{less → sass}/button/stories/fake-button/secondary.stories.js +4 -4
  222. package/src/{less → sass}/button/stories/fake-button/text-spacing.stories.js +1 -1
  223. package/src/{less/calendar/calendar.less → sass/calendar/calendar.scss} +43 -18
  224. package/src/{less → sass}/calendar/stories/calendar.stories.js +6 -6
  225. package/src/{less/carousel/carousel.less → sass/carousel/carousel.scss} +66 -49
  226. package/src/{less → sass}/carousel/stories/carousel.stories.js +25 -25
  227. package/src/sass/chart-legend/chart-legend.scss +74 -0
  228. package/src/sass/chart-legend/stories/chart-legend.stories.js +65 -0
  229. package/src/{less/checkbox/checkbox.less → sass/checkbox/checkbox.scss} +25 -24
  230. package/src/{less/chip/chip.less → sass/chip/chip.scss} +1 -1
  231. package/src/{less → sass}/chip/stories/interactive-chip.stories.js +17 -17
  232. package/src/{less/chips-combobox/chips-combobox.less → sass/chips-combobox/chips-combobox.scss} +7 -7
  233. package/src/{less → sass}/chips-combobox/stories/chips-combobox.stories.js +38 -38
  234. package/src/{less → sass}/chips-combobox/stories/rtl-chips-combobox.stories.js +34 -34
  235. package/src/{less/combobox/combobox.less → sass/combobox/combobox.scss} +76 -35
  236. package/src/{less → sass}/combobox/stories/combobox.stories.js +11 -11
  237. package/src/{less/confirm-dialog/confirm-dialog.less → sass/confirm-dialog/confirm-dialog.scss} +14 -12
  238. package/src/sass/cta-button/cta-button.scss +105 -0
  239. package/src/{less → sass}/cta-button/stories/cascade.stories.js +3 -3
  240. package/src/{less → sass}/cta-button/stories/cta-button.stories.js +2 -2
  241. package/src/{less → sass}/cta-button/stories/dimensions.stories.js +2 -2
  242. package/src/{less/date-textbox/date-textbox.less → sass/date-textbox/date-textbox.scss} +10 -6
  243. package/src/{less → sass}/date-textbox/stories/date-textbox.stories.js +23 -7
  244. package/src/{less/details/details.less → sass/details/details.scss} +9 -5
  245. package/src/{less → sass}/details/stories/cascade.stories.js +3 -3
  246. package/src/{less → sass}/details/stories/details.stories.js +5 -5
  247. package/src/sass/donut-chart/donut-chart.scss +98 -0
  248. package/src/sass/donut-chart/stories/donut-chart.stories.js +39 -0
  249. package/src/{less/drawer-dialog/drawer-dialog.less → sass/drawer-dialog/drawer-dialog.scss} +24 -21
  250. package/src/{less → sass}/drawer-dialog/stories/drawer-dialog.stories.js +7 -7
  251. package/src/{less/education-notice/education-notice.less → sass/education-notice/education-notice.scss} +26 -8
  252. package/src/{less → sass}/education-notice/stories/base.stories.js +13 -13
  253. package/src/{less/eek/eek.less → sass/eek/eek.scss} +43 -42
  254. package/src/{less/field/field.less → sass/field/field.scss} +23 -13
  255. package/src/{less → sass}/field/stories/stacked.stories.js +8 -8
  256. package/src/{less → sass}/field/stories/unstacked.stories.js +4 -4
  257. package/src/sass/filter-button/filter-button.scss +112 -0
  258. package/src/{less/filter-menu/filter-menu.less → sass/filter-menu/filter-menu.scss} +22 -10
  259. package/src/{less → sass}/filter-menu/stories/filter-menu.stories.js +24 -24
  260. package/src/{less/filter-menu-button/filter-menu-button.less → sass/filter-menu-button/filter-menu-button.scss} +103 -36
  261. package/src/{less → sass}/filter-menu-button/stories/filter-menu-button.stories.js +124 -124
  262. package/src/{less/floating-label/floating-label.less → sass/floating-label/floating-label.scss} +31 -15
  263. package/src/{less → sass}/floating-label/stories/floating-label.stories.js +15 -15
  264. package/src/{less/fullscreen-dialog/fullscreen-dialog.less → sass/fullscreen-dialog/fullscreen-dialog.scss} +15 -11
  265. package/src/{less → sass}/fullscreen-dialog/stories/fullscreen-dialog.stories.js +4 -4
  266. package/src/sass/gh/_gh-mixins.scss +197 -0
  267. package/src/sass/global/global.scss +50 -0
  268. package/src/{less → sass}/global/stories/global.stories.js +12 -12
  269. package/src/sass/icon/icon.scss +83 -0
  270. package/src/{less → sass}/icon/stories/icon.stories.js +5 -5
  271. package/src/{less/icon-button/icon-button.less → sass/icon-button/icon-button.scss} +88 -35
  272. package/src/sass/icon-button/stories/alignment.stories.js +28 -0
  273. package/src/{less → sass}/icon-button/stories/buttons.stories.js +36 -36
  274. package/src/{less → sass}/icon-button/stories/links.stories.js +36 -36
  275. package/src/sass/image-placeholder/image-placeholder.scss +10 -0
  276. package/src/sass/infotip/infotip.scss +136 -0
  277. package/src/{less → sass}/infotip/stories/infotip.stories.js +12 -12
  278. package/src/{less/inline-notice/inline-notice.less → sass/inline-notice/inline-notice.scss} +3 -3
  279. package/src/{less → sass}/inline-notice/stories/inline.stories.js +11 -11
  280. package/src/{less/lightbox-dialog/lightbox-dialog.less → sass/lightbox-dialog/lightbox-dialog.scss} +61 -19
  281. package/src/{less → sass}/lightbox-dialog/stories/lightbox-dialog.stories.js +40 -33
  282. package/src/sass/link/link.scss +61 -0
  283. package/src/{less/listbox/listbox.less → sass/listbox/listbox.scss} +20 -14
  284. package/src/{less → sass}/listbox/stories/cascade.stories.js +9 -9
  285. package/src/{less → sass}/listbox/stories/listbox.stories.js +18 -18
  286. package/src/sass/listbox-button/listbox-button.scss +233 -0
  287. package/src/{less → sass}/listbox-button/stories/base.stories.js +48 -48
  288. package/src/{less → sass}/listbox-button/stories/cascade.stories.js +15 -15
  289. package/src/{less → sass}/listbox-button/stories/dimensions.stories.js +5 -5
  290. package/src/{less → sass}/listbox-button/stories/error/error.base.stories.js +38 -38
  291. package/src/{less → sass}/listbox-button/stories/error/error.cascade.stories.js +15 -15
  292. package/src/{less → sass}/listbox-button/stories/error/error.dimensions.stories.js +5 -5
  293. package/src/{less → sass}/listbox-button/stories/error/error.form.stories.js +10 -10
  294. package/src/{less → sass}/listbox-button/stories/form.stories.js +15 -15
  295. package/src/{less → sass}/listbox-button/stories/subtitle.stories.js +38 -38
  296. package/src/sass/marketsans/marketsans.scss +46 -0
  297. package/src/{less/menu/menu.less → sass/menu/menu.scss} +22 -12
  298. package/src/{less → sass}/menu/stories/fake-menu.stories.js +4 -4
  299. package/src/{less → sass}/menu/stories/multiSelect.stories.js +9 -9
  300. package/src/{less/menu-button/menu-button.less → sass/menu-button/menu-button.scss} +60 -30
  301. package/src/{less → sass}/menu-button/stories/base.stories.js +30 -30
  302. package/src/{less → sass}/menu-button/stories/cascade.stories.js +6 -6
  303. package/src/{less → sass}/menu-button/stories/dimensions.stories.js +1 -1
  304. package/src/{less → sass}/menu-button/stories/fake-menu-button.stories.js +6 -6
  305. package/src/sass/mixins/private/_bubble-mixins.scss +168 -0
  306. package/src/sass/mixins/private/_button-mixins.scss +95 -0
  307. package/src/{less/mixins/private/dialog-mixins.less → sass/mixins/private/_dialog-mixins.scss} +25 -22
  308. package/src/sass/mixins/private/_dropdown-mixins.scss +60 -0
  309. package/src/{less/mixins/private/filter-button-mixins.less → sass/mixins/private/_filter-button-mixins.scss} +6 -2
  310. package/src/sass/mixins/private/_filter-menu-mixins.scss +45 -0
  311. package/src/sass/mixins/private/_generated-icon-mixins.scss +517 -0
  312. package/src/sass/mixins/private/_icon-mixins.scss +12 -0
  313. package/src/sass/mixins/private/_listbox-mixins.scss +48 -0
  314. package/src/sass/mixins/private/_menu-mixins.scss +30 -0
  315. package/src/{less/mixins/private/selection-list-mixins.less → sass/mixins/private/_selection-list-mixins.scss} +3 -3
  316. package/src/sass/mixins/private/_token-mixins.scss +124 -0
  317. package/src/sass/mixins/public/_typography-mixins.scss +136 -0
  318. package/src/sass/mixins/public/_utility-mixins.scss +62 -0
  319. package/src/{less/page-grid/page-grid.less → sass/page-grid/page-grid.scss} +22 -22
  320. package/src/{less/page-notice/page-notice.less → sass/page-notice/page-notice.scss} +66 -26
  321. package/src/{less → sass}/page-notice/stories/page-notice.stories.js +14 -14
  322. package/src/{less → sass}/page-notice/stories/test.stories.js +7 -7
  323. package/src/{less/pagination/pagination.less → sass/pagination/pagination.scss} +28 -14
  324. package/src/{less → sass}/pagination/stories/button-cascade.stories.js +6 -6
  325. package/src/{less → sass}/pagination/stories/buttons.stories.js +4 -4
  326. package/src/{less → sass}/pagination/stories/link-cascade.stories.js +6 -6
  327. package/src/{less → sass}/pagination/stories/links.stories.js +4 -4
  328. package/src/{less → sass}/pagination/stories/overflow.stories.js +20 -20
  329. package/src/{less/panel-dialog/panel-dialog.less → sass/panel-dialog/panel-dialog.scss} +19 -16
  330. package/src/{less → sass}/panel-dialog/stories/panel-dialog.stories.js +7 -7
  331. package/src/{less/phone-input/phone-input.less → sass/phone-input/phone-input.scss} +47 -56
  332. package/src/{less → sass}/phone-input/stories/phone-input.stories.js +56 -56
  333. package/src/sass/progress-bar/progress-bar.scss +51 -0
  334. package/src/{less/progress-bar-expressive/progress-bar-expressive.less → sass/progress-bar-expressive/progress-bar-expressive.scss} +19 -20
  335. package/src/{less/progress-spinner/progress-spinner.less → sass/progress-spinner/progress-spinner.scss} +3 -3
  336. package/src/{less → sass}/progress-spinner/stories/progress-spinner.stories.js +4 -4
  337. package/src/{less/progress-stepper/progress-stepper.less → sass/progress-stepper/progress-stepper.scss} +55 -30
  338. package/src/{less/radio/radio.less → sass/radio/radio.scss} +25 -24
  339. package/src/{less/section-notice/section-notice.less → sass/section-notice/section-notice.scss} +42 -18
  340. package/src/{less → sass}/section-notice/stories/icon-16.stories.js +14 -14
  341. package/src/{less → sass}/section-notice/stories/iconless.stories.js +4 -4
  342. package/src/{less → sass}/section-notice/stories/test.stories.js +4 -4
  343. package/src/{less/section-title/section-title.less → sass/section-title/section-title.scss} +15 -11
  344. package/src/{less → sass}/section-title/stories/rtl.stories.js +3 -3
  345. package/src/{less → sass}/section-title/stories/section-title.stories.js +4 -4
  346. package/src/{less/segmented-buttons/segmented-buttons.less → sass/segmented-buttons/segmented-buttons.scss} +8 -8
  347. package/src/{less → sass}/segmented-buttons/stories/segmented-buttons.stories.js +2 -2
  348. package/src/{less/select/select.less → sass/select/select.scss} +52 -17
  349. package/src/{less → sass}/select/stories/cascade.stories.js +3 -3
  350. package/src/{less → sass}/select/stories/default.stories.js +9 -9
  351. package/src/{less → sass}/select/stories/floating-label.stories.js +4 -4
  352. package/src/{less/signal/signal.less → sass/signal/signal.scss} +9 -6
  353. package/src/{less/skeleton/skeleton.less → sass/skeleton/skeleton.scss} +23 -20
  354. package/src/{less/snackbar-dialog/snackbar-dialog.less → sass/snackbar-dialog/snackbar-dialog.scss} +30 -11
  355. package/src/{less/split-button/split-button.less → sass/split-button/split-button.scss} +1 -1
  356. package/src/{less → sass}/split-button/stories/base.stories.js +13 -13
  357. package/src/{less → sass}/split-button/stories/rtl.stories.js +6 -6
  358. package/src/{less → sass}/split-button/stories/size.stories.js +2 -2
  359. package/src/{less/star-rating/star-rating.less → sass/star-rating/star-rating.scss} +14 -14
  360. package/src/{less/star-rating-select/star-rating-select.less → sass/star-rating-select/star-rating-select.scss} +16 -15
  361. package/src/{less/switch/switch.less → sass/switch/switch.scss} +48 -20
  362. package/src/{less/tabs/tabs.less → sass/tabs/tabs.scss} +17 -7
  363. package/src/{less → sass}/textbox/stories/icon.stories.js +32 -18
  364. package/src/{less → sass}/textbox/stories/rtl/icon.stories.js +27 -11
  365. package/src/sass/textbox/stories/rtl/textbox.stories.js +45 -0
  366. package/src/{less → sass}/textbox/stories/textbox.stories.js +24 -2
  367. package/src/sass/textbox/textbox.scss +238 -0
  368. package/src/{less/toast-dialog/toast-dialog.less → sass/toast-dialog/toast-dialog.scss} +67 -23
  369. package/src/{less → sass}/toggle-button/stories/gallery-layout.stories.js +3 -3
  370. package/src/{less → sass}/toggle-button/stories/list-layout.stories.js +3 -3
  371. package/src/{less/toggle-button/toggle-button.less → sass/toggle-button/toggle-button.scss} +6 -1
  372. package/src/sass/toggle-button-group/stories/gallery-layout-exceptions.stories.js +471 -0
  373. package/src/sass/toggle-button-group/stories/gallery-layout.stories.js +564 -0
  374. package/src/sass/toggle-button-group/stories/list-layout-exceptions.stories.js +507 -0
  375. package/src/sass/toggle-button-group/stories/list-layout.stories.js +505 -0
  376. package/src/sass/toggle-button-group/stories/minimal-layout-exceptions.stories.js +291 -0
  377. package/src/sass/toggle-button-group/stories/minimal-layout.stories.js +289 -0
  378. package/src/sass/toggle-button-group/toggle-button-group.scss +342 -0
  379. package/src/{less → sass}/tooltip/stories/pointer.stories.js +12 -12
  380. package/src/{less → sass}/tooltip/stories/tooltip.stories.js +3 -3
  381. package/src/sass/tooltip/tooltip.scss +118 -0
  382. package/src/{less → sass}/tourtip/stories/tourtip.stories.js +5 -5
  383. package/src/{less/tourtip/tourtip.less → sass/tourtip/tourtip.scss} +41 -33
  384. package/src/{less/typography/typography.less → sass/typography/typography.scss} +24 -21
  385. package/src/{less/utility/utility.less → sass/utility/utility.scss} +13 -13
  386. package/src/sass/variables/_variables.scss +64 -0
  387. package/src/{less/video/video.less → sass/video/video.scss} +3 -3
  388. package/src/svg/icons.svg +21 -21
  389. package/src/tokens/evo-core.css +139 -67
  390. package/src/tokens/evo-dark.css +57 -62
  391. package/src/tokens/evo-light.css +76 -76
  392. package/svg.svg +21 -21
  393. package/.changeset/big-wombats-greet.md +0 -5
  394. package/.changeset/khaki-fans-pretend.md +0 -5
  395. package/.changeset/lemon-bobcats-collect.md +0 -5
  396. package/.changeset/loud-rivers-pump.md +0 -5
  397. package/_cdn/skin/v17.5.0-next.0/skin-default.min.css +0 -76
  398. package/_cdn/skin/v17.5.0-next.0/skin-full.min.css +0 -160
  399. package/_cdn/skin/v17.5.0-next.0/skin-headless.min.css +0 -6
  400. package/dist/variables/variables.less +0 -70
  401. package/less[ds-4].less +0 -3
  402. package/src/less/avatar/avatar.less +0 -134
  403. package/src/less/badge/badge.less +0 -16
  404. package/src/less/bundles/skin-default.less +0 -3
  405. package/src/less/bundles/skin-full.less +0 -4
  406. package/src/less/bundles/skin-headless.less +0 -70
  407. package/src/less/cta-button/cta-button.less +0 -79
  408. package/src/less/filter-button/filter-button.less +0 -80
  409. package/src/less/global/global.less +0 -37
  410. package/src/less/icon/generated/icon.less +0 -2905
  411. package/src/less/icon/icon.less +0 -62
  412. package/src/less/icon-button/stories/alignment.stories.js +0 -28
  413. package/src/less/image-placeholder/image-placeholder.less +0 -9
  414. package/src/less/infotip/infotip.less +0 -126
  415. package/src/less/link/link.less +0 -44
  416. package/src/less/listbox-button/listbox-button.less +0 -184
  417. package/src/less/marketsans/marketsans.less +0 -45
  418. package/src/less/mixins/private/bubble-mixins.less +0 -166
  419. package/src/less/mixins/private/button-mixins.less +0 -95
  420. package/src/less/mixins/private/dropdown-mixins.less +0 -44
  421. package/src/less/mixins/private/filter-menu-mixins.less +0 -31
  422. package/src/less/mixins/private/generated-icon-mixins.less +0 -517
  423. package/src/less/mixins/private/icon-mixins.less +0 -17
  424. package/src/less/mixins/private/listbox-mixins.less +0 -35
  425. package/src/less/mixins/private/menu-mixins.less +0 -21
  426. package/src/less/mixins/private/token-mixins.less +0 -100
  427. package/src/less/progress-bar/progress-bar.less +0 -35
  428. package/src/less/textbox/stories/rtl/textbox.stories.js +0 -17
  429. package/src/less/textbox/textbox.less +0 -181
  430. package/src/less/toggle-button-group/stories/gallery-layout.stories.js +0 -657
  431. package/src/less/toggle-button-group/stories/list-layout.stories.js +0 -611
  432. package/src/less/toggle-button-group/stories/minimal-layout.stories.js +0 -341
  433. package/src/less/toggle-button-group/toggle-button-group.less +0 -111
  434. package/src/less/tooltip/tooltip.less +0 -109
  435. package/src/less/variables/variables.less +0 -70
  436. /package/src/{less → sass}/alert-dialog/stories/alert-dialog.stories.js +0 -0
  437. /package/src/{less → sass}/avatar/stories/avatar.stories.js +0 -0
  438. /package/src/{less → sass}/badge/stories/badge.stories.js +0 -0
  439. /package/src/{less → sass}/button/stories/destructive-button/borderless.stories.js +0 -0
  440. /package/src/{less → sass}/checkbox/stories/checked.stories.js +0 -0
  441. /package/src/{less → sass}/checkbox/stories/mixed.stories.js +0 -0
  442. /package/src/{less → sass}/checkbox/stories/unchecked.stories.js +0 -0
  443. /package/src/{less → sass}/chip/stories/static-chip.stories.js +0 -0
  444. /package/src/{less → sass}/confirm-dialog/stories/confirm-dialog.stories.js +0 -0
  445. /package/src/{less → sass}/field/stories/helper-texts-stacked.stories.js +0 -0
  446. /package/src/{less → sass}/filter-button/stories/button.stories.js +0 -0
  447. /package/src/{less → sass}/filter-button/stories/group.stories.js +0 -0
  448. /package/src/{less → sass}/filter-button/stories/link.stories.js +0 -0
  449. /package/src/{less/flag/flag.less → sass/flag/flag.scss} +0 -0
  450. /package/src/{less → sass}/flag/stories/flag.stories.js +0 -0
  451. /package/src/{less → sass}/gh/gh-mixins.less +0 -0
  452. /package/src/{less → sass}/image-placeholder/stories/image-placeholder.stories.js +0 -0
  453. /package/src/{less → sass}/link/stories/link.stories.js +0 -0
  454. /package/src/{less → sass}/menu/stories/misc.stories.js +0 -0
  455. /package/src/{less → sass}/mixins/public/typography-mixins.less +0 -0
  456. /package/src/{less → sass}/mixins/public/utility-mixins.less +0 -0
  457. /package/src/{less → sass}/progress-bar/stories/progress-bar.stories.js +0 -0
  458. /package/src/{less → sass}/progress-bar-expressive/stories/progress-bar-expressive.stories.js +0 -0
  459. /package/src/{less → sass}/progress-stepper/stories/progress-stepper.stories.js +0 -0
  460. /package/src/{less → sass}/radio/stories/checked.stories.js +0 -0
  461. /package/src/{less → sass}/radio/stories/unchecked.stories.js +0 -0
  462. /package/src/{less → sass}/signal/stories/signal.stories.js +0 -0
  463. /package/src/{less → sass}/skeleton/stories/base.stories.js +0 -0
  464. /package/src/{less → sass}/skeleton/stories/composite.stories.js +0 -0
  465. /package/src/{less → sass}/skeleton/stories/rtl.stories.js +0 -0
  466. /package/src/{less → sass}/snackbar-dialog/stories/base.stories.js +0 -0
  467. /package/src/{less → sass}/snackbar-dialog/stories/font-size.stories.js +0 -0
  468. /package/src/{less → sass}/snackbar-dialog/stories/rtl.stories.js +0 -0
  469. /package/src/{less → sass}/star-rating/stories/star-rating.stories.js +0 -0
  470. /package/src/{less → sass}/star-rating-select/stories/star-rating-select.stories.js +0 -0
  471. /package/src/{less → sass}/switch/stories/form.stories.js +0 -0
  472. /package/src/{less → sass}/switch/stories/script.stories.js +0 -0
  473. /package/src/{less → sass}/tabs/stories/fake-tabs/block.stories.js +0 -0
  474. /package/src/{less → sass}/tabs/stories/fake-tabs/inlineBlock.stories.js +0 -0
  475. /package/src/{less → sass}/tabs/stories/tabs/block.stories.js +0 -0
  476. /package/src/{less → sass}/tabs/stories/tabs/inlineBlock.stories.js +0 -0
  477. /package/src/{less → sass}/toast-dialog/stories/toast-dialog.stories.js +0 -0
  478. /package/src/{less → sass}/toggle-button/stories/gallery-layout-responsive.stories.js +0 -0
  479. /package/src/{less → sass}/toggle-button/stories/minimal-layout.stories.js +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/sass/flag/flag.scss","flag.css"],"names":[],"mappings":"AAUA,gBAAA;;AATA;EAEI,eAAA;EACA,cAAA;EACA,mBAAA;EACA,cAAA;ACGJ;;ADCA;;;sDAAA;AAKA;EAbI,oBAAA;EAKA,qBAAA;ACkBJ;ADVA;EACI,gFAAA;EACA,2BAAA;EACA,2BAAA;EACA,oCAAA;EACA,kBAAA;EAEA,eAAA;EACA,iBAAA;ACEJ;;ADCA;EAEI,0BAAA;ACEJ;;ADAA;EACI,iCAAA;ACGJ;;ADDA;EACI,iCAAA;ACIJ;;ADFA;EACI,iCAAA;ACKJ;;ADHA;EACI,iCAAA;ACMJ;;ADJA;EACI,kCAAA;ACOJ;;ADLA;EACI,kCAAA;ACQJ;;ADNA;EACI,kCAAA;ACSJ;;ADPA;EACI,kCAAA;ACUJ;;ADRA;EACI,kCAAA;ACWJ;;ADTA;EACI,kCAAA;ACYJ;;ADVA;EACI,gCAAA;ACaJ;;ADXA;EACI,gCAAA;ACcJ;;ADZA;EACI,kCAAA;ACeJ;;ADbA;EACI,kCAAA;ACgBJ;;ADdA;EACI,gCAAA;ACiBJ;;ADfA;EACI,kCAAA;ACkBJ;;ADhBA;EACI,kCAAA;ACmBJ;;ADjBA;EACI,kCAAA;ACoBJ;;ADlBA;EACI,kCAAA;ACqBJ;;ADnBA;EACI,iCAAA;ACsBJ;;ADpBA;EACI,iCAAA;ACuBJ;;ADrBA;EACI,kCAAA;ACwBJ;;ADtBA;EACI,kCAAA;ACyBJ;;ADvBA;EACI,kCAAA;AC0BJ;;ADxBA;EACI,gCAAA;AC2BJ;;ADzBA;EACI,kCAAA;AC4BJ;;AD1BA;EACI,iCAAA;AC6BJ;;AD3BA;EACI,kCAAA;AC8BJ;;AD5BA;EACI,kCAAA;AC+BJ;;AD7BA;EACI,iCAAA;ACgCJ;;AD9BA;EACI,kCAAA;ACiCJ;;AD/BA;EACI,kCAAA;ACkCJ;;ADhCA;EACI,kCAAA;ACmCJ;;ADjCA;EACI,gCAAA;ACoCJ;;ADlCA;EACI,gCAAA;ACqCJ;;ADnCA;EACI,mCAAA;ACsCJ;;ADpCA;EACI,kCAAA;ACuCJ;;ADrCA;EACI,kCAAA;ACwCJ;;ADtCA;EACI,kCAAA;ACyCJ;;ADvCA;EACI,gCAAA;AC0CJ;;ADxCA;EACI,kCAAA;AC2CJ;;ADzCA;EACI,mCAAA;AC4CJ;;AD1CA;EACI,kCAAA;AC6CJ;;AD3CA;EACI,gCAAA;AC8CJ;;AD5CA;EACI,kCAAA;AC+CJ;;AD7CA;EACI,mCAAA;ACgDJ;;AD9CA;EACI,iCAAA;ACiDJ;;AD/CA;EACI,iCAAA;ACkDJ;;ADhDA;EACI,mCAAA;ACmDJ;;ADjDA;EACI,mCAAA;ACoDJ;;ADlDA;EACI,mCAAA;ACqDJ;;ADnDA;EACI,iCAAA;ACsDJ;;ADpDA;EACI,mCAAA;ACuDJ;;ADrDA;EACI,mCAAA;ACwDJ;;ADtDA;EACI,mCAAA;ACyDJ;;ADvDA;EACI,mCAAA;AC0DJ;;ADxDA;EACI,kCAAA;AC2DJ;;ADzDA;EACI,mCAAA;AC4DJ;;AD1DA;EACI,iCAAA;AC6DJ;;AD3DA;EACI,kCAAA;AC8DJ;;AD5DA;EACI,mCAAA;AC+DJ;;AD7DA;EACI,mCAAA;ACgEJ;;AD9DA;EACI,iCAAA;ACiEJ;;AD/DA;EACI,iCAAA;ACkEJ;;ADhEA;EACI,mCAAA;ACmEJ;;ADjEA;EACI,mCAAA;ACoEJ;;ADlEA;EACI,mCAAA;ACqEJ;;ADnEA;EACI,mCAAA;ACsEJ;;ADpEA;EACI,kCAAA;ACuEJ;;ADrEA;EACI,kCAAA;ACwEJ;;ADtEA;EACI,mCAAA;ACyEJ;;ADvEA;EACI,mCAAA;AC0EJ;;ADxEA;EACI,mCAAA;AC2EJ;;ADzEA;EACI,iCAAA;AC4EJ;;AD1EA;EACI,iCAAA;AC6EJ;;AD3EA;EACI,mCAAA;AC8EJ;;AD5EA;EACI,mCAAA;AC+EJ;;AD7EA;EACI,iCAAA;ACgFJ;;AD9EA;EACI,mCAAA;ACiFJ;;AD/EA;EACI,kCAAA;ACkFJ;;ADhFA;EACI,kCAAA;ACmFJ;;ADjFA;EACI,mCAAA;ACoFJ;;ADlFA;EACI,mCAAA;ACqFJ;;ADnFA;EACI,mCAAA;ACsFJ;;ADpFA;EACI,mCAAA;ACuFJ;;ADrFA;EACI,iCAAA;ACwFJ;;ADtFA;EACI,mCAAA;ACyFJ;;ADvFA;EACI,kCAAA;AC0FJ;;ADxFA;EACI,mCAAA;AC2FJ;;ADzFA;EACI,iCAAA;AC4FJ;;AD1FA;EACI,mCAAA;AC6FJ;;AD3FA;EACI,mCAAA;AC8FJ;;AD5FA;EACI,mCAAA;AC+FJ;;AD7FA;EACI,mCAAA;ACgGJ;;AD9FA;EACI,mCAAA;ACiGJ;;AD/FA;EACI,mCAAA;ACkGJ;;ADhGA;EACI,mCAAA;ACmGJ;;ADjGA;EACI,mCAAA;ACoGJ;;ADlGA;EACI,mCAAA;ACqGJ;;ADnGA;EACI,kCAAA;ACsGJ;;ADpGA;EACI,iCAAA;ACuGJ;;ADrGA;EACI,mCAAA;ACwGJ;;ADtGA;EACI,mCAAA;ACyGJ;;ADvGA;EACI,mCAAA;AC0GJ;;ADxGA;EACI,mCAAA;AC2GJ;;ADzGA;EACI,mCAAA;AC4GJ;;AD1GA;EACI,gCAAA;AC6GJ;;AD3GA;EACI,mCAAA;AC8GJ;;AD5GA;EACI,mCAAA;AC+GJ;;AD7GA;EACI,kCAAA;ACgHJ;;AD9GA;EACI,mCAAA;ACiHJ;;AD/GA;EACI,iCAAA;ACkHJ;;ADhHA;EACI,mCAAA;ACmHJ;;ADjHA;EACI,kCAAA;ACoHJ;;ADlHA;EACI,mCAAA;ACqHJ;;ADnHA;EACI,mCAAA;ACsHJ;;ADpHA;EACI,mCAAA;ACuHJ;;ADrHA;EACI,mCAAA;ACwHJ;;ADtHA;EACI,mCAAA;ACyHJ;;ADvHA;EACI,kCAAA;AC0HJ;;ADxHA;EACI,iCAAA;AC2HJ;;ADzHA;EACI,mCAAA;AC4HJ;;AD1HA;EACI,mCAAA;AC6HJ;;AD3HA;EACI,mCAAA;AC8HJ;;AD5HA;EACI,mCAAA;AC+HJ;;AD7HA;EACI,mCAAA;ACgIJ;;AD9HA;EACI,mCAAA;ACiIJ;;AD/HA;EACI,mCAAA;ACkIJ;;ADhIA;EACI,mCAAA;ACmIJ;;ADjIA;EACI,kCAAA;ACoIJ;;ADlIA;EACI,mCAAA;ACqIJ;;ADnIA;EACI,iCAAA;ACsIJ;;ADpIA;EACI,mCAAA;ACuIJ;;ADrIA;EACI,iCAAA;ACwIJ;;ADtIA;EACI,iCAAA;ACyIJ;;ADvIA;EACI,mCAAA;AC0IJ;;ADxIA;EACI,mCAAA;AC2IJ;;ADzIA;EACI,mCAAA;AC4IJ;;AD1IA;EACI,iCAAA;AC6IJ;;AD3IA;EACI,gCAAA;AC8IJ;;AD5IA;EACI,mCAAA;AC+IJ;;AD7IA;EACI,kCAAA;ACgJJ;;AD9IA;EACI,iCAAA;ACiJJ;;AD/IA;EACI,mCAAA;ACkJJ;;ADhJA;EACI,mCAAA;ACmJJ;;ADjJA;EACI,iCAAA;ACoJJ;;ADlJA;EACI,mCAAA;ACqJJ;;ADnJA;EACI,mCAAA;ACsJJ;;ADpJA;EACI,mCAAA;ACuJJ;;ADrJA;EACI,oCAAA;ACwJJ;;ADtJA;EACI,mCAAA;ACyJJ;;ADvJA;EACI,mCAAA;AC0JJ;;ADxJA;EACI,mCAAA;AC2JJ;;ADzJA;EACI,iCAAA;AC4JJ;;AD1JA;EACI,mCAAA;AC6JJ;;AD3JA;EACI,mCAAA;AC8JJ;;AD5JA;EACI,mCAAA;AC+JJ;;AD7JA;EACI,mCAAA;ACgKJ;;AD9JA;EACI,mCAAA;ACiKJ;;AD/JA;EACI,gCAAA;ACkKJ;;ADhKA;EACI,mCAAA;ACmKJ;;ADjKA;EACI,mCAAA;ACoKJ;;ADlKA;EACI,mCAAA;ACqKJ;;ADnKA;EACI,mCAAA;ACsKJ;;ADpKA;EACI,mCAAA;ACuKJ;;ADrKA;EACI,mCAAA;ACwKJ;;ADtKA;EACI,mCAAA;ACyKJ;;ADvKA;EACI,iCAAA;AC0KJ;;ADxKA;EACI,mCAAA;AC2KJ;;ADzKA;EACI,kCAAA;AC4KJ;;AD1KA;EACI,mCAAA;AC6KJ;;AD3KA;EACI,mCAAA;AC8KJ;;AD5KA;EACI,mCAAA;AC+KJ;;AD7KA;EACI,mCAAA;ACgLJ;;AD9KA;EACI,mCAAA;ACiLJ;;AD/KA;EACI,mCAAA;ACkLJ;;ADhLA;EACI,mCAAA;ACmLJ;;ADjLA;EACI,iCAAA;ACoLJ;;ADlLA;EACI,mCAAA;ACqLJ;;ADnLA;EACI,kCAAA;ACsLJ;;ADpLA;EACI,iCAAA;ACuLJ;;ADrLA;EACI,mCAAA;ACwLJ;;ADtLA;EACI,mCAAA;ACyLJ;;ADvLA;EACI,mCAAA;AC0LJ;;ADxLA;EACI,mCAAA;AC2LJ;;ADzLA;EACI,mCAAA;AC4LJ;;AD1LA;EACI,mCAAA;AC6LJ;;AD3LA;EACI,mCAAA;AC8LJ;;AD5LA;EACI,mCAAA;AC+LJ;;AD7LA;EACI,iCAAA;ACgMJ;;AD9LA;EACI,mCAAA;ACiMJ;;AD/LA;EACI,mCAAA;ACkMJ;;ADhMA;EACI,mCAAA;ACmMJ;;ADjMA;EACI,mCAAA;ACoMJ;;ADlMA;EACI,mCAAA;ACqMJ;;ADnMA;EACI,iCAAA;ACsMJ;;ADpMA;EACI,mCAAA;ACuMJ;;ADrMA;EACI,mCAAA;ACwMJ;;ADtMA;EACI,mCAAA;ACyMJ;;ADvMA;EACI,kCAAA;AC0MJ;;ADxMA;EACI,mCAAA;AC2MJ;;ADzMA;EACI,kCAAA;AC4MJ;;AD1MA;EACI,mCAAA;AC6MJ;;AD3MA;EACI,mCAAA;AC8MJ;;AD5MA;EACI,mCAAA;AC+MJ;;AD7MA;EACI,mCAAA;ACgNJ;;AD9MA;EACI,gCAAA;ACiNJ;;AD/MA;EACI,iCAAA;ACkNJ;;ADhNA;EACI,mCAAA;ACmNJ;;ADjNA;EACI,kCAAA;ACoNJ;;ADlNA;EACI,iCAAA;ACqNJ;;ADnNA;EACI,mCAAA;ACsNJ;;ADpNA;EACI,mCAAA;ACuNJ;;ADrNA;EACI,mCAAA;ACwNJ;;ADtNA;EACI,mCAAA;ACyNJ;;ADvNA;EACI,mCAAA;AC0NJ;;ADxNA;EACI,mCAAA;AC2NJ;;ADzNA;EACI,iCAAA;AC4NJ;;AD1NA;EACI,kCAAA;AC6NJ;;AD3NA;EACI,kCAAA;AC8NJ;;AD5NA;EACI,kCAAA;AC+NJ;;AD7NA;EACI,mCAAA;ACgOJ;;AD9NA;EACI,mCAAA;ACiOJ;;AD/NA;EACI,mCAAA;ACkOJ;;ADhOA;EACI,mCAAA;ACmOJ;;ADjOA;EACI,mCAAA;ACoOJ;;ADlOA;EACI,mCAAA;ACqOJ;;ADnOA;EACI,iCAAA;ACsOJ;;ADpOA;EACI,mCAAA;ACuOJ;;ADrOA;EACI,kCAAA;ACwOJ;;ADtOA;EACI,mCAAA;ACyOJ;;ADvOA;EACI,iCAAA;AC0OJ;;ADxOA;EACI,mCAAA;AC2OJ;;ADzOA;EACI,mCAAA;AC4OJ;;AD1OA;EACI,iCAAA;AC6OJ;;AD3OA;EACI,iCAAA;AC8OJ;;AD5OA;EACI,mCAAA;AC+OJ;;AD7OA;EACI,iCAAA;ACgPJ;;AD9OA;EACI,mCAAA;ACiPJ;;AD/OA;EACI,gCAAA;ACkPJ;;ADhPA;EACI,mCAAA;ACmPJ;;ADjPA;EACI,mCAAA;ACoPJ;;ADlPA;EACI,kCAAA;ACqPJ;;ADnPA;EACI,kCAAA;ACsPJ;;ADpPA;EACI,iCAAA;ACuPJ;;ADrPA;EACI,iCAAA;ACwPJ;;ADrPA;EACI,WAAA;EACA,UAAA;ACwPJ;;ADtPA;EACI,WAAA;EACA,UAAA;ACyPJ;;ADvPA;EACI,WAAA;EACA,UAAA;AC0PJ;;ADxPA;EACI,WAAA;EACA,UAAA;AC2PJ","file":"flag.css"}
@@ -1,90 +1,139 @@
1
1
  .floating-label {
2
- position: relative;
2
+ position: relative;
3
3
  }
4
+
4
5
  span.floating-label {
5
- display: inline-block;
6
+ display: inline-block;
6
7
  }
8
+
7
9
  div.floating-label {
8
- display: block;
10
+ display: block;
9
11
  }
12
+
10
13
  label.floating-label__label {
11
- color: var(--floating-label-color, var(--color-foreground-primary));
12
- background-color: transparent;
13
- display: inline-block;
14
- left: 16px;
15
- overflow: hidden;
16
- pointer-events: none;
17
- position: absolute;
18
- text-overflow: ellipsis;
19
- top: 0;
20
- transform: scale(0.75, 0.75) translate(0, 2px);
21
- transform-origin: left;
22
- white-space: nowrap;
23
- width: calc(100% - 40px);
24
- z-index: 1;
25
- }
14
+ background-color: initial;
15
+ color: var(--floating-label-color, var(--color-foreground-primary));
16
+ display: inline-block;
17
+ left: 16px;
18
+ overflow: hidden;
19
+ pointer-events: none;
20
+ position: absolute;
21
+ text-overflow: ellipsis;
22
+ top: 0;
23
+ transform: scale(0.75) translateY(2px);
24
+ transform-origin: left;
25
+ white-space: nowrap;
26
+ width: calc(100% - 40px);
27
+ z-index: 1;
28
+ }
29
+
26
30
  .floating-label--opaque label.floating-label__label {
27
- background-color: var(--floating-label-background-color, var(--color-background-secondary));
28
- padding-top: 3px;
29
- top: -3px;
30
- width: calc(100% - 40px);
31
- }
31
+ background-color: var(
32
+ --floating-label-background-color,
33
+ var(--color-background-secondary)
34
+ );
35
+ padding-top: 3px;
36
+ top: -3px;
37
+ width: calc(100% - 40px);
38
+ }
39
+
32
40
  label.floating-label__label--focus {
33
- color: var(--color-background-inverse);
41
+ color: var(--color-background-inverse);
34
42
  }
43
+
35
44
  .floating-label--opaque label.floating-label__label--focus {
36
- background-color: var(--floating-label-focus-background-color, var(--color-background-primary));
45
+ background-color: var(
46
+ --floating-label-focus-background-color,
47
+ var(--color-background-primary)
48
+ );
37
49
  }
50
+
38
51
  .floating-label--large label.floating-label__label {
39
- transform: scale(0.75, 0.75) translate(0, 3px);
52
+ transform: scale(0.75) translateY(3px);
40
53
  }
54
+
41
55
  label.floating-label__label--inline {
42
- font-size: var(--font-size-default);
43
- transform: translate(0, 12px);
56
+ font-size: var(--font-size-default);
57
+ transform: translateY(12px);
44
58
  }
59
+
45
60
  .floating-label--large label.floating-label__label--inline {
46
- transform: translate(0, 16px);
61
+ transform: translateY(16px);
47
62
  }
63
+
48
64
  label.floating-label__label--animate {
49
- transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), bottom 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
65
+ transition:
66
+ transform 0.3s ease,
67
+ bottom 0.3s ease;
50
68
  }
69
+
51
70
  label.floating-label__label--disabled {
52
- color: var(--floating-label-disabled-color, var(--color-foreground-disabled));
71
+ color: var(
72
+ --floating-label-disabled-color,
73
+ var(--color-foreground-disabled)
74
+ );
53
75
  }
76
+
54
77
  .floating-label--opaque label.floating-label__label--disabled {
55
- background-color: var(--floating-label-disabled-background-color, var(--color-background-secondary));
78
+ background-color: var(
79
+ --floating-label-disabled-background-color,
80
+ var(--color-background-secondary)
81
+ );
56
82
  }
83
+
57
84
  label.floating-label__label--invalid {
58
- color: var(--floating-label-invalid-color, var(--color-foreground-attention));
59
- }
60
- .floating-label .textbox__control,
61
- .floating-label .combobox__control > input {
62
- padding-bottom: 2px;
63
- padding-top: 18px;
64
- }
65
- .floating-label--large .textbox__control,
66
- .floating-label--large .combobox__control > input {
67
- padding-bottom: 5px;
68
- padding-top: 23px;
85
+ color: var(
86
+ --floating-label-invalid-color,
87
+ var(--color-foreground-attention)
88
+ );
89
+ }
90
+
91
+ .floating-label .combobox__control > input,
92
+ .floating-label .textbox__control {
93
+ padding-bottom: 2px;
94
+ padding-top: 18px;
95
+ }
96
+
97
+ .floating-label--large .combobox__control > input,
98
+ .floating-label--large .textbox__control {
99
+ padding-bottom: 5px;
100
+ padding-top: 23px;
69
101
  }
70
102
  .floating-label .select select {
71
- line-height: 52px !important;
103
+ line-height: 52px !important;
72
104
  }
105
+
73
106
  .floating-label .select--large select {
74
- line-height: 60px !important;
107
+ line-height: 60px !important;
75
108
  }
76
109
  [dir="rtl"] label.floating-label__label {
77
- left: initial;
78
- right: 16px;
79
- transform-origin: right;
110
+ left: auto;
111
+ right: 16px;
112
+ transform-origin: right;
113
+ }
114
+ label.floating-label__label.floating-label__label--inline:has(
115
+ + .textbox > :-webkit-autofill
116
+ ) {
117
+ transform: scale(0.75) translateY(2px);
80
118
  }
81
119
  label.floating-label__label.floating-label__label--inline:has(
82
120
  + .textbox > :autofill
83
121
  ) {
84
- transform: scale(0.75, 0.75) translate(0, 2px);
122
+ transform: scale(0.75) translateY(2px);
123
+ }
124
+
125
+ .floating-label--large
126
+ label.floating-label__label.floating-label__label--inline:has(
127
+ + .textbox > :-webkit-autofill
128
+ ) {
129
+ transform: scale(0.75) translateY(3px);
85
130
  }
86
- .floating-label--large label.floating-label__label.floating-label__label--inline:has(
131
+
132
+ .floating-label--large
133
+ label.floating-label__label.floating-label__label--inline:has(
87
134
  + .textbox > :autofill
88
135
  ) {
89
- transform: scale(0.75, 0.75) translate(0, 3px);
136
+ transform: scale(0.75) translateY(3px);
90
137
  }
138
+
139
+ /*# sourceMappingURL=floating-label.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/sass/floating-label/floating-label.scss","floating-label.css","../../src/sass/mixins/private/_token-mixins.scss"],"names":[],"mappings":"AAGA;EACI,iBAAA;ACKJ;;ADFA;EACI,oBAAA;ACKJ;;ADFA;EACI,aAAA;ACKJ;;ADFA;EAGI,wBAAA;EEhBI,kEAAA;EFiBJ,oBAAA;EACA,SAAA;EACA,eAAA;EACA,mBAAA;EACA,iBAAA;EACA,sBAAA;EACA,KAAA;EACA,oCAAA;EACA,qBAAA;EACA,kBAAA;EACA,uBAAA;EACA,SAAA;ACIJ;;ADDA;EE/BQ,0FAAA;EFqCJ,eAAA;EACA,QAAA;EACA,uBAAA;ACAJ;;ADGA;EACI,qCAAA;ACAJ;;ADGA;EE9CQ,8FAAA;AD+CR;;ADMA;EACI,oCAAA;ACHJ;;ADMA;EACI,kCAAA;EACA,0BAAA;ACHJ;;ADMA;EACI,0BAAA;ACHJ;;ADMA;EACI,6CACI;ACJR;;ADQA;EExEQ,4EAAA;ADoER;;ADWA;EE/EQ,mGAAA;ADwER;;ADcA;EEtFQ,4EAAA;AD4ER;;ADiBA;EAGI,kBAAA;EACA,gBAAA;ACdJ;;ADiBA;EAGI,kBAAA;EACA,gBAAA;ACdJ;ADoBA;EACI,2BAAA;ACdJ;;ADiBA;EACI,2BAAA;ACdJ;ADmBI;EACI,SAAA;EACA,UAAA;EACA,sBAAA;ACfR;ADqBA;EAGI,oCAAA;ACnBJ;ADgBA;EAGI,oCAAA;ACnBJ;;ADsBA;EAII,oCAAA;ACtBJ;;ADkBA;EAII,oCAAA;ACtBJ","file":"floating-label.css"}
@@ -1,42 +1,48 @@
1
1
  :root {
2
- --dialog-scrim-color-hide: rgba(17, 24, 32, 0);
3
- --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);
4
- --dialog-lightbox-max-width: 616px;
2
+ --dialog-scrim-color-hide: rgba(17, 24, 32, 0);
3
+ --dialog-scrim-color-show: rgba(17, 24, 32, 0.7);
4
+ --dialog-lightbox-max-width: 616px;
5
5
  }
6
6
  .fullscreen-dialog[role="dialog"] {
7
- background-color: var(--dialog-scrim-color-show);
8
- bottom: 0;
9
- left: 0;
10
- -webkit-overflow-scrolling: touch;
11
- overflow-y: auto;
12
- position: fixed;
13
- right: 0;
14
- top: 0;
15
- will-change: background-color;
16
- z-index: 100000;
7
+ background-color: var(--dialog-scrim-color-show);
8
+ bottom: 0;
9
+ left: 0;
10
+ -webkit-overflow-scrolling: touch;
11
+ overflow-y: auto;
12
+ position: fixed;
13
+ right: 0;
14
+ top: 0;
15
+ will-change: background-color;
16
+ z-index: 100000;
17
17
  }
18
18
  .fullscreen-dialog[role="dialog"]:not([hidden]) {
19
- display: flex;
19
+ display: flex;
20
20
  }
21
+
21
22
  .fullscreen-dialog--no-mask[role="dialog"] {
22
- background-color: transparent;
23
+ background-color: initial;
23
24
  }
25
+
24
26
  .fullscreen-dialog__window {
25
- background-color: var(--dialog-window-background-color, var(--color-background-primary));
26
- display: flex;
27
- flex: 1 0 auto;
28
- flex-direction: column;
29
- min-height: 55px;
30
- will-change: opacity, transform;
31
- -webkit-overflow-scrolling: touch;
32
- overflow-y: auto;
33
- width: 100%;
34
- }
27
+ background-color: var(
28
+ --dialog-window-background-color,
29
+ var(--color-background-primary)
30
+ );
31
+ display: flex;
32
+ flex: 1 0 auto;
33
+ flex-direction: column;
34
+ min-height: 55px;
35
+ will-change: opacity, transform;
36
+ -webkit-overflow-scrolling: touch;
37
+ overflow-y: auto;
38
+ width: 100%;
39
+ }
40
+
35
41
  .fullscreen-dialog__header {
36
- display: flex;
37
- flex-shrink: 0;
38
- margin: var(--spacing-200) var(--spacing-200) 0;
39
- position: relative;
42
+ display: flex;
43
+ flex-shrink: 0;
44
+ margin: var(--spacing-200) var(--spacing-200) 0;
45
+ position: relative;
40
46
  }
41
47
  .fullscreen-dialog__header h1,
42
48
  .fullscreen-dialog__header h2,
@@ -44,119 +50,126 @@
44
50
  .fullscreen-dialog__header h4,
45
51
  .fullscreen-dialog__header h5,
46
52
  .fullscreen-dialog__header h6 {
47
- align-self: center;
48
- flex: 1 1 auto;
49
- margin: 0;
50
- overflow-wrap: anywhere;
53
+ align-self: center;
54
+ flex: 1 1 auto;
55
+ margin: 0;
56
+ overflow-wrap: anywhere;
51
57
  }
52
58
  .fullscreen-dialog__header > :last-child:not(:only-child) {
53
- -webkit-margin-start: var(--spacing-200);
54
- margin-inline-start: var(--spacing-200);
59
+ -webkit-margin-start: var(--spacing-200);
60
+ margin-inline-start: var(--spacing-200);
55
61
  }
62
+
56
63
  .fullscreen-dialog__header .fake-link {
57
- align-self: flex-start;
58
- outline-offset: 4px;
59
- text-decoration: none;
64
+ align-self: flex-start;
65
+ outline-offset: 4px;
66
+ text-decoration: none;
60
67
  }
68
+
61
69
  .fullscreen-dialog__main {
62
- box-sizing: border-box;
63
- flex: 1 1 auto;
64
- padding: var(--spacing-200);
65
- position: relative;
66
- min-height: auto;
70
+ box-sizing: border-box;
71
+ flex: 1 1 auto;
72
+ min-height: auto;
73
+ padding: var(--spacing-200);
74
+ position: relative;
67
75
  }
68
76
  .fullscreen-dialog__main > :first-child {
69
- margin-top: 0;
77
+ margin-top: 0;
70
78
  }
71
79
  .fullscreen-dialog__main > :last-child {
72
- margin-bottom: 0;
80
+ margin-bottom: 0;
73
81
  }
82
+
74
83
  .fullscreen-dialog__footer {
75
- display: flex;
76
- flex-direction: column;
77
- justify-content: center;
78
- padding: var(--spacing-200);
79
- position: relative;
84
+ display: flex;
85
+ flex-direction: column;
86
+ justify-content: center;
87
+ padding: var(--spacing-200);
88
+ position: relative;
80
89
  }
81
90
  .fullscreen-dialog__footer > :not(:first-child) {
82
- margin-top: var(--spacing-200);
91
+ margin-top: var(--spacing-200);
83
92
  }
93
+
84
94
  button.icon-btn.fullscreen-dialog__close {
85
- height: 32px;
86
- min-width: 32px;
87
- width: 32px;
88
- }
89
- button.fullscreen-dialog__close,
90
- button.fullscreen-dialog__back {
91
- align-self: flex-start;
92
- border: 0;
93
- padding: 0;
94
- position: relative;
95
- z-index: 1;
96
- }
97
- .fullscreen-dialog--show.fullscreen-dialog--mask-fade,
98
- .fullscreen-dialog--hide.fullscreen-dialog--mask-fade {
99
- transition: background-color 0.16s ease-out;
95
+ height: 32px;
96
+ min-width: 32px;
97
+ width: 32px;
98
+ }
99
+ button.fullscreen-dialog__back,
100
+ button.fullscreen-dialog__close {
101
+ align-self: flex-start;
102
+ border: 0;
103
+ padding: 0;
104
+ position: relative;
105
+ z-index: 1;
106
+ }
107
+
108
+ .fullscreen-dialog--hide.fullscreen-dialog--mask-fade,
109
+ .fullscreen-dialog--show.fullscreen-dialog--mask-fade {
110
+ transition: background-color 0.16s ease-out;
100
111
  }
101
- .fullscreen-dialog--show.fullscreen-dialog--mask-fade-slow,
102
- .fullscreen-dialog--hide.fullscreen-dialog--mask-fade-slow {
103
- transition: background-color 0.32s ease-out;
112
+ .fullscreen-dialog--hide.fullscreen-dialog--mask-fade-slow,
113
+ .fullscreen-dialog--show.fullscreen-dialog--mask-fade-slow {
114
+ transition: background-color 0.32s ease-out;
104
115
  }
105
- .fullscreen-dialog--show .fullscreen-dialog__window--fade,
106
- .fullscreen-dialog--hide .fullscreen-dialog__window--fade {
107
- transition: opacity 0.16s ease-out;
116
+ .fullscreen-dialog--hide .fullscreen-dialog__window--fade,
117
+ .fullscreen-dialog--show .fullscreen-dialog__window--fade {
118
+ transition: opacity 0.16s ease-out;
108
119
  }
109
- .fullscreen-dialog--show .fullscreen-dialog__window--slide,
110
120
  .fullscreen-dialog--hide .fullscreen-dialog__window--slide,
111
- .fullscreen-dialog--show .fullscreen-dialog__window--slide-end,
112
- .fullscreen-dialog--hide .fullscreen-dialog__window--slide-end {
113
- transition: transform 0.32s ease-out;
121
+ .fullscreen-dialog--hide .fullscreen-dialog__window--slide-end,
122
+ .fullscreen-dialog--show .fullscreen-dialog__window--slide,
123
+ .fullscreen-dialog--show .fullscreen-dialog__window--slide-end {
124
+ transition: transform 0.32s ease-out;
114
125
  }
126
+
115
127
  .fullscreen-dialog--hide.fullscreen-dialog--hide,
116
128
  .fullscreen-dialog--hide.fullscreen-dialog--show-init,
117
129
  .fullscreen-dialog--show-init.fullscreen-dialog--hide,
118
130
  .fullscreen-dialog--show-init.fullscreen-dialog--show-init {
119
- display: flex;
131
+ display: flex;
120
132
  }
121
133
  .fullscreen-dialog--hide.fullscreen-dialog--mask-fade,
122
- .fullscreen-dialog--show-init.fullscreen-dialog--mask-fade,
123
134
  .fullscreen-dialog--hide.fullscreen-dialog--mask-fade-slow,
135
+ .fullscreen-dialog--show-init.fullscreen-dialog--mask-fade,
124
136
  .fullscreen-dialog--show-init.fullscreen-dialog--mask-fade-slow {
125
- background-color: var(--dialog-scrim-color-hide);
137
+ background-color: var(--dialog-scrim-color-hide);
126
138
  }
127
139
  .fullscreen-dialog--hide .fullscreen-dialog__window--fade,
128
140
  .fullscreen-dialog--show-init .fullscreen-dialog__window--fade {
129
- opacity: 0;
141
+ opacity: 0;
130
142
  }
131
143
  .fullscreen-dialog--hide .fullscreen-dialog__window--slide,
132
144
  .fullscreen-dialog--show-init .fullscreen-dialog__window--slide {
133
- transform: translateY(100%);
145
+ transform: translateY(100%);
134
146
  }
135
147
  .fullscreen-dialog--hide .fullscreen-dialog__window--slide-end,
136
148
  .fullscreen-dialog--show-init .fullscreen-dialog__window--slide-end {
137
- transform: translateX(100%);
149
+ transform: translateX(100%);
138
150
  }
139
- .fullscreen-dialog--show.fullscreen-dialog--show,
140
- .fullscreen-dialog--show.fullscreen-dialog--hide-init,
151
+
152
+ .fullscreen-dialog--hide-init.fullscreen-dialog--hide-init,
141
153
  .fullscreen-dialog--hide-init.fullscreen-dialog--show,
142
- .fullscreen-dialog--hide-init.fullscreen-dialog--hide-init {
143
- display: flex;
154
+ .fullscreen-dialog--show.fullscreen-dialog--hide-init,
155
+ .fullscreen-dialog--show.fullscreen-dialog--show {
156
+ display: flex;
144
157
  }
145
- .fullscreen-dialog--show.fullscreen-dialog--mask-fade,
146
158
  .fullscreen-dialog--hide-init.fullscreen-dialog--mask-fade,
147
- .fullscreen-dialog--show.fullscreen-dialog--mask-fade-slow,
148
- .fullscreen-dialog--hide-init.fullscreen-dialog--mask-fade-slow {
149
- background-color: var(--dialog-scrim-color-show);
159
+ .fullscreen-dialog--hide-init.fullscreen-dialog--mask-fade-slow,
160
+ .fullscreen-dialog--show.fullscreen-dialog--mask-fade,
161
+ .fullscreen-dialog--show.fullscreen-dialog--mask-fade-slow {
162
+ background-color: var(--dialog-scrim-color-show);
150
163
  }
151
- .fullscreen-dialog--show .fullscreen-dialog__window--fade,
152
- .fullscreen-dialog--hide-init .fullscreen-dialog__window--fade {
153
- opacity: 1;
164
+ .fullscreen-dialog--hide-init .fullscreen-dialog__window--fade,
165
+ .fullscreen-dialog--show .fullscreen-dialog__window--fade {
166
+ opacity: 1;
154
167
  }
168
+ .fullscreen-dialog--hide-init .fullscreen-dialog__window--slide,
169
+ .fullscreen-dialog--hide-init .fullscreen-dialog__window--slide-end,
155
170
  .fullscreen-dialog--show .fullscreen-dialog__window--slide,
156
- .fullscreen-dialog--hide-init .fullscreen-dialog__window--slide {
157
- transform: translateX(0);
158
- }
159
- .fullscreen-dialog--show .fullscreen-dialog__window--slide-end,
160
- .fullscreen-dialog--hide-init .fullscreen-dialog__window--slide-end {
161
- transform: translateX(0);
171
+ .fullscreen-dialog--show .fullscreen-dialog__window--slide-end {
172
+ transform: translateX(0);
162
173
  }
174
+
175
+ /*# sourceMappingURL=fullscreen-dialog.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/sass/mixins/private/_dialog-mixins.scss","fullscreen-dialog.css","../../src/sass/fullscreen-dialog/fullscreen-dialog.scss","../../src/sass/mixins/private/_token-mixins.scss"],"names":[],"mappings":"AAEA;EACI,6CAAA;EACA,+CAAA;EACA,iCAAA;ACMJ;ACLA;EFGI,+CAAA;EACA,QAAA;EACA,MAAA;EACA,gCAAA;EACA,eAAA;EACA,cAAA;EACA,OAAA;EACA,KAAA;EACA,4BAAA;EACA,cAAA;ACQJ;ADNI;EACI,YAAA;ACQR;;ACnBA;EACI,wBAAA;ADsBJ;;ACnBA;ECZQ,uFAAA;EHoCJ,YAAA;EACA,aAAA;EACA,qBAAA;EACA,eAAA;EACA,8BAAA;EEzBA,gCAAA;EACA,eAAA;EACA,UAAA;AD0BJ;;ACvBA;EFuCI,YAAA;EAEA,aAAA;EACA,8CAAA;EACA,iBAAA;ACZJ;ADcI;EAMI,iBAAA;EACA,aAAA;EACA,QAAA;EACA,sBAAA;ACZR;ADeI;EACI,uCAAA;UAAA,sCAAA;ACbR;;ACzCA;EACI,qBAAA;EACA,kBAAA;EACA,oBAAA;AD4CJ;;ACzCA;EFqDI,qBAAA;EACA,aAAA;EEnDA,eAAA;EFoDA,0BAAA;EACA,iBAAA;ACPJ;ADSI;EACI,YAAA;ACPR;ADUI;EACI,eAAA;ACRR;;ACjDA;EF8DI,YAAA;EACA,qBAAA;EACA,sBAAA;EACA,0BAAA;EACA,iBAAA;ACTJ;ADWI;EACI,6BAAA;ACTR;;ACxDA;EACI,WAAA;EACA,cAAA;EACA,UAAA;AD2DJ;ACvDA;EAEI,qBAAA;EACA,QAAA;EACA,SAAA;EACA,iBAAA;EACA,SAAA;AD2DJ;;ACtDI;EACI,yCAAA;AD0DR;ACvDI;EACI,yCAAA;AD0DR;ACvDI;EACI,gCAAA;AD0DR;ACvDI;EAEI,kCAAA;AD2DR;;ACrDI;EAEI,YAAA;ADyDR;ACtDI;EAEI,+CAAA;ADyDR;ACtDI;EACI,SAAA;ADyDR;ACtDI;EACI,0BAAA;ADyDR;ACtDI;EACI,0BAAA;ADyDR;;ACnDI;EAEI,YAAA;ADuDR;ACpDI;EAEI,+CAAA;ADuDR;ACpDI;EACI,SAAA;ADuDR;AChDI;EACI,uBAAA;ADuDR","file":"fullscreen-dialog.css"}
@@ -1,28 +1,47 @@
1
1
  body {
2
- background-color: var(--color-background-primary);
3
- color: var(--color-foreground-primary);
4
- font-family: "Market Sans", Arial, sans-serif;
5
- font-size: var(--font-size-default);
6
- /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
7
- -webkit-text-size-adjust: 100%;
2
+ background-color: var(--color-background-primary);
3
+ color: var(--color-foreground-primary);
4
+ font-family:
5
+ Market Sans,
6
+ Arial,
7
+ sans-serif;
8
+ font-size: var(--font-size-default);
9
+ -webkit-text-size-adjust: 100%;
8
10
  }
11
+
9
12
  fieldset {
10
- border: 0;
11
- padding: 0;
13
+ border: 0;
14
+ padding: 0;
12
15
  }
16
+
13
17
  legend {
14
- margin-bottom: var(--spacing-100);
18
+ margin-bottom: var(--spacing-100);
15
19
  }
20
+
16
21
  a {
17
- color: var(--link-foreground-color-default, var(--color-foreground-primary));
22
+ color: var(
23
+ --link-foreground-color-default,
24
+ var(--color-foreground-primary)
25
+ );
18
26
  }
19
27
  a:visited {
20
- color: var(--link-foreground-color-visited, var(--color-foreground-visited));
28
+ color: var(
29
+ --link-foreground-color-visited,
30
+ var(--color-foreground-visited)
31
+ );
21
32
  }
22
33
  a:hover {
23
- color: var(--link-foreground-color-hover, var(--color-foreground-secondary));
34
+ color: var(
35
+ --link-foreground-color-hover,
36
+ var(--color-foreground-secondary)
37
+ );
24
38
  }
25
39
  a:not([href]),
26
40
  a[aria-disabled="true"] {
27
- color: var(--link-forground-color-disabled, var(--color-foreground-disabled));
41
+ color: var(
42
+ --link-forground-color-disabled,
43
+ var(--color-foreground-disabled)
44
+ );
28
45
  }
46
+
47
+ /*# sourceMappingURL=global.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/sass/global/global.scss","../../src/sass/mixins/private/_token-mixins.scss","../../src/sass/variables/_variables.scss","global.css"],"names":[],"mappings":"AAGA;ECCQ,gDAAA;EAAA,qCAAA;EDGJ,wCEqBkB;EFpBlB,kCAAA;EAEA,6BAAA;AGIJ;;AHDA;EACI,QAAA;EACA,SAAA;AGIJ;;AHDA;EACI,gCAAA;AGIJ;;AHDA;ECpBQ,2EAAA;AEyBR;AHCI;EC1BI,2EAAA;AE4BR;AHKI;ECjCI,2EAAA;AE+BR;AHSI;ECxCI,4EAAA;AEkCR","file":"global.css"}