@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/Atom/Table/__snapshots__/Table.stories.ts.snap CHANGED
@@ -1,261 +1,269 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`Atom/Table Flush smoke-test 1`] = `
4
- <table class=" mx-table--flush">
5
- <thead>
6
- <tr>
7
- <th>
8
- Type
9
- </th>
10
- <th>
11
- Desktop
12
- </th>
13
- <th>
14
- Tablet
15
- </th>
16
- <th>
17
- Mobile
18
- </th>
19
- </tr>
20
- </thead>
21
- <tbody>
22
- <tr>
23
- <th>
24
- Columns
25
- </th>
26
- <td>
27
- 12
28
- </td>
29
- <td>
30
- 12
31
- </td>
32
- <td>
33
- 4
34
- </td>
35
- </tr>
36
- <tr>
37
- <th>
38
- Gutter
39
- </th>
40
- <td>
41
- 32px
42
- </td>
43
- <td>
44
- 16px
45
- </td>
46
- <td>
47
- 16px
48
- </td>
49
- </tr>
50
- <tr>
51
- <th>
52
- Max-width
53
- </th>
54
- <td>
55
- 1180px
56
- </td>
57
- <td>
58
- 1024px
59
- </td>
60
- <td>
61
- ~500px
62
- </td>
63
- </tr>
64
- </tbody>
65
- </table>
4
+ <div class="mx-page default">
5
+ <table class=" mx-table--flush">
6
+ <thead>
7
+ <tr>
8
+ <th>
9
+ Type
10
+ </th>
11
+ <th>
12
+ Desktop
13
+ </th>
14
+ <th>
15
+ Tablet
16
+ </th>
17
+ <th>
18
+ Mobile
19
+ </th>
20
+ </tr>
21
+ </thead>
22
+ <tbody>
23
+ <tr>
24
+ <th>
25
+ Columns
26
+ </th>
27
+ <td>
28
+ 12
29
+ </td>
30
+ <td>
31
+ 12
32
+ </td>
33
+ <td>
34
+ 4
35
+ </td>
36
+ </tr>
37
+ <tr>
38
+ <th>
39
+ Gutter
40
+ </th>
41
+ <td>
42
+ 32px
43
+ </td>
44
+ <td>
45
+ 16px
46
+ </td>
47
+ <td>
48
+ 16px
49
+ </td>
50
+ </tr>
51
+ <tr>
52
+ <th>
53
+ Max-width
54
+ </th>
55
+ <td>
56
+ 1180px
57
+ </td>
58
+ <td>
59
+ 1024px
60
+ </td>
61
+ <td>
62
+ ~500px
63
+ </td>
64
+ </tr>
65
+ </tbody>
66
+ </table>
67
+ </div>
66
68
  `;
67
69
 
68
70
  exports[`Atom/Table Small smoke-test 1`] = `
69
- <table class=" mx-table--small">
70
- <thead>
71
- <tr>
72
- <th>
73
- Type
74
- </th>
75
- <th>
76
- Desktop
77
- </th>
78
- <th>
79
- Tablet
80
- </th>
81
- <th>
82
- Mobile
83
- </th>
84
- </tr>
85
- </thead>
86
- <tbody>
87
- <tr>
88
- <th>
89
- Columns
90
- </th>
91
- <td>
92
- 12
93
- </td>
94
- <td>
95
- 12
96
- </td>
97
- <td>
98
- 4
99
- </td>
100
- </tr>
101
- <tr>
102
- <th>
103
- Gutter
104
- </th>
105
- <td>
106
- 32px
107
- </td>
108
- <td>
109
- 16px
110
- </td>
111
- <td>
112
- 16px
113
- </td>
114
- </tr>
115
- <tr>
116
- <th>
117
- Max-width
118
- </th>
119
- <td>
120
- 1180px
121
- </td>
122
- <td>
123
- 1024px
124
- </td>
125
- <td>
126
- ~500px
127
- </td>
128
- </tr>
129
- </tbody>
130
- </table>
71
+ <div class="mx-page default">
72
+ <table class=" mx-table--small">
73
+ <thead>
74
+ <tr>
75
+ <th>
76
+ Type
77
+ </th>
78
+ <th>
79
+ Desktop
80
+ </th>
81
+ <th>
82
+ Tablet
83
+ </th>
84
+ <th>
85
+ Mobile
86
+ </th>
87
+ </tr>
88
+ </thead>
89
+ <tbody>
90
+ <tr>
91
+ <th>
92
+ Columns
93
+ </th>
94
+ <td>
95
+ 12
96
+ </td>
97
+ <td>
98
+ 12
99
+ </td>
100
+ <td>
101
+ 4
102
+ </td>
103
+ </tr>
104
+ <tr>
105
+ <th>
106
+ Gutter
107
+ </th>
108
+ <td>
109
+ 32px
110
+ </td>
111
+ <td>
112
+ 16px
113
+ </td>
114
+ <td>
115
+ 16px
116
+ </td>
117
+ </tr>
118
+ <tr>
119
+ <th>
120
+ Max-width
121
+ </th>
122
+ <td>
123
+ 1180px
124
+ </td>
125
+ <td>
126
+ 1024px
127
+ </td>
128
+ <td>
129
+ ~500px
130
+ </td>
131
+ </tr>
132
+ </tbody>
133
+ </table>
134
+ </div>
131
135
  `;
132
136
 
133
137
  exports[`Atom/Table Table smoke-test 1`] = `
134
- <table class>
135
- <thead>
136
- <tr>
137
- <th>
138
- Type
139
- </th>
140
- <th>
141
- Desktop
142
- </th>
143
- <th>
144
- Tablet
145
- </th>
146
- <th>
147
- Mobile
148
- </th>
149
- </tr>
150
- </thead>
151
- <tbody>
152
- <tr>
153
- <th>
154
- Columns
155
- </th>
156
- <td>
157
- 12
158
- </td>
159
- <td>
160
- 12
161
- </td>
162
- <td>
163
- 4
164
- </td>
165
- </tr>
166
- <tr>
167
- <th>
168
- Gutter
169
- </th>
170
- <td>
171
- 32px
172
- </td>
173
- <td>
174
- 16px
175
- </td>
176
- <td>
177
- 16px
178
- </td>
179
- </tr>
180
- <tr>
181
- <th>
182
- Max-width
183
- </th>
184
- <td>
185
- 1180px
186
- </td>
187
- <td>
188
- 1024px
189
- </td>
190
- <td>
191
- ~500px
192
- </td>
193
- </tr>
194
- </tbody>
195
- </table>
138
+ <div class="mx-page default">
139
+ <table class>
140
+ <thead>
141
+ <tr>
142
+ <th>
143
+ Type
144
+ </th>
145
+ <th>
146
+ Desktop
147
+ </th>
148
+ <th>
149
+ Tablet
150
+ </th>
151
+ <th>
152
+ Mobile
153
+ </th>
154
+ </tr>
155
+ </thead>
156
+ <tbody>
157
+ <tr>
158
+ <th>
159
+ Columns
160
+ </th>
161
+ <td>
162
+ 12
163
+ </td>
164
+ <td>
165
+ 12
166
+ </td>
167
+ <td>
168
+ 4
169
+ </td>
170
+ </tr>
171
+ <tr>
172
+ <th>
173
+ Gutter
174
+ </th>
175
+ <td>
176
+ 32px
177
+ </td>
178
+ <td>
179
+ 16px
180
+ </td>
181
+ <td>
182
+ 16px
183
+ </td>
184
+ </tr>
185
+ <tr>
186
+ <th>
187
+ Max-width
188
+ </th>
189
+ <td>
190
+ 1180px
191
+ </td>
192
+ <td>
193
+ 1024px
194
+ </td>
195
+ <td>
196
+ ~500px
197
+ </td>
198
+ </tr>
199
+ </tbody>
200
+ </table>
201
+ </div>
196
202
  `;
197
203
 
198
204
  exports[`Atom/Table Zebra smoke-test 1`] = `
199
- <table class=" mx-table--striped">
200
- <thead>
201
- <tr>
202
- <th>
203
- Type
204
- </th>
205
- <th>
206
- Desktop
207
- </th>
208
- <th>
209
- Tablet
210
- </th>
211
- <th>
212
- Mobile
213
- </th>
214
- </tr>
215
- </thead>
216
- <tbody>
217
- <tr>
218
- <th>
219
- Columns
220
- </th>
221
- <td>
222
- 12
223
- </td>
224
- <td>
225
- 12
226
- </td>
227
- <td>
228
- 4
229
- </td>
230
- </tr>
231
- <tr>
232
- <th>
233
- Gutter
234
- </th>
235
- <td>
236
- 32px
237
- </td>
238
- <td>
239
- 16px
240
- </td>
241
- <td>
242
- 16px
243
- </td>
244
- </tr>
245
- <tr>
246
- <th>
247
- Max-width
248
- </th>
249
- <td>
250
- 1180px
251
- </td>
252
- <td>
253
- 1024px
254
- </td>
255
- <td>
256
- ~500px
257
- </td>
258
- </tr>
259
- </tbody>
260
- </table>
205
+ <div class="mx-page default">
206
+ <table class=" mx-table--striped">
207
+ <thead>
208
+ <tr>
209
+ <th>
210
+ Type
211
+ </th>
212
+ <th>
213
+ Desktop
214
+ </th>
215
+ <th>
216
+ Tablet
217
+ </th>
218
+ <th>
219
+ Mobile
220
+ </th>
221
+ </tr>
222
+ </thead>
223
+ <tbody>
224
+ <tr>
225
+ <th>
226
+ Columns
227
+ </th>
228
+ <td>
229
+ 12
230
+ </td>
231
+ <td>
232
+ 12
233
+ </td>
234
+ <td>
235
+ 4
236
+ </td>
237
+ </tr>
238
+ <tr>
239
+ <th>
240
+ Gutter
241
+ </th>
242
+ <td>
243
+ 32px
244
+ </td>
245
+ <td>
246
+ 16px
247
+ </td>
248
+ <td>
249
+ 16px
250
+ </td>
251
+ </tr>
252
+ <tr>
253
+ <th>
254
+ Max-width
255
+ </th>
256
+ <td>
257
+ 1180px
258
+ </td>
259
+ <td>
260
+ 1024px
261
+ </td>
262
+ <td>
263
+ ~500px
264
+ </td>
265
+ </tr>
266
+ </tbody>
267
+ </table>
268
+ </div>
261
269
  `;
package/src/Atom/Table/__snapshots__/TableResponsive.stories.ts.snap CHANGED
@@ -1,68 +1,70 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`Atom/Table/Responsive TableResponsive smoke-test 1`] = `
4
- <div class="mx-table--responsive">
5
- <table>
6
- <thead>
7
- <tr>
8
- <th>
9
- Type
10
- </th>
11
- <th>
12
- Column 1
13
- </th>
14
- <th>
15
- Column 2
16
- </th>
17
- <th>
18
- Column 3
19
- </th>
20
- </tr>
21
- </thead>
22
- <tbody>
23
- <tr>
24
- <th>
25
- Row 1
26
- </th>
27
- <td>
28
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
29
- </td>
30
- <td>
31
- Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
32
- </td>
33
- <td>
34
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
35
- </td>
36
- </tr>
37
- <tr>
38
- <th>
39
- Row 2
40
- </th>
41
- <td>
42
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
43
- </td>
44
- <td>
45
- Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
46
- </td>
47
- <td>
48
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
49
- </td>
50
- </tr>
51
- <tr>
52
- <th>
53
- Row 3
54
- </th>
55
- <td>
56
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
57
- </td>
58
- <td>
59
- Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
60
- </td>
61
- <td>
62
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
63
- </td>
64
- </tr>
65
- </tbody>
66
- </table>
4
+ <div class="mx-page default">
5
+ <div class="mx-table--responsive">
6
+ <table>
7
+ <thead>
8
+ <tr>
9
+ <th>
10
+ Type
11
+ </th>
12
+ <th>
13
+ Column 1
14
+ </th>
15
+ <th>
16
+ Column 2
17
+ </th>
18
+ <th>
19
+ Column 3
20
+ </th>
21
+ </tr>
22
+ </thead>
23
+ <tbody>
24
+ <tr>
25
+ <th>
26
+ Row 1
27
+ </th>
28
+ <td>
29
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
30
+ </td>
31
+ <td>
32
+ Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
33
+ </td>
34
+ <td>
35
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
36
+ </td>
37
+ </tr>
38
+ <tr>
39
+ <th>
40
+ Row 2
41
+ </th>
42
+ <td>
43
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
44
+ </td>
45
+ <td>
46
+ Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
47
+ </td>
48
+ <td>
49
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
50
+ </td>
51
+ </tr>
52
+ <tr>
53
+ <th>
54
+ Row 3
55
+ </th>
56
+ <td>
57
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
58
+ </td>
59
+ <td>
60
+ Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
61
+ </td>
62
+ <td>
63
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
64
+ </td>
65
+ </tr>
66
+ </tbody>
67
+ </table>
68
+ </div>
67
69
  </div>
68
70
  `;
package/src/Atom/Text/Text.stories.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import { Meta, StoryObj } from "@storybook/react"
1
+ import { Meta, StoryObj } from "@storybook/react-vite"
2
2
  import Component from "./Text"
3
3
  import { TextStyles, TextTags } from "../../enums"
4
4
 
package/src/Atom/Text/TextSizes.stories.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Meta, StoryObj } from "@storybook/html"
1
+ import { Meta, StoryObj } from "@storybook/html-vite"
2
2
  import Component from "./text-style.twig"
3
3
  import ExampleComponent from "./text-styles-example.twig"
4
4
  import "../_base.css"