@pnx-mixtape/mxds 0.0.21 → 0.0.23

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 (380) hide show
  1. package/dist/build/accordion.entry.js +32 -43
  2. package/dist/build/accordion.entry.js.map +1 -1
  3. package/dist/build/base.css +19 -39
  4. package/dist/build/button.css +7 -8
  5. package/dist/build/chunks/{Accordion-O-huO4At.js → Accordion-D1HQ0FDq.js} +23 -21
  6. package/dist/build/chunks/{Accordion-O-huO4At.js.map → Accordion-D1HQ0FDq.js.map} +1 -1
  7. package/dist/build/chunks/disclosure-widget-CdjCdx7t.js +129 -0
  8. package/dist/build/chunks/disclosure-widget-CdjCdx7t.js.map +1 -0
  9. package/dist/build/chunks/drop-menu.entry-fzV-_VFl.js +70 -0
  10. package/dist/build/chunks/drop-menu.entry-fzV-_VFl.js.map +1 -0
  11. package/dist/build/chunks/{polyfills-C-B7iqDG.js → polyfills-DnrsypYs.js} +35 -26
  12. package/dist/build/chunks/polyfills-DnrsypYs.js.map +1 -0
  13. package/dist/build/chunks/popover.entry-BQvyR0d5.js +38 -0
  14. package/dist/build/chunks/popover.entry-BQvyR0d5.js.map +1 -0
  15. package/dist/build/chunks/{utilities-DXELy_An.js → utilities-Ci7wwNeg.js} +9 -106
  16. package/dist/build/chunks/utilities-Ci7wwNeg.js.map +1 -0
  17. package/dist/build/constants.css +10 -31
  18. package/dist/build/dialog.entry.js +23 -31
  19. package/dist/build/dialog.entry.js.map +1 -1
  20. package/dist/build/drop-menu.entry.js +1 -1
  21. package/dist/build/drupal.css +5 -9
  22. package/dist/build/filters.entry.js +54 -50
  23. package/dist/build/filters.entry.js.map +1 -1
  24. package/dist/build/form.css +12 -26
  25. package/dist/build/global-alert.entry.js +26 -19
  26. package/dist/build/global-alert.entry.js.map +1 -1
  27. package/dist/build/grid.css +3 -9
  28. package/dist/build/header.css +5 -3
  29. package/dist/build/header.entry.js +93 -88
  30. package/dist/build/header.entry.js.map +1 -1
  31. package/dist/build/icon.css +3 -3
  32. package/dist/build/in-page-navigation.entry.js +16 -12
  33. package/dist/build/in-page-navigation.entry.js.map +1 -1
  34. package/dist/build/navigation.css +21 -56
  35. package/dist/build/navigation.entry.js +148 -50
  36. package/dist/build/navigation.entry.js.map +1 -1
  37. package/dist/build/page.css +1 -1
  38. package/dist/build/popover.css +119 -0
  39. package/dist/build/popover.entry.js +2 -0
  40. package/dist/build/popover.entry.js.map +1 -0
  41. package/dist/build/section.css +1 -1
  42. package/dist/build/sticky.entry.js +11 -12
  43. package/dist/build/sticky.entry.js.map +1 -1
  44. package/dist/build/tabs.entry.js +108 -91
  45. package/dist/build/tabs.entry.js.map +1 -1
  46. package/dist/build/utility-list.css +43 -0
  47. package/dist/build/utility-list.entry.js +80 -0
  48. package/dist/build/utility-list.entry.js.map +1 -0
  49. package/package.json +9 -10
  50. package/src/Atom/{Base.mdx → Atom.mdx} +1 -1
  51. package/src/Atom/Background/Backgrounds.stories.ts +21 -4
  52. package/src/Atom/Background/__snapshots__/Backgrounds.stories.ts.snap +1 -1
  53. package/src/Atom/Background/_background.css +1 -2
  54. package/src/Atom/Blockquote/_blockquote.css +1 -2
  55. package/src/Atom/Button/Button.stories.ts +128 -19
  56. package/src/Atom/Button/__snapshots__/Button.stories.ts.snap +75 -11
  57. package/src/Atom/Button/__snapshots__/Button.stories.tsx.snap +1 -1
  58. package/src/Atom/Button/_buttons.css +5 -5
  59. package/src/Atom/DefinitionList/DefinitionList.stories.ts +20 -3
  60. package/src/Atom/DefinitionList/DefinitionList.stories.tsx +3 -9
  61. package/src/Atom/DefinitionList/DefinitionList.tsx +3 -4
  62. package/src/Atom/DefinitionList/__snapshots__/DefinitionList.stories.ts.snap +1 -1
  63. package/src/Atom/DefinitionList/__snapshots__/DefinitionList.stories.tsx.snap +1 -1
  64. package/src/Atom/Heading/Heading.stories.ts +49 -7
  65. package/src/Atom/Heading/Heading.tsx +1 -6
  66. package/src/Atom/Heading/__snapshots__/Heading.stories.ts.snap +9 -1
  67. package/src/Atom/Heading/__snapshots__/Heading.stories.tsx.snap +1 -1
  68. package/src/Atom/Heading/_headings.css +1 -2
  69. package/src/Atom/Icon/Icon.mdx +5 -1
  70. package/src/Atom/Icon/Icon.stories.ts +76 -6
  71. package/src/Atom/Icon/Icon.tsx +1 -8
  72. package/src/Atom/Icon/__snapshots__/Icon.stories.ts.snap +18 -4
  73. package/src/Atom/Icon/__snapshots__/Icon.stories.tsx.snap +1 -1
  74. package/src/Atom/Icon/_icon.css +1 -1
  75. package/src/Atom/Image/Image.stories.ts +4 -3
  76. package/src/Atom/Image/__snapshots__/Image.stories.ts.snap +1 -1
  77. package/src/Atom/Link/Link.stories.ts +74 -7
  78. package/src/Atom/Link/__snapshots__/Link.stories.ts.snap +4 -4
  79. package/src/Atom/Link/__snapshots__/Link.stories.tsx.snap +1 -1
  80. package/src/Atom/Media/Media.stories.ts +34 -5
  81. package/src/Atom/Media/Media.tsx +1 -6
  82. package/src/Atom/Media/__snapshots__/Media.stories.ts.snap +2 -2
  83. package/src/Atom/Media/__snapshots__/Media.stories.tsx.snap +1 -1
  84. package/src/Atom/Media/_media.css +2 -10
  85. package/src/Atom/Spacing/Spacing.stories.ts +45 -31
  86. package/src/Atom/Spacing/__snapshots__/Spacing.stories.ts.snap +5 -4
  87. package/src/Atom/Spacing/spacing.twig +5 -2
  88. package/src/Atom/Table/__snapshots__/Table.stories.ts.snap +1 -1
  89. package/src/Atom/Table/__snapshots__/TableResponsive.stories.ts.snap +1 -1
  90. package/src/Atom/Table/_table.css +1 -2
  91. package/src/Atom/Text/Text.stories.ts +62 -0
  92. package/src/Atom/Text/__snapshots__/{TextSizes.stories.ts.snap → Text.stories.ts.snap} +14 -27
  93. package/src/Atom/Text/__snapshots__/Text.stories.tsx.snap +1 -1
  94. package/src/Atom/Text/_text-sizes.css +2 -4
  95. package/src/Atom/Text/text-style.twig +11 -1
  96. package/src/Atom/Text/text-styles-example.twig +2 -16
  97. package/src/Atom/Video/Video.stories.ts +6 -4
  98. package/src/Atom/Video/Video.tsx +1 -5
  99. package/src/Atom/Video/__snapshots__/Video.stories.ts.snap +1 -1
  100. package/src/Atom/_generic.css +4 -4
  101. package/src/Atom/_hr.css +1 -2
  102. package/src/Component/Accordion/Accordion.stories.ts +26 -8
  103. package/src/Component/Accordion/Accordion.stories.tsx +8 -10
  104. package/src/Component/Accordion/Accordion.tsx +2 -13
  105. package/src/Component/Accordion/AccordionItem.stories.ts +90 -0
  106. package/src/Component/Accordion/Components/AccordionContent.tsx +1 -5
  107. package/src/Component/Accordion/Components/AccordionTitle.tsx +1 -4
  108. package/src/Component/Accordion/Elements/Accordion.ts +1 -1
  109. package/src/Component/Accordion/Elements/AccordionDiv.ts +4 -11
  110. package/src/Component/Accordion/Elements/AccordionGroup.ts +10 -24
  111. package/src/Component/Accordion/Elements/AccordionMobile.ts +4 -4
  112. package/src/Component/Accordion/__snapshots__/Accordion.stories.ts.snap +17 -6
  113. package/src/Component/Accordion/__snapshots__/Accordion.stories.tsx.snap +1 -1
  114. package/src/Component/Accordion/__snapshots__/AccordionItem.stories.ts.snap +90 -0
  115. package/src/Component/Accordion/accordion.css +7 -5
  116. package/src/Component/Accordion/twig/accordion-div.twig +13 -11
  117. package/src/Component/Accordion/twig/accordion-mobile.twig +13 -11
  118. package/src/Component/Breadcrumb/Breadcrumb.stories.ts +14 -0
  119. package/src/Component/Breadcrumb/Breadcrumb.tsx +2 -12
  120. package/src/Component/Breadcrumb/__snapshots__/Breadcrumb.stories.ts.snap +1 -1
  121. package/src/Component/Breadcrumb/__snapshots__/Breadcrumb.stories.tsx.snap +1 -1
  122. package/src/Component/Breadcrumb/breadcrumb.css +1 -4
  123. package/src/Component/Callout/Callout.stories.ts +20 -0
  124. package/src/Component/Callout/__snapshots__/Callout.stories.ts.snap +1 -1
  125. package/src/Component/Callout/callout.css +1 -2
  126. package/src/Component/Card/Card.stories.ts +129 -14
  127. package/src/Component/Card/Card.stories.tsx +2 -2
  128. package/src/Component/Card/Components/CardContent.tsx +1 -5
  129. package/src/Component/Card/__snapshots__/Card.stories.ts.snap +24 -24
  130. package/src/Component/Card/__snapshots__/Card.stories.tsx.snap +1 -1
  131. package/src/Component/Card/card.css +2 -6
  132. package/src/Component/Card/card.twig +1 -1
  133. package/src/Component/Carousel/Carousel.stories.ts +61 -8
  134. package/src/Component/Carousel/Elements/Carousel.ts +10 -19
  135. package/src/Component/Carousel/__snapshots__/Carousel.stories.ts.snap +321 -35
  136. package/src/Component/Carousel/carousel.css +1 -2
  137. package/src/Component/ContentBlock/Components/ContentBlockContent.tsx +1 -5
  138. package/src/Component/ContentBlock/Components/ContentBlockMedia.tsx +1 -4
  139. package/src/Component/ContentBlock/ContentBlock.stories.ts +63 -13
  140. package/src/Component/ContentBlock/ContentBlock.stories.tsx +2 -2
  141. package/src/Component/ContentBlock/ContentBlock.tsx +1 -5
  142. package/src/Component/ContentBlock/__snapshots__/ContentBlock.stories.ts.snap +11 -11
  143. package/src/Component/ContentBlock/__snapshots__/ContentBlock.stories.tsx.snap +1 -1
  144. package/src/Component/Dialog/Dialog.stories.ts +78 -21
  145. package/src/Component/Dialog/Dialog.stories.tsx +2 -3
  146. package/src/Component/Dialog/Elements/Dialog.ts +7 -16
  147. package/src/Component/Dialog/__snapshots__/Dialog.stories.ts.snap +8 -11
  148. package/src/Component/Dialog/__snapshots__/Dialog.stories.tsx.snap +1 -1
  149. package/src/Component/Dialog/dialog.css +1 -2
  150. package/src/Component/Dialog/dialog.twig +1 -1
  151. package/src/Component/DropMenu/Components/DropMenuContext.tsx +4 -12
  152. package/src/Component/DropMenu/DropMenu.stories.ts +60 -1
  153. package/src/Component/DropMenu/DropMenu.tsx +2 -7
  154. package/src/Component/DropMenu/Elements/DropMenu.ts +21 -91
  155. package/src/Component/DropMenu/__snapshots__/DropMenu.stories.ts.snap +53 -11
  156. package/src/Component/DropMenu/__snapshots__/DropMenu.stories.tsx.snap +1 -1
  157. package/src/Component/DropMenu/drop-menu.css +13 -41
  158. package/src/Component/DropMenu/drop-menu.twig +8 -6
  159. package/src/Component/Filters/Elements/Filters.ts +7 -11
  160. package/src/Component/Filters/FilterItem.stories.ts +180 -0
  161. package/src/Component/Filters/Filters.stories.ts +83 -8
  162. package/src/Component/Filters/__snapshots__/FilterItem.stories.ts.snap +135 -0
  163. package/src/Component/Filters/__snapshots__/Filters.stories.ts.snap +43 -41
  164. package/src/Component/Filters/filter-item.twig +1 -1
  165. package/src/Component/Filters/filters.css +33 -17
  166. package/src/Component/GlobalAlert/Elements/ClosableAlert.ts +8 -7
  167. package/src/Component/GlobalAlert/GlobalAlert.stories.ts +60 -12
  168. package/src/Component/GlobalAlert/GlobalAlert.stories.tsx +1 -2
  169. package/src/Component/GlobalAlert/__snapshots__/GlobalAlert.stories.ts.snap +8 -6
  170. package/src/Component/GlobalAlert/__snapshots__/GlobalAlert.stories.tsx.snap +3 -3
  171. package/src/Component/HeroBanner/HeroBanner.stories.ts +84 -7
  172. package/src/Component/HeroBanner/HeroBanner.stories.tsx +4 -4
  173. package/src/Component/HeroBanner/__snapshots__/HeroBanner.stories.ts.snap +91 -99
  174. package/src/Component/HeroBanner/__snapshots__/HeroBanner.stories.tsx.snap +1 -1
  175. package/src/Component/HeroSearch/HeroSearch.stories.ts +23 -4
  176. package/src/Component/HeroSearch/HeroSearch.stories.tsx +4 -4
  177. package/src/Component/HeroSearch/__snapshots__/HeroSearch.stories.ts.snap +10 -10
  178. package/src/Component/HeroSearch/__snapshots__/HeroSearch.stories.tsx.snap +1 -1
  179. package/src/Component/InPageAlert/InPageAlert.stories.ts +76 -8
  180. package/src/Component/InPageAlert/InPageAlert.stories.tsx +1 -2
  181. package/src/Component/InPageAlert/InPageAlert.tsx +1 -4
  182. package/src/Component/InPageAlert/__snapshots__/InPageAlert.stories.ts.snap +80 -2
  183. package/src/Component/InPageAlert/__snapshots__/InPageAlert.stories.tsx.snap +1 -1
  184. package/src/Component/InPageNavigation/Elements/InPageNavigation.ts +7 -9
  185. package/src/Component/InPageNavigation/Hooks/useInPageNavigation.ts +3 -5
  186. package/src/Component/InPageNavigation/InPageNavigation.stories.ts +44 -9
  187. package/src/Component/InPageNavigation/InPageNavigation.stories.tsx +32 -40
  188. package/src/Component/InPageNavigation/__snapshots__/InPageNavigation.stories.ts.snap +152 -5
  189. package/src/Component/InPageNavigation/__snapshots__/InPageNavigation.stories.tsx.snap +1 -1
  190. package/src/Component/LinkList/LinkList.stories.ts +23 -0
  191. package/src/Component/LinkList/__snapshots__/LinkList.stories.ts.snap +8 -8
  192. package/src/Component/LinkList/__snapshots__/LinkList.stories.tsx.snap +1 -1
  193. package/src/Component/LinkList/link-list.css +1 -2
  194. package/src/Component/ListItem/Components/ListItemContent.tsx +1 -5
  195. package/src/Component/ListItem/Components/ListItemMedia.tsx +1 -4
  196. package/src/Component/ListItem/ListItem.stories.ts +91 -11
  197. package/src/Component/ListItem/ListItem.stories.tsx +6 -7
  198. package/src/Component/ListItem/__snapshots__/ListItem.stories.ts.snap +1 -1
  199. package/src/Component/ListItem/__snapshots__/ListItem.stories.tsx.snap +1 -1
  200. package/src/Component/ListItem/list-item.css +1 -2
  201. package/src/Component/Navigation/Components/DropdownLevel.tsx +5 -13
  202. package/src/Component/Navigation/Elements/Navigation.ts +6 -13
  203. package/src/Component/Navigation/Navigation.stories.ts +48 -0
  204. package/src/Component/Navigation/__snapshots__/Dropdown.stories.tsx.snap +1 -1
  205. package/src/Component/Navigation/__snapshots__/Navigation.stories.ts.snap +1 -1
  206. package/src/Component/Navigation/__snapshots__/Navigation.stories.tsx.snap +1 -1
  207. package/src/Component/Navigation/_navigation-collapsible.css +2 -4
  208. package/src/Component/Navigation/_navigation-dropdown.css +10 -32
  209. package/src/Component/Navigation/_navigation-mega.css +1 -4
  210. package/src/Component/Navigation/_navigation.css +1 -4
  211. package/src/Component/Pagination/Components/PaginationContext.tsx +5 -19
  212. package/src/Component/Pagination/Components/PaginationItem.tsx +1 -5
  213. package/src/Component/Pagination/Pagination.stories.ts +28 -0
  214. package/src/Component/Pagination/Pagination.tsx +3 -11
  215. package/src/Component/Pagination/__snapshots__/Pagination.stories.ts.snap +3 -3
  216. package/src/Component/Pagination/__snapshots__/Pagination.stories.tsx.snap +1 -1
  217. package/src/Component/Pagination/pagination.css +1 -4
  218. package/src/Component/Popover/Elements/Popover.ts +55 -0
  219. package/src/Component/Popover/Popover.stories.ts +259 -0
  220. package/src/Component/Popover/__snapshots__/Popover.stories.ts.snap +508 -0
  221. package/src/Component/{DropMenu → Popover}/polyfills.js +6 -4
  222. package/src/Component/Popover/popover.css +113 -0
  223. package/src/Component/Popover/popover.entry.js +1 -0
  224. package/src/Component/Popover/popover.twig +27 -0
  225. package/src/Component/ResultsBar/Components/ResultsBarInfo.tsx +2 -7
  226. package/src/Component/ResultsBar/Components/ResultsBarSort.tsx +1 -6
  227. package/src/Component/ResultsBar/ResultsBar.stories.ts +34 -4
  228. package/src/Component/ResultsBar/__snapshots__/ResultsBar.stories.ts.snap +3 -3
  229. package/src/Component/ResultsBar/__snapshots__/ResultsBar.stories.tsx.snap +1 -1
  230. package/src/Component/SideNavigation/SideNavigation.stories.ts +40 -0
  231. package/src/Component/SideNavigation/__snapshots__/SideNavigation.stories.ts.snap +1 -1
  232. package/src/Component/SideNavigation/side-navigation.css +3 -6
  233. package/src/Component/SocialLinks/SocialLinks.stories.ts +20 -0
  234. package/src/Component/SocialLinks/__snapshots__/SocialLinks.stories.ts.snap +5 -5
  235. package/src/Component/SocialShare/SocialShare.stories.ts +37 -0
  236. package/src/Component/SocialShare/SocialShare.tsx +2 -4
  237. package/src/Component/SocialShare/__snapshots__/SocialShare.stories.ts.snap +40 -0
  238. package/src/Component/SocialShare/__snapshots__/SocialShare.stories.tsx.snap +1 -1
  239. package/src/Component/SocialShare/social-share.twig +34 -0
  240. package/src/Component/Steps/StepItem.stories.ts +48 -0
  241. package/src/Component/Steps/Steps.stories.ts +82 -13
  242. package/src/Component/Steps/__snapshots__/StepItem.stories.ts.snap +31 -0
  243. package/src/Component/Steps/__snapshots__/Steps.stories.ts.snap +109 -28
  244. package/src/Component/Steps/step-item.twig +1 -1
  245. package/src/Component/Steps/steps.css +4 -11
  246. package/src/Component/Sticky/Elements/Sticky.ts +3 -8
  247. package/src/Component/Sticky/Sticky.stories.ts +35 -3
  248. package/src/Component/Sticky/__snapshots__/Sticky.stories.ts.snap +1 -1
  249. package/src/Component/Sticky/__snapshots__/Sticky.stories.tsx.snap +1 -1
  250. package/src/Component/Sticky/sticky.twig +1 -1
  251. package/src/Component/Tabs/Components/Tab.tsx +2 -8
  252. package/src/Component/Tabs/Components/TabPanel.tsx +1 -5
  253. package/src/Component/Tabs/Elements/Tabs.ts +21 -31
  254. package/src/Component/Tabs/TabItem.stories.ts +52 -0
  255. package/src/Component/Tabs/Tabs.stories.ts +51 -8
  256. package/src/Component/Tabs/Tabs.tsx +6 -22
  257. package/src/Component/Tabs/__snapshots__/TabItem.stories.ts.snap +12 -0
  258. package/src/Component/Tabs/__snapshots__/Tabs.stories.ts.snap +127 -11
  259. package/src/Component/Tabs/__snapshots__/Tabs.stories.tsx.snap +1 -1
  260. package/src/Component/Tabs/tab-item.twig +1 -2
  261. package/src/Component/Tabs/tabs.css +56 -59
  262. package/src/Component/Tag/Tag.stories.ts +30 -0
  263. package/src/Component/Tag/Tag.tsx +1 -5
  264. package/src/Component/Tag/__snapshots__/Tag.stories.ts.snap +1 -1
  265. package/src/Component/Tag/__snapshots__/Tag.stories.tsx.snap +1 -1
  266. package/src/Component/Tag/tag.css +1 -4
  267. package/src/Component/UtilityList/Elements/UtilityList.ts +110 -0
  268. package/src/Component/UtilityList/UtilityList.stories.ts +72 -0
  269. package/src/Component/UtilityList/__snapshots__/UtilityList.stories.ts.snap +274 -0
  270. package/src/Component/UtilityList/utility-list.css +40 -0
  271. package/src/Component/UtilityList/utility-list.entry.js +1 -0
  272. package/src/Component/UtilityList/utility-list.twig +66 -0
  273. package/src/Form/Checkbox/FormCheckbox.stories.tsx +1 -3
  274. package/src/Form/Checkbox/FormCheckbox.tsx +4 -25
  275. package/src/Form/Checkbox/__snapshots__/Checkbox.stories.ts.snap +3 -3
  276. package/src/Form/Description/Description.stories.ts +1 -2
  277. package/src/Form/Description/FormStatus.stories.ts +1 -4
  278. package/src/Form/Description/__snapshots__/Description.stories.ts.snap +1 -1
  279. package/src/Form/Description/__snapshots__/FormDescription.stories.tsx.snap +1 -1
  280. package/src/Form/Description/__snapshots__/FormStatus.stories.ts.snap +3 -3
  281. package/src/Form/Form/Form.tsx +1 -3
  282. package/src/Form/Form/__snapshots__/Form.stories.tsx.snap +1 -1
  283. package/src/Form/Form/__snapshots__/FormTitle.stories.tsx.snap +1 -1
  284. package/src/Form/FormItem/FormItem.stories.ts +3 -9
  285. package/src/Form/FormItem/__snapshots__/FormItem.stories.ts.snap +18 -18
  286. package/src/Form/FormItem/__snapshots__/FormItem.stories.tsx.snap +1 -1
  287. package/src/Form/Label/FormLabel.tsx +1 -5
  288. package/src/Form/Label/__snapshots__/FormLabel.stories.tsx.snap +1 -1
  289. package/src/Form/Label/__snapshots__/Label.stories.ts.snap +3 -3
  290. package/src/Form/Radio/FormRadio.stories.tsx +1 -3
  291. package/src/Form/Radio/FormRadio.tsx +4 -25
  292. package/src/Form/Radio/__snapshots__/Radio.stories.ts.snap +9 -9
  293. package/src/Form/Search/__snapshots__/Search.stories.ts.snap +1 -1
  294. package/src/Form/Select/FormSelect.tsx +3 -9
  295. package/src/Form/Select/__snapshots__/FormSelect.stories.tsx.snap +1 -1
  296. package/src/Form/Select/__snapshots__/Select.stories.ts.snap +2 -2
  297. package/src/Form/TextInput/FormText.tsx +3 -9
  298. package/src/Form/TextInput/TextInput.stories.ts +1 -4
  299. package/src/Form/TextInput/__snapshots__/FormText.stories.tsx.snap +1 -1
  300. package/src/Form/TextInput/__snapshots__/InputDivider.stories.ts.snap +1 -1
  301. package/src/Form/TextInput/__snapshots__/TextInput.stories.ts.snap +3 -3
  302. package/src/Form/Textarea/FormTextarea.tsx +3 -9
  303. package/src/Form/Textarea/__snapshots__/FormTextarea.stories.tsx.snap +1 -1
  304. package/src/Form/Textarea/__snapshots__/Textarea.stories.ts.snap +2 -2
  305. package/src/Form/form.css +6 -14
  306. package/src/Introduction.mdx +1 -2
  307. package/src/Layout/Footer/Footer.stories.ts +1 -5
  308. package/src/Layout/Footer/Footer.stories.tsx +2 -3
  309. package/src/Layout/Footer/Footer.tsx +3 -12
  310. package/src/Layout/Footer/__snapshots__/Footer.stories.ts.snap +4 -4
  311. package/src/Layout/Footer/__snapshots__/Footer.stories.tsx.snap +1 -1
  312. package/src/Layout/Grid/Grid.stories.ts +40 -8
  313. package/src/Layout/Grid/Grid.tsx +1 -2
  314. package/src/Layout/Grid/GridItem.stories.ts +63 -0
  315. package/src/Layout/Grid/__snapshots__/Grid.stories.ts.snap +29 -4
  316. package/src/Layout/Grid/__snapshots__/Grid.stories.tsx.snap +1 -1
  317. package/src/Layout/Grid/__snapshots__/GridItem.stories.ts.snap +19 -0
  318. package/src/Layout/Grid/grid-item.twig +3 -9
  319. package/src/Layout/Grid/grid.css +1 -4
  320. package/src/Layout/Header/Elements/GlobalToggle.ts +9 -29
  321. package/src/Layout/Header/__snapshots__/Header.stories.ts.snap +25 -45
  322. package/src/Layout/Header/__snapshots__/Header.stories.tsx.snap +3 -3
  323. package/src/Layout/Header/_toggles.css +2 -2
  324. package/src/Layout/Header/header.twig +1 -1
  325. package/src/Layout/Masthead/Masthead.stories.ts +1 -4
  326. package/src/Layout/Masthead/__snapshots__/Masthead.stories.ts.snap +3 -3
  327. package/src/Layout/Page/Page.stories.tsx +2 -2
  328. package/src/Layout/Page/__snapshots__/Page.stories.tsx.snap +3 -3
  329. package/src/Layout/Page/page.css +2 -10
  330. package/src/Layout/Section/Background.stories.ts +14 -39
  331. package/src/Layout/Section/Breakouts.stories.ts +3 -0
  332. package/src/Layout/Section/Flow.stories.ts +3 -0
  333. package/src/Layout/Section/Section.stories.ts +93 -11
  334. package/src/Layout/Section/Section.tsx +3 -13
  335. package/src/Layout/Section/SectionGrid.tsx +2 -9
  336. package/src/Layout/Section/__snapshots__/Background.stories.ts.snap +4 -4
  337. package/src/Layout/Section/__snapshots__/Breakouts.stories.ts.snap +1 -1
  338. package/src/Layout/Section/__snapshots__/Flow.stories.ts.snap +1 -1
  339. package/src/Layout/Section/__snapshots__/Section.stories.ts.snap +93 -3
  340. package/src/Layout/Section/__snapshots__/Section.stories.tsx.snap +1 -1
  341. package/src/Layout/Section/__snapshots__/SectionGrid.stories.tsx.snap +1 -1
  342. package/src/Layout/Section/section.css +2 -5
  343. package/src/Layout/Section/section.twig +1 -3
  344. package/src/Layout/Sidebar/Sidebar.stories.ts +46 -4
  345. package/src/Layout/Sidebar/Sidebar.tsx +1 -3
  346. package/src/Layout/Sidebar/__snapshots__/Sidebar.stories.ts.snap +4 -4
  347. package/src/Layout/Sidebar/__snapshots__/Sidebar.stories.tsx.snap +1 -1
  348. package/src/Utility/Context/ImageComponent.tsx +4 -8
  349. package/src/Utility/Context/LinkComponent.tsx +1 -5
  350. package/src/Utility/Drupal/drupal.css +2 -4
  351. package/src/Utility/Elements/breakpoint-loader.ts +4 -10
  352. package/src/Utility/Elements/cookie-compliance.ts +2 -8
  353. package/src/Utility/Elements/disclosure-widget.ts +11 -18
  354. package/src/Utility/Elements/io-loader.ts +4 -6
  355. package/src/Utility/Elements/keyboard.ts +4 -14
  356. package/src/Utility/Hooks/useLocalStorage.ts +5 -18
  357. package/src/Utility/Hooks/useMediaQuery.ts +1 -4
  358. package/src/Utility/Hooks/useToggle.ts +1 -3
  359. package/src/Utility/global.d.ts +1 -5
  360. package/src/Utility/utilities.ts +20 -45
  361. package/src/constants.css +7 -28
  362. package/src/enums.ts +3 -1
  363. package/src/react.ts +5 -21
  364. package/src/tokens.js +2 -2
  365. package/dist/build/chunks/disclosure-widget-DVpnRsTI.js +0 -126
  366. package/dist/build/chunks/disclosure-widget-DVpnRsTI.js.map +0 -1
  367. package/dist/build/chunks/drop-menu.entry-B4TtnC50.js +0 -132
  368. package/dist/build/chunks/drop-menu.entry-B4TtnC50.js.map +0 -1
  369. package/dist/build/chunks/keyboard-rvZ4dfGF.js +0 -104
  370. package/dist/build/chunks/keyboard-rvZ4dfGF.js.map +0 -1
  371. package/dist/build/chunks/polyfills-C-B7iqDG.js.map +0 -1
  372. package/dist/build/chunks/utilities-DXELy_An.js.map +0 -1
  373. package/src/Atom/Text/TextSizes.stories.ts +0 -25
  374. package/src/Atom/Text/text-alignment.twig +0 -5
  375. package/src/Component/Accordion/twig/accordion-example.twig +0 -36
  376. package/src/Component/Tile/README.md +0 -3
  377. package/src/Component/Tile/Tile.stories.ts +0 -49
  378. package/src/Component/Tile/Tile.stories.tsx +0 -35
  379. package/src/Component/Tile/__snapshots__/Tile.stories.ts.snap +0 -57
  380. package/src/Component/Tile/__snapshots__/Tile.stories.tsx.snap +0 -23
@@ -8,14 +8,8 @@
8
8
  --grid-min: 20ch;
9
9
 
10
10
  display: grid;
11
- grid-template-columns: repeat(
12
- auto-fit,
13
- minmax(min(100%, 20ch), 1fr)
14
- );
15
- grid-template-columns: repeat(
16
- var(--grid-repeat),
17
- minmax(min(100%, var(--grid-min)), 1fr)
18
- );
11
+ grid-template-columns: repeat(auto-fit, minmax(min(100%, 20ch), 1fr));
12
+ grid-template-columns: repeat(var(--grid-repeat), minmax(min(100%, var(--grid-min)), 1fr));
19
13
  grid-template-rows: 1fr;
20
14
  grid-gap: var(--grid-gap, var(--gap));
21
15
  gap: var(--grid-gap, var(--gap));
@@ -198,4 +192,4 @@
198
192
  }
199
193
  }
200
194
 
201
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImdyaWQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSx1QkFBdUI7SUFDdkIsZ0JBQWdCOztJQUVoQixhQUFhO0lBQ2I7OztLQUdDO0lBSEQ7OztLQUdDO0lBQ0QsdUJBQXVCO0lBQ3ZCLHFDQUFnQztJQUFoQyxnQ0FBZ0M7RUFVbEM7O0lBUkU7RUFaRjtNQWFJLCtDQUErQztFQU9uRDtJQU5FOztJQUVBO01BQ0UsZ0JBQWdCO01BQ2hCLDJCQUEyQjtJQUM3Qjs7RUFHRjtJQUNFLGdCQUFnQjtFQUNsQjtJQUdFOztFQURGO01BRUksZ0JBQWdCO0VBRXBCO0lBREU7SUFJQTs7RUFERjtNQUVJLGdCQUFnQjtFQUVwQjtJQURFO0lBSUE7O0VBREY7TUFFSSxnQkFBZ0I7RUFFcEI7SUFERTtJQUlBOztFQURGO01BRUksZ0JBQWdCO0VBRXBCO0lBREU7SUFJQTs7RUFERjtNQUVJLGdCQUFnQjtFQUVwQjtJQURFO0lBSUE7O0VBREY7TUFFSSxnQkFBZ0I7RUFFcEI7SUFERTtJQUlBOztFQURGO01BRUksZ0JBQWdCO0VBRXBCO0lBREU7SUFJQTs7RUFERjtNQUVJLGdCQUFnQjtFQUVwQjtJQURFO0lBSUE7O0VBREY7TUFFSSxnQkFBZ0I7RUFFcEI7SUFERTtJQUlBOztFQURGO01BRUksZ0JBQWdCO0VBRXBCO0lBREU7SUFJQTs7RUFERjtNQUVJLGdCQUFnQjtFQUVwQjtJQURFOztFQUdGO0lBQ0UsYUFBYTtFQUNmOztFQUVBO0lBQ0Usa0JBQWE7U0FBYixhQUFhO0VBQ2Y7O0VBRUE7SUFDRSxVQUFVO0VBQ1o7QUFDRjs7QUFFQTs7RUFFRTtBQUNGO0VBQ0U7SUFDRSx3QkFBMEM7SUFBMUMsMENBQTBDO0VBQzVDO0lBR0U7O0VBREY7TUFFSSxtQkFBbUI7RUFFdkI7SUFERTtJQUlBOztFQURGO01BRUksbUJBQW1CO0VBRXZCO0lBREU7SUFJQTs7RUFERjtNQUVJLG1CQUFtQjtFQUV2QjtJQURFO0lBSUE7O0VBREY7TUFFSSxtQkFBbUI7RUFFdkI7SUFERTtJQUlBOztFQURGO01BRUksbUJBQW1CO0VBRXZCO0lBREU7SUFJQTs7RUFERjtNQUVJLG1CQUFtQjtFQUV2QjtJQURFO0lBSUE7O0VBREY7TUFFSSxtQkFBbUI7RUFFdkI7SUFERTtJQUlBOztFQURGO01BRUksbUJBQW1CO0VBRXZCO0lBREU7SUFJQTs7RUFERjtNQUVJLG1CQUFtQjtFQUV2QjtJQURFO0lBSUE7O0VBREY7TUFFSSxtQkFBbUI7RUFFdkI7SUFERTtJQUlBOztFQURGO01BRUksbUJBQW1CO0VBRXZCO0lBREU7QUFFSjs7QUFFQTtFQUNFO0lBQ0UsY0FBYztFQUNoQjtBQUNGIiwiZmlsZSI6ImdyaWQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBEeW5hbWljIEdyaWRcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgLm14LWdyaWQge1xuICAgIC0tZ3JpZC1yZXBlYXQ6IGF1dG8tZml0O1xuICAgIC0tZ3JpZC1taW46IDIwY2g7XG5cbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KFxuICAgICAgdmFyKC0tZ3JpZC1yZXBlYXQpLFxuICAgICAgbWlubWF4KG1pbigxMDAlLCB2YXIoLS1ncmlkLW1pbikpLCAxZnIpXG4gICAgKTtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6IDFmcjtcbiAgICBnYXA6IHZhcigtLWdyaWQtZ2FwLCB2YXIoLS1nYXApKTtcblxuICAgIEBtZWRpYSAoLS1sYXJnZS11cCkge1xuICAgICAgLS1ncmlkLWdhcDogdmFyKC0tbGFyZ2UtZ3JpZC1nYXAsIHZhcigtLWdhcC1sKSk7XG4gICAgfVxuXG4gICAgJjppcyh1bCwgb2wpIHtcbiAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogdW5zZXQ7XG4gICAgfVxuICB9XG5cbiAgW2NsYXNzKj1cIm14LWdyaWQtLWNvbHMtXCJdIHtcbiAgICAtLWdyaWQtcmVwZWF0OiAxO1xuICB9XG5cbiAgLm14LWdyaWQtLWNvbHMteHMtMiB7XG4gICAgQG1lZGlhICgtLXgtc21hbGwtdXApIHtcbiAgICAgIC0tZ3JpZC1yZXBlYXQ6IDI7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtLWNvbHMtc20tMiB7XG4gICAgQG1lZGlhICgtLXNtYWxsLXVwKSB7XG4gICAgICAtLWdyaWQtcmVwZWF0OiAyO1xuICAgIH1cbiAgfVxuXG4gIC5teC1ncmlkLS1jb2xzLW1kLTIge1xuICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgIC0tZ3JpZC1yZXBlYXQ6IDI7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtLWNvbHMtbGctMiB7XG4gICAgQG1lZGlhICgtLWxhcmdlLXVwKSB7XG4gICAgICAtLWdyaWQtcmVwZWF0OiAyO1xuICAgIH1cbiAgfVxuXG4gIC5teC1ncmlkLS1jb2xzLXhsLTIge1xuICAgIEBtZWRpYSAoLS14LWxhcmdlLXVwKSB7XG4gICAgICAtLWdyaWQtcmVwZWF0OiAyO1xuICAgIH1cbiAgfVxuXG4gIC5teC1ncmlkLS1jb2xzLW1kLTMge1xuICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgIC0tZ3JpZC1yZXBlYXQ6IDM7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtLWNvbHMtbGctMyB7XG4gICAgQG1lZGlhICgtLWxhcmdlLXVwKSB7XG4gICAgICAtLWdyaWQtcmVwZWF0OiAzO1xuICAgIH1cbiAgfVxuXG4gIC5teC1ncmlkLS1jb2xzLXhsLTMge1xuICAgIEBtZWRpYSAoLS14LWxhcmdlLXVwKSB7XG4gICAgICAtLWdyaWQtcmVwZWF0OiAzO1xuICAgIH1cbiAgfVxuXG4gIC5teC1ncmlkLS1jb2xzLW1kLTQge1xuICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgIC0tZ3JpZC1yZXBlYXQ6IDQ7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtLWNvbHMtbGctNCB7XG4gICAgQG1lZGlhICgtLWxhcmdlLXVwKSB7XG4gICAgICAtLWdyaWQtcmVwZWF0OiA0O1xuICAgIH1cbiAgfVxuXG4gIC5teC1ncmlkLS1jb2xzLXhsLTQge1xuICAgIEBtZWRpYSAoLS14LWxhcmdlLXVwKSB7XG4gICAgICAtLWdyaWQtcmVwZWF0OiA0O1xuICAgIH1cbiAgfVxuXG4gIC5teC1ncmlkLS1jb2xsYXBzZSB7XG4gICAgLS1ncmlkLWdhcDogMDtcbiAgfVxuXG4gIC5teC1ncmlkLS1jb2xsYXBzZS1jb2xzIHtcbiAgICBjb2x1bW4tZ2FwOiAwO1xuICB9XG5cbiAgLm14LWdyaWQtLWNvbGxhcHNlLXJvd3Mge1xuICAgIHJvdy1nYXA6IDA7XG4gIH1cbn1cblxuLyoqXG4gKiBHcmlkIGl0ZW1zLlxuICovXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgW2NsYXNzKj1cIm14LWdyaWQtaXRlbV9fc3Bhbi1cIl0ge1xuICAgIGdyaWQtY29sdW1uOiBhdXRvIC8gdmFyKC0tZ3JpZC1zcGFuLCBhdXRvKTtcbiAgfVxuXG4gIC5teC1ncmlkLWl0ZW1fX3NwYW4teHMtMiB7XG4gICAgQG1lZGlhICgtLXgtc21hbGwtdXApIHtcbiAgICAgIC0tZ3JpZC1zcGFuOiBzcGFuIDI7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtaXRlbV9fc3Bhbi1zbS0yIHtcbiAgICBAbWVkaWEgKC0tc21hbGwtdXApIHtcbiAgICAgIC0tZ3JpZC1zcGFuOiBzcGFuIDI7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtaXRlbV9fc3Bhbi1tZC0yIHtcbiAgICBAbWVkaWEgKC0tbWVkaXVtLXVwKSB7XG4gICAgICAtLWdyaWQtc3Bhbjogc3BhbiAyO1xuICAgIH1cbiAgfVxuXG4gIC5teC1ncmlkLWl0ZW1fX3NwYW4tbGctMiB7XG4gICAgQG1lZGlhICgtLWxhcmdlLXVwKSB7XG4gICAgICAtLWdyaWQtc3Bhbjogc3BhbiAyO1xuICAgIH1cbiAgfVxuXG4gIC5teC1ncmlkLWl0ZW1fX3NwYW4teGwtMiB7XG4gICAgQG1lZGlhICgtLXgtbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1zcGFuOiBzcGFuIDI7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtaXRlbV9fc3Bhbi1tZC0zIHtcbiAgICBAbWVkaWEgKC0tbWVkaXVtLXVwKSB7XG4gICAgICAtLWdyaWQtc3Bhbjogc3BhbiAzO1xuICAgIH1cbiAgfVxuXG4gIC5teC1ncmlkLWl0ZW1fX3NwYW4tbGctMyB7XG4gICAgQG1lZGlhICgtLWxhcmdlLXVwKSB7XG4gICAgICAtLWdyaWQtc3Bhbjogc3BhbiAzO1xuICAgIH1cbiAgfVxuXG4gIC5teC1ncmlkLWl0ZW1fX3NwYW4teGwtMyB7XG4gICAgQG1lZGlhICgtLXgtbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1zcGFuOiBzcGFuIDM7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtaXRlbV9fc3Bhbi1tZC00IHtcbiAgICBAbWVkaWEgKC0tbWVkaXVtLXVwKSB7XG4gICAgICAtLWdyaWQtc3Bhbjogc3BhbiA0O1xuICAgIH1cbiAgfVxuXG4gIC5teC1ncmlkLWl0ZW1fX3NwYW4tbGctNCB7XG4gICAgQG1lZGlhICgtLWxhcmdlLXVwKSB7XG4gICAgICAtLWdyaWQtc3Bhbjogc3BhbiA0O1xuICAgIH1cbiAgfVxuXG4gIC5teC1ncmlkLWl0ZW1fX3NwYW4teGwtNCB7XG4gICAgQG1lZGlhICgtLXgtbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1zcGFuOiBzcGFuIDQ7XG4gICAgfVxuICB9XG59XG5cbkBtZWRpYSBwcmludCB7XG4gIC5teC1ncmlkIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuIl19 */
195
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImdyaWQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSx1QkFBdUI7SUFDdkIsZ0JBQWdCOztJQUVoQixhQUFhO0lBQ2IscUVBQTBGO0lBQTFGLDBGQUEwRjtJQUMxRix1QkFBdUI7SUFDdkIscUNBQWdDO0lBQWhDLGdDQUFnQztFQVVsQzs7SUFSRTtFQVRGO01BVUksK0NBQStDO0VBT25EO0lBTkU7O0lBRUE7TUFDRSxnQkFBZ0I7TUFDaEIsMkJBQTJCO0lBQzdCOztFQUdGO0lBQ0UsZ0JBQWdCO0VBQ2xCO0lBR0U7O0VBREY7TUFFSSxnQkFBZ0I7RUFFcEI7SUFERTtJQUlBOztFQURGO01BRUksZ0JBQWdCO0VBRXBCO0lBREU7SUFJQTs7RUFERjtNQUVJLGdCQUFnQjtFQUVwQjtJQURFO0lBSUE7O0VBREY7TUFFSSxnQkFBZ0I7RUFFcEI7SUFERTtJQUlBOztFQURGO01BRUksZ0JBQWdCO0VBRXBCO0lBREU7SUFJQTs7RUFERjtNQUVJLGdCQUFnQjtFQUVwQjtJQURFO0lBSUE7O0VBREY7TUFFSSxnQkFBZ0I7RUFFcEI7SUFERTtJQUlBOztFQURGO01BRUksZ0JBQWdCO0VBRXBCO0lBREU7SUFJQTs7RUFERjtNQUVJLGdCQUFnQjtFQUVwQjtJQURFO0lBSUE7O0VBREY7TUFFSSxnQkFBZ0I7RUFFcEI7SUFERTtJQUlBOztFQURGO01BRUksZ0JBQWdCO0VBRXBCO0lBREU7O0VBR0Y7SUFDRSxhQUFhO0VBQ2Y7O0VBRUE7SUFDRSxrQkFBYTtTQUFiLGFBQWE7RUFDZjs7RUFFQTtJQUNFLFVBQVU7RUFDWjtBQUNGOztBQUVBOztFQUVFO0FBQ0Y7RUFDRTtJQUNFLHdCQUEwQztJQUExQywwQ0FBMEM7RUFDNUM7SUFHRTs7RUFERjtNQUVJLG1CQUFtQjtFQUV2QjtJQURFO0lBSUE7O0VBREY7TUFFSSxtQkFBbUI7RUFFdkI7SUFERTtJQUlBOztFQURGO01BRUksbUJBQW1CO0VBRXZCO0lBREU7SUFJQTs7RUFERjtNQUVJLG1CQUFtQjtFQUV2QjtJQURFO0lBSUE7O0VBREY7TUFFSSxtQkFBbUI7RUFFdkI7SUFERTtJQUlBOztFQURGO01BRUksbUJBQW1CO0VBRXZCO0lBREU7SUFJQTs7RUFERjtNQUVJLG1CQUFtQjtFQUV2QjtJQURFO0lBSUE7O0VBREY7TUFFSSxtQkFBbUI7RUFFdkI7SUFERTtJQUlBOztFQURGO01BRUksbUJBQW1CO0VBRXZCO0lBREU7SUFJQTs7RUFERjtNQUVJLG1CQUFtQjtFQUV2QjtJQURFO0lBSUE7O0VBREY7TUFFSSxtQkFBbUI7RUFFdkI7SUFERTtBQUVKOztBQUVBO0VBQ0U7SUFDRSxjQUFjO0VBQ2hCO0FBQ0YiLCJmaWxlIjoiZ3JpZC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIER5bmFtaWMgR3JpZFxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICAubXgtZ3JpZCB7XG4gICAgLS1ncmlkLXJlcGVhdDogYXV0by1maXQ7XG4gICAgLS1ncmlkLW1pbjogMjBjaDtcblxuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQodmFyKC0tZ3JpZC1yZXBlYXQpLCBtaW5tYXgobWluKDEwMCUsIHZhcigtLWdyaWQtbWluKSksIDFmcikpO1xuICAgIGdyaWQtdGVtcGxhdGUtcm93czogMWZyO1xuICAgIGdhcDogdmFyKC0tZ3JpZC1nYXAsIHZhcigtLWdhcCkpO1xuXG4gICAgQG1lZGlhICgtLWxhcmdlLXVwKSB7XG4gICAgICAtLWdyaWQtZ2FwOiB2YXIoLS1sYXJnZS1ncmlkLWdhcCwgdmFyKC0tZ2FwLWwpKTtcbiAgICB9XG5cbiAgICAmOmlzKHVsLCBvbCkge1xuICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB1bnNldDtcbiAgICB9XG4gIH1cblxuICBbY2xhc3MqPVwibXgtZ3JpZC0tY29scy1cIl0ge1xuICAgIC0tZ3JpZC1yZXBlYXQ6IDE7XG4gIH1cblxuICAubXgtZ3JpZC0tY29scy14cy0yIHtcbiAgICBAbWVkaWEgKC0teC1zbWFsbC11cCkge1xuICAgICAgLS1ncmlkLXJlcGVhdDogMjtcbiAgICB9XG4gIH1cblxuICAubXgtZ3JpZC0tY29scy1zbS0yIHtcbiAgICBAbWVkaWEgKC0tc21hbGwtdXApIHtcbiAgICAgIC0tZ3JpZC1yZXBlYXQ6IDI7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtLWNvbHMtbWQtMiB7XG4gICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgLS1ncmlkLXJlcGVhdDogMjtcbiAgICB9XG4gIH1cblxuICAubXgtZ3JpZC0tY29scy1sZy0yIHtcbiAgICBAbWVkaWEgKC0tbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1yZXBlYXQ6IDI7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtLWNvbHMteGwtMiB7XG4gICAgQG1lZGlhICgtLXgtbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1yZXBlYXQ6IDI7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtLWNvbHMtbWQtMyB7XG4gICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgLS1ncmlkLXJlcGVhdDogMztcbiAgICB9XG4gIH1cblxuICAubXgtZ3JpZC0tY29scy1sZy0zIHtcbiAgICBAbWVkaWEgKC0tbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1yZXBlYXQ6IDM7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtLWNvbHMteGwtMyB7XG4gICAgQG1lZGlhICgtLXgtbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1yZXBlYXQ6IDM7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtLWNvbHMtbWQtNCB7XG4gICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgLS1ncmlkLXJlcGVhdDogNDtcbiAgICB9XG4gIH1cblxuICAubXgtZ3JpZC0tY29scy1sZy00IHtcbiAgICBAbWVkaWEgKC0tbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1yZXBlYXQ6IDQ7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtLWNvbHMteGwtNCB7XG4gICAgQG1lZGlhICgtLXgtbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1yZXBlYXQ6IDQ7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtLWNvbGxhcHNlIHtcbiAgICAtLWdyaWQtZ2FwOiAwO1xuICB9XG5cbiAgLm14LWdyaWQtLWNvbGxhcHNlLWNvbHMge1xuICAgIGNvbHVtbi1nYXA6IDA7XG4gIH1cblxuICAubXgtZ3JpZC0tY29sbGFwc2Utcm93cyB7XG4gICAgcm93LWdhcDogMDtcbiAgfVxufVxuXG4vKipcbiAqIEdyaWQgaXRlbXMuXG4gKi9cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICBbY2xhc3MqPVwibXgtZ3JpZC1pdGVtX19zcGFuLVwiXSB7XG4gICAgZ3JpZC1jb2x1bW46IGF1dG8gLyB2YXIoLS1ncmlkLXNwYW4sIGF1dG8pO1xuICB9XG5cbiAgLm14LWdyaWQtaXRlbV9fc3Bhbi14cy0yIHtcbiAgICBAbWVkaWEgKC0teC1zbWFsbC11cCkge1xuICAgICAgLS1ncmlkLXNwYW46IHNwYW4gMjtcbiAgICB9XG4gIH1cblxuICAubXgtZ3JpZC1pdGVtX19zcGFuLXNtLTIge1xuICAgIEBtZWRpYSAoLS1zbWFsbC11cCkge1xuICAgICAgLS1ncmlkLXNwYW46IHNwYW4gMjtcbiAgICB9XG4gIH1cblxuICAubXgtZ3JpZC1pdGVtX19zcGFuLW1kLTIge1xuICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgIC0tZ3JpZC1zcGFuOiBzcGFuIDI7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtaXRlbV9fc3Bhbi1sZy0yIHtcbiAgICBAbWVkaWEgKC0tbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1zcGFuOiBzcGFuIDI7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtaXRlbV9fc3Bhbi14bC0yIHtcbiAgICBAbWVkaWEgKC0teC1sYXJnZS11cCkge1xuICAgICAgLS1ncmlkLXNwYW46IHNwYW4gMjtcbiAgICB9XG4gIH1cblxuICAubXgtZ3JpZC1pdGVtX19zcGFuLW1kLTMge1xuICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgIC0tZ3JpZC1zcGFuOiBzcGFuIDM7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtaXRlbV9fc3Bhbi1sZy0zIHtcbiAgICBAbWVkaWEgKC0tbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1zcGFuOiBzcGFuIDM7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtaXRlbV9fc3Bhbi14bC0zIHtcbiAgICBAbWVkaWEgKC0teC1sYXJnZS11cCkge1xuICAgICAgLS1ncmlkLXNwYW46IHNwYW4gMztcbiAgICB9XG4gIH1cblxuICAubXgtZ3JpZC1pdGVtX19zcGFuLW1kLTQge1xuICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgIC0tZ3JpZC1zcGFuOiBzcGFuIDQ7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtaXRlbV9fc3Bhbi1sZy00IHtcbiAgICBAbWVkaWEgKC0tbGFyZ2UtdXApIHtcbiAgICAgIC0tZ3JpZC1zcGFuOiBzcGFuIDQ7XG4gICAgfVxuICB9XG5cbiAgLm14LWdyaWQtaXRlbV9fc3Bhbi14bC00IHtcbiAgICBAbWVkaWEgKC0teC1sYXJnZS11cCkge1xuICAgICAgLS1ncmlkLXNwYW46IHNwYW4gNDtcbiAgICB9XG4gIH1cbn1cblxuQG1lZGlhIHByaW50IHtcbiAgLm14LWdyaWQge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG59XG4iXX0= */
@@ -8,7 +8,8 @@
8
8
  gap: var(--toggle-gap, var(--spacing-xs));
9
9
  padding-inline-end: 0.125rem;
10
10
  position: relative;
11
- z-index: 1;
11
+ z-index: 3;
12
+ z-index: var(--toggle-index, 3);
12
13
  }
13
14
 
14
15
  @media (min-width: 720px) {
@@ -30,6 +31,8 @@
30
31
  opacity: 1;
31
32
  display: grid;
32
33
  position: fixed;
34
+ z-index: 2;
35
+ z-index: var(--collapse-index, 2);
33
36
  inset: 0;
34
37
  align-items: center;
35
38
  }
@@ -57,7 +60,6 @@
57
60
  @media (min-width: 720px) {
58
61
 
59
62
  .mx-header__collapse-toggle {
60
- z-index: 2;
61
63
  position: relative;
62
64
  inline-size: auto;
63
65
  block-size: auto;
@@ -144,4 +146,4 @@
144
146
  }
145
147
  }
146
148
 
147
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIl90b2dnbGVzLmNzcyIsIl9oZWFkZXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxhQUFhO0lBQ2IseUNBQXlDO0lBQ3pDLDRCQUF1QjtJQUN2QixrQkFBa0I7SUFDbEIsVUFBVTtFQWFaOztJQVhFO0VBUEY7TUFRSSxhQUFhO0VBVWpCO0lBVEU7O0lBRUE7TUFDRSx5QkFBeUI7SUFDM0I7O0lBRUE7TUFDRSxhQUFhO0lBQ2Y7O0VBR0Y7SUFDRSxpQkFBaUI7SUFDakIsVUFBVTtJQUNWLGFBQWE7SUFDYixlQUFlO0lBQ2YsUUFBUTtJQUNSLG1CQUFtQjtFQTRCckI7O0lBMUJFOztFQVJGO01BU0ksVUFBVTtNQUNWLGFBQWE7RUF3QmpCO0lBdkJFOztJQUVBOztFQWJGO01BY0ksK0NBQStDO01BQy9DLDhCQUE4QjtFQW1CbEM7O01BakJJO1FBQ0UsaUJBQWlCO01BQ25CO0lBQ0Y7O0lBRUE7O0VBdEJGO01BdUJJLFVBQVU7TUFDVixrQkFBa0I7TUFDbEIsaUJBQWlCO01BQ2pCLGdCQUFnQjtFQVFwQjtJQVBFOztJQUVBO01BQ0UsYUFBYTtNQUNiLFVBQVU7TUFDVix5QkFBeUI7SUFDM0I7QUFFSjs7QUFHRTs7QUFERjtJQUVJLGFBQWE7QUFFakI7RUFERTs7QUNqRUY7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGFBQWE7SUFDYiwrQkFBK0I7SUFDL0IsbUJBQW1CO0VBQ3JCOztFQUVBO0lBQ0UsYUFBYTtJQUNiLGlDQUFpQztJQUNqQyxtQkFBbUI7SUFDbkIsdUJBQXVCO0VBQ3pCOztFQUVBO0lBQ0UsYUFBYTtFQUNmOztFQUVBO0lBQ0UsYUFBYTtJQUNiLGdDQUFnQztJQUNoQyxtQkFBbUI7RUFDckI7SUFHRTtNQUNFLDhCQUE4QjtJQUNoQztNQUdFOztJQURGO1FBRUksc0JBQXNCO0lBRTFCO01BREU7O0VBSUo7O0lBRUU7SUFFQTtFQURGO01BRUksYUFBYTtFQUVqQjtJQURFOztFQUdGO0lBQ0UsOEJBQThCO0VBT2hDOztJQUxFOztFQUhGO01BSUkseUJBQXlCO01BQ3pCLGVBQWU7TUFDZixrQkFBa0I7RUFFdEI7SUFERTtBQUVKOztBQUVBO0VBQ0U7SUFDRSxhQUFhO0VBQ2Y7QUFDRiIsImZpbGUiOiJoZWFkZXIuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHbG9iYWwgSGVhZGVyXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0ubGF5b3V0cyB7XG4gIC5teC1oZWFkZXJfX3RvZ2dsZXMge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiB2YXIoLS10b2dnbGUtZ2FwLCB2YXIoLS1zcGFjaW5nLXhzKSk7XG4gICAgcGFkZGluZy1pbmxpbmUtZW5kOiAycHg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHotaW5kZXg6IDE7XG5cbiAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICAmIC5teC1idXR0b24tLXNlY29uZGFyeSB7XG4gICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgICYgW2hpZGRlbl0ge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cblxuICAubXgtaGVhZGVyX19jb2xsYXBzZS10b2dnbGUge1xuICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgaW5zZXQ6IDA7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIEBzdGFydGluZy1zdHlsZSB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICB9XG5cbiAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi1kb3duKSB7XG4gICAgICBwYWRkaW5nLWlubGluZTogdmFyKC0tZ3V0dGVyLCB2YXIoLS1zcGFjaW5nLWwpKTtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogaW5oZXJpdDtcblxuICAgICAgJiAubXgtaGVhZGVyX19uYXYtaW5uZXIge1xuICAgICAgICBncmlkLWNvbHVtbjogZnVsbDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgei1pbmRleDogMjtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGlubGluZS1zaXplOiBhdXRvO1xuICAgICAgYmxvY2stc2l6ZTogYXV0bztcbiAgICB9XG5cbiAgICAmW2luZXJ0XSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuNHM7XG4gICAgfVxuICB9XG59XG5cbi5nbG9iYWwtbmF2LXVwLW9ubHkge1xuICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi1kb3duKSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuIiwiLyoqXG4gKiBQcmltYXJ5IEhlYWRlclxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICAubXgtaGVhZGVyX19pbm5lciB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciBhdXRvO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cblxuICAubXgtaGVhZGVyX19icmFuZCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IHZhcigtLWJyYW5kLWdhcCwgdmFyKC0tZ2FwKSk7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBtYXJnaW4taW5saW5lLWVuZDogYXV0bztcbiAgfVxuXG4gIC5teC1oZWFkZXJfX25hbWUge1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gIH1cblxuICAubXgtaGVhZGVyX19tYWluIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGdhcDogdmFyKC0tbWFpbi1nYXAsIHZhcigtLWdhcCkpO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cblxuICAubXgtaGVhZGVyX19zZWFyY2gge1xuICAgICYgZm9ybSB7XG4gICAgICBtYXJnaW4tYmxvY2s6IHZhcigtLXNwYWNpbmctbSk7XG4gICAgfVxuXG4gICAgJiBpbnB1dCB7XG4gICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgICBtYXgtaW5saW5lLXNpemU6IDE1MHB4O1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBQcmltYXJ5IEhlYWRlciBTdGFja2VkXG4gICAqL1xuICAubXgtaGVhZGVyX19uYXYtaW5uZXIge1xuICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgIH1cbiAgfVxuXG4gIC5teC1oZWFkZXJfX25hdi1yaWdodCB7XG4gICAgbWFyZ2luLWJsb2NrOiB2YXIoLS1zcGFjaW5nLW0pO1xuXG4gICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IGF1dG87XG4gICAgICBtYXJnaW4tYmxvY2s6IDA7XG4gICAgICBwYWRkaW5nLWJsb2NrOiA0cHg7XG4gICAgfVxuICB9XG59XG5cbkBtZWRpYSBwcmludCB7XG4gIC5teC1oZWFkZXIgLm14LWhlYWRlcl9fbmF2IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iXX0= */
149
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIl90b2dnbGVzLmNzcyIsIl9oZWFkZXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxhQUFhO0lBQ2IseUNBQXlDO0lBQ3pDLDRCQUF1QjtJQUN2QixrQkFBa0I7SUFDbEIsVUFBK0I7SUFBL0IsK0JBQStCO0VBYWpDOztJQVhFO0VBUEY7TUFRSSxhQUFhO0VBVWpCO0lBVEU7O0lBRUE7TUFDRSx5QkFBeUI7SUFDM0I7O0lBRUE7TUFDRSxhQUFhO0lBQ2Y7O0VBR0Y7SUFDRSxpQkFBaUI7SUFDakIsVUFBVTtJQUNWLGFBQWE7SUFDYixlQUFlO0lBQ2YsVUFBaUM7SUFBakMsaUNBQWlDO0lBQ2pDLFFBQVE7SUFDUixtQkFBbUI7RUEyQnJCOztJQXpCRTs7RUFURjtNQVVJLFVBQVU7TUFDVixhQUFhO0VBdUJqQjtJQXRCRTs7SUFFQTs7RUFkRjtNQWVJLCtDQUErQztNQUMvQyw4QkFBOEI7RUFrQmxDOztNQWhCSTtRQUNFLGlCQUFpQjtNQUNuQjtJQUNGOztJQUVBOztFQXZCRjtNQXdCSSxrQkFBa0I7TUFDbEIsaUJBQWlCO01BQ2pCLGdCQUFnQjtFQVFwQjtJQVBFOztJQUVBO01BQ0UsYUFBYTtNQUNiLFVBQVU7TUFDVix5QkFBeUI7SUFDM0I7QUFFSjs7QUFHRTs7QUFERjtJQUVJLGFBQWE7QUFFakI7RUFERTs7QUNqRUY7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGFBQWE7SUFDYiwrQkFBK0I7SUFDL0IsbUJBQW1CO0VBQ3JCOztFQUVBO0lBQ0UsYUFBYTtJQUNiLGlDQUFpQztJQUNqQyxtQkFBbUI7SUFDbkIsdUJBQXVCO0VBQ3pCOztFQUVBO0lBQ0UsYUFBYTtFQUNmOztFQUVBO0lBQ0UsYUFBYTtJQUNiLGdDQUFnQztJQUNoQyxtQkFBbUI7RUFDckI7SUFHRTtNQUNFLDhCQUE4QjtJQUNoQztNQUdFOztJQURGO1FBRUksc0JBQXNCO0lBRTFCO01BREU7O0VBSUo7O0lBRUU7SUFFQTtFQURGO01BRUksYUFBYTtFQUVqQjtJQURFOztFQUdGO0lBQ0UsOEJBQThCO0VBT2hDOztJQUxFOztFQUhGO01BSUkseUJBQXlCO01BQ3pCLGVBQWU7TUFDZixrQkFBa0I7RUFFdEI7SUFERTtBQUVKOztBQUVBO0VBQ0U7SUFDRSxhQUFhO0VBQ2Y7QUFDRiIsImZpbGUiOiJoZWFkZXIuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHbG9iYWwgSGVhZGVyXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0ubGF5b3V0cyB7XG4gIC5teC1oZWFkZXJfX3RvZ2dsZXMge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiB2YXIoLS10b2dnbGUtZ2FwLCB2YXIoLS1zcGFjaW5nLXhzKSk7XG4gICAgcGFkZGluZy1pbmxpbmUtZW5kOiAycHg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHotaW5kZXg6IHZhcigtLXRvZ2dsZS1pbmRleCwgMyk7XG5cbiAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICAmIC5teC1idXR0b24tLXNlY29uZGFyeSB7XG4gICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgICYgW2hpZGRlbl0ge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cblxuICAubXgtaGVhZGVyX19jb2xsYXBzZS10b2dnbGUge1xuICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgIG9wYWNpdHk6IDE7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgei1pbmRleDogdmFyKC0tY29sbGFwc2UtaW5kZXgsIDIpO1xuICAgIGluc2V0OiAwO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBAc3RhcnRpbmctc3R5bGUge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgfVxuXG4gICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtZG93bikge1xuICAgICAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWd1dHRlciwgdmFyKC0tc3BhY2luZy1sKSk7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGluaGVyaXQ7XG5cbiAgICAgICYgLm14LWhlYWRlcl9fbmF2LWlubmVyIHtcbiAgICAgICAgZ3JpZC1jb2x1bW46IGZ1bGw7XG4gICAgICB9XG4gICAgfVxuXG4gICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGlubGluZS1zaXplOiBhdXRvO1xuICAgICAgYmxvY2stc2l6ZTogYXV0bztcbiAgICB9XG5cbiAgICAmW2luZXJ0XSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuNHM7XG4gICAgfVxuICB9XG59XG5cbi5nbG9iYWwtbmF2LXVwLW9ubHkge1xuICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi1kb3duKSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuIiwiLyoqXG4gKiBQcmltYXJ5IEhlYWRlclxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICAubXgtaGVhZGVyX19pbm5lciB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciBhdXRvO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cblxuICAubXgtaGVhZGVyX19icmFuZCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IHZhcigtLWJyYW5kLWdhcCwgdmFyKC0tZ2FwKSk7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBtYXJnaW4taW5saW5lLWVuZDogYXV0bztcbiAgfVxuXG4gIC5teC1oZWFkZXJfX25hbWUge1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gIH1cblxuICAubXgtaGVhZGVyX19tYWluIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGdhcDogdmFyKC0tbWFpbi1nYXAsIHZhcigtLWdhcCkpO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cblxuICAubXgtaGVhZGVyX19zZWFyY2gge1xuICAgICYgZm9ybSB7XG4gICAgICBtYXJnaW4tYmxvY2s6IHZhcigtLXNwYWNpbmctbSk7XG4gICAgfVxuXG4gICAgJiBpbnB1dCB7XG4gICAgICBAbWVkaWEgKC0tZ2xvYmFsLW5hdi11cCkge1xuICAgICAgICBtYXgtaW5saW5lLXNpemU6IDE1MHB4O1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBQcmltYXJ5IEhlYWRlciBTdGFja2VkXG4gICAqL1xuICAubXgtaGVhZGVyX19uYXYtaW5uZXIge1xuICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgIH1cbiAgfVxuXG4gIC5teC1oZWFkZXJfX25hdi1yaWdodCB7XG4gICAgbWFyZ2luLWJsb2NrOiB2YXIoLS1zcGFjaW5nLW0pO1xuXG4gICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IGF1dG87XG4gICAgICBtYXJnaW4tYmxvY2s6IDA7XG4gICAgICBwYWRkaW5nLWJsb2NrOiA0cHg7XG4gICAgfVxuICB9XG59XG5cbkBtZWRpYSBwcmludCB7XG4gIC5teC1oZWFkZXIgLm14LWhlYWRlcl9fbmF2IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iXX0= */
@@ -1,9 +1,5 @@
1
- import { D as DisclosureWidget } from "./chunks/disclosure-widget-DVpnRsTI.js";
2
- import "./chunks/utilities-DXELy_An.js";
3
- /*!
4
- * tabbable 6.2.0
5
- * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
6
- */
1
+ import { D as DisclosureWidget } from "./chunks/disclosure-widget-CdjCdx7t.js";
2
+ import "./chunks/utilities-Ci7wwNeg.js";
7
3
  var candidateSelectors = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"];
8
4
  var candidateSelector = /* @__PURE__ */ candidateSelectors.join(",");
9
5
  var NoElement = typeof Element === "undefined";
@@ -15,14 +11,14 @@ var getRootNode = !NoElement && Element.prototype.getRootNode ? function(element
15
11
  } : function(element) {
16
12
  return element === null || element === void 0 ? void 0 : element.ownerDocument;
17
13
  };
18
- var isInert = function isInert2(node, lookUp) {
14
+ var _isInert = function isInert(node, lookUp) {
19
15
  var _node$getAttribute;
20
16
  if (lookUp === void 0) {
21
17
  lookUp = true;
22
18
  }
23
19
  var inertAtt = node === null || node === void 0 ? void 0 : (_node$getAttribute = node.getAttribute) === null || _node$getAttribute === void 0 ? void 0 : _node$getAttribute.call(node, "inert");
24
20
  var inert = inertAtt === "" || inertAtt === "true";
25
- var result = inert || lookUp && node && isInert2(node.parentNode);
21
+ var result = inert || lookUp && node && _isInert(node.parentNode);
26
22
  return result;
27
23
  };
28
24
  var isContentEditable = function isContentEditable2(node) {
@@ -31,7 +27,7 @@ var isContentEditable = function isContentEditable2(node) {
31
27
  return attValue === "" || attValue === "true";
32
28
  };
33
29
  var getCandidates = function getCandidates2(el, includeContainer, filter) {
34
- if (isInert(el)) {
30
+ if (_isInert(el)) {
35
31
  return [];
36
32
  }
37
33
  var candidates = Array.prototype.slice.apply(el.querySelectorAll(candidateSelector));
@@ -41,18 +37,18 @@ var getCandidates = function getCandidates2(el, includeContainer, filter) {
41
37
  candidates = candidates.filter(filter);
42
38
  return candidates;
43
39
  };
44
- var getCandidatesIteratively = function getCandidatesIteratively2(elements, includeContainer, options) {
40
+ var _getCandidatesIteratively = function getCandidatesIteratively(elements, includeContainer, options) {
45
41
  var candidates = [];
46
42
  var elementsToCheck = Array.from(elements);
47
43
  while (elementsToCheck.length) {
48
44
  var element = elementsToCheck.shift();
49
- if (isInert(element, false)) {
45
+ if (_isInert(element, false)) {
50
46
  continue;
51
47
  }
52
48
  if (element.tagName === "SLOT") {
53
49
  var assigned = element.assignedElements();
54
50
  var content = assigned.length ? assigned : element.children;
55
- var nestedCandidates = getCandidatesIteratively2(content, true, options);
51
+ var nestedCandidates = _getCandidatesIteratively(content, true, options);
56
52
  if (options.flatten) {
57
53
  candidates.push.apply(candidates, nestedCandidates);
58
54
  } else {
@@ -68,9 +64,9 @@ var getCandidatesIteratively = function getCandidatesIteratively2(elements, incl
68
64
  }
69
65
  var shadowRoot = element.shadowRoot || // check for an undisclosed shadow
70
66
  typeof options.getShadowRoot === "function" && options.getShadowRoot(element);
71
- var validShadowRoot = !isInert(shadowRoot, false) && (!options.shadowRootFilter || options.shadowRootFilter(element));
67
+ var validShadowRoot = !_isInert(shadowRoot, false) && (!options.shadowRootFilter || options.shadowRootFilter(element));
72
68
  if (shadowRoot && validShadowRoot) {
73
- var _nestedCandidates = getCandidatesIteratively2(shadowRoot === true ? element.children : shadowRoot.children, true, options);
69
+ var _nestedCandidates = _getCandidatesIteratively(shadowRoot === true ? element.children : shadowRoot.children, true, options);
74
70
  if (options.flatten) {
75
71
  candidates.push.apply(candidates, _nestedCandidates);
76
72
  } else {
@@ -180,6 +176,24 @@ var isZeroArea = function isZeroArea2(node) {
180
176
  };
181
177
  var isHidden = function isHidden2(node, _ref) {
182
178
  var displayCheck = _ref.displayCheck, getShadowRoot = _ref.getShadowRoot;
179
+ if (displayCheck === "full-native") {
180
+ if ("checkVisibility" in node) {
181
+ var visible = node.checkVisibility({
182
+ // Checking opacity might be desirable for some use cases, but natively,
183
+ // opacity zero elements _are_ focusable and tabbable.
184
+ checkOpacity: false,
185
+ opacityProperty: false,
186
+ contentVisibilityAuto: true,
187
+ visibilityProperty: true,
188
+ // This is an alias for `visibilityProperty`. Contemporary browsers
189
+ // support both. However, this alias has wider browser support (Chrome
190
+ // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
191
+ // we include it anyway.
192
+ checkVisibilityCSS: true
193
+ });
194
+ return !visible;
195
+ }
196
+ }
183
197
  if (getComputedStyle(node).visibility === "hidden") {
184
198
  return true;
185
199
  }
@@ -188,7 +202,9 @@ var isHidden = function isHidden2(node, _ref) {
188
202
  if (matches.call(nodeUnderDetails, "details:not([open]) *")) {
189
203
  return true;
190
204
  }
191
- if (!displayCheck || displayCheck === "full" || displayCheck === "legacy-full") {
205
+ if (!displayCheck || displayCheck === "full" || // full-native can run this branch when it falls through in case
206
+ // Element#checkVisibility is unsupported
207
+ displayCheck === "full-native" || displayCheck === "legacy-full") {
192
208
  if (typeof getShadowRoot === "function") {
193
209
  var originalNode = node;
194
210
  while (node) {
@@ -239,7 +255,7 @@ var isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable2(
239
255
  if (node.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
240
256
  // because we're limited in the type of selectors we can use in JSDom (see related
241
257
  // note related to `candidateSelectors`)
242
- isInert(node) || isHiddenInput(node) || isHidden(node, options) || // For a details element with a summary, the summary element gets the focus
258
+ _isInert(node) || isHiddenInput(node) || isHidden(node, options) || // For a details element with a summary, the summary element gets the focus
243
259
  isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {
244
260
  return false;
245
261
  }
@@ -251,21 +267,21 @@ var isNodeMatchingSelectorTabbable = function isNodeMatchingSelectorTabbable2(op
251
267
  }
252
268
  return true;
253
269
  };
254
- var isValidShadowRootTabbable = function isValidShadowRootTabbable2(shadowHostNode) {
270
+ var isShadowRootTabbable = function isShadowRootTabbable2(shadowHostNode) {
255
271
  var tabIndex = parseInt(shadowHostNode.getAttribute("tabindex"), 10);
256
272
  if (isNaN(tabIndex) || tabIndex >= 0) {
257
273
  return true;
258
274
  }
259
275
  return false;
260
276
  };
261
- var sortByOrder = function sortByOrder2(candidates) {
277
+ var _sortByOrder = function sortByOrder(candidates) {
262
278
  var regularTabbables = [];
263
279
  var orderedTabbables = [];
264
280
  candidates.forEach(function(item, i) {
265
281
  var isScope = !!item.scopeParent;
266
282
  var element = isScope ? item.scopeParent : item;
267
283
  var candidateTabindex = getSortOrderTabIndex(element, isScope);
268
- var elements = isScope ? sortByOrder2(item.candidates) : element;
284
+ var elements = isScope ? _sortByOrder(item.candidates) : element;
269
285
  if (candidateTabindex === 0) {
270
286
  isScope ? regularTabbables.push.apply(regularTabbables, elements) : regularTabbables.push(element);
271
287
  } else {
@@ -287,22 +303,22 @@ var tabbable = function tabbable2(container, options) {
287
303
  options = options || {};
288
304
  var candidates;
289
305
  if (options.getShadowRoot) {
290
- candidates = getCandidatesIteratively([container], options.includeContainer, {
306
+ candidates = _getCandidatesIteratively([container], options.includeContainer, {
291
307
  filter: isNodeMatchingSelectorTabbable.bind(null, options),
292
308
  flatten: false,
293
309
  getShadowRoot: options.getShadowRoot,
294
- shadowRootFilter: isValidShadowRootTabbable
310
+ shadowRootFilter: isShadowRootTabbable
295
311
  });
296
312
  } else {
297
313
  candidates = getCandidates(container, options.includeContainer, isNodeMatchingSelectorTabbable.bind(null, options));
298
314
  }
299
- return sortByOrder(candidates);
315
+ return _sortByOrder(candidates);
300
316
  };
301
317
  var focusable = function focusable2(container, options) {
302
318
  options = options || {};
303
319
  var candidates;
304
320
  if (options.getShadowRoot) {
305
- candidates = getCandidatesIteratively([container], options.includeContainer, {
321
+ candidates = _getCandidatesIteratively([container], options.includeContainer, {
306
322
  filter: isNodeMatchingSelectorFocusable.bind(null, options),
307
323
  flatten: true,
308
324
  getShadowRoot: options.getShadowRoot
@@ -333,10 +349,6 @@ var isFocusable = function isFocusable2(node, options) {
333
349
  }
334
350
  return isNodeMatchingSelectorFocusable(options, node);
335
351
  };
336
- /*!
337
- * focus-trap 7.6.5
338
- * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
339
- */
340
352
  function _arrayLikeToArray(r, a) {
341
353
  (null == a || a > r.length) && (a = r.length);
342
354
  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
@@ -1059,61 +1071,24 @@ var createFocusTrap = function createFocusTrap2(elements, userOptions) {
1059
1071
  return trap;
1060
1072
  };
1061
1073
  class GlobalToggle extends HTMLElement {
1074
+ internals_;
1075
+ controller;
1076
+ widget;
1077
+ focusTrap;
1078
+ controls;
1079
+ mq;
1080
+ triggerText;
1081
+ isOpen = false;
1082
+ closeIconClass = "mx-icon--close";
1083
+ menuIconClass = "mx-icon--menu";
1084
+ searchIconClass = "mx-icon--search";
1085
+ backgroundClass = "mx-background--primary";
1086
+ scrollLockClass = "body--scroll-lock";
1087
+ isSearch;
1088
+ hideOther = true;
1089
+ otherTrigger;
1062
1090
  constructor() {
1063
1091
  super();
1064
- this.isOpen = false;
1065
- this.closeIconClass = "mx-icon--close";
1066
- this.menuIconClass = "mx-icon--menu";
1067
- this.searchIconClass = "mx-icon--search";
1068
- this.backgroundClass = "mx-background--primary";
1069
- this.scrollLockClass = "body--scroll-lock";
1070
- this.hideOther = true;
1071
- this.handleBreakpoint = ({
1072
- matches: matches2
1073
- }) => {
1074
- if (!this.trigger) return;
1075
- const { signal } = this.controller;
1076
- if (matches2) {
1077
- this.widget.attach();
1078
- this.target.setAttribute("inert", "");
1079
- this.trigger.addEventListener(
1080
- "disclosure-toggle",
1081
- this.handleDisclosure,
1082
- { signal }
1083
- );
1084
- } else {
1085
- this.widget.detach();
1086
- this.target.removeAttribute("inert");
1087
- this.target.classList.remove(this.scrollLockClass);
1088
- this.trigger.removeEventListener(
1089
- "disclosure-toggle",
1090
- this.handleDisclosure
1091
- );
1092
- this.focusTrap.deactivate();
1093
- }
1094
- };
1095
- this.handleDisclosure = ({ detail }) => {
1096
- const { isOpen } = detail;
1097
- const origText = !isOpen ? "Close" : "Open";
1098
- const replaceText = !isOpen ? "Open" : "Close";
1099
- this.trigger.textContent = this.triggerText.replace(origText, replaceText);
1100
- isOpen ? this.focusTrap.activate() : this.focusTrap.deactivate();
1101
- if (isOpen && this.hideOther && this.otherTrigger) {
1102
- if (this.otherTrigger.getAttribute("aria-expanded") === "true") {
1103
- this.otherTrigger.click();
1104
- }
1105
- }
1106
- this.trigger.classList.toggle(
1107
- this.isSearch ? this.searchIconClass : this.menuIconClass
1108
- );
1109
- this.trigger.classList.toggle(this.closeIconClass);
1110
- this.target.classList.toggle(this.backgroundClass);
1111
- this.trigger.removeAttribute("no-focus");
1112
- this.isOpen = isOpen;
1113
- };
1114
- this.handleKeyDown = (event) => {
1115
- if (this.isOpen && event.key === "Escape") this.widget.handleToggle();
1116
- };
1117
1092
  this.internals_ = this.attachInternals();
1118
1093
  this.controller = new AbortController();
1119
1094
  this.mq = this.getAttribute("mq") || "(max-width: 720px)";
@@ -1155,6 +1130,41 @@ class GlobalToggle extends HTMLElement {
1155
1130
  this.widget.detach();
1156
1131
  this.controller.abort();
1157
1132
  }
1133
+ handleBreakpoint = ({ matches: matches2 }) => {
1134
+ if (!this.trigger) return;
1135
+ const { signal } = this.controller;
1136
+ if (matches2) {
1137
+ this.widget.attach();
1138
+ this.target.setAttribute("inert", "");
1139
+ this.trigger.addEventListener("disclosure-toggle", this.handleDisclosure, { signal });
1140
+ } else {
1141
+ this.widget.detach();
1142
+ this.target.removeAttribute("inert");
1143
+ this.target.classList.remove(this.scrollLockClass);
1144
+ this.trigger.removeEventListener("disclosure-toggle", this.handleDisclosure);
1145
+ this.focusTrap.deactivate();
1146
+ }
1147
+ };
1148
+ handleDisclosure = ({ detail }) => {
1149
+ const { isOpen } = detail;
1150
+ const origText = !isOpen ? "Close" : "Open";
1151
+ const replaceText = !isOpen ? "Open" : "Close";
1152
+ this.trigger.textContent = this.triggerText.replace(origText, replaceText);
1153
+ isOpen ? this.focusTrap.activate() : this.focusTrap.deactivate();
1154
+ if (isOpen && this.hideOther && this.otherTrigger) {
1155
+ if (this.otherTrigger.getAttribute("aria-expanded") === "true") {
1156
+ this.otherTrigger.click();
1157
+ }
1158
+ }
1159
+ this.trigger.classList.toggle(this.isSearch ? this.searchIconClass : this.menuIconClass);
1160
+ this.trigger.classList.toggle(this.closeIconClass);
1161
+ this.target.classList.toggle(this.backgroundClass);
1162
+ this.trigger.removeAttribute("no-focus");
1163
+ this.isOpen = isOpen;
1164
+ };
1165
+ handleKeyDown = (event) => {
1166
+ if (this.isOpen && event.key === "Escape") this.widget.handleToggle();
1167
+ };
1158
1168
  get trigger() {
1159
1169
  const trigger = this.querySelector(":scope > button");
1160
1170
  const controls = trigger.getAttribute("aria-controls");
@@ -1169,13 +1179,9 @@ class GlobalToggle extends HTMLElement {
1169
1179
  return trigger;
1170
1180
  }
1171
1181
  get target() {
1172
- const target = document.querySelector(
1173
- `div[id="${this.controls}"]`
1174
- );
1182
+ const target = document.querySelector(`div[id="${this.controls}"]`);
1175
1183
  if (!target) {
1176
- throw new Error(
1177
- `${this.localName} must contain a target <div id="${this.controls}">.`
1178
- );
1184
+ throw new Error(`${this.localName} must contain a target <div id="${this.controls}">.`);
1179
1185
  }
1180
1186
  target.classList.remove("global-nav-up-only");
1181
1187
  return target;
@@ -1184,6 +1190,5 @@ class GlobalToggle extends HTMLElement {
1184
1190
  return window.matchMedia(this.mq);
1185
1191
  }
1186
1192
  }
1187
- if (!customElements.get("mx-global-toggle"))
1188
- customElements.define("mx-global-toggle", GlobalToggle);
1193
+ if (!customElements.get("mx-global-toggle")) customElements.define("mx-global-toggle", GlobalToggle);
1189
1194
  //# sourceMappingURL=header.entry.js.map