@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
@@ -1,58 +0,0 @@
1
- /**
2
- * Tiles
3
- */
4
- @layer design-system.components {
5
- .tile {
6
- --outline-offset: -2px;
7
- --gap: var(--gap-s);
8
-
9
- overflow: hidden;
10
- position: relative;
11
- border-radius: var(--border-radius);
12
- background: var(--tile-background, var(--colour-background-alt));
13
- color: var(--tile-foreground var(--colour-foreground));
14
- min-block-size: var(--height, 160px);
15
- transition:
16
- 0.2s background-color,
17
- 0.2s background-image,
18
- 0.2s color,
19
- 0.2s border-color;
20
-
21
- &:is(.tile--has-link, :has(> a[href])) {
22
- cursor: pointer;
23
- }
24
-
25
- & > a[href] {
26
- display: block;
27
- text-indent: -10000%;
28
- block-size: 100%;
29
- }
30
-
31
- & .tile__content {
32
- padding: var(--spacing-m);
33
- position: relative;
34
- }
35
- }
36
-
37
- &.tile--medium {
38
- --height: 240px;
39
- }
40
-
41
- &.tile--large {
42
- --height: 433px;
43
- }
44
- }
45
-
46
- /**
47
- * Print stylesheet
48
- */
49
-
50
- @media print {
51
- .tile {
52
- display: block;
53
- background-color: transparent;
54
- background-image: none;
55
- color: var(--colour-foreground);
56
- min-block-size: 0;
57
- }
58
- }
@@ -1,18 +0,0 @@
1
- <div class="grid grid--xs-2-cols grid--md-4-cols spacing--bottom-l">
2
- {% include "@mixtape/Component/Tile/tile.twig" %}
3
- {% include "@mixtape/Component/Tile/tile.twig" %}
4
- {% include "@mixtape/Component/Tile/tile.twig" %}
5
- {% include "@mixtape/Component/Tile/tile.twig" %}
6
- </div>
7
- <div class="grid grid--md-3-cols">
8
- {% include "@mixtape/Component/Tile/tile.twig" with { size: size } %}
9
- {% include "@mixtape/Component/Tile/tile.twig" with { size: size } %}
10
- {% embed "@mixtape/Component/Tile/tile.twig" with { size: size } %}
11
- {% block content %}
12
- <h3 class="text--m">{{ title | default('Tile title') }}</h3>
13
- <p>Tile with some content</p>
14
- <a href="#" class="link align--bottom">{{ link | default('read more') }}</a>
15
- {% endblock %}
16
- {% block link %}{% endblock %}
17
- {% endembed %}
18
- </div>