@pnx-mixtape/mxds 0.0.23 → 0.0.26
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.
- package/.storybook/decorators.ts +7 -0
- package/.storybook/main.ts +29 -0
- package/.storybook/manager.ts +6 -0
- package/.storybook/preview.ts +61 -0
- package/.storybook/public/demo-logo.svg +4 -0
- package/.storybook/public/design-system.svg +1 -0
- package/.storybook/public/favicon.svg +7 -0
- package/.storybook/public/mixtape-logo.png +0 -0
- package/.storybook/public/mixtape.webp +0 -0
- package/.storybook/public/pinto.png +0 -0
- package/.storybook/public/pinto.svg +1 -0
- package/.storybook/public/xb.png +0 -0
- package/.storybook/public/xb.svg +1 -0
- package/.storybook/src/global.d.ts +16 -0
- package/.storybook/src/theme.ts +8 -0
- package/.storybook/storybook.css +35 -0
- package/.storybook/theme-demo.css +93 -0
- package/.storybook/vitest.setup.ts +17 -0
- package/dist/build/accordion.css +76 -86
- package/dist/build/accordion.entry.js +46 -72
- package/dist/build/base.css +1 -993
- package/dist/build/breadcrumb.css +1 -55
- package/dist/build/button.css +1 -126
- package/dist/build/callout.css +1 -11
- package/dist/build/card.css +1 -161
- package/dist/build/carousel.css +1 -125
- package/dist/build/chunks/Accordion-Dwh42fp7.js +42 -0
- package/dist/build/chunks/DropMenu-plGsgySm.js +43 -0
- package/dist/build/chunks/Popover-Bws25suh.js +27 -0
- package/dist/build/chunks/polyfills-Du4RTZDf.js +511 -0
- package/dist/build/chunks/popover-Bd5oQ1Ic.js +407 -0
- package/dist/build/chunks/utilities-DepaJdUg.js +242 -0
- package/dist/build/constants.css +91 -123
- package/dist/build/container-grid.css +1 -186
- package/dist/build/content-block.css +1 -36
- package/dist/build/dialog.css +1 -108
- package/dist/build/dialog.entry.js +45 -85
- package/dist/build/drop-menu.css +1 -89
- package/dist/build/drop-menu.entry.js +2 -2
- package/dist/build/drupal.css +1 -66
- package/dist/build/filters.css +1 -117
- package/dist/build/filters.entry.js +113 -142
- package/dist/build/footer.css +1 -141
- package/dist/build/form.css +1 -491
- package/dist/build/global-alert.css +1 -60
- package/dist/build/global-alert.entry.js +51 -75
- package/dist/build/grid.css +1 -195
- package/dist/build/header.css +1 -149
- package/dist/build/header.entry.js +598 -1180
- package/dist/build/hero-banner.css +1 -73
- package/dist/build/icon.css +1 -399
- package/dist/build/in-page-alert.css +1 -93
- package/dist/build/in-page-navigation.css +1 -17
- package/dist/build/in-page-navigation.entry.js +67 -103
- package/dist/build/link-list.css +1 -45
- package/dist/build/list-item.css +1 -29
- package/dist/build/masthead.css +1 -53
- package/dist/build/navigation.css +1 -356
- package/dist/build/navigation.entry.js +79 -222
- package/dist/build/page.css +1 -65
- package/dist/build/pagination.css +1 -111
- package/dist/build/popover.css +1 -119
- package/dist/build/popover.entry.js +1 -2
- package/dist/build/results-bar.css +1 -21
- package/dist/build/section.css +1 -147
- package/dist/build/side-navigation.css +1 -85
- package/dist/build/sidebar.css +1 -53
- package/dist/build/social-links.css +1 -20
- package/dist/build/steps.css +1 -118
- package/dist/build/sticky.css +1 -47
- package/dist/build/sticky.entry.js +48 -59
- package/dist/build/tabs.css +1 -108
- package/dist/build/tabs.entry.js +130 -209
- package/dist/build/tag.css +1 -70
- package/dist/build/utilities.css +1 -186
- package/dist/build/utility-list.css +1 -43
- package/dist/build/utility-list.entry.js +52 -80
- package/package.json +44 -54
- package/src/Atom/Atom.mdx +18 -18
- package/src/Atom/Background/{Backgrounds.stories.ts → Background.stories.ts} +2 -1
- package/src/Atom/Background/__snapshots__/Background.stories.ts.snap +81 -0
- package/src/Atom/Background/_background.css +10 -11
- package/src/Atom/Background/backgrounds.twig +6 -4
- package/src/Atom/Button/Button.stories.ts +0 -1
- package/src/Atom/Button/Button.stories.tsx +2 -0
- package/src/Atom/Button/__snapshots__/Button.stories.ts.snap +77 -97
- package/src/Atom/Button/__snapshots__/Button.stories.tsx.snap +3 -15
- package/src/Atom/Button/_buttons-styles.css +18 -6
- package/src/Atom/Button/_buttons.css +1 -1
- package/src/Atom/DefinitionList/DefinitionList.stories.tsx +2 -1
- package/src/Atom/DefinitionList/__snapshots__/DefinitionList.stories.ts.snap +13 -26
- package/src/Atom/DefinitionList/__snapshots__/DefinitionList.stories.tsx.snap +2 -29
- package/src/Atom/Heading/Heading.stories.tsx +2 -1
- package/src/Atom/Heading/__snapshots__/Heading.stories.ts.snap +9 -13
- package/src/Atom/Heading/__snapshots__/Heading.stories.tsx.snap +2 -8
- package/src/Atom/Icon/Icon.stories.tsx +2 -1
- package/src/Atom/Icon/__snapshots__/Icon.stories.ts.snap +21 -28
- package/src/Atom/Icon/__snapshots__/Icon.stories.tsx.snap +4 -15
- package/src/Atom/Icon/_extended-set.css +0 -8
- package/src/Atom/Icon/_icon.css +15 -6
- package/src/Atom/Image/__snapshots__/Image.stories.ts.snap +6 -9
- package/src/Atom/Link/Link.stories.tsx +2 -1
- package/src/Atom/Link/__snapshots__/Link.stories.ts.snap +47 -56
- package/src/Atom/Link/__snapshots__/Link.stories.tsx.snap +4 -22
- package/src/Atom/Link/_links.css +1 -0
- package/src/Atom/Media/Media.stories.ts +1 -1
- package/src/Atom/Media/Media.stories.tsx +2 -1
- package/src/Atom/Media/__snapshots__/Media.stories.ts.snap +27 -12
- package/src/Atom/Media/__snapshots__/Media.stories.tsx.snap +3 -16
- package/src/Atom/Spacing/__snapshots__/Spacing.stories.ts.snap +5 -8
- package/src/Atom/Table/Table.stories.ts +0 -1
- package/src/Atom/Table/TableResponsive.stories.ts +0 -1
- package/src/Atom/Table/__snapshots__/Table.stories.ts.snap +129 -261
- package/src/Atom/Table/__snapshots__/TableResponsive.stories.ts.snap +34 -67
- package/src/Atom/Text/Text.stories.tsx +2 -1
- package/src/Atom/Text/__snapshots__/Text.stories.ts.snap +32 -46
- package/src/Atom/Text/__snapshots__/Text.stories.tsx.snap +2 -6
- package/src/Atom/Video/__snapshots__/Video.stories.ts.snap +6 -11
- package/src/Atom/_flow.css +16 -1
- package/src/Component/Accordion/Accordion.stories.tsx +2 -0
- package/src/Component/Accordion/__snapshots__/Accordion.stories.ts.snap +106 -140
- package/src/Component/Accordion/__snapshots__/Accordion.stories.tsx.snap +3 -49
- package/src/Component/Accordion/__snapshots__/AccordionItem.stories.ts.snap +52 -81
- package/src/Component/Breadcrumb/Breadcrumb.stories.tsx +2 -0
- package/src/Component/Breadcrumb/__snapshots__/Breadcrumb.stories.ts.snap +29 -33
- package/src/Component/Breadcrumb/__snapshots__/Breadcrumb.stories.tsx.snap +3 -62
- package/src/Component/Callout/__snapshots__/Callout.stories.ts.snap +9 -11
- package/src/Component/Card/Card.stories.tsx +2 -0
- package/src/Component/Card/__snapshots__/Card.stories.ts.snap +237 -272
- package/src/Component/Card/__snapshots__/Card.stories.tsx.snap +4 -85
- package/src/Component/Carousel/Elements/Carousel.ts +10 -7
- package/src/Component/Carousel/__snapshots__/Carousel.stories.ts.snap +992 -1187
- package/src/Component/ContentBlock/ContentBlock.stories.tsx +2 -0
- package/src/Component/ContentBlock/__snapshots__/ContentBlock.stories.ts.snap +161 -155
- package/src/Component/ContentBlock/__snapshots__/ContentBlock.stories.tsx.snap +2 -25
- package/src/Component/Dialog/Dialog.stories.tsx +2 -0
- package/src/Component/Dialog/__snapshots__/Dialog.stories.ts.snap +92 -110
- package/src/Component/Dialog/__snapshots__/Dialog.stories.tsx.snap +2 -31
- package/src/Component/DropMenu/DropMenu.stories.tsx +2 -0
- package/src/Component/DropMenu/DropMenu.tsx +1 -3
- package/src/Component/DropMenu/__snapshots__/DropMenu.stories.ts.snap +25 -72
- package/src/Component/DropMenu/__snapshots__/DropMenu.stories.tsx.snap +2 -46
- package/src/Component/Filters/__snapshots__/FilterItem.stories.ts.snap +80 -121
- package/src/Component/Filters/__snapshots__/Filters.stories.ts.snap +323 -424
- package/src/Component/GlobalAlert/GlobalAlert.stories.tsx +2 -0
- package/src/Component/GlobalAlert/__snapshots__/GlobalAlert.stories.ts.snap +25 -37
- package/src/Component/GlobalAlert/__snapshots__/GlobalAlert.stories.tsx.snap +3 -46
- package/src/Component/HeroBanner/HeroBanner.stories.tsx +2 -0
- package/src/Component/HeroBanner/__snapshots__/HeroBanner.stories.ts.snap +105 -106
- package/src/Component/HeroBanner/__snapshots__/HeroBanner.stories.tsx.snap +3 -34
- package/src/Component/HeroSearch/HeroSearch.stories.ts +0 -2
- package/src/Component/HeroSearch/HeroSearch.stories.tsx +2 -0
- package/src/Component/HeroSearch/__snapshots__/HeroSearch.stories.ts.snap +122 -165
- package/src/Component/HeroSearch/__snapshots__/HeroSearch.stories.tsx.snap +3 -34
- package/src/Component/InPageAlert/InPageAlert.stories.tsx +2 -0
- package/src/Component/InPageAlert/__snapshots__/InPageAlert.stories.ts.snap +87 -70
- package/src/Component/InPageAlert/__snapshots__/InPageAlert.stories.tsx.snap +5 -65
- package/src/Component/InPageNavigation/InPageNavigation.stories.ts +1 -0
- package/src/Component/InPageNavigation/InPageNavigation.stories.tsx +2 -0
- package/src/Component/InPageNavigation/__snapshots__/InPageNavigation.stories.ts.snap +88 -208
- package/src/Component/InPageNavigation/__snapshots__/InPageNavigation.stories.tsx.snap +2 -148
- package/src/Component/InPageNavigation/in-page-navigation.css +5 -0
- package/src/Component/LinkList/LinkList.stories.tsx +2 -1
- package/src/Component/LinkList/__snapshots__/LinkList.stories.ts.snap +67 -66
- package/src/Component/LinkList/__snapshots__/LinkList.stories.tsx.snap +2 -32
- package/src/Component/ListItem/ListItem.stories.tsx +2 -1
- package/src/Component/ListItem/__snapshots__/ListItem.stories.ts.snap +153 -167
- package/src/Component/ListItem/__snapshots__/ListItem.stories.tsx.snap +2 -25
- package/src/Component/Navigation/Dropdown.stories.tsx +2 -0
- package/src/Component/Navigation/Elements/Navigation.ts +5 -5
- package/src/Component/Navigation/Navigation.stories.tsx +2 -0
- package/src/Component/Navigation/__snapshots__/Dropdown.stories.tsx.snap +2 -38
- package/src/Component/Navigation/__snapshots__/Navigation.stories.ts.snap +204 -279
- package/src/Component/Navigation/__snapshots__/Navigation.stories.tsx.snap +3 -59
- package/src/Component/Navigation/_navigation.css +2 -2
- package/src/Component/Pagination/Pagination.stories.tsx +2 -0
- package/src/Component/Pagination/__snapshots__/Pagination.stories.ts.snap +70 -60
- package/src/Component/Pagination/__snapshots__/Pagination.stories.tsx.snap +2 -62
- package/src/Component/Popover/Elements/Popover.ts +5 -1
- package/src/Component/Popover/Popover.stories.ts +45 -0
- package/src/Component/Popover/__snapshots__/Popover.stories.ts.snap +366 -470
- package/src/Component/Popover/popover.css +3 -4
- package/src/Component/ResultsBar/ResultsBar.stories.tsx +2 -0
- package/src/Component/ResultsBar/__snapshots__/ResultsBar.stories.ts.snap +25 -46
- package/src/Component/ResultsBar/__snapshots__/ResultsBar.stories.tsx.snap +4 -50
- package/src/Component/SideNavigation/__snapshots__/SideNavigation.stories.ts.snap +76 -81
- package/src/Component/SocialLinks/__snapshots__/SocialLinks.stories.ts.snap +35 -32
- package/src/Component/SocialShare/SocialShare.stories.tsx +2 -1
- package/src/Component/SocialShare/__snapshots__/SocialShare.stories.ts.snap +11 -27
- package/src/Component/SocialShare/__snapshots__/SocialShare.stories.tsx.snap +4 -22
- package/src/Component/SocialShare/social-share.twig +1 -0
- package/src/Component/Steps/__snapshots__/StepItem.stories.ts.snap +11 -23
- package/src/Component/Steps/__snapshots__/Steps.stories.ts.snap +142 -173
- package/src/Component/Steps/steps.css +4 -3
- package/src/Component/Sticky/Sticky.stories.tsx +2 -0
- package/src/Component/Sticky/__snapshots__/Sticky.stories.ts.snap +6 -12
- package/src/Component/Sticky/__snapshots__/Sticky.stories.tsx.snap +2 -10
- package/src/Component/Tabs/Tabs.stories.tsx +2 -0
- package/src/Component/Tabs/__snapshots__/TabItem.stories.ts.snap +5 -9
- package/src/Component/Tabs/__snapshots__/Tabs.stories.ts.snap +37 -210
- package/src/Component/Tabs/__snapshots__/Tabs.stories.tsx.snap +2 -116
- package/src/Component/Tag/Tag.stories.tsx +2 -0
- package/src/Component/Tag/__snapshots__/Tag.stories.ts.snap +37 -61
- package/src/Component/Tag/__snapshots__/Tag.stories.tsx.snap +2 -6
- package/src/Component/Tag/tags.twig +6 -6
- package/src/Component/UtilityList/__snapshots__/UtilityList.stories.ts.snap +122 -245
- package/src/Component/UtilityList/utility-list.css +4 -0
- package/src/Component/UtilityList/utility-list.twig +2 -1
- package/src/Form/Checkbox/FormCheckbox.stories.tsx +2 -2
- package/src/Form/Checkbox/__snapshots__/Checkbox.stories.ts.snap +13 -26
- package/src/Form/Checkbox/__snapshots__/FormCheckbox.stories.tsx.snap +5 -0
- package/src/Form/Description/FormDescription.stories.tsx +2 -1
- package/src/Form/Description/__snapshots__/Description.stories.ts.snap +5 -9
- package/src/Form/Description/__snapshots__/FormDescription.stories.tsx.snap +2 -9
- package/src/Form/Description/__snapshots__/FormStatus.stories.ts.snap +9 -17
- package/src/Form/Form/Form.stories.tsx +2 -1
- package/src/Form/Form/FormTitle.stories.tsx +2 -1
- package/src/Form/Form/__snapshots__/Form.stories.tsx.snap +2 -5
- package/src/Form/Form/__snapshots__/FormTitle.stories.tsx.snap +2 -8
- package/src/Form/FormItem/FormItem.stories.tsx +8 -5
- package/src/Form/FormItem/__snapshots__/FormItem.stories.ts.snap +88 -129
- package/src/Form/Label/FormLabel.stories.tsx +2 -1
- package/src/Form/Label/__snapshots__/FormLabel.stories.tsx.snap +3 -18
- package/src/Form/Label/__snapshots__/Label.stories.ts.snap +13 -25
- package/src/Form/Radio/FormRadio.stories.tsx +2 -14
- package/src/Form/Radio/__snapshots__/FormRadio.stories.tsx.snap +3 -0
- package/src/Form/Radio/__snapshots__/Radio.stories.ts.snap +42 -57
- package/src/Form/Search/__snapshots__/Search.stories.ts.snap +11 -26
- package/src/Form/Select/FormSelect.stories.tsx +2 -1
- package/src/Form/Select/__snapshots__/FormSelect.stories.tsx.snap +2 -22
- package/src/Form/Select/__snapshots__/Select.stories.ts.snap +8 -19
- package/src/Form/TextInput/FormText.stories.tsx +2 -1
- package/src/Form/TextInput/InputDivider.stories.ts +0 -1
- package/src/Form/TextInput/__snapshots__/FormText.stories.tsx.snap +2 -12
- package/src/Form/TextInput/__snapshots__/InputDivider.stories.ts.snap +11 -26
- package/src/Form/TextInput/__snapshots__/TextInput.stories.ts.snap +11 -25
- package/src/Form/Textarea/FormTextarea.stories.tsx +2 -1
- package/src/Form/Textarea/__snapshots__/FormTextarea.stories.tsx.snap +2 -11
- package/src/Form/Textarea/__snapshots__/Textarea.stories.ts.snap +5 -11
- package/src/Layout/Footer/Footer.stories.ts +18 -1
- package/src/Layout/Footer/Footer.stories.tsx +2 -0
- package/src/Layout/Footer/__snapshots__/Footer.stories.ts.snap +360 -301
- package/src/Layout/Footer/__snapshots__/Footer.stories.tsx.snap +3 -62
- package/src/Layout/Footer/footer.css +16 -35
- package/src/Layout/Footer/footer.twig +6 -6
- package/src/Layout/Grid/Grid.stories.tsx +2 -0
- package/src/Layout/Grid/__snapshots__/Grid.stories.ts.snap +72 -66
- package/src/Layout/Grid/__snapshots__/Grid.stories.tsx.snap +6 -62
- package/src/Layout/Grid/__snapshots__/GridItem.stories.ts.snap +9 -13
- package/src/Layout/Header/Header.stories.tsx +2 -1
- package/src/Layout/Header/__snapshots__/Header.stories.ts.snap +315 -466
- package/src/Layout/Header/__snapshots__/Header.stories.tsx.snap +2 -58
- package/src/Layout/Masthead/__snapshots__/Masthead.stories.ts.snap +86 -87
- package/src/Layout/Page/Page.stories.tsx +2 -0
- package/src/Layout/Page/__snapshots__/Page.stories.tsx.snap +2 -81
- package/src/Layout/Section/__snapshots__/Background.stories.ts.snap +51 -61
- package/src/Layout/Section/__snapshots__/Breakouts.stories.ts.snap +34 -78
- package/src/Layout/Section/__snapshots__/Flow.stories.ts.snap +54 -89
- package/src/Layout/Section/__snapshots__/Section.stories.ts.snap +89 -99
- package/src/Layout/Section/__snapshots__/Section.stories.tsx.snap +4 -34
- package/src/Layout/Section/__snapshots__/SectionGrid.stories.tsx.snap +3 -35
- package/src/Layout/Section/section.twig +2 -2
- package/src/Layout/Sidebar/Sidebar.stories.tsx +1 -1
- package/src/Layout/Sidebar/__snapshots__/Sidebar.stories.ts.snap +49 -40
- package/src/Layout/Sidebar/__snapshots__/Sidebar.stories.tsx.snap +4 -44
- package/src/Layout/Sidebar/sidebar.css +2 -2
- package/src/Layout/Sidebar/sidebar.twig +8 -5
- package/src/Utility/_layout-utils.css +9 -1
- package/src/constants.css +115 -114
- package/src/enums.ts +1 -0
- package/src/tokens.js +26 -19
- package/dist/build/accordion.entry.js.map +0 -1
- package/dist/build/chunks/Accordion-D1HQ0FDq.js +0 -63
- package/dist/build/chunks/Accordion-D1HQ0FDq.js.map +0 -1
- package/dist/build/chunks/disclosure-widget-CdjCdx7t.js +0 -129
- package/dist/build/chunks/disclosure-widget-CdjCdx7t.js.map +0 -1
- package/dist/build/chunks/drop-menu.entry-fzV-_VFl.js +0 -70
- package/dist/build/chunks/drop-menu.entry-fzV-_VFl.js.map +0 -1
- package/dist/build/chunks/polyfills-DnrsypYs.js +0 -812
- package/dist/build/chunks/polyfills-DnrsypYs.js.map +0 -1
- package/dist/build/chunks/popover-DzUcnIlX.js +0 -797
- package/dist/build/chunks/popover-DzUcnIlX.js.map +0 -1
- package/dist/build/chunks/popover.entry-BQvyR0d5.js +0 -38
- package/dist/build/chunks/popover.entry-BQvyR0d5.js.map +0 -1
- package/dist/build/chunks/utilities-Ci7wwNeg.js +0 -148
- package/dist/build/chunks/utilities-Ci7wwNeg.js.map +0 -1
- package/dist/build/dialog.entry.js.map +0 -1
- package/dist/build/drop-menu.entry.js.map +0 -1
- package/dist/build/filters.entry.js.map +0 -1
- package/dist/build/global-alert.entry.js.map +0 -1
- package/dist/build/header.entry.js.map +0 -1
- package/dist/build/in-page-navigation.entry.js.map +0 -1
- package/dist/build/navigation.entry.js.map +0 -1
- package/dist/build/popover.entry.js.map +0 -1
- package/dist/build/sticky.entry.js.map +0 -1
- package/dist/build/tabs.entry.js.map +0 -1
- package/dist/build/utility-list.entry.js.map +0 -1
- package/src/Atom/Background/__snapshots__/Backgrounds.stories.ts.snap +0 -176
- package/src/Form/FormItem/__snapshots__/FormItem.stories.tsx.snap +0 -110
|
@@ -1,142 +1,113 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
counter: item.querySelector("[data-counter]")
|
|
115
|
-
});
|
|
116
|
-
});
|
|
117
|
-
return items;
|
|
118
|
-
}
|
|
119
|
-
get details() {
|
|
120
|
-
return this.querySelector("mx-accordionmobile > details");
|
|
121
|
-
}
|
|
122
|
-
get closeBtn() {
|
|
123
|
-
return this.details?.querySelector("button[data-close]");
|
|
124
|
-
}
|
|
125
|
-
get form() {
|
|
126
|
-
return this.querySelector("form");
|
|
127
|
-
}
|
|
128
|
-
get resetBtn() {
|
|
129
|
-
return this.querySelector("button[type='reset']");
|
|
130
|
-
}
|
|
131
|
-
get submitBtn() {
|
|
132
|
-
return this.querySelector("button[type='submit']");
|
|
133
|
-
}
|
|
134
|
-
get showBtn() {
|
|
135
|
-
return this.querySelector("button[data-show]");
|
|
136
|
-
}
|
|
137
|
-
get allCounter() {
|
|
138
|
-
return this.querySelector("[data-counters]");
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
if (!customElements.get("mx-filters")) customElements.define("mx-filters", Filters);
|
|
142
|
-
//# sourceMappingURL=filters.entry.js.map
|
|
1
|
+
import "./chunks/utilities-DepaJdUg.js";
|
|
2
|
+
import { t as Accordion } from "./chunks/Accordion-Dwh42fp7.js";
|
|
3
|
+
var AccordionMobile = class extends Accordion {
|
|
4
|
+
mq;
|
|
5
|
+
toggleAttribute;
|
|
6
|
+
constructor() {
|
|
7
|
+
super(), this.mq = this.getAttribute("mq") || "(max-width: 720px)";
|
|
8
|
+
}
|
|
9
|
+
connectedCallback() {
|
|
10
|
+
super.connectedCallback(), this.handleBreakpoint(this.breakpoint);
|
|
11
|
+
let { signal: e } = this.controller;
|
|
12
|
+
this.breakpoint.addEventListener("change", this.handleBreakpoint, { signal: e });
|
|
13
|
+
}
|
|
14
|
+
disconnectedCallback() {
|
|
15
|
+
this.controller.abort();
|
|
16
|
+
}
|
|
17
|
+
handleBreakpoint = ({ matches: e }) => {
|
|
18
|
+
this.details && this.details.toggleAttribute("open", !e);
|
|
19
|
+
};
|
|
20
|
+
get breakpoint() {
|
|
21
|
+
return window.matchMedia(this.mq);
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
customElements.get("mx-accordionmobile") || customElements.define("mx-accordionmobile", AccordionMobile);
|
|
25
|
+
var Filters = class extends HTMLElement {
|
|
26
|
+
internals_;
|
|
27
|
+
controller;
|
|
28
|
+
entries;
|
|
29
|
+
static observedAttributes = ["count"];
|
|
30
|
+
constructor() {
|
|
31
|
+
super(), this.internals_ = this.attachInternals(), this.controller = new AbortController();
|
|
32
|
+
}
|
|
33
|
+
connectedCallback() {
|
|
34
|
+
if (!this.items) return;
|
|
35
|
+
let { signal: e } = this.controller;
|
|
36
|
+
this.closeBtn?.addEventListener("click", this.handleClose, { signal: e }), this.showBtn?.previousElementSibling.setAttribute("hidden", "until-found"), this.showBtn?.addEventListener("click", this.handleShow, { signal: e }), this.resetBtn?.setAttribute("disabled", ""), this.submitBtn?.setAttribute("disabled", ""), this.handleCounters(), this.addEventListener("change", this.handleCounters, { signal: e }), this.form?.addEventListener("submit", this.handleCounters, { signal: e }), this.form?.addEventListener("reset", this.handleReset, { signal: e });
|
|
37
|
+
}
|
|
38
|
+
disconnectedCallback() {
|
|
39
|
+
this.controller.abort();
|
|
40
|
+
}
|
|
41
|
+
attributeChangedCallback(e, t, n) {
|
|
42
|
+
if (e === "count" && t !== n) {
|
|
43
|
+
let e = parseInt(n, 10) > 0;
|
|
44
|
+
if (this.resetBtn?.toggleAttribute("disabled", !e), this.submitBtn?.toggleAttribute("disabled", !e), !this.allCounter) return;
|
|
45
|
+
this.allCounter.textContent = e ? n : "";
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
handleClose = (e) => {
|
|
49
|
+
this.details && (this.details.open = !1, e.preventDefault());
|
|
50
|
+
};
|
|
51
|
+
handleShow = (e) => {
|
|
52
|
+
e.preventDefault();
|
|
53
|
+
let t = this.showBtn.previousElementSibling;
|
|
54
|
+
t.removeAttribute("hidden");
|
|
55
|
+
let n = t.previousElementSibling.querySelector("input");
|
|
56
|
+
n && (n.focus({ preventScroll: !0 }), setTimeout(() => {
|
|
57
|
+
this.showBtn.setAttribute("hidden", "");
|
|
58
|
+
}, 100));
|
|
59
|
+
};
|
|
60
|
+
handleReset = () => {
|
|
61
|
+
this.entries.forEach((e, t) => {
|
|
62
|
+
this.entries.set(t, {
|
|
63
|
+
...e,
|
|
64
|
+
count: null
|
|
65
|
+
}), e.counter && (e.counter.textContent = "");
|
|
66
|
+
}), this.setAttribute("count", "0");
|
|
67
|
+
};
|
|
68
|
+
handleCounters = () => {
|
|
69
|
+
let e = new FormData(this.form, this.submitBtn);
|
|
70
|
+
this.entries.forEach((t, n) => {
|
|
71
|
+
let { length: r } = e.getAll(n).filter(Boolean), i = r > 0 ? r : null;
|
|
72
|
+
this.entries.set(n, {
|
|
73
|
+
...t,
|
|
74
|
+
count: i
|
|
75
|
+
}), t.counter && (t.counter.textContent = i?.toString() || "");
|
|
76
|
+
});
|
|
77
|
+
let t = [...this.entries].filter(([, e]) => e.count).length;
|
|
78
|
+
this.setAttribute("count", t.toString());
|
|
79
|
+
};
|
|
80
|
+
get items() {
|
|
81
|
+
let e = this.querySelectorAll(".mx-filter-item");
|
|
82
|
+
if (!e) throw Error(`${this.localName} must contain a .mx-filter-item element.`);
|
|
83
|
+
return this.entries = /* @__PURE__ */ new Map(), e.forEach((e) => {
|
|
84
|
+
let t = e.querySelector("input, select")?.getAttribute("name");
|
|
85
|
+
this.entries.set(t, {
|
|
86
|
+
item: e,
|
|
87
|
+
counter: e.querySelector("[data-counter]")
|
|
88
|
+
});
|
|
89
|
+
}), e;
|
|
90
|
+
}
|
|
91
|
+
get details() {
|
|
92
|
+
return this.querySelector("mx-accordionmobile > details");
|
|
93
|
+
}
|
|
94
|
+
get closeBtn() {
|
|
95
|
+
return this.details?.querySelector("button[data-close]");
|
|
96
|
+
}
|
|
97
|
+
get form() {
|
|
98
|
+
return this.querySelector("form");
|
|
99
|
+
}
|
|
100
|
+
get resetBtn() {
|
|
101
|
+
return this.querySelector("button[type='reset']");
|
|
102
|
+
}
|
|
103
|
+
get submitBtn() {
|
|
104
|
+
return this.querySelector("button[type='submit']");
|
|
105
|
+
}
|
|
106
|
+
get showBtn() {
|
|
107
|
+
return this.querySelector("button[data-show]");
|
|
108
|
+
}
|
|
109
|
+
get allCounter() {
|
|
110
|
+
return this.querySelector("[data-counters]");
|
|
111
|
+
}
|
|
112
|
+
};
|
|
113
|
+
customElements.get("mx-filters") || customElements.define("mx-filters", Filters);
|
package/dist/build/footer.css
CHANGED
|
@@ -1,141 +1 @@
|
|
|
1
|
-
|
|
2
|
-
* Global Footer
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
@layer design-system.layouts {
|
|
6
|
-
.mx-footer {
|
|
7
|
-
position: sticky;
|
|
8
|
-
inset-block-start: 100vh;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.mx-footer__inner {
|
|
12
|
-
display: grid;
|
|
13
|
-
grid-template-areas: "brand" "social" "navigation" "copyright" "links";
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
@media (min-width: 720px) {
|
|
17
|
-
|
|
18
|
-
.mx-footer__inner {
|
|
19
|
-
grid-template-areas: "brand navigation" "social navigation" "copyright links";
|
|
20
|
-
gap: 0;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.mx-footer__inner:has(.mx-footer__aoc) {
|
|
25
|
-
grid-template-areas: "aoc" "brand" "social" "navigation" "copyright" "links";
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
@media (min-width: 720px) {
|
|
29
|
-
|
|
30
|
-
.mx-footer__inner:has(.mx-footer__aoc) {
|
|
31
|
-
grid-template-areas: "aoc aoc" "brand navigation" "social navigation" "copyright links";
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.mx-footer__inner .mx-logo {
|
|
36
|
-
grid-area: brand;
|
|
37
|
-
margin-block-end: var(--gap);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.mx-footer__inner .mx-social-links {
|
|
41
|
-
grid-area: social;
|
|
42
|
-
align-self: end;
|
|
43
|
-
display: flex;
|
|
44
|
-
gap: var(--spacing-xxxs);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.mx-footer__inner .mx-footer__copyright {
|
|
48
|
-
grid-area: copyright;
|
|
49
|
-
align-self: end;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
:is(.mx-footer__inner .mx-footer__copyright):not(:first-child) {
|
|
53
|
-
padding-block-start: var(--spacing-s);
|
|
54
|
-
margin-block-start: var(--gap);
|
|
55
|
-
}
|
|
56
|
-
@media (min-width: 720px) {
|
|
57
|
-
|
|
58
|
-
:is(.mx-footer__inner .mx-footer__copyright):not(:first-child) + .mx-footer__links {
|
|
59
|
-
padding-block-start: var(--spacing-s);
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.mx-footer__inner .mx-footer__links {
|
|
64
|
-
grid-area: links;
|
|
65
|
-
align-self: end;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
@media (min-width: 720px) {
|
|
69
|
-
|
|
70
|
-
.mx-footer__inner .mx-footer__links {
|
|
71
|
-
justify-content: end;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
:is(.mx-footer__inner .mx-footer__links):not(:first-child) {
|
|
76
|
-
margin-block-start: var(--gap);
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.mx-footer__aoc {
|
|
80
|
-
grid-area: aoc;
|
|
81
|
-
padding-block-end: var(--footer-row-gap, var(--spacing-xxl));
|
|
82
|
-
margin-block-end: var(--gap);
|
|
83
|
-
text-align: center;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.mx-nav--footer {
|
|
87
|
-
grid-area: navigation;
|
|
88
|
-
margin-block: var(--spacing-xxxl) var(--spacing-l);
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
@media (min-width: 720px) {
|
|
92
|
-
|
|
93
|
-
.mx-nav--footer {
|
|
94
|
-
justify-self: end;
|
|
95
|
-
margin-block: 0;
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.mx-nav--footer:not(:has(.mx-nav__level-2)) ul {
|
|
100
|
-
flex-flow: row wrap;
|
|
101
|
-
align-items: center;
|
|
102
|
-
gap: var(--spacing-l) var(--spacing-xxxl);
|
|
103
|
-
}
|
|
104
|
-
.mx-nav--footer:has(.mx-nav__level-2) ul {
|
|
105
|
-
display: grid;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1 {
|
|
109
|
-
gap: var(--spacing-l) var(--spacing-xxxl);
|
|
110
|
-
grid-template-columns: 1fr 1fr;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
@media (min-width: 720px) {
|
|
114
|
-
|
|
115
|
-
.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1 {
|
|
116
|
-
grid-template-columns: 1fr 1fr 1fr;
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
:is(.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1) > li > a {
|
|
121
|
-
display: inline-block;
|
|
122
|
-
margin-block-end: var(--spacing-l);
|
|
123
|
-
font-weight: var(--font-weight-bold);
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-2 {
|
|
127
|
-
gap: var(--spacing-xs);
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
.mx-nav--footer .mx-nav__toggle {
|
|
131
|
-
display: none;
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
@media print {
|
|
136
|
-
.mx-footer {
|
|
137
|
-
display: none;
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZvb3Rlci5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGdCQUFnQjtJQUNoQix3QkFBd0I7RUFDMUI7O0VBRUE7SUFDRSxhQUFhO0lBQ2Isc0VBQXNFO0VBdUR4RTs7SUFyREU7O0VBSkY7TUFLSSw2RUFBNkU7TUFDN0UsTUFBTTtFQW1EVjtJQWxERTs7SUFFQTtNQUNFLDRFQUE0RTtJQUs5RTs7TUFIRTs7SUFIRjtRQUlJLHVGQUF1RjtJQUUzRjtNQURFOztJQUdGO01BQ0UsZ0JBQWdCO01BQ2hCLDRCQUE0QjtJQUM5Qjs7SUFFQTtNQUNFLGlCQUFpQjtNQUNqQixlQUFlO01BQ2YsYUFBYTtNQUNiLHdCQUF3QjtJQUMxQjs7SUFFQTtNQUNFLG9CQUFvQjtNQUNwQixlQUFlO0lBWWpCOztNQVZFO1FBQ0UscUNBQXFDO1FBQ3JDLDhCQUE4QjtNQU9oQztVQUpJOztRQURGO1lBRUkscUNBQXFDO1FBRXpDO1VBREU7O0lBS047TUFDRSxnQkFBZ0I7TUFDaEIsZUFBZTtJQVNqQjs7TUFQRTs7SUFKRjtRQUtJLG9CQUFvQjtJQU14QjtNQUxFOztNQUVBO1FBQ0UsOEJBQThCO01BQ2hDOztFQUlKO0lBQ0UsY0FBYztJQUNkLDREQUE0RDtJQUM1RCw0QkFBNEI7SUFDNUIsa0JBQWtCO0VBQ3BCOztFQUVBO0lBQ0UscUJBQXFCO0lBQ3JCLGtEQUFrRDtFQXlDcEQ7O0lBdkNFOztFQUpGO01BS0ksaUJBQWlCO01BQ2pCLGVBQWU7RUFxQ25CO0lBcENFOztJQUVBO01BQ0UsbUJBQW1CO01BQ25CLG1CQUFtQjtNQUNuQix5Q0FBeUM7SUFDM0M7TUFHRTtRQUNFLGFBQWE7TUFDZjs7TUFFQTtRQUNFLHlDQUF5QztRQUN6Qyw4QkFBOEI7TUFXaEM7O1FBVEU7O01BSkY7VUFLSSxrQ0FBa0M7TUFRdEM7UUFQRTs7UUFFQTtVQUNFLHFCQUFxQjtVQUNyQixrQ0FBa0M7VUFDbEMsb0NBQW9DO1FBQ3RDOztNQUdGO1FBQ0Usc0JBQXNCO01BQ3hCOztJQUdGO01BQ0UsYUFBYTtJQUNmO0FBRUo7O0FBRUE7RUFDRTtJQUNFLGFBQWE7RUFDZjtBQUNGIiwiZmlsZSI6ImZvb3Rlci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdsb2JhbCBGb290ZXJcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgLm14LWZvb3RlciB7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgICBpbnNldC1ibG9jay1zdGFydDogMTAwdmg7XG4gIH1cblxuICAubXgtZm9vdGVyX19pbm5lciB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWFyZWFzOiBcImJyYW5kXCIgXCJzb2NpYWxcIiBcIm5hdmlnYXRpb25cIiBcImNvcHlyaWdodFwiIFwibGlua3NcIjtcblxuICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6IFwiYnJhbmQgbmF2aWdhdGlvblwiIFwic29jaWFsIG5hdmlnYXRpb25cIiBcImNvcHlyaWdodCBsaW5rc1wiO1xuICAgICAgZ2FwOiAwO1xuICAgIH1cblxuICAgICY6aGFzKC5teC1mb290ZXJfX2FvYykge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1hcmVhczogXCJhb2NcIiBcImJyYW5kXCIgXCJzb2NpYWxcIiBcIm5hdmlnYXRpb25cIiBcImNvcHlyaWdodFwiIFwibGlua3NcIjtcblxuICAgICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgICBncmlkLXRlbXBsYXRlLWFyZWFzOiBcImFvYyBhb2NcIiBcImJyYW5kIG5hdmlnYXRpb25cIiBcInNvY2lhbCBuYXZpZ2F0aW9uXCIgXCJjb3B5cmlnaHQgbGlua3NcIjtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC1sb2dvIHtcbiAgICAgIGdyaWQtYXJlYTogYnJhbmQ7XG4gICAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1nYXApO1xuICAgIH1cblxuICAgICYgLm14LXNvY2lhbC1saW5rcyB7XG4gICAgICBncmlkLWFyZWE6IHNvY2lhbDtcbiAgICAgIGFsaWduLXNlbGY6IGVuZDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBnYXA6IHZhcigtLXNwYWNpbmcteHh4cyk7XG4gICAgfVxuXG4gICAgJiAubXgtZm9vdGVyX19jb3B5cmlnaHQge1xuICAgICAgZ3JpZC1hcmVhOiBjb3B5cmlnaHQ7XG4gICAgICBhbGlnbi1zZWxmOiBlbmQ7XG5cbiAgICAgICY6bm90KDpmaXJzdC1jaGlsZCkge1xuICAgICAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zcGFjaW5nLXMpO1xuICAgICAgICBtYXJnaW4tYmxvY2stc3RhcnQ6IHZhcigtLWdhcCk7XG5cbiAgICAgICAgJiArIC5teC1mb290ZXJfX2xpbmtzIHtcbiAgICAgICAgICBAbWVkaWEgKC0tbWVkaXVtLXVwKSB7XG4gICAgICAgICAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zcGFjaW5nLXMpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYgLm14LWZvb3Rlcl9fbGlua3Mge1xuICAgICAgZ3JpZC1hcmVhOiBsaW5rcztcbiAgICAgIGFsaWduLXNlbGY6IGVuZDtcblxuICAgICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgICAgIH1cblxuICAgICAgJjpub3QoOmZpcnN0LWNoaWxkKSB7XG4gICAgICAgIG1hcmdpbi1ibG9jay1zdGFydDogdmFyKC0tZ2FwKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAubXgtZm9vdGVyX19hb2Mge1xuICAgIGdyaWQtYXJlYTogYW9jO1xuICAgIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1mb290ZXItcm93LWdhcCwgdmFyKC0tc3BhY2luZy14eGwpKTtcbiAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1nYXApO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuXG4gIC5teC1uYXYtLWZvb3RlciB7XG4gICAgZ3JpZC1hcmVhOiBuYXZpZ2F0aW9uO1xuICAgIG1hcmdpbi1ibG9jazogdmFyKC0tc3BhY2luZy14eHhsKSB2YXIoLS1zcGFjaW5nLWwpO1xuXG4gICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAganVzdGlmeS1zZWxmOiBlbmQ7XG4gICAgICBtYXJnaW4tYmxvY2s6IDA7XG4gICAgfVxuXG4gICAgJjpub3QoOmhhcygubXgtbmF2X19sZXZlbC0yKSkgdWwge1xuICAgICAgZmxleC1mbG93OiByb3cgd3JhcDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBnYXA6IHZhcigtLXNwYWNpbmctbCkgdmFyKC0tc3BhY2luZy14eHhsKTtcbiAgICB9XG5cbiAgICAmOmhhcygubXgtbmF2X19sZXZlbC0yKSB7XG4gICAgICAmIHVsIHtcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIH1cblxuICAgICAgJiAubXgtbmF2X19sZXZlbC0xIHtcbiAgICAgICAgZ2FwOiB2YXIoLS1zcGFjaW5nLWwpIHZhcigtLXNwYWNpbmcteHh4bCk7XG4gICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIDFmcjtcblxuICAgICAgICBAbWVkaWEgKC0tbWVkaXVtLXVwKSB7XG4gICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgMWZyIDFmcjtcbiAgICAgICAgfVxuXG4gICAgICAgICYgPiBsaSA+IGEge1xuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zcGFjaW5nLWwpO1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1mb250LXdlaWdodC1ib2xkKTtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAmIC5teC1uYXZfX2xldmVsLTIge1xuICAgICAgICBnYXA6IHZhcigtLXNwYWNpbmcteHMpO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgLm14LW5hdl9fdG9nZ2xlIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG59XG5cbkBtZWRpYSBwcmludCB7XG4gIC5teC1mb290ZXIge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cbiJdfQ== */
|
|
1
|
+
@layer design-system.layouts{.mx-footer{position:sticky;inset-block-start:100vh}.mx-footer__inner{display:grid;grid-template-areas:"navigation" "social" "copyright" "links";grid-gap:var(--gap);gap:var(--gap)}@media(min-width:720px){.mx-footer__inner{grid-template-areas:"navigation social" "copyright links";grid-template-columns:1fr max-content}}.mx-footer__inner:has(.mx-footer__aoc){grid-template-areas:"navigation" "social" "aoc" "copyright" "links"}@media(min-width:720px){.mx-footer__inner:has(.mx-footer__aoc){grid-template-areas:"navigation social" "aoc aoc" "copyright links"}}.mx-footer__inner .mx-logo,.mx-footer__inner img{grid-area:copyright}.mx-footer__inner .mx-social-links{grid-area:social;align-self:start;display:flex;gap:var(--spacing-xxxs)}.mx-footer__inner .mx-footer__copyright{grid-area:copyright;align-self:end}.mx-footer__inner .mx-footer__links{grid-area:links;align-self:end}@media(min-width:720px){.mx-footer__inner .mx-footer__links{justify-content:end}}.mx-footer__aoc{grid-area:aoc;padding-block:var(--footer-row-gap, var(--spacing-xxl))}.mx-nav--footer{grid-area:navigation}.mx-nav--footer:not(:has(.mx-nav__level-2)) ul{flex-flow:row wrap;align-items:center;gap:var(--spacing-l) var(--spacing-xxxl)}.mx-nav--footer:has(.mx-nav__level-2) ul{display:grid}.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1{--grid-repeat: 2;--grid-min: 10ch;gap:var(--spacing-l) var(--spacing-xxxl);grid-template-columns:repeat(2,minmax(min(100%,10ch),1fr));grid-template-columns:repeat(var(--grid-repeat),minmax(min(100%,var(--grid-min)),1fr))}@media(min-width:720px){.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1{--grid-repeat: auto-fit}}:is(.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-1)>li>a{display:inline-block;margin-block-end:var(--spacing-l);font-weight:var(--font-weight-bold)}.mx-nav--footer:has(.mx-nav__level-2) .mx-nav__level-2{gap:var(--spacing-xs)}.mx-nav--footer .mx-nav__toggle{display:none}}@media print{.mx-footer{display:none}}
|