@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/Carousel/__snapshots__/Carousel.stories.ts.snap ADDED
@@ -0,0 +1,912 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Component/Carousel Carousel smoke-test 1`] = `
4
+ <div class="mx-page default">
5
+ <mx-carousel class="mx-carousel mx-vertical-flow"
6
+ role="group"
7
+ >
8
+ <div class="mx-carousel__buttons"
9
+ data-buttons
10
+ >
11
+ <button class="mx-carousel__prev mx-button mx-button--icon-only"
12
+ type="button"
13
+ >
14
+ <span class="sr-only">
15
+ previous
16
+ </span>
17
+ <span class="mx-icon mx-icon--chevron-left">
18
+ </span>
19
+ </button>
20
+ <button class="mx-carousel__next mx-button mx-button--icon-only"
21
+ type="button"
22
+ >
23
+ <span class="sr-only">
24
+ next
25
+ </span>
26
+ <span class="mx-icon mx-icon--chevron-right">
27
+ </span>
28
+ </button>
29
+ </div>
30
+ <ul class="mx-carousel__scrollable overflowing">
31
+ <li>
32
+ <div class="mx-container">
33
+ <article class="mx-card mx-card--block mx-background--box">
34
+ <div class="mx-card__content mx-vertical-flow-flex">
35
+ <h3>
36
+ Tile 1
37
+ </h3>
38
+ <div class="mx-text--lede">
39
+ <p>
40
+ Tiles are just block cards without an image.
41
+ </p>
42
+ </div>
43
+ <a class="mx-link--more"
44
+ href="#"
45
+ >
46
+ <span>
47
+ Find out more
48
+ </span>
49
+ </a>
50
+ </div>
51
+ </article>
52
+ </div>
53
+ </li>
54
+ <li>
55
+ <div class="mx-container">
56
+ <article class="mx-card mx-card--block mx-background--box">
57
+ <div class="mx-card__content mx-vertical-flow-flex">
58
+ <h3>
59
+ Tile 2
60
+ </h3>
61
+ <div class="mx-text--lede">
62
+ <p>
63
+ Tiles are just block cards without an image.
64
+ </p>
65
+ </div>
66
+ <a class="mx-link--more"
67
+ href="#"
68
+ >
69
+ <span>
70
+ Find out more
71
+ </span>
72
+ </a>
73
+ </div>
74
+ </article>
75
+ </div>
76
+ </li>
77
+ <li>
78
+ <div class="mx-container">
79
+ <article class="mx-card mx-card--block mx-background--box">
80
+ <div class="mx-card__content mx-vertical-flow-flex">
81
+ <h3>
82
+ Tile 3
83
+ </h3>
84
+ <div class="mx-text--lede">
85
+ <p>
86
+ Tiles are just block cards without an image.
87
+ </p>
88
+ </div>
89
+ <a class="mx-link--more"
90
+ href="#"
91
+ >
92
+ <span>
93
+ Find out more
94
+ </span>
95
+ </a>
96
+ </div>
97
+ </article>
98
+ </div>
99
+ </li>
100
+ <li>
101
+ <div class="mx-container">
102
+ <article class="mx-card mx-card--block mx-background--box">
103
+ <div class="mx-card__content mx-vertical-flow-flex">
104
+ <h3>
105
+ Tile 4
106
+ </h3>
107
+ <div class="mx-text--lede">
108
+ <p>
109
+ Tiles are just block cards without an image.
110
+ </p>
111
+ </div>
112
+ <a class="mx-link--more"
113
+ href="#"
114
+ >
115
+ <span>
116
+ Find out more
117
+ </span>
118
+ </a>
119
+ </div>
120
+ </article>
121
+ </div>
122
+ </li>
123
+ <li inert>
124
+ <div class="mx-container">
125
+ <article class="mx-card mx-card--block mx-background--box">
126
+ <div class="mx-card__content mx-vertical-flow-flex">
127
+ <h3>
128
+ Tile 5
129
+ </h3>
130
+ <div class="mx-text--lede">
131
+ <p>
132
+ Tiles are just block cards without an image but may have longer text and trigger height changes..
133
+ </p>
134
+ </div>
135
+ <a class="mx-link--more"
136
+ href="#"
137
+ >
138
+ <span>
139
+ Find out more
140
+ </span>
141
+ </a>
142
+ </div>
143
+ </article>
144
+ </div>
145
+ </li>
146
+ <li inert>
147
+ <div class="mx-container">
148
+ <article class="mx-card mx-card--block mx-background--box">
149
+ <div class="mx-card__content mx-vertical-flow-flex">
150
+ <h3>
151
+ Tile 6
152
+ </h3>
153
+ <div class="mx-text--lede">
154
+ <p>
155
+ Tiles are just block cards without an image.
156
+ </p>
157
+ </div>
158
+ <a class="mx-link--more"
159
+ href="#"
160
+ >
161
+ <span>
162
+ Find out more
163
+ </span>
164
+ </a>
165
+ </div>
166
+ </article>
167
+ </div>
168
+ </li>
169
+ <li inert>
170
+ <div class="mx-container">
171
+ <article class="mx-card mx-card--block mx-background--box">
172
+ <div class="mx-card__content mx-vertical-flow-flex">
173
+ <h3>
174
+ Tile 7
175
+ </h3>
176
+ <div class="mx-text--lede">
177
+ <p>
178
+ Tiles are just block cards without an image.
179
+ </p>
180
+ </div>
181
+ <a class="mx-link--more"
182
+ href="#"
183
+ >
184
+ <span>
185
+ Find out more
186
+ </span>
187
+ </a>
188
+ </div>
189
+ </article>
190
+ </div>
191
+ </li>
192
+ <li inert>
193
+ <div class="mx-container">
194
+ <article class="mx-card mx-card--block mx-background--box">
195
+ <div class="mx-card__content mx-vertical-flow-flex">
196
+ <h3>
197
+ Tile 8
198
+ </h3>
199
+ <div class="mx-text--lede">
200
+ <p>
201
+ Tiles are just block cards without an image.
202
+ </p>
203
+ </div>
204
+ <a class="mx-link--more"
205
+ href="#"
206
+ >
207
+ <span>
208
+ Find out more
209
+ </span>
210
+ </a>
211
+ </div>
212
+ </article>
213
+ </div>
214
+ </li>
215
+ <li inert>
216
+ <div class="mx-container">
217
+ <article class="mx-card mx-card--block mx-background--box">
218
+ <div class="mx-card__content mx-vertical-flow-flex">
219
+ <h3>
220
+ Tile 9
221
+ </h3>
222
+ <div class="mx-text--lede">
223
+ <p>
224
+ Tiles are just block cards without an image.
225
+ </p>
226
+ </div>
227
+ <a class="mx-link--more"
228
+ href="#"
229
+ >
230
+ <span>
231
+ Find out more
232
+ </span>
233
+ </a>
234
+ </div>
235
+ </article>
236
+ </div>
237
+ </li>
238
+ <li inert>
239
+ <div class="mx-container">
240
+ <article class="mx-card mx-card--block mx-background--box">
241
+ <div class="mx-card__content mx-vertical-flow-flex">
242
+ <h3>
243
+ Tile 10
244
+ </h3>
245
+ <div class="mx-text--lede">
246
+ <p>
247
+ Tiles are just block cards without an image.
248
+ </p>
249
+ </div>
250
+ <a class="mx-link--more"
251
+ href="#"
252
+ >
253
+ <span>
254
+ Find out more
255
+ </span>
256
+ </a>
257
+ </div>
258
+ </article>
259
+ </div>
260
+ </li>
261
+ <li inert>
262
+ <div class="mx-container">
263
+ <article class="mx-card mx-card--block mx-background--box">
264
+ <div class="mx-card__content mx-vertical-flow-flex">
265
+ <h3>
266
+ Tile 11
267
+ </h3>
268
+ <div class="mx-text--lede">
269
+ <p>
270
+ Tiles are just block cards without an image.
271
+ </p>
272
+ </div>
273
+ <a class="mx-link--more"
274
+ href="#"
275
+ >
276
+ <span>
277
+ Find out more
278
+ </span>
279
+ </a>
280
+ </div>
281
+ </article>
282
+ </div>
283
+ </li>
284
+ </ul>
285
+ </mx-carousel>
286
+ </div>
287
+ `;
288
+
289
+ exports[`Component/Carousel Counters smoke-test 1`] = `
290
+ <div class="mx-page default">
291
+ <mx-carousel class="mx-carousel mx-vertical-flow"
292
+ role="group"
293
+ >
294
+ <div class="mx-carousel__buttons"
295
+ data-buttons
296
+ >
297
+ <button class="mx-carousel__prev mx-button mx-button--icon-only"
298
+ type="button"
299
+ >
300
+ <span class="sr-only">
301
+ previous
302
+ </span>
303
+ <span class="mx-icon mx-icon--chevron-left">
304
+ </span>
305
+ </button>
306
+ <button class="mx-carousel__next mx-button mx-button--icon-only"
307
+ type="button"
308
+ >
309
+ <span class="sr-only">
310
+ next
311
+ </span>
312
+ <span class="mx-icon mx-icon--chevron-right">
313
+ </span>
314
+ </button>
315
+ </div>
316
+ <ul class="mx-carousel__scrollable overflowing">
317
+ <li>
318
+ <div class="mx-container">
319
+ <article class="mx-card mx-card--block mx-background--box">
320
+ <div class="mx-card__content mx-vertical-flow-flex">
321
+ <h3>
322
+ Tile 1
323
+ </h3>
324
+ <div class="mx-text--lede">
325
+ <p>
326
+ Tiles are just block cards without an image.
327
+ </p>
328
+ </div>
329
+ <a class="mx-link--more"
330
+ href="#"
331
+ >
332
+ <span>
333
+ Find out more
334
+ </span>
335
+ </a>
336
+ </div>
337
+ </article>
338
+ </div>
339
+ </li>
340
+ <li>
341
+ <div class="mx-container">
342
+ <article class="mx-card mx-card--block mx-background--box">
343
+ <div class="mx-card__content mx-vertical-flow-flex">
344
+ <h3>
345
+ Tile 2
346
+ </h3>
347
+ <div class="mx-text--lede">
348
+ <p>
349
+ Tiles are just block cards without an image.
350
+ </p>
351
+ </div>
352
+ <a class="mx-link--more"
353
+ href="#"
354
+ >
355
+ <span>
356
+ Find out more
357
+ </span>
358
+ </a>
359
+ </div>
360
+ </article>
361
+ </div>
362
+ </li>
363
+ <li>
364
+ <div class="mx-container">
365
+ <article class="mx-card mx-card--block mx-background--box">
366
+ <div class="mx-card__content mx-vertical-flow-flex">
367
+ <h3>
368
+ Tile 3
369
+ </h3>
370
+ <div class="mx-text--lede">
371
+ <p>
372
+ Tiles are just block cards without an image.
373
+ </p>
374
+ </div>
375
+ <a class="mx-link--more"
376
+ href="#"
377
+ >
378
+ <span>
379
+ Find out more
380
+ </span>
381
+ </a>
382
+ </div>
383
+ </article>
384
+ </div>
385
+ </li>
386
+ <li>
387
+ <div class="mx-container">
388
+ <article class="mx-card mx-card--block mx-background--box">
389
+ <div class="mx-card__content mx-vertical-flow-flex">
390
+ <h3>
391
+ Tile 4
392
+ </h3>
393
+ <div class="mx-text--lede">
394
+ <p>
395
+ Tiles are just block cards without an image.
396
+ </p>
397
+ </div>
398
+ <a class="mx-link--more"
399
+ href="#"
400
+ >
401
+ <span>
402
+ Find out more
403
+ </span>
404
+ </a>
405
+ </div>
406
+ </article>
407
+ </div>
408
+ </li>
409
+ <li inert>
410
+ <div class="mx-container">
411
+ <article class="mx-card mx-card--block mx-background--box">
412
+ <div class="mx-card__content mx-vertical-flow-flex">
413
+ <h3>
414
+ Tile 5
415
+ </h3>
416
+ <div class="mx-text--lede">
417
+ <p>
418
+ Tiles are just block cards without an image but may have longer text and trigger height changes..
419
+ </p>
420
+ </div>
421
+ <a class="mx-link--more"
422
+ href="#"
423
+ >
424
+ <span>
425
+ Find out more
426
+ </span>
427
+ </a>
428
+ </div>
429
+ </article>
430
+ </div>
431
+ </li>
432
+ <li inert>
433
+ <div class="mx-container">
434
+ <article class="mx-card mx-card--block mx-background--box">
435
+ <div class="mx-card__content mx-vertical-flow-flex">
436
+ <h3>
437
+ Tile 6
438
+ </h3>
439
+ <div class="mx-text--lede">
440
+ <p>
441
+ Tiles are just block cards without an image.
442
+ </p>
443
+ </div>
444
+ <a class="mx-link--more"
445
+ href="#"
446
+ >
447
+ <span>
448
+ Find out more
449
+ </span>
450
+ </a>
451
+ </div>
452
+ </article>
453
+ </div>
454
+ </li>
455
+ <li inert>
456
+ <div class="mx-container">
457
+ <article class="mx-card mx-card--block mx-background--box">
458
+ <div class="mx-card__content mx-vertical-flow-flex">
459
+ <h3>
460
+ Tile 7
461
+ </h3>
462
+ <div class="mx-text--lede">
463
+ <p>
464
+ Tiles are just block cards without an image.
465
+ </p>
466
+ </div>
467
+ <a class="mx-link--more"
468
+ href="#"
469
+ >
470
+ <span>
471
+ Find out more
472
+ </span>
473
+ </a>
474
+ </div>
475
+ </article>
476
+ </div>
477
+ </li>
478
+ <li inert>
479
+ <div class="mx-container">
480
+ <article class="mx-card mx-card--block mx-background--box">
481
+ <div class="mx-card__content mx-vertical-flow-flex">
482
+ <h3>
483
+ Tile 8
484
+ </h3>
485
+ <div class="mx-text--lede">
486
+ <p>
487
+ Tiles are just block cards without an image.
488
+ </p>
489
+ </div>
490
+ <a class="mx-link--more"
491
+ href="#"
492
+ >
493
+ <span>
494
+ Find out more
495
+ </span>
496
+ </a>
497
+ </div>
498
+ </article>
499
+ </div>
500
+ </li>
501
+ <li inert>
502
+ <div class="mx-container">
503
+ <article class="mx-card mx-card--block mx-background--box">
504
+ <div class="mx-card__content mx-vertical-flow-flex">
505
+ <h3>
506
+ Tile 9
507
+ </h3>
508
+ <div class="mx-text--lede">
509
+ <p>
510
+ Tiles are just block cards without an image.
511
+ </p>
512
+ </div>
513
+ <a class="mx-link--more"
514
+ href="#"
515
+ >
516
+ <span>
517
+ Find out more
518
+ </span>
519
+ </a>
520
+ </div>
521
+ </article>
522
+ </div>
523
+ </li>
524
+ <li inert>
525
+ <div class="mx-container">
526
+ <article class="mx-card mx-card--block mx-background--box">
527
+ <div class="mx-card__content mx-vertical-flow-flex">
528
+ <h3>
529
+ Tile 10
530
+ </h3>
531
+ <div class="mx-text--lede">
532
+ <p>
533
+ Tiles are just block cards without an image.
534
+ </p>
535
+ </div>
536
+ <a class="mx-link--more"
537
+ href="#"
538
+ >
539
+ <span>
540
+ Find out more
541
+ </span>
542
+ </a>
543
+ </div>
544
+ </article>
545
+ </div>
546
+ </li>
547
+ <li inert>
548
+ <div class="mx-container">
549
+ <article class="mx-card mx-card--block mx-background--box">
550
+ <div class="mx-card__content mx-vertical-flow-flex">
551
+ <h3>
552
+ Tile 11
553
+ </h3>
554
+ <div class="mx-text--lede">
555
+ <p>
556
+ Tiles are just block cards without an image.
557
+ </p>
558
+ </div>
559
+ <a class="mx-link--more"
560
+ href="#"
561
+ >
562
+ <span>
563
+ Find out more
564
+ </span>
565
+ </a>
566
+ </div>
567
+ </article>
568
+ </div>
569
+ </li>
570
+ </ul>
571
+ <ol class="mx-carousel__pagination"
572
+ data-pagination="counter"
573
+ >
574
+ <li>
575
+ <button type="button"
576
+ data-index="0"
577
+ disabled
578
+ >
579
+ 1
580
+ </button>
581
+ </li>
582
+ <li>
583
+ <button type="button"
584
+ data-index="1"
585
+ >
586
+ 2
587
+ </button>
588
+ </li>
589
+ <li>
590
+ <button type="button"
591
+ data-index="2"
592
+ >
593
+ 3
594
+ </button>
595
+ </li>
596
+ </ol>
597
+ </mx-carousel>
598
+ </div>
599
+ `;
600
+
601
+ exports[`Component/Carousel Paginated smoke-test 1`] = `
602
+ <div class="mx-page default">
603
+ <mx-carousel class="mx-carousel mx-vertical-flow"
604
+ role="group"
605
+ loop
606
+ >
607
+ <div class="mx-carousel__buttons"
608
+ data-buttons
609
+ >
610
+ <button class="mx-carousel__prev mx-button mx-button--icon-only"
611
+ type="button"
612
+ >
613
+ <span class="sr-only">
614
+ previous
615
+ </span>
616
+ <span class="mx-icon mx-icon--chevron-left">
617
+ </span>
618
+ </button>
619
+ <button class="mx-carousel__next mx-button mx-button--icon-only"
620
+ type="button"
621
+ >
622
+ <span class="sr-only">
623
+ next
624
+ </span>
625
+ <span class="mx-icon mx-icon--chevron-right">
626
+ </span>
627
+ </button>
628
+ </div>
629
+ <ul class="mx-carousel__scrollable overflowing">
630
+ <li>
631
+ <div class="mx-container">
632
+ <article class="mx-card mx-card--block mx-background--box">
633
+ <div class="mx-card__content mx-vertical-flow-flex">
634
+ <h3>
635
+ Tile 1
636
+ </h3>
637
+ <div class="mx-text--lede">
638
+ <p>
639
+ Tiles are just block cards without an image.
640
+ </p>
641
+ </div>
642
+ <a class="mx-link--more"
643
+ href="#"
644
+ >
645
+ <span>
646
+ Find out more
647
+ </span>
648
+ </a>
649
+ </div>
650
+ </article>
651
+ </div>
652
+ </li>
653
+ <li>
654
+ <div class="mx-container">
655
+ <article class="mx-card mx-card--block mx-background--box">
656
+ <div class="mx-card__content mx-vertical-flow-flex">
657
+ <h3>
658
+ Tile 2
659
+ </h3>
660
+ <div class="mx-text--lede">
661
+ <p>
662
+ Tiles are just block cards without an image.
663
+ </p>
664
+ </div>
665
+ <a class="mx-link--more"
666
+ href="#"
667
+ >
668
+ <span>
669
+ Find out more
670
+ </span>
671
+ </a>
672
+ </div>
673
+ </article>
674
+ </div>
675
+ </li>
676
+ <li>
677
+ <div class="mx-container">
678
+ <article class="mx-card mx-card--block mx-background--box">
679
+ <div class="mx-card__content mx-vertical-flow-flex">
680
+ <h3>
681
+ Tile 3
682
+ </h3>
683
+ <div class="mx-text--lede">
684
+ <p>
685
+ Tiles are just block cards without an image.
686
+ </p>
687
+ </div>
688
+ <a class="mx-link--more"
689
+ href="#"
690
+ >
691
+ <span>
692
+ Find out more
693
+ </span>
694
+ </a>
695
+ </div>
696
+ </article>
697
+ </div>
698
+ </li>
699
+ <li>
700
+ <div class="mx-container">
701
+ <article class="mx-card mx-card--block mx-background--box">
702
+ <div class="mx-card__content mx-vertical-flow-flex">
703
+ <h3>
704
+ Tile 4
705
+ </h3>
706
+ <div class="mx-text--lede">
707
+ <p>
708
+ Tiles are just block cards without an image.
709
+ </p>
710
+ </div>
711
+ <a class="mx-link--more"
712
+ href="#"
713
+ >
714
+ <span>
715
+ Find out more
716
+ </span>
717
+ </a>
718
+ </div>
719
+ </article>
720
+ </div>
721
+ </li>
722
+ <li inert>
723
+ <div class="mx-container">
724
+ <article class="mx-card mx-card--block mx-background--box">
725
+ <div class="mx-card__content mx-vertical-flow-flex">
726
+ <h3>
727
+ Tile 5
728
+ </h3>
729
+ <div class="mx-text--lede">
730
+ <p>
731
+ Tiles are just block cards without an image but may have longer text and trigger height changes..
732
+ </p>
733
+ </div>
734
+ <a class="mx-link--more"
735
+ href="#"
736
+ >
737
+ <span>
738
+ Find out more
739
+ </span>
740
+ </a>
741
+ </div>
742
+ </article>
743
+ </div>
744
+ </li>
745
+ <li inert>
746
+ <div class="mx-container">
747
+ <article class="mx-card mx-card--block mx-background--box">
748
+ <div class="mx-card__content mx-vertical-flow-flex">
749
+ <h3>
750
+ Tile 6
751
+ </h3>
752
+ <div class="mx-text--lede">
753
+ <p>
754
+ Tiles are just block cards without an image.
755
+ </p>
756
+ </div>
757
+ <a class="mx-link--more"
758
+ href="#"
759
+ >
760
+ <span>
761
+ Find out more
762
+ </span>
763
+ </a>
764
+ </div>
765
+ </article>
766
+ </div>
767
+ </li>
768
+ <li inert>
769
+ <div class="mx-container">
770
+ <article class="mx-card mx-card--block mx-background--box">
771
+ <div class="mx-card__content mx-vertical-flow-flex">
772
+ <h3>
773
+ Tile 7
774
+ </h3>
775
+ <div class="mx-text--lede">
776
+ <p>
777
+ Tiles are just block cards without an image.
778
+ </p>
779
+ </div>
780
+ <a class="mx-link--more"
781
+ href="#"
782
+ >
783
+ <span>
784
+ Find out more
785
+ </span>
786
+ </a>
787
+ </div>
788
+ </article>
789
+ </div>
790
+ </li>
791
+ <li inert>
792
+ <div class="mx-container">
793
+ <article class="mx-card mx-card--block mx-background--box">
794
+ <div class="mx-card__content mx-vertical-flow-flex">
795
+ <h3>
796
+ Tile 8
797
+ </h3>
798
+ <div class="mx-text--lede">
799
+ <p>
800
+ Tiles are just block cards without an image.
801
+ </p>
802
+ </div>
803
+ <a class="mx-link--more"
804
+ href="#"
805
+ >
806
+ <span>
807
+ Find out more
808
+ </span>
809
+ </a>
810
+ </div>
811
+ </article>
812
+ </div>
813
+ </li>
814
+ <li inert>
815
+ <div class="mx-container">
816
+ <article class="mx-card mx-card--block mx-background--box">
817
+ <div class="mx-card__content mx-vertical-flow-flex">
818
+ <h3>
819
+ Tile 9
820
+ </h3>
821
+ <div class="mx-text--lede">
822
+ <p>
823
+ Tiles are just block cards without an image.
824
+ </p>
825
+ </div>
826
+ <a class="mx-link--more"
827
+ href="#"
828
+ >
829
+ <span>
830
+ Find out more
831
+ </span>
832
+ </a>
833
+ </div>
834
+ </article>
835
+ </div>
836
+ </li>
837
+ <li inert>
838
+ <div class="mx-container">
839
+ <article class="mx-card mx-card--block mx-background--box">
840
+ <div class="mx-card__content mx-vertical-flow-flex">
841
+ <h3>
842
+ Tile 10
843
+ </h3>
844
+ <div class="mx-text--lede">
845
+ <p>
846
+ Tiles are just block cards without an image.
847
+ </p>
848
+ </div>
849
+ <a class="mx-link--more"
850
+ href="#"
851
+ >
852
+ <span>
853
+ Find out more
854
+ </span>
855
+ </a>
856
+ </div>
857
+ </article>
858
+ </div>
859
+ </li>
860
+ <li inert>
861
+ <div class="mx-container">
862
+ <article class="mx-card mx-card--block mx-background--box">
863
+ <div class="mx-card__content mx-vertical-flow-flex">
864
+ <h3>
865
+ Tile 11
866
+ </h3>
867
+ <div class="mx-text--lede">
868
+ <p>
869
+ Tiles are just block cards without an image.
870
+ </p>
871
+ </div>
872
+ <a class="mx-link--more"
873
+ href="#"
874
+ >
875
+ <span>
876
+ Find out more
877
+ </span>
878
+ </a>
879
+ </div>
880
+ </article>
881
+ </div>
882
+ </li>
883
+ </ul>
884
+ <ol class="mx-carousel__pagination"
885
+ data-pagination="pagination"
886
+ >
887
+ <li>
888
+ <button type="button"
889
+ data-index="0"
890
+ disabled
891
+ >
892
+ 1
893
+ </button>
894
+ </li>
895
+ <li>
896
+ <button type="button"
897
+ data-index="1"
898
+ >
899
+ 2
900
+ </button>
901
+ </li>
902
+ <li>
903
+ <button type="button"
904
+ data-index="2"
905
+ >
906
+ 3
907
+ </button>
908
+ </li>
909
+ </ol>
910
+ </mx-carousel>
911
+ </div>
912
+ `;