@pnx-mixtape/mxds 0.0.13 → 0.0.15

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 (350) hide show
  1. package/README.md +37 -23
  2. package/dist/build/accordion.css +1 -98
  3. package/dist/build/accordion.entry.js +1 -83
  4. package/dist/build/base.css +1 -996
  5. package/dist/build/breadcrumb.css +1 -51
  6. package/dist/build/button.css +1 -132
  7. package/dist/build/callout.css +1 -11
  8. package/dist/build/card.css +1 -149
  9. package/dist/build/carousel.css +1 -0
  10. package/dist/build/chunks/Accordion-RtUfbsTy.js +1 -0
  11. package/dist/build/chunks/disclosure-widget-CPdkUWkq.js +1 -0
  12. package/dist/build/chunks/drop-menu.entry-BqBzLfVC.js +1 -0
  13. package/dist/build/chunks/keyboard-Cs0cduxq.js +1 -0
  14. package/dist/build/chunks/polyfills-5KNOJw2W.js +1 -0
  15. package/dist/build/chunks/popover-CiVl-0jk.js +1 -0
  16. package/dist/build/chunks/utilities-CE6xwgqF.js +2 -0
  17. package/dist/build/constants.css +1 -120
  18. package/dist/build/container-grid.css +1 -208
  19. package/dist/build/content-block.css +1 -36
  20. package/dist/build/dialog.css +1 -98
  21. package/dist/build/dialog.entry.js +1 -113
  22. package/dist/build/drop-menu.css +1 -78
  23. package/dist/build/drop-menu.entry.js +1 -2
  24. package/dist/build/drupal.css +1 -74
  25. package/dist/build/filters.css +1 -105
  26. package/dist/build/filters.entry.js +1 -137
  27. package/dist/build/footer.css +1 -151
  28. package/dist/build/form.css +1 -517
  29. package/dist/build/global-alert.css +1 -60
  30. package/dist/build/global-alert.entry.js +1 -68
  31. package/dist/build/grid.css +1 -200
  32. package/dist/build/header.css +1 -153
  33. package/dist/build/header.entry.js +1 -103
  34. package/dist/build/hero-banner.css +1 -62
  35. package/dist/build/icon.css +1 -399
  36. package/dist/build/in-page-alert.css +1 -94
  37. package/dist/build/in-page-navigation.css +1 -17
  38. package/dist/build/in-page-navigation.entry.js +1 -99
  39. package/dist/build/link-list.css +1 -45
  40. package/dist/build/list-item.css +1 -114
  41. package/dist/build/masthead.css +1 -53
  42. package/dist/build/navigation.css +1 -396
  43. package/dist/build/navigation.entry.js +1 -124
  44. package/dist/build/page.css +1 -80
  45. package/dist/build/pagination.css +1 -130
  46. package/dist/build/results-bar.css +1 -0
  47. package/dist/build/section.css +1 -163
  48. package/dist/build/side-navigation.css +1 -88
  49. package/dist/build/sidebar.css +1 -59
  50. package/dist/build/social-links.css +1 -20
  51. package/dist/build/steps.css +1 -118
  52. package/dist/build/sticky.css +1 -47
  53. package/dist/build/sticky.entry.js +1 -60
  54. package/dist/build/tabs.css +1 -109
  55. package/dist/build/tabs.entry.js +1 -202
  56. package/dist/build/tag.css +1 -71
  57. package/dist/build/utilities.css +1 -178
  58. package/package.json +56 -64
  59. package/src/Atom/Background/Backgrounds.stories.ts +13 -1
  60. package/src/Atom/Background/__snapshots__/Backgrounds.stories.ts.snap +157 -81
  61. package/src/Atom/Background/_background.css +16 -10
  62. package/src/Atom/Base.mdx +25 -17
  63. package/src/Atom/Button/Button.stories.ts +1 -4
  64. package/src/Atom/Button/Button.stories.tsx +1 -1
  65. package/src/Atom/Button/__snapshots__/Button.stories.ts.snap +47 -37
  66. package/src/Atom/Button/_buttons-styles.css +7 -7
  67. package/src/Atom/Button/_buttons.css +1 -6
  68. package/src/Atom/DefinitionList/DefinitionList.stories.ts +32 -0
  69. package/src/Atom/DefinitionList/DefinitionList.stories.tsx +1 -1
  70. package/src/Atom/DefinitionList/__snapshots__/DefinitionList.stories.ts.snap +32 -0
  71. package/src/Atom/DefinitionList/definition-list.twig +9 -0
  72. package/src/Atom/Heading/Heading.stories.ts +1 -1
  73. package/src/Atom/Heading/Heading.stories.tsx +1 -1
  74. package/src/Atom/Heading/__snapshots__/Heading.stories.ts.snap +5 -3
  75. package/src/Atom/Heading/_headings.css +24 -24
  76. package/src/Atom/Icon/Icon.mdx +1 -1
  77. package/src/Atom/Icon/Icon.stories.ts +1 -1
  78. package/src/Atom/Icon/Icon.stories.tsx +1 -1
  79. package/src/Atom/Icon/Icon.tsx +2 -2
  80. package/src/Atom/Icon/__snapshots__/Icon.stories.ts.snap +14 -8
  81. package/src/Atom/Icon/_icon.css +4 -4
  82. package/src/Atom/Image/Image.stories.ts +1 -1
  83. package/src/Atom/Image/__snapshots__/Image.stories.ts.snap +7 -5
  84. package/src/Atom/Image/_image.css +2 -7
  85. package/src/Atom/Link/Link.stories.ts +1 -1
  86. package/src/Atom/Link/Link.stories.tsx +1 -1
  87. package/src/Atom/Link/__snapshots__/Link.stories.ts.snap +50 -37
  88. package/src/Atom/Link/_links.css +2 -22
  89. package/src/Atom/Link/link.twig +1 -0
  90. package/src/Atom/Media/Media.stories.ts +2 -1
  91. package/src/Atom/Media/Media.stories.tsx +1 -1
  92. package/src/Atom/Media/__snapshots__/Media.stories.ts.snap +11 -24
  93. package/src/Atom/Media/_media.css +8 -8
  94. package/src/Atom/Spacing/Spacing.stories.ts +1 -1
  95. package/src/Atom/Spacing/__snapshots__/Spacing.stories.ts.snap +5 -3
  96. package/src/Atom/Table/Table.stories.ts +1 -1
  97. package/src/Atom/Table/TableResponsive.stories.ts +1 -1
  98. package/src/Atom/Table/__snapshots__/Table.stories.ts.snap +256 -248
  99. package/src/Atom/Table/__snapshots__/TableResponsive.stories.ts.snap +65 -63
  100. package/src/Atom/Text/Text.stories.tsx +1 -1
  101. package/src/Atom/Text/TextSizes.stories.ts +1 -1
  102. package/src/Atom/Text/__snapshots__/TextSizes.stories.ts.snap +59 -55
  103. package/src/Atom/Text/_text-sizes.css +17 -17
  104. package/src/Atom/Text/rich-text.twig +9 -0
  105. package/src/Atom/Video/Video.stories.ts +1 -1
  106. package/src/Atom/Video/__snapshots__/Video.stories.ts.snap +9 -7
  107. package/src/Atom/_animated.css +0 -14
  108. package/src/Atom/_generic.css +57 -15
  109. package/src/Atom/base.css +1 -1
  110. package/src/Component/Accordion/Accordion.stories.ts +1 -4
  111. package/src/Component/Accordion/Accordion.stories.tsx +1 -2
  112. package/src/Component/Accordion/__snapshots__/Accordion.stories.ts.snap +60 -56
  113. package/src/Component/Accordion/__snapshots__/Accordion.stories.tsx.snap +0 -1
  114. package/src/Component/Accordion/accordion.css +16 -4
  115. package/src/Component/Breadcrumb/Breadcrumb.stories.ts +1 -1
  116. package/src/Component/Breadcrumb/Breadcrumb.stories.tsx +1 -1
  117. package/src/Component/Breadcrumb/__snapshots__/Breadcrumb.stories.ts.snap +31 -29
  118. package/src/Component/Breadcrumb/breadcrumb.css +4 -0
  119. package/src/Component/Callout/Callout.stories.ts +1 -9
  120. package/src/Component/Callout/__snapshots__/Callout.stories.ts.snap +9 -7
  121. package/src/Component/Card/Card.stories.ts +11 -18
  122. package/src/Component/Card/Card.stories.tsx +1 -1
  123. package/src/Component/Card/Card.tsx +9 -5
  124. package/src/Component/Card/__snapshots__/Card.stories.ts.snap +257 -229
  125. package/src/Component/Card/card.css +36 -33
  126. package/src/Component/Card/card.twig +6 -6
  127. package/src/Component/Carousel/Carousel.stories.ts +201 -0
  128. package/src/Component/Carousel/Elements/Carousel.ts +241 -0
  129. package/src/Component/Carousel/__snapshots__/Carousel.stories.ts.snap +912 -0
  130. package/src/Component/Carousel/carousel.css +119 -0
  131. package/src/Component/Carousel/carousel.twig +27 -0
  132. package/src/Component/ContentBlock/ContentBlock.stories.ts +27 -19
  133. package/src/Component/ContentBlock/ContentBlock.stories.tsx +1 -1
  134. package/src/Component/ContentBlock/__snapshots__/ContentBlock.stories.ts.snap +153 -93
  135. package/src/Component/Dialog/Dialog.stories.ts +75 -7
  136. package/src/Component/Dialog/Dialog.stories.tsx +1 -1
  137. package/src/Component/Dialog/Elements/Dialog.ts +14 -34
  138. package/src/Component/Dialog/__snapshots__/Dialog.stories.ts.snap +102 -66
  139. package/src/Component/Dialog/dialog.css +32 -20
  140. package/src/Component/Dialog/dialog.twig +14 -15
  141. package/src/Component/DropMenu/Components/DropMenuContext.tsx +7 -9
  142. package/src/Component/DropMenu/Components/DropMenuItem.tsx +1 -1
  143. package/src/Component/DropMenu/DropMenu.stories.ts +1 -1
  144. package/src/Component/DropMenu/DropMenu.stories.tsx +1 -1
  145. package/src/Component/DropMenu/Elements/DropMenu.ts +1 -1
  146. package/src/Component/DropMenu/__snapshots__/DropMenu.stories.ts.snap +28 -26
  147. package/src/Component/DropMenu/drop-menu.css +11 -3
  148. package/src/Component/Filters/Filters.stories.ts +1 -4
  149. package/src/Component/Filters/__snapshots__/Filters.stories.ts.snap +397 -389
  150. package/src/Component/Filters/filters.css +14 -5
  151. package/src/Component/GlobalAlert/GlobalAlert.stories.ts +1 -1
  152. package/src/Component/GlobalAlert/GlobalAlert.stories.tsx +1 -1
  153. package/src/Component/GlobalAlert/__snapshots__/GlobalAlert.stories.ts.snap +33 -29
  154. package/src/Component/GlobalAlert/__snapshots__/GlobalAlert.stories.tsx.snap +2 -2
  155. package/src/Component/GlobalAlert/global-alert.css +2 -2
  156. package/src/Component/HeroBanner/HeroBanner.stories.ts +1 -4
  157. package/src/Component/HeroBanner/HeroBanner.stories.tsx +1 -1
  158. package/src/Component/HeroBanner/__snapshots__/HeroBanner.stories.ts.snap +68 -64
  159. package/src/Component/HeroBanner/hero-banner.css +6 -1
  160. package/src/Component/HeroBanner/hero-banner.twig +3 -4
  161. package/src/Component/InPageAlert/InPageAlert.stories.ts +1 -1
  162. package/src/Component/InPageAlert/InPageAlert.stories.tsx +1 -1
  163. package/src/Component/InPageAlert/__snapshots__/InPageAlert.stories.ts.snap +10 -8
  164. package/src/Component/InPageAlert/in-page-alert.css +8 -8
  165. package/src/Component/InPageNavigation/Elements/InPageNavigation.ts +1 -1
  166. package/src/Component/InPageNavigation/InPageNavigation.stories.ts +1 -4
  167. package/src/Component/InPageNavigation/InPageNavigation.stories.tsx +1 -1
  168. package/src/Component/InPageNavigation/__snapshots__/InPageNavigation.stories.ts.snap +64 -62
  169. package/src/Component/LinkList/LinkList.stories.ts +1 -1
  170. package/src/Component/LinkList/LinkList.stories.tsx +1 -1
  171. package/src/Component/LinkList/__snapshots__/LinkList.stories.ts.snap +31 -29
  172. package/src/Component/ListItem/ListItem.stories.ts +2 -4
  173. package/src/Component/ListItem/ListItem.stories.tsx +1 -1
  174. package/src/Component/ListItem/__snapshots__/ListItem.stories.ts.snap +162 -148
  175. package/src/Component/ListItem/list-item.css +7 -88
  176. package/src/Component/ListItem/list-item.twig +8 -8
  177. package/src/Component/Navigation/Dropdown.stories.tsx +1 -1
  178. package/src/Component/Navigation/Navigation.stories.ts +1 -1
  179. package/src/Component/Navigation/Navigation.stories.tsx +1 -1
  180. package/src/Component/Navigation/__snapshots__/Navigation.stories.ts.snap +291 -283
  181. package/src/Component/Navigation/_navigation-collapsible.css +11 -14
  182. package/src/Component/Navigation/_navigation-dropdown.css +11 -17
  183. package/src/Component/Pagination/Components/PaginationContext.tsx +4 -8
  184. package/src/Component/Pagination/Pagination.stories.ts +1 -1
  185. package/src/Component/Pagination/Pagination.stories.tsx +1 -1
  186. package/src/Component/Pagination/__snapshots__/Pagination.stories.ts.snap +59 -57
  187. package/src/Component/Pagination/pagination.css +2 -8
  188. package/src/Component/ResultsBar/Components/ResultsBarInfo.tsx +28 -0
  189. package/src/Component/ResultsBar/Components/ResultsBarSort.tsx +17 -0
  190. package/src/Component/ResultsBar/ResultsBar.stories.ts +37 -0
  191. package/src/Component/ResultsBar/ResultsBar.stories.tsx +50 -0
  192. package/src/Component/ResultsBar/ResultsBar.tsx +7 -0
  193. package/src/Component/ResultsBar/__snapshots__/ResultsBar.stories.ts.snap +54 -0
  194. package/src/Component/ResultsBar/__snapshots__/ResultsBar.stories.tsx.snap +53 -0
  195. package/src/Component/ResultsBar/results-bar.css +19 -0
  196. package/src/Component/ResultsBar/results-bar.twig +24 -0
  197. package/src/Component/SideNavigation/SideNavigation.stories.ts +1 -1
  198. package/src/Component/SideNavigation/__snapshots__/SideNavigation.stories.ts.snap +82 -80
  199. package/src/Component/SideNavigation/side-navigation.css +2 -8
  200. package/src/Component/SocialLinks/SocialLinks.stories.ts +1 -1
  201. package/src/Component/SocialLinks/__snapshots__/SocialLinks.stories.ts.snap +30 -28
  202. package/src/Component/Steps/Steps.stories.ts +1 -1
  203. package/src/Component/Steps/__snapshots__/Steps.stories.ts.snap +86 -78
  204. package/src/Component/Steps/steps.css +1 -1
  205. package/src/Component/Sticky/Sticky.stories.ts +1 -1
  206. package/src/Component/Sticky/Sticky.stories.tsx +1 -1
  207. package/src/Component/Sticky/__snapshots__/Sticky.stories.ts.snap +9 -7
  208. package/src/Component/Tabs/Tabs.stories.ts +1 -1
  209. package/src/Component/Tabs/Tabs.stories.tsx +1 -1
  210. package/src/Component/Tabs/Tabs.tsx +4 -4
  211. package/src/Component/Tabs/__snapshots__/Tabs.stories.ts.snap +73 -71
  212. package/src/Component/Tabs/__snapshots__/Tabs.stories.tsx.snap +0 -2
  213. package/src/Component/Tabs/tabs.css +14 -21
  214. package/src/Component/Tag/Tag.stories.ts +1 -1
  215. package/src/Component/Tag/Tag.stories.tsx +1 -1
  216. package/src/Component/Tag/__snapshots__/Tag.stories.ts.snap +59 -53
  217. package/src/Component/Tag/tag.css +6 -6
  218. package/src/Component/Tile/Tile.stories.ts +38 -12
  219. package/src/Component/Tile/Tile.stories.tsx +2 -2
  220. package/src/Component/Tile/Tile.tsx +30 -17
  221. package/src/Component/Tile/__snapshots__/Tile.stories.ts.snap +49 -75
  222. package/src/Component/Tile/__snapshots__/Tile.stories.tsx.snap +6 -16
  223. package/src/Form/Checkbox/Checkbox.stories.ts +1 -1
  224. package/src/Form/Checkbox/FormCheckbox.stories.tsx +1 -1
  225. package/src/Form/Checkbox/FormCheckbox.tsx +5 -7
  226. package/src/Form/Checkbox/__snapshots__/Checkbox.stories.ts.snap +23 -19
  227. package/src/Form/Description/Description.stories.ts +1 -1
  228. package/src/Form/Description/FormDescription.stories.tsx +1 -1
  229. package/src/Form/Description/FormStatus.stories.ts +1 -1
  230. package/src/Form/Description/__snapshots__/Description.stories.ts.snap +7 -5
  231. package/src/Form/Description/__snapshots__/FormStatus.stories.ts.snap +14 -10
  232. package/src/Form/Form/Form.stories.tsx +1 -1
  233. package/src/Form/Form/FormTitle.stories.tsx +1 -1
  234. package/src/Form/FormItem/FormItem.stories.ts +1 -4
  235. package/src/Form/FormItem/FormItem.stories.tsx +1 -1
  236. package/src/Form/FormItem/__snapshots__/FormItem.stories.ts.snap +119 -109
  237. package/src/Form/FormItem/__snapshots__/FormItem.stories.tsx.snap +4 -4
  238. package/src/Form/Label/FormLabel.stories.tsx +1 -1
  239. package/src/Form/Label/FormLabel.tsx +1 -1
  240. package/src/Form/Label/Label.stories.ts +1 -1
  241. package/src/Form/Label/__snapshots__/Label.stories.ts.snap +21 -15
  242. package/src/Form/Radio/FormRadio.stories.tsx +1 -1
  243. package/src/Form/Radio/FormRadio.tsx +4 -4
  244. package/src/Form/Radio/Radio.stories.ts +1 -1
  245. package/src/Form/Radio/__snapshots__/Radio.stories.ts.snap +55 -51
  246. package/src/Form/Search/Search.stories.ts +1 -4
  247. package/src/Form/Search/__snapshots__/Search.stories.ts.snap +23 -21
  248. package/src/Form/Select/FormSelect.stories.tsx +1 -1
  249. package/src/Form/Select/FormSelect.tsx +1 -1
  250. package/src/Form/Select/Select.stories.ts +1 -1
  251. package/src/Form/Select/__snapshots__/Select.stories.ts.snap +18 -16
  252. package/src/Form/TextInput/FormText.stories.tsx +1 -1
  253. package/src/Form/TextInput/InputDivider.stories.ts +1 -1
  254. package/src/Form/TextInput/TextInput.stories.ts +1 -1
  255. package/src/Form/TextInput/__snapshots__/FormText.stories.tsx.snap +1 -1
  256. package/src/Form/TextInput/__snapshots__/InputDivider.stories.ts.snap +24 -22
  257. package/src/Form/TextInput/__snapshots__/TextInput.stories.ts.snap +18 -14
  258. package/src/Form/Textarea/FormTextarea.stories.tsx +1 -1
  259. package/src/Form/Textarea/Textarea.stories.ts +1 -1
  260. package/src/Form/Textarea/__snapshots__/FormTextarea.stories.tsx.snap +1 -1
  261. package/src/Form/Textarea/__snapshots__/Textarea.stories.ts.snap +9 -7
  262. package/src/Form/form.css +24 -34
  263. package/src/Introduction.mdx +40 -0
  264. package/src/Layout/Footer/Footer.stories.ts +1 -6
  265. package/src/Layout/Footer/Footer.stories.tsx +1 -1
  266. package/src/Layout/Footer/__snapshots__/Footer.stories.ts.snap +10 -10
  267. package/src/Layout/Footer/footer.css +2 -6
  268. package/src/Layout/Footer/footer.twig +0 -1
  269. package/src/Layout/Grid/Grid.stories.ts +8 -8
  270. package/src/Layout/Grid/Grid.stories.tsx +2 -2
  271. package/src/Layout/Grid/__snapshots__/Grid.stories.ts.snap +38 -32
  272. package/src/Layout/Grid/container-grid.css +10 -10
  273. package/src/Layout/Grid/grid-item.twig +3 -1
  274. package/src/Layout/Grid/grid.css +3 -3
  275. package/src/Layout/Header/Header.stories.ts +1 -6
  276. package/src/Layout/Header/Header.stories.tsx +1 -1
  277. package/src/Layout/Header/__snapshots__/Header.stories.ts.snap +11 -11
  278. package/src/Layout/Header/__snapshots__/Header.stories.tsx.snap +3 -3
  279. package/src/Layout/Header/_header.css +18 -16
  280. package/src/Layout/Header/header.twig +1 -2
  281. package/src/Layout/Masthead/Masthead.stories.ts +1 -3
  282. package/src/Layout/Masthead/__snapshots__/Masthead.stories.ts.snap +6 -6
  283. package/src/Layout/Masthead/masthead.twig +0 -2
  284. package/src/Layout/Page/Page.stories.tsx +1 -1
  285. package/src/Layout/Page/__snapshots__/Page.stories.tsx.snap +3 -3
  286. package/src/Layout/Page/page.css +16 -40
  287. package/src/Layout/Page/page.twig +6 -1
  288. package/src/Layout/Section/Background.stories.ts +60 -8
  289. package/src/Layout/Section/Breakouts.stories.ts +1 -3
  290. package/src/Layout/Section/Flow.stories.ts +1 -3
  291. package/src/Layout/Section/Section.stories.ts +1 -6
  292. package/src/Layout/Section/Section.stories.tsx +1 -1
  293. package/src/Layout/Section/SectionGrid.stories.tsx +1 -1
  294. package/src/Layout/Section/__snapshots__/Background.stories.ts.snap +36 -24
  295. package/src/Layout/Section/__snapshots__/Breakouts.stories.ts.snap +54 -52
  296. package/src/Layout/Section/__snapshots__/Flow.stories.ts.snap +18 -18
  297. package/src/Layout/Section/__snapshots__/Section.stories.ts.snap +2 -2
  298. package/src/Layout/Section/section.css +15 -18
  299. package/src/Layout/Section/section.twig +0 -1
  300. package/src/Layout/Section/twig/section-background.twig +29 -10
  301. package/src/Layout/Section/twig/sections-breakout.twig +28 -33
  302. package/src/Layout/Section/twig/sections-flow.twig +17 -17
  303. package/src/Layout/Section/twig/sections-stacked.twig +4 -4
  304. package/src/Layout/Sidebar/Sidebar.stories.ts +1 -3
  305. package/src/Layout/Sidebar/Sidebar.stories.tsx +1 -1
  306. package/src/Layout/Sidebar/__snapshots__/Sidebar.stories.ts.snap +5 -5
  307. package/src/Layout/Sidebar/sidebar.css +2 -18
  308. package/src/Utility/Context/ImageComponent.tsx +3 -6
  309. package/src/Utility/Context/LinkComponent.tsx +3 -6
  310. package/src/Utility/Drupal/drupal.css +1 -5
  311. package/src/Utility/Elements/breakpoint-loader.ts +0 -1
  312. package/src/Utility/Elements/cookie-compliance.ts +0 -1
  313. package/src/Utility/Elements/io-loader.ts +0 -1
  314. package/src/Utility/Hooks/useLocalStorage.ts +0 -1
  315. package/src/Utility/Hooks/useMediaQuery.ts +0 -1
  316. package/src/Utility/Hooks/useToggle.ts +0 -1
  317. package/src/Utility/global.d.ts +0 -1
  318. package/src/Utility/utilities.ts +0 -1
  319. package/src/constants.css +53 -24
  320. package/src/enums.ts +1 -2
  321. package/src/react.ts +3 -0
  322. package/src/tokens.js +19 -19
  323. package/dist/build/accordion.entry.js.map +0 -1
  324. package/dist/build/chunks/Accordion-DSze7pxN.js +0 -61
  325. package/dist/build/chunks/Accordion-DSze7pxN.js.map +0 -1
  326. package/dist/build/chunks/disclosure-widget-CQLPJ8Ta.js +0 -124
  327. package/dist/build/chunks/disclosure-widget-CQLPJ8Ta.js.map +0 -1
  328. package/dist/build/chunks/drop-menu.entry-BC6x9vst.js +0 -132
  329. package/dist/build/chunks/drop-menu.entry-BC6x9vst.js.map +0 -1
  330. package/dist/build/chunks/keyboard-C73DHu0c.js +0 -101
  331. package/dist/build/chunks/keyboard-C73DHu0c.js.map +0 -1
  332. package/dist/build/chunks/polyfills-CJ5uTmUJ.js +0 -749
  333. package/dist/build/chunks/polyfills-CJ5uTmUJ.js.map +0 -1
  334. package/dist/build/chunks/popover-wbPSyFRj.js +0 -654
  335. package/dist/build/chunks/popover-wbPSyFRj.js.map +0 -1
  336. package/dist/build/chunks/utilities-B4YZb689.js +0 -243
  337. package/dist/build/chunks/utilities-B4YZb689.js.map +0 -1
  338. package/dist/build/dialog.entry.js.map +0 -1
  339. package/dist/build/drop-menu.entry.js.map +0 -1
  340. package/dist/build/filters.entry.js.map +0 -1
  341. package/dist/build/global-alert.entry.js.map +0 -1
  342. package/dist/build/header.entry.js.map +0 -1
  343. package/dist/build/in-page-navigation.entry.js.map +0 -1
  344. package/dist/build/navigation.entry.js.map +0 -1
  345. package/dist/build/sticky.entry.js.map +0 -1
  346. package/dist/build/tabs.entry.js.map +0 -1
  347. package/dist/build/tiles.css +0 -61
  348. package/src/Component/Tile/tile.twig +0 -10
  349. package/src/Component/Tile/tiles.css +0 -58
  350. package/src/Component/Tile/twig/tiles.twig +0 -18
package/src/Component/Filters/__snapshots__/Filters.stories.ts.snap CHANGED
@@ -1,435 +1,443 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`Component/Filters CollapsibleCounter smoke-test 1`] = `
4
- <mx-filters class="mx-filters mx-filters--down "
5
- count="1"
6
- >
7
- <mx-accordionmobile>
8
- <details class="mx-accordion"
9
- id="filters-1"
10
- open
11
- >
12
- <summary class="mx-accordion__toggle mx-filters__title">
13
- Filters
14
- <span class="mx-tag"
15
- data-counters
16
- >
17
- 1
18
- </span>
19
- <span class="mx-icon mx-icon--chevron-down"
20
- aria-hidden="true"
21
- >
22
- </span>
23
- </summary>
24
- <form class="mx-filters__form mx-vertical-flow"
25
- action="#"
4
+ <div class="mx-page default">
5
+ <mx-filters class="mx-filters mx-filters--down "
6
+ count="1"
7
+ >
8
+ <mx-accordionmobile>
9
+ <details class="mx-accordion"
10
+ id="filters-1"
11
+ open
26
12
  >
27
- <mx-accordion>
28
- <details class="mx-accordion mx-filter-item"
29
- id="filter-keywords-container"
30
- open
13
+ <summary class="mx-accordion__toggle mx-filters__title">
14
+ Filters
15
+ <span class="mx-tag"
16
+ data-counters
31
17
  >
32
- <summary class="mx-accordion__toggle">
33
- Keywords
34
- <span class="mx-tag"
35
- data-counter
36
- >
37
- </span>
38
- <span class="mx-icon mx-icon--chevron-down"
39
- aria-hidden="true"
40
- >
41
- </span>
42
- </summary>
43
- <div class="mx-form-item mx-accordion__content">
44
- <input class="mx-input__text "
45
- id="filter-keywords"
46
- name="example-keywords"
47
- type="text"
48
- value
49
- aria-label="Keywords"
50
- aria-describedby="unique-0"
51
- >
52
- <div class="mx-description"
53
- id="unique-0"
54
- role="tooltip"
55
- >
56
- Search by keywords
57
- </div>
58
- </div>
59
- </details>
60
- </mx-accordion>
61
- <mx-accordion>
62
- <details class="mx-accordion mx-filter-item"
63
- id="filter-categories-container"
64
- open
18
+ 1
19
+ </span>
20
+ <span class="mx-icon mx-icon--chevron-down"
21
+ aria-hidden="true"
65
22
  >
66
- <summary class="mx-accordion__toggle">
67
- Categories
68
- <span class="mx-tag"
69
- data-counter
70
- >
71
- 2
72
- </span>
73
- <span class="mx-icon mx-icon--chevron-down"
74
- aria-hidden="true"
75
- >
76
- </span>
77
- </summary>
78
- <fieldset class="mx-form-item mx-fieldset mx-accordion__content">
79
- <div class="mx-checkbox ">
80
- <input id="category-news"
81
- type="checkbox"
82
- name="categories"
83
- value="news"
84
- checked="checked"
23
+ </span>
24
+ </summary>
25
+ <form class="mx-filters__form mx-vertical-flow"
26
+ action="#"
27
+ >
28
+ <mx-accordion>
29
+ <details class="mx-accordion mx-filter-item"
30
+ id="filter-keywords-container"
31
+ open
32
+ >
33
+ <summary class="mx-accordion__toggle">
34
+ Keywords
35
+ <span class="mx-tag"
36
+ data-counter
85
37
  >
86
- <label for="category-news">
87
- News
88
- </label>
89
- </div>
90
- <div class="mx-checkbox ">
91
- <input id="category-media"
92
- type="checkbox"
93
- name="categories"
94
- value="media"
95
- checked="checked"
38
+ </span>
39
+ <span class="mx-icon mx-icon--chevron-down"
40
+ aria-hidden="true"
41
+ >
42
+ </span>
43
+ </summary>
44
+ <div class="mx-form-item mx-accordion__content">
45
+ <input class="mx-input__text "
46
+ id="filter-keywords"
47
+ name="example-keywords"
48
+ type="text"
49
+ value
50
+ aria-label="Keywords"
51
+ aria-describedby="unique-0"
52
+ >
53
+ <div class="mx-description"
54
+ id="unique-0"
55
+ role="tooltip"
96
56
  >
97
- <label for="category-media">
98
- Media Releases
99
- </label>
57
+ Search by keywords
58
+ </div>
100
59
  </div>
101
- <div hidden="until-found">
60
+ </details>
61
+ </mx-accordion>
62
+ <mx-accordion>
63
+ <details class="mx-accordion mx-filter-item"
64
+ id="filter-categories-container"
65
+ open
66
+ >
67
+ <summary class="mx-accordion__toggle">
68
+ Categories
69
+ <span class="mx-tag"
70
+ data-counter
71
+ >
72
+ 2
73
+ </span>
74
+ <span class="mx-icon mx-icon--chevron-down"
75
+ aria-hidden="true"
76
+ >
77
+ </span>
78
+ </summary>
79
+ <fieldset class="mx-form-item mx-fieldset mx-accordion__content">
102
80
  <div class="mx-checkbox ">
103
- <input id="category-publications"
81
+ <input id="category-news"
104
82
  type="checkbox"
105
83
  name="categories"
106
- value="publications"
84
+ value="news"
85
+ checked="checked"
107
86
  >
108
- <label for="category-publications">
109
- Publications
87
+ <label for="category-news">
88
+ News
110
89
  </label>
111
90
  </div>
112
- </div>
113
- <button data-show
114
- class="mx-button mx-button--light"
115
- type="button"
116
- >
117
- Show all (3)
118
- </button>
119
- </fieldset>
120
- </details>
121
- </mx-accordion>
122
- <div class="mx-form-actions">
123
- <button class="mx-button mx-button--dark"
124
- type="submit"
125
- >
126
- <span>
127
- Apply filters
128
- </span>
129
- </button>
130
- <button class="mx-button mx-button--light"
131
- type="reset"
132
- >
133
- <span>
134
- Clear all filters
135
- </span>
136
- </button>
137
- </div>
138
- </form>
139
- </details>
140
- </mx-accordionmobile>
141
- </mx-filters>
91
+ <div class="mx-checkbox ">
92
+ <input id="category-media"
93
+ type="checkbox"
94
+ name="categories"
95
+ value="media"
96
+ checked="checked"
97
+ >
98
+ <label for="category-media">
99
+ Media Releases
100
+ </label>
101
+ </div>
102
+ <div hidden="until-found">
103
+ <div class="mx-checkbox ">
104
+ <input id="category-publications"
105
+ type="checkbox"
106
+ name="categories"
107
+ value="publications"
108
+ >
109
+ <label for="category-publications">
110
+ Publications
111
+ </label>
112
+ </div>
113
+ </div>
114
+ <button data-show
115
+ class="mx-button mx-button--light"
116
+ type="button"
117
+ >
118
+ Show all (3)
119
+ </button>
120
+ </fieldset>
121
+ </details>
122
+ </mx-accordion>
123
+ <div class="mx-form-actions">
124
+ <button class="mx-button mx-button--dark"
125
+ type="submit"
126
+ >
127
+ <span>
128
+ Apply filters
129
+ </span>
130
+ </button>
131
+ <button class="mx-button mx-button--light"
132
+ type="reset"
133
+ >
134
+ <span>
135
+ Clear all filters
136
+ </span>
137
+ </button>
138
+ </div>
139
+ </form>
140
+ </details>
141
+ </mx-accordionmobile>
142
+ </mx-filters>
143
+ </div>
142
144
  `;
143
145
 
144
146
  exports[`Component/Filters CollapsibleRight smoke-test 1`] = `
145
- <mx-filters class="mx-filters mx-filters--right "
146
- count="0"
147
- >
148
- <mx-accordionmobile>
149
- <details class="mx-accordion"
150
- id="filters"
151
- open
152
- >
153
- <summary class="mx-accordion__toggle mx-filters__title">
154
- Filters
155
- <span class="mx-icon mx-icon--chevron-right"
156
- aria-hidden="true"
157
- >
158
- </span>
159
- </summary>
160
- <form class="mx-filters__form mx-vertical-flow"
161
- action="#"
147
+ <div class="mx-page default">
148
+ <mx-filters class="mx-filters mx-filters--right "
149
+ count="0"
150
+ >
151
+ <mx-accordionmobile>
152
+ <details class="mx-accordion"
153
+ id="filters"
154
+ open
162
155
  >
163
- <div class="mx-filters__title">
156
+ <summary class="mx-accordion__toggle mx-filters__title">
164
157
  Filters
165
- <button class="mx-button mx-button--icon-only mx-icon mx-icon--close"
166
- data-close
167
- >
168
- Close filters
169
- </button>
170
- </div>
171
- <mx-accordion>
172
- <details class="mx-accordion mx-filter-item"
173
- id="filter-keywords-container"
174
- open
175
- >
176
- <summary class="mx-accordion__toggle">
177
- Keywords
178
- <span class="mx-icon mx-icon--chevron-down"
179
- aria-hidden="true"
180
- >
181
- </span>
182
- </summary>
183
- <div class="mx-form-item mx-accordion__content">
184
- <div class="mx-description"
185
- id="unique-0"
186
- role="tooltip"
187
- >
188
- Search by keywords
189
- </div>
190
- <input class="mx-input__text "
191
- id="filter-keywords"
192
- name="example-keywords"
193
- type="text"
194
- value
195
- aria-label="Keywords"
196
- aria-describedby="unique-0"
197
- >
198
- </div>
199
- </details>
200
- </mx-accordion>
201
- <mx-accordion>
202
- <details class="mx-accordion mx-filter-item"
203
- id="filter-categories-container"
204
- open
158
+ <span class="mx-icon mx-icon--chevron-right"
159
+ aria-hidden="true"
205
160
  >
206
- <summary class="mx-accordion__toggle">
207
- Categories
208
- <span class="mx-icon mx-icon--chevron-down"
209
- aria-hidden="true"
210
- >
211
- </span>
212
- </summary>
213
- <fieldset class="mx-form-item mx-fieldset mx-accordion__content">
214
- <div class="mx-checkbox ">
215
- <input id="category-news"
216
- type="checkbox"
217
- name="categories"
218
- value="news"
161
+ </span>
162
+ </summary>
163
+ <form class="mx-filters__form mx-vertical-flow"
164
+ action="#"
165
+ >
166
+ <div class="mx-filters__title">
167
+ Filters
168
+ <button class="mx-button mx-button--icon-only mx-icon mx-icon--close"
169
+ data-close
170
+ >
171
+ Close filters
172
+ </button>
173
+ </div>
174
+ <mx-accordion>
175
+ <details class="mx-accordion mx-filter-item"
176
+ id="filter-keywords-container"
177
+ open
178
+ >
179
+ <summary class="mx-accordion__toggle">
180
+ Keywords
181
+ <span class="mx-icon mx-icon--chevron-down"
182
+ aria-hidden="true"
219
183
  >
220
- <label for="category-news">
221
- News
222
- </label>
223
- </div>
224
- <div class="mx-checkbox ">
225
- <input id="category-media"
226
- type="checkbox"
227
- name="categories"
228
- value="media"
184
+ </span>
185
+ </summary>
186
+ <div class="mx-form-item mx-accordion__content">
187
+ <div class="mx-description"
188
+ id="unique-0"
189
+ role="tooltip"
229
190
  >
230
- <label for="category-media">
231
- Media Releases
232
- </label>
233
- </div>
234
- <div class="mx-checkbox ">
235
- <input id="category-publications"
236
- type="checkbox"
237
- name="categories"
238
- value="publications"
191
+ Search by keywords
192
+ </div>
193
+ <input class="mx-input__text "
194
+ id="filter-keywords"
195
+ name="example-keywords"
196
+ type="text"
197
+ value
198
+ aria-label="Keywords"
199
+ aria-describedby="unique-0"
239
200
  >
240
- <label for="category-publications">
241
- Publications
242
- </label>
243
201
  </div>
244
- </fieldset>
245
- </details>
246
- </mx-accordion>
247
- <div class="mx-form-actions">
248
- <button class="mx-button mx-button--dark"
249
- type="submit"
250
- disabled
251
- >
252
- <span>
253
- Apply filters
254
- </span>
255
- </button>
256
- <button class="mx-button mx-button--light"
257
- type="reset"
258
- disabled
259
- >
260
- <span>
261
- Clear all filters
262
- </span>
263
- </button>
264
- </div>
265
- </form>
266
- </details>
267
- </mx-accordionmobile>
268
- </mx-filters>
202
+ </details>
203
+ </mx-accordion>
204
+ <mx-accordion>
205
+ <details class="mx-accordion mx-filter-item"
206
+ id="filter-categories-container"
207
+ open
208
+ >
209
+ <summary class="mx-accordion__toggle">
210
+ Categories
211
+ <span class="mx-icon mx-icon--chevron-down"
212
+ aria-hidden="true"
213
+ >
214
+ </span>
215
+ </summary>
216
+ <fieldset class="mx-form-item mx-fieldset mx-accordion__content">
217
+ <div class="mx-checkbox ">
218
+ <input id="category-news"
219
+ type="checkbox"
220
+ name="categories"
221
+ value="news"
222
+ >
223
+ <label for="category-news">
224
+ News
225
+ </label>
226
+ </div>
227
+ <div class="mx-checkbox ">
228
+ <input id="category-media"
229
+ type="checkbox"
230
+ name="categories"
231
+ value="media"
232
+ >
233
+ <label for="category-media">
234
+ Media Releases
235
+ </label>
236
+ </div>
237
+ <div class="mx-checkbox ">
238
+ <input id="category-publications"
239
+ type="checkbox"
240
+ name="categories"
241
+ value="publications"
242
+ >
243
+ <label for="category-publications">
244
+ Publications
245
+ </label>
246
+ </div>
247
+ </fieldset>
248
+ </details>
249
+ </mx-accordion>
250
+ <div class="mx-form-actions">
251
+ <button class="mx-button mx-button--dark"
252
+ type="submit"
253
+ disabled
254
+ >
255
+ <span>
256
+ Apply filters
257
+ </span>
258
+ </button>
259
+ <button class="mx-button mx-button--light"
260
+ type="reset"
261
+ disabled
262
+ >
263
+ <span>
264
+ Clear all filters
265
+ </span>
266
+ </button>
267
+ </div>
268
+ </form>
269
+ </details>
270
+ </mx-accordionmobile>
271
+ </mx-filters>
272
+ </div>
269
273
  `;
270
274
 
271
275
  exports[`Component/Filters Filters smoke-test 1`] = `
272
- <mx-filters class="mx-filters mx-filters--down "
273
- count="0"
274
- >
275
- <h2 class="mx-filters__title">
276
- Filters
277
- </h2>
278
- <form class="mx-filters__form mx-vertical-flow"
279
- action="#"
276
+ <div class="mx-page default">
277
+ <mx-filters class="mx-filters mx-filters--down "
278
+ count="0"
280
279
  >
281
- <div class="mx-form-item mx-filter-item">
282
- <label class="mx-label "
283
- for="filter-keywords"
284
- >
285
- Keywords
286
- </label>
287
- <div class="mx-description"
288
- id="unique-0"
289
- role="tooltip"
290
- >
291
- Search by keywords
292
- </div>
293
- <input class="mx-input__text "
294
- id="filter-keywords"
295
- name="example-keywords"
296
- type="text"
297
- value
298
- aria-describedby="unique-0"
299
- >
300
- </div>
301
- <fieldset class="mx-form-item mx-fieldset mx-filter-item">
302
- <legend class="mx-legend ">
303
- Categories
304
- </legend>
305
- <div class="mx-checkbox ">
306
- <input id="category-news"
307
- type="checkbox"
308
- name="categories"
309
- value="news"
280
+ <h2 class="mx-filters__title">
281
+ Filters
282
+ </h2>
283
+ <form class="mx-filters__form mx-vertical-flow"
284
+ action="#"
285
+ >
286
+ <div class="mx-form-item mx-filter-item">
287
+ <label class="mx-label "
288
+ for="filter-keywords"
310
289
  >
311
- <label for="category-news">
312
- News
290
+ Keywords
313
291
  </label>
314
- </div>
315
- <div class="mx-checkbox ">
316
- <input id="category-media"
317
- type="checkbox"
318
- name="categories"
319
- value="media"
292
+ <div class="mx-description"
293
+ id="unique-0"
294
+ role="tooltip"
295
+ >
296
+ Search by keywords
297
+ </div>
298
+ <input class="mx-input__text "
299
+ id="filter-keywords"
300
+ name="example-keywords"
301
+ type="text"
302
+ value
303
+ aria-describedby="unique-0"
320
304
  >
321
- <label for="category-media">
322
- Media Releases
323
- </label>
324
305
  </div>
325
- <div class="mx-checkbox ">
326
- <input id="category-publications"
327
- type="checkbox"
328
- name="categories"
329
- value="publications"
306
+ <fieldset class="mx-form-item mx-fieldset mx-filter-item">
307
+ <legend class="mx-legend ">
308
+ Categories
309
+ </legend>
310
+ <div class="mx-checkbox ">
311
+ <input id="category-news"
312
+ type="checkbox"
313
+ name="categories"
314
+ value="news"
315
+ >
316
+ <label for="category-news">
317
+ News
318
+ </label>
319
+ </div>
320
+ <div class="mx-checkbox ">
321
+ <input id="category-media"
322
+ type="checkbox"
323
+ name="categories"
324
+ value="media"
325
+ >
326
+ <label for="category-media">
327
+ Media Releases
328
+ </label>
329
+ </div>
330
+ <div class="mx-checkbox ">
331
+ <input id="category-publications"
332
+ type="checkbox"
333
+ name="categories"
334
+ value="publications"
335
+ >
336
+ <label for="category-publications">
337
+ Publications
338
+ </label>
339
+ </div>
340
+ </fieldset>
341
+ <div class="mx-form-actions">
342
+ <button class="mx-button mx-button--dark"
343
+ type="submit"
344
+ disabled
330
345
  >
331
- <label for="category-publications">
332
- Publications
333
- </label>
346
+ <span>
347
+ Apply filters
348
+ </span>
349
+ </button>
350
+ <button class="mx-button mx-button--light"
351
+ type="reset"
352
+ disabled
353
+ >
354
+ <span>
355
+ Clear all filters
356
+ </span>
357
+ </button>
334
358
  </div>
335
- </fieldset>
336
- <div class="mx-form-actions">
337
- <button class="mx-button mx-button--dark"
338
- type="submit"
339
- disabled
340
- >
341
- <span>
342
- Apply filters
343
- </span>
344
- </button>
345
- <button class="mx-button mx-button--light"
346
- type="reset"
347
- disabled
348
- >
349
- <span>
350
- Clear all filters
351
- </span>
352
- </button>
353
- </div>
354
- </form>
355
- </mx-filters>
359
+ </form>
360
+ </mx-filters>
361
+ </div>
356
362
  `;
357
363
 
358
364
  exports[`Component/Filters Instant smoke-test 1`] = `
359
- <mx-filters class="mx-filters mx-filters--down mx-filters--auto"
360
- count="0"
361
- >
362
- <h2 class="mx-filters__title">
363
- Filters
364
- </h2>
365
- <form class="mx-filters__form mx-vertical-flow"
366
- action="#"
365
+ <div class="mx-page default">
366
+ <mx-filters class="mx-filters mx-filters--down mx-filters--auto"
367
+ count="0"
367
368
  >
368
- <div class="mx-form-item mx-filter-item">
369
- <label class="mx-label "
370
- for="filter-keywords"
371
- >
372
- Keywords
373
- </label>
374
- <div class="mx-description"
375
- id="unique-0"
376
- role="tooltip"
377
- >
378
- Search by keywords
379
- </div>
380
- <input class="mx-input__text "
381
- id="filter-keywords"
382
- name="example-keywords"
383
- type="text"
384
- value
385
- aria-describedby="unique-0"
386
- >
387
- </div>
388
- <fieldset class="mx-form-item mx-fieldset mx-filter-item">
389
- <legend class="mx-legend ">
390
- Categories
391
- </legend>
392
- <div class="mx-checkbox ">
393
- <input id="category-news"
394
- type="checkbox"
395
- name="categories"
396
- value="news"
369
+ <h2 class="mx-filters__title">
370
+ Filters
371
+ </h2>
372
+ <form class="mx-filters__form mx-vertical-flow"
373
+ action="#"
374
+ >
375
+ <div class="mx-form-item mx-filter-item">
376
+ <label class="mx-label "
377
+ for="filter-keywords"
397
378
  >
398
- <label for="category-news">
399
- News
379
+ Keywords
400
380
  </label>
401
- </div>
402
- <div class="mx-checkbox ">
403
- <input id="category-media"
404
- type="checkbox"
405
- name="categories"
406
- value="media"
381
+ <div class="mx-description"
382
+ id="unique-0"
383
+ role="tooltip"
384
+ >
385
+ Search by keywords
386
+ </div>
387
+ <input class="mx-input__text "
388
+ id="filter-keywords"
389
+ name="example-keywords"
390
+ type="text"
391
+ value
392
+ aria-describedby="unique-0"
407
393
  >
408
- <label for="category-media">
409
- Media Releases
410
- </label>
411
394
  </div>
412
- <div class="mx-checkbox ">
413
- <input id="category-publications"
414
- type="checkbox"
415
- name="categories"
416
- value="publications"
395
+ <fieldset class="mx-form-item mx-fieldset mx-filter-item">
396
+ <legend class="mx-legend ">
397
+ Categories
398
+ </legend>
399
+ <div class="mx-checkbox ">
400
+ <input id="category-news"
401
+ type="checkbox"
402
+ name="categories"
403
+ value="news"
404
+ >
405
+ <label for="category-news">
406
+ News
407
+ </label>
408
+ </div>
409
+ <div class="mx-checkbox ">
410
+ <input id="category-media"
411
+ type="checkbox"
412
+ name="categories"
413
+ value="media"
414
+ >
415
+ <label for="category-media">
416
+ Media Releases
417
+ </label>
418
+ </div>
419
+ <div class="mx-checkbox ">
420
+ <input id="category-publications"
421
+ type="checkbox"
422
+ name="categories"
423
+ value="publications"
424
+ >
425
+ <label for="category-publications">
426
+ Publications
427
+ </label>
428
+ </div>
429
+ </fieldset>
430
+ <div class="mx-form-actions">
431
+ <button class="mx-button mx-button--light"
432
+ type="reset"
433
+ disabled
417
434
  >
418
- <label for="category-publications">
419
- Publications
420
- </label>
435
+ <span>
436
+ Clear all filters
437
+ </span>
438
+ </button>
421
439
  </div>
422
- </fieldset>
423
- <div class="mx-form-actions">
424
- <button class="mx-button mx-button--light"
425
- type="reset"
426
- disabled
427
- >
428
- <span>
429
- Clear all filters
430
- </span>
431
- </button>
432
- </div>
433
- </form>
434
- </mx-filters>
440
+ </form>
441
+ </mx-filters>
442
+ </div>
435
443
  `;