@pnx-mixtape/mxds 0.0.14 → 0.0.16
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/README.md +37 -23
- package/dist/build/accordion.css +25 -10
- package/dist/build/accordion.entry.js +1 -1
- package/dist/build/base.css +157 -141
- package/dist/build/breadcrumb.css +7 -3
- package/dist/build/button.css +10 -15
- package/dist/build/card.css +44 -33
- package/dist/build/carousel.css +125 -0
- package/dist/build/chunks/{Accordion-Bjaw7SdG.js → Accordion-O-huO4At.js} +2 -2
- package/dist/build/chunks/{Accordion-Bjaw7SdG.js.map → Accordion-O-huO4At.js.map} +1 -1
- package/dist/build/chunks/{disclosure-widget-DwuxsaOS.js → disclosure-widget-CtNx0f8p.js} +2 -2
- package/dist/build/chunks/{disclosure-widget-DwuxsaOS.js.map → disclosure-widget-CtNx0f8p.js.map} +1 -1
- package/dist/build/chunks/{drop-menu.entry-Cxpti_QG.js → drop-menu.entry-BEhZ_Je3.js} +4 -4
- package/dist/build/chunks/drop-menu.entry-BEhZ_Je3.js.map +1 -0
- package/dist/build/chunks/{polyfills-CJ5uTmUJ.js → polyfills-DoxMZOqh.js} +81 -24
- package/dist/build/chunks/polyfills-DoxMZOqh.js.map +1 -0
- package/dist/build/chunks/{popover-wbPSyFRj.js → popover-DzUcnIlX.js} +201 -58
- package/dist/build/chunks/popover-DzUcnIlX.js.map +1 -0
- package/dist/build/chunks/{utilities-DZ_l-he4.js → utilities-DXELy_An.js} +61 -11
- package/dist/build/chunks/utilities-DXELy_An.js.map +1 -0
- package/dist/build/constants.css +64 -33
- package/dist/build/container-grid.css +4 -26
- package/dist/build/dialog.css +45 -27
- package/dist/build/dialog.entry.js +15 -35
- package/dist/build/dialog.entry.js.map +1 -1
- package/dist/build/drop-menu.css +19 -8
- package/dist/build/drop-menu.entry.js +1 -1
- package/dist/build/drupal.css +6 -10
- package/dist/build/filters.css +20 -8
- package/dist/build/filters.entry.js +6 -5
- package/dist/build/filters.entry.js.map +1 -1
- package/dist/build/footer.css +7 -17
- package/dist/build/form.css +56 -68
- package/dist/build/global-alert.css +5 -5
- package/dist/build/global-alert.entry.js +1 -1
- package/dist/build/grid.css +6 -5
- package/dist/build/header.css +25 -17
- package/dist/build/header.entry.js +2 -2
- package/dist/build/hero-banner.css +8 -3
- package/dist/build/icon.css +5 -5
- package/dist/build/in-page-alert.css +12 -13
- package/dist/build/in-page-navigation.entry.js +2 -2
- package/dist/build/in-page-navigation.entry.js.map +1 -1
- package/dist/build/link-list.css +2 -2
- package/dist/build/list-item.css +9 -94
- package/dist/build/navigation.css +54 -59
- package/dist/build/navigation.entry.js +2 -2
- package/dist/build/page.css +13 -28
- package/dist/build/pagination.css +12 -25
- package/dist/build/results-bar.css +21 -0
- package/dist/build/section.css +8 -24
- package/dist/build/side-navigation.css +10 -13
- package/dist/build/sidebar.css +11 -17
- package/dist/build/steps.css +2 -2
- package/dist/build/sticky.entry.js +1 -1
- package/dist/build/tabs.css +25 -26
- package/dist/build/tabs.entry.js +2 -2
- package/dist/build/tag.css +11 -12
- package/package.json +63 -55
- package/src/Atom/Heading/_headings.css +24 -24
- package/src/Atom/Media/Media.stories.ts +1 -0
- package/src/Atom/Media/__snapshots__/Media.stories.ts.snap +0 -17
- package/src/Atom/Media/_media.css +8 -8
- package/src/Atom/Text/_text-sizes.css +17 -17
- package/src/Atom/_generic.css +3 -2
- package/src/Component/Accordion/Accordion.stories.tsx +0 -1
- package/src/Component/Accordion/__snapshots__/Accordion.stories.tsx.snap +0 -1
- package/src/Component/Carousel/Carousel.stories.ts +1 -1
- package/src/Component/Dialog/Dialog.stories.ts +2 -3
- package/src/Component/Dialog/dialog.css +1 -1
- package/src/Component/DropMenu/Components/DropMenuContext.tsx +7 -9
- package/src/Component/DropMenu/Components/DropMenuItem.tsx +1 -1
- package/src/Component/DropMenu/Elements/DropMenu.ts +1 -1
- package/src/Component/DropMenu/drop-menu.css +2 -2
- package/src/Component/GlobalAlert/__snapshots__/GlobalAlert.stories.tsx.snap +2 -2
- package/src/Component/HeroBanner/hero-banner.css +1 -1
- package/src/Component/Pagination/Components/PaginationContext.tsx +4 -8
- package/src/Component/Tabs/Tabs.tsx +4 -4
- package/src/Component/Tabs/__snapshots__/Tabs.stories.tsx.snap +0 -2
- package/src/Component/Tile/__snapshots__/Tile.stories.tsx.snap +6 -16
- package/src/Form/Checkbox/FormCheckbox.tsx +5 -7
- package/src/Form/FormItem/__snapshots__/FormItem.stories.tsx.snap +4 -4
- package/src/Form/Radio/FormRadio.tsx +4 -4
- package/src/Form/TextInput/__snapshots__/FormText.stories.tsx.snap +1 -1
- package/src/Form/Textarea/__snapshots__/FormTextarea.stories.tsx.snap +1 -1
- package/src/Introduction.mdx +40 -0
- package/src/Layout/Grid/Grid.stories.tsx +1 -1
- package/src/Layout/Grid/container-grid.css +9 -9
- package/src/Layout/Grid/grid.css +2 -2
- package/src/Layout/Header/__snapshots__/Header.stories.tsx.snap +3 -3
- package/src/Layout/Page/__snapshots__/Page.stories.tsx.snap +3 -3
- package/src/Layout/Section/Section.stories.ts +2 -1
- package/src/Layout/Section/section.css +13 -13
- package/src/Layout/Section/section.twig +3 -1
- package/src/Utility/Context/ImageComponent.tsx +3 -6
- package/src/Utility/Context/LinkComponent.tsx +3 -6
- package/src/Utility/Elements/breakpoint-loader.ts +0 -1
- package/src/Utility/Elements/cookie-compliance.ts +0 -1
- package/src/Utility/Elements/io-loader.ts +0 -1
- package/src/Utility/Hooks/useLocalStorage.ts +0 -1
- package/src/Utility/Hooks/useMediaQuery.ts +0 -1
- package/src/Utility/Hooks/useToggle.ts +0 -1
- package/src/Utility/global.d.ts +0 -1
- package/src/Utility/utilities.ts +0 -1
- package/src/enums.ts +0 -2
- package/dist/build/chunks/drop-menu.entry-Cxpti_QG.js.map +0 -1
- package/dist/build/chunks/polyfills-CJ5uTmUJ.js.map +0 -1
- package/dist/build/chunks/popover-wbPSyFRj.js.map +0 -1
- package/dist/build/chunks/utilities-DZ_l-he4.js.map +0 -1
- package/dist/build/tiles.css +0 -61
package/dist/build/section.css
CHANGED
|
@@ -85,44 +85,31 @@
|
|
|
85
85
|
padding-block-end: var(--flow-spacing);
|
|
86
86
|
}
|
|
87
87
|
|
|
88
|
-
.mx-section--flow:is(
|
|
89
|
-
[class*="mx-background"],
|
|
90
|
-
[class*="mx-background"] + .mx-section--flow,
|
|
91
|
-
:not(.mx-section--flow:not(.mx-section--group) + .mx-section--flow)
|
|
92
|
-
) {
|
|
88
|
+
.mx-section--flow:is([class*="mx-background"],[class*="mx-background"] + .mx-section--flow,:not(.mx-section--flow:not(.mx-section--group) + .mx-section--flow)) {
|
|
93
89
|
padding-block-start: var(--flow-spacing);
|
|
94
90
|
}
|
|
95
91
|
|
|
96
92
|
.mx-section--group {
|
|
97
|
-
--group-spacing: var(--section-
|
|
93
|
+
--group-spacing: var(--section-l, var(--spacing-xl));
|
|
98
94
|
|
|
99
95
|
padding-block: 0;
|
|
100
96
|
|
|
101
97
|
/* :first-in-island-of-class */
|
|
102
98
|
}
|
|
103
99
|
|
|
104
|
-
.mx-section--group:is(
|
|
105
|
-
:not([class*="mx-background"])
|
|
106
|
-
+ .mx-section--group[class*="mx-background"],
|
|
107
|
-
:not(.mx-section--group + .mx-section--group)
|
|
108
|
-
) {
|
|
100
|
+
.mx-section--group:is(:not([class*="mx-background"]) + .mx-section--group[class*="mx-background"],:not(.mx-section--group + .mx-section--group)) {
|
|
109
101
|
padding-block-start: var(--group-spacing);
|
|
110
102
|
}
|
|
111
103
|
|
|
112
104
|
/* :last-in-island-of-class */
|
|
113
105
|
|
|
114
|
-
.mx-section--group:is(
|
|
115
|
-
:not([class*="mx-background"]):has(
|
|
116
|
-
+ .mx-section--group[class*="mx-background"]
|
|
117
|
-
),
|
|
118
|
-
:not(:has(+ .mx-section--group))
|
|
119
|
-
) {
|
|
106
|
+
.mx-section--group:is(:not([class*="mx-background"]):has( + .mx-section--group[class*="mx-background"]),:not(:has( + .mx-section--group))) {
|
|
120
107
|
padding-block-end: var(--group-spacing);
|
|
121
108
|
}
|
|
122
109
|
|
|
123
110
|
/* :single-in-island-of-class */
|
|
124
111
|
|
|
125
|
-
.mx-section--group:not(.mx-section--group + .mx-section--group):not(:has(+ .mx-section--group)) {
|
|
112
|
+
.mx-section--group:not(.mx-section--group + .mx-section--group):not(:has( + .mx-section--group)) {
|
|
126
113
|
padding-block: var(--group-spacing);
|
|
127
114
|
}
|
|
128
115
|
}
|
|
@@ -138,11 +125,8 @@
|
|
|
138
125
|
flex-flow: row wrap;
|
|
139
126
|
gap: var(--spacing-s);
|
|
140
127
|
align-items: center;
|
|
128
|
+
justify-content: space-between;
|
|
141
129
|
}
|
|
142
|
-
|
|
143
|
-
.mx-section__header :is(a, button) {
|
|
144
|
-
margin-inline-start: auto;
|
|
145
|
-
}
|
|
146
130
|
}
|
|
147
131
|
|
|
148
132
|
/**
|
|
@@ -155,9 +139,9 @@
|
|
|
155
139
|
position: relative;
|
|
156
140
|
}
|
|
157
141
|
|
|
158
|
-
:is(.mx-section--has-background
|
|
142
|
+
:is(.mx-section--has-background,.mx-section:has(.mx-background--image)) > div {
|
|
159
143
|
position: relative;
|
|
160
144
|
}
|
|
161
145
|
}
|
|
162
146
|
|
|
163
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
147
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY3Rpb24uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSwyQkFBMkI7O0lBRTNCLHlCQUFxQzs7SUFBckMscUNBQXFDO0lBQ3JDLDJCQUEyQjtFQUM3Qjs7RUFFQTtJQUNFLGtEQUFrRDtFQUNwRDs7RUFFQTtJQUNFLGlEQUFpRDtFQUNuRDs7RUFFQTtJQUNFLGlEQUFpRDtFQUNuRDs7RUFFQTtJQUNFLGtEQUFrRDtFQUNwRDs7RUFFQTtJQUNFLG9EQUFvRDtFQUN0RDs7RUFFQTtJQUNFLHVEQUF1RDtFQUN6RDs7RUFFQTtJQUNFLHVEQUF1RDtFQUN6RDs7RUFFQTtJQUNFLHdEQUF3RDtFQUMxRDs7RUFFQTtJQUNFLDBEQUEwRDtFQUM1RDs7RUFFQTtJQUNFLHFEQUFxRDtFQUN2RDs7RUFFQTtJQUNFLHFEQUFxRDtFQUN2RDs7RUFFQTtJQUNFLHNEQUFzRDtFQUN4RDs7RUFFQTtJQUNFLHdEQUF3RDtFQUMxRDtBQUNGOztBQUVBOzs7O0VBSUU7O0FBRUY7Ozs7O0VBS0U7O0FBRUY7RUFDRTtJQUNFLG1EQUFtRDs7SUFFbkQsc0NBQXNDO0VBU3hDOztJQVBFO01BS0Usd0NBQXdDO0lBQzFDOztFQUdGO0lBQ0Usb0RBQW9EOztJQUVwRCxnQkFBZ0I7O0lBRWhCLDhCQUE4QjtFQTBCaEM7O0lBeEJFO01BS0UseUNBQXlDO0lBQzNDOztJQUVBLDZCQUE2Qjs7SUFFN0I7TUFNRSx1Q0FBdUM7SUFDekM7O0lBRUEsK0JBQStCOztJQUUvQjtNQUNFLG1DQUFtQztJQUNyQztBQUVKOztBQUVBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxrQ0FBa0M7SUFDbEMsYUFBYTtJQUNiLG1CQUFtQjtJQUNuQixxQkFBcUI7SUFDckIsbUJBQW1CO0lBQ25CLDhCQUE4QjtFQUNoQztBQUNGOztBQUVBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxnQkFBZ0I7SUFDaEIsa0JBQWtCO0VBS3BCOztJQUhFO01BQ0Usa0JBQWtCO0lBQ3BCO0FBRUoiLCJmaWxlIjoic2VjdGlvbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFNlY3Rpb25cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgLm14LWNvbnRhaW5lciB7XG4gICAgLS1jb250YWluZXItbmFtZTogY29udGFpbmVyO1xuXG4gICAgY29udGFpbmVyLW5hbWU6IHZhcigtLWNvbnRhaW5lci1uYW1lKTtcbiAgICBjb250YWluZXItdHlwZTogaW5saW5lLXNpemU7XG4gIH1cblxuICAubXgtc2VjdGlvbi0tZGl2aWRlciB7XG4gICAgYm9yZGVyLWJsb2NrLXN0YXJ0OiAxcHggc29saWQgdmFyKC0tY29sb3VyLWJvcmRlcik7XG4gIH1cblxuICAubXgtc2VjdGlvbi0tcyB7XG4gICAgcGFkZGluZy1ibG9jazogdmFyKC0tc2VjdGlvbi1zLCB2YXIoLS1zcGFjaW5nLXMpKTtcbiAgfVxuXG4gIC5teC1zZWN0aW9uLS1tIHtcbiAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zZWN0aW9uLW0sIHZhcigtLXNwYWNpbmctbSkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLWwge1xuICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLXNlY3Rpb24tbCwgdmFyKC0tc3BhY2luZy14bCkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXhsIHtcbiAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zZWN0aW9uLXhsLCB2YXIoLS1zcGFjaW5nLXV1bCkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXRvcC1zIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zZWN0aW9uLXMsIHZhcigtLXNwYWNpbmctcykpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXRvcC1tIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zZWN0aW9uLW0sIHZhcigtLXNwYWNpbmctbSkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXRvcC1sIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zZWN0aW9uLWwsIHZhcigtLXNwYWNpbmcteGwpKTtcbiAgfVxuXG4gIC5teC1zZWN0aW9uLS10b3AteGwge1xuICAgIHBhZGRpbmctYmxvY2stc3RhcnQ6IHZhcigtLXNlY3Rpb24teGwsIHZhcigtLXNwYWNpbmctdXVsKSk7XG4gIH1cblxuICAubXgtc2VjdGlvbi0tYm90dG9tLXMge1xuICAgIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1zZWN0aW9uLXMsIHZhcigtLXNwYWNpbmctcykpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLWJvdHRvbS1tIHtcbiAgICBwYWRkaW5nLWJsb2NrLWVuZDogdmFyKC0tc2VjdGlvbi1tLCB2YXIoLS1zcGFjaW5nLW0pKTtcbiAgfVxuXG4gIC5teC1zZWN0aW9uLS1ib3R0b20tbCB7XG4gICAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLXNlY3Rpb24tbCwgdmFyKC0tc3BhY2luZy14bCkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLWJvdHRvbS14bCB7XG4gICAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLXNlY3Rpb24teGwsIHZhcigtLXNwYWNpbmctdXVsKSk7XG4gIH1cbn1cblxuLyoqXG4gKiBTZWN0aW9ucyBicmVha291dHNcbiAqXG4gKiBVc2VzIGBzdWJncmlkYCBzbyBubyBzdXBwb3J0ZWQgaW4gb2xkZXIgYnJvd3NlcnMuXG4gKi9cblxuLyoqXG4gKiBTZWN0aW9ucyBmbG93cyAmIGdyb3Vwc1xuICpcbiAqIFVzZXMgYDpoYXNgIHNvIGlzIG5vdCBzdXBwb3J0ZWQgaW4gb2xkZXIgYnJvd3NlcnMuXG4gKiBzZWUgaHR0cHM6Ly93d3cuYnJhbS51cy8yMDIyLzEyLzEzL3F1YW50aXR5LXF1ZXJpZXMtZm9yLWlzbGFuZHMtb2YtZWxlbWVudHMtd2l0aC10aGUtc2FtZS1jbGFzcy10aGFua3MtdG8tY3NzLWhhcy9cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgLm14LXNlY3Rpb24tLWZsb3cge1xuICAgIC0tZmxvdy1zcGFjaW5nOiB2YXIoLS1zZWN0aW9uLWwsIHZhcigtLXNwYWNpbmcteGwpKTtcblxuICAgIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1mbG93LXNwYWNpbmcpO1xuXG4gICAgJjppcyhcbiAgICAgIFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdLFxuICAgICAgW2NsYXNzKj1cIm14LWJhY2tncm91bmRcIl0gKyAubXgtc2VjdGlvbi0tZmxvdyxcbiAgICAgIDpub3QoLm14LXNlY3Rpb24tLWZsb3c6bm90KC5teC1zZWN0aW9uLS1ncm91cCkgKyAubXgtc2VjdGlvbi0tZmxvdylcbiAgICApIHtcbiAgICAgIHBhZGRpbmctYmxvY2stc3RhcnQ6IHZhcigtLWZsb3ctc3BhY2luZyk7XG4gICAgfVxuICB9XG5cbiAgLm14LXNlY3Rpb24tLWdyb3VwIHtcbiAgICAtLWdyb3VwLXNwYWNpbmc6IHZhcigtLXNlY3Rpb24tbCwgdmFyKC0tc3BhY2luZy14bCkpO1xuXG4gICAgcGFkZGluZy1ibG9jazogMDtcblxuICAgIC8qIDpmaXJzdC1pbi1pc2xhbmQtb2YtY2xhc3MgKi9cblxuICAgICY6aXMoXG4gICAgICA6bm90KFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdKVxuICAgICAgICArIC5teC1zZWN0aW9uLS1ncm91cFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdLFxuICAgICAgOm5vdCgubXgtc2VjdGlvbi0tZ3JvdXAgKyAubXgtc2VjdGlvbi0tZ3JvdXApXG4gICAgKSB7XG4gICAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1ncm91cC1zcGFjaW5nKTtcbiAgICB9XG5cbiAgICAvKiA6bGFzdC1pbi1pc2xhbmQtb2YtY2xhc3MgKi9cblxuICAgICY6aXMoXG4gICAgICA6bm90KFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdKTpoYXMoXG4gICAgICAgICsgLm14LXNlY3Rpb24tLWdyb3VwW2NsYXNzKj1cIm14LWJhY2tncm91bmRcIl1cbiAgICAgICksXG4gICAgICA6bm90KDpoYXMoKyAubXgtc2VjdGlvbi0tZ3JvdXApKVxuICAgICkge1xuICAgICAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLWdyb3VwLXNwYWNpbmcpO1xuICAgIH1cblxuICAgIC8qIDpzaW5nbGUtaW4taXNsYW5kLW9mLWNsYXNzICovXG5cbiAgICAmOm5vdCgubXgtc2VjdGlvbi0tZ3JvdXAgKyAubXgtc2VjdGlvbi0tZ3JvdXAsIDpoYXMoKyAubXgtc2VjdGlvbi0tZ3JvdXApKSB7XG4gICAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1ncm91cC1zcGFjaW5nKTtcbiAgICB9XG4gIH1cbn1cblxuLyoqXG4gKiBTZWN0aW9uIGhlYWRlclxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICAubXgtc2VjdGlvbl9faGVhZGVyIHtcbiAgICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1mbG93OiByb3cgd3JhcDtcbiAgICBnYXA6IHZhcigtLXNwYWNpbmctcyk7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIH1cbn1cblxuLyoqXG4gKiBTZWN0aW9uIEJhY2tncm91bmQgaW1hZ2VcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgOmlzKC5teC1zZWN0aW9uLS1oYXMtYmFja2dyb3VuZCwgLm14LXNlY3Rpb246aGFzKC5teC1iYWNrZ3JvdW5kLS1pbWFnZSkpIHtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICYgPiBkaXYge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIH1cbiAgfVxufVxuIl19 */
|
|
@@ -18,22 +18,23 @@
|
|
|
18
18
|
text-decoration-line: none;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
.mx-side-nav__parent a:
|
|
22
|
-
outline-offset: -1px;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.mx-side-nav__parent a:hover {
|
|
21
|
+
:is(.mx-side-nav__parent a):hover {
|
|
26
22
|
text-decoration-line: underline;
|
|
27
23
|
}
|
|
24
|
+
|
|
25
|
+
.mx-side-nav {
|
|
26
|
+
--outline-offset: -0.0625rem;
|
|
27
|
+
}
|
|
28
|
+
|
|
28
29
|
.mx-side-nav ul li {
|
|
29
30
|
position: relative;
|
|
30
31
|
}
|
|
31
32
|
|
|
32
|
-
.mx-side-nav ul li:has([aria-current="page"]
|
|
33
|
+
:is(.mx-side-nav ul li):has([aria-current="page"],.is-active) > a {
|
|
33
34
|
font-weight: var(--font-weight-bold);
|
|
34
35
|
}
|
|
35
36
|
|
|
36
|
-
.mx-side-nav ul li a {
|
|
37
|
+
:is(.mx-side-nav ul li) a {
|
|
37
38
|
display: block;
|
|
38
39
|
color: inherit;
|
|
39
40
|
border-block-end: 1px solid
|
|
@@ -45,10 +46,6 @@
|
|
|
45
46
|
var(--item-spacing, var(--spacing-xxs));
|
|
46
47
|
}
|
|
47
48
|
|
|
48
|
-
.mx-side-nav ul li a:is(:focus, :focus-visible) {
|
|
49
|
-
outline-offset: -1px;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
49
|
.mx-side-nav .mx-nav__level-2 > li > a {
|
|
53
50
|
--indent: var(--spacing-s);
|
|
54
51
|
}
|
|
@@ -71,7 +68,7 @@
|
|
|
71
68
|
}
|
|
72
69
|
}
|
|
73
70
|
|
|
74
|
-
.mx-side-nav :is([aria-current="page"]
|
|
71
|
+
.mx-side-nav :is([aria-current="page"],.is-active > a) {
|
|
75
72
|
background-color: var(
|
|
76
73
|
--nav-active-background,
|
|
77
74
|
var(--background, var(--colour-background-alt))
|
|
@@ -85,4 +82,4 @@
|
|
|
85
82
|
}
|
|
86
83
|
}
|
|
87
84
|
|
|
88
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
85
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpZGUtbmF2aWdhdGlvbi5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFO2tCQUNrQztJQURsQztzQ0FDa0M7RUFhcEM7O0lBWEU7TUFDRSxjQUFjO01BQ2QsY0FBYztNQUNkLGdEQUFnRDtNQUNoRCxvQ0FBb0M7TUFDcEMsMEJBQTBCO0lBSzVCOztNQUhFO1FBQ0UsK0JBQStCO01BQ2pDOztFQUlKO0lBQ0UsNEJBQXNCO0VBK0N4Qjs7SUE3Q0U7TUFDRSxrQkFBa0I7SUFlcEI7O01BYkU7UUFDRSxvQ0FBb0M7TUFDdEM7O01BRUE7UUFDRSxjQUFjO1FBQ2QsY0FBYztRQUNkO2tEQUMwQztRQUQxQztrREFDMEM7UUFDMUMsc0RBQXNEO1FBQ3REO2lEQUN5QztNQUMzQzs7SUFHRjtNQUNFLDBCQUEwQjtJQUs1Qjs7TUFIRTs7SUFIRjtRQUlJLDBCQUEwQjtJQUU5QjtNQURFOztJQUdGO01BQ0UsMEJBQTBCO0lBSzVCOztNQUhFOztJQUhGO1FBSUksMEJBQTBCO0lBRTlCO01BREU7O0lBR0Y7TUFDRTs7O09BR0M7TUFDRCxjQUE0QztNQUE1Qyw0Q0FBNEM7SUFDOUM7O0lBRUE7TUFDRSxhQUFhO0lBQ2Y7QUFFSiIsImZpbGUiOiJzaWRlLW5hdmlnYXRpb24uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBTaWRlIG5hdmlnYXRpb25cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LXNpZGUtbmF2X19wYXJlbnQge1xuICAgIGJvcmRlci1ibG9jay1lbmQ6IHZhcigtLWxpbmUtd2lkdGgsIDJweCkgc29saWRcbiAgICAgIHZhcigtLWxpbmUtY29sb3VyLCBjdXJyZW50Y29sb3IpO1xuXG4gICAgJiBhIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICBwYWRkaW5nOiB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSk7XG4gICAgICBmb250LXdlaWdodDogdmFyKC0tZm9udC13ZWlnaHQtYm9sZCk7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogbm9uZTtcblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbi1saW5lOiB1bmRlcmxpbmU7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgLm14LXNpZGUtbmF2IHtcbiAgICAtLW91dGxpbmUtb2Zmc2V0OiAtMXB4O1xuXG4gICAgJiB1bCBsaSB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgICY6aGFzKFthcmlhLWN1cnJlbnQ9XCJwYWdlXCJdLCAuaXMtYWN0aXZlKSA+IGEge1xuICAgICAgICBmb250LXdlaWdodDogdmFyKC0tZm9udC13ZWlnaHQtYm9sZCk7XG4gICAgICB9XG5cbiAgICAgICYgYSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgYm9yZGVyLWJsb2NrLWVuZDogdmFyKC0tbGluZS13aWR0aCwgMXB4KSBzb2xpZFxuICAgICAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG4gICAgICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLWl0ZW0tc3BhY2luZywgdmFyKC0tc3BhY2luZy14eHMpKTtcbiAgICAgICAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWluZGVudCwgdmFyKC0tc3BhY2luZy14eHMpKVxuICAgICAgICAgIHZhcigtLWl0ZW0tc3BhY2luZywgdmFyKC0tc3BhY2luZy14eHMpKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC1uYXZfX2xldmVsLTIgPiBsaSA+IGEge1xuICAgICAgLS1pbmRlbnQ6IHZhcigtLXNwYWNpbmctcyk7XG5cbiAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICAgIC0taW5kZW50OiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgLm14LW5hdl9fbGV2ZWwtMyA+IGxpID4gYSB7XG4gICAgICAtLWluZGVudDogdmFyKC0tc3BhY2luZy1tKTtcblxuICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgLS1pbmRlbnQ6IHZhcigtLXNwYWNpbmctbCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiA6aXMoW2FyaWEtY3VycmVudD1cInBhZ2VcIl0sIC5pcy1hY3RpdmUgPiBhKSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgIC0tbmF2LWFjdGl2ZS1iYWNrZ3JvdW5kLFxuICAgICAgICB2YXIoLS1iYWNrZ3JvdW5kLCB2YXIoLS1jb2xvdXItYmFja2dyb3VuZC1hbHQpKVxuICAgICAgKTtcbiAgICAgIGNvbG9yOiB2YXIoLS1uYXYtYWN0aXZlLWZvcmVncm91bmQsIGluaGVyaXQpO1xuICAgIH1cblxuICAgICYgLm14LW5hdl9fdG9nZ2xlIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG59XG4iXX0= */
|
package/dist/build/sidebar.css
CHANGED
|
@@ -3,24 +3,24 @@
|
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
@layer design-system.layouts {
|
|
6
|
-
.mx-grid--sidebar:where(:not(:has(> aside))) {
|
|
6
|
+
.mx-grid--sidebar:where(:not(:has( > aside))) {
|
|
7
7
|
grid-column: narrow;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
.mx-grid--sidebar:where(:has(> aside)) {
|
|
10
|
+
.mx-grid--sidebar:where(:has( > aside)) {
|
|
11
11
|
display: flex;
|
|
12
12
|
flex-wrap: wrap;
|
|
13
13
|
gap: var(--sidebar-gap, var(--gap));
|
|
14
14
|
justify-content: space-between;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
.mx-grid--sidebar:where(:has(> aside)) > aside {
|
|
17
|
+
.mx-grid--sidebar:where(:has( > aside)) > aside {
|
|
18
18
|
flex-grow: 1;
|
|
19
19
|
max-inline-size: 24ch;
|
|
20
20
|
max-inline-size: var(--sidebar-width, 24ch);
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
.mx-grid--sidebar:where(:has(> aside)) > section {
|
|
23
|
+
.mx-grid--sidebar:where(:has( > aside)) > section {
|
|
24
24
|
flex-basis: 0;
|
|
25
25
|
flex-grow: 999;
|
|
26
26
|
min-inline-size: 50%;
|
|
@@ -28,21 +28,15 @@
|
|
|
28
28
|
max-inline-size: 76ch;
|
|
29
29
|
max-inline-size: var(--container-max-width, 76ch);
|
|
30
30
|
}
|
|
31
|
-
.mx-grid--sidebar.mx-grid--sidebar-rev:where(:has(> aside)) > :is(section, aside):first-child {
|
|
32
|
-
order: 2;
|
|
33
|
-
}
|
|
34
31
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
32
|
+
.mx-grid--sidebar.mx-grid--sidebar-rev:where(:has( > aside)) {
|
|
33
|
+
flex-direction: row-reverse;
|
|
34
|
+
}
|
|
38
35
|
@media (min-width: 720px) {
|
|
39
|
-
.mx-grid--sidebar.mx-grid--sidebar-rev-lg:where(:has(> aside)) > :is(section, aside):first-child {
|
|
40
|
-
order: 2;
|
|
41
|
-
}
|
|
42
36
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
37
|
+
.mx-grid--sidebar.mx-grid--sidebar-rev-lg:where(:has( > aside)) {
|
|
38
|
+
flex-direction: row-reverse;
|
|
39
|
+
}
|
|
46
40
|
}
|
|
47
41
|
}
|
|
48
42
|
|
|
@@ -56,4 +50,4 @@
|
|
|
56
50
|
}
|
|
57
51
|
}
|
|
58
52
|
|
|
59
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpZGViYXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0lBRUk7TUFDRSxtQkFBbUI7SUFDckI7O0lBRUE7TUFDRSxhQUFhO01BQ2IsZUFBZTtNQUNmLG1DQUFtQztNQUNuQyw4QkFBOEI7SUF1QmhDOztNQXJCRTtRQUNFLFlBQVk7UUFDWixxQkFBMkM7UUFBM0MsMkNBQTJDO01BQzdDOztNQUVBO1FBQ0UsYUFBYTtRQUNiLGNBQWM7UUFDZCxvQkFBd0M7UUFBeEMsd0NBQXdDO1FBQ3hDLHFCQUFpRDtRQUFqRCxpREFBaUQ7TUFDbkQ7O01BRUE7UUFDRSwyQkFBMkI7TUFDN0I7UUFHRTs7TUFERjtVQUVJLDJCQUEyQjtNQUUvQjtRQURFO0FBSVI7O0FBRUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGFBQWE7RUFDZjtBQUNGIiwiZmlsZSI6InNpZGViYXIuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBQYWdlIHdpdGggU2lkZWJhclxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICAubXgtZ3JpZC0tc2lkZWJhciB7XG4gICAgJjp3aGVyZSg6bm90KDpoYXMoPiBhc2lkZSkpKSB7XG4gICAgICBncmlkLWNvbHVtbjogbmFycm93O1xuICAgIH1cblxuICAgICY6d2hlcmUoOmhhcyg+IGFzaWRlKSkge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIGdhcDogdmFyKC0tc2lkZWJhci1nYXAsIHZhcigtLWdhcCkpO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXG4gICAgICAmID4gYXNpZGUge1xuICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgIG1heC1pbmxpbmUtc2l6ZTogdmFyKC0tc2lkZWJhci13aWR0aCwgMjRjaCk7XG4gICAgICB9XG5cbiAgICAgICYgPiBzZWN0aW9uIHtcbiAgICAgICAgZmxleC1iYXNpczogMDtcbiAgICAgICAgZmxleC1ncm93OiA5OTk7XG4gICAgICAgIG1pbi1pbmxpbmUtc2l6ZTogdmFyKC0tY29udGVudC1taW4sIDUwJSk7XG4gICAgICAgIG1heC1pbmxpbmUtc2l6ZTogdmFyKC0tY29udGFpbmVyLW1heC13aWR0aCwgNzZjaCk7XG4gICAgICB9XG5cbiAgICAgICYubXgtZ3JpZC0tc2lkZWJhci1yZXYge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgICB9XG5cbiAgICAgICYubXgtZ3JpZC0tc2lkZWJhci1yZXYtbGcge1xuICAgICAgICBAbWVkaWEgKC0tbWVkaXVtLXVwKSB7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbi8qKlxuICogUHJpbnQgc3R5bGVzaGVldFxuICovXG5cbkBtZWRpYSBwcmludCB7XG4gIC5teC1wYWdlX19zaWRlYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iXX0= */
|
package/dist/build/steps.css
CHANGED
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
.mx-steps__panel-content {
|
|
76
76
|
padding-block: 0 var(--spacing, var(--spacing-l));
|
|
77
77
|
padding-inline-start: var(--indent, var(--spacing-xxl));
|
|
78
|
-
|
|
78
|
+
inline-size: min(100%, var(--container-max-width));
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
.mx-steps__panel-content::before {
|
|
@@ -115,4 +115,4 @@
|
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
117
|
|
|
118
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
118
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0ZXBzLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTs7QUFFRjtFQUNFO0lBQ0UsbUJBQW1CO0VBQ3JCOztFQUVBO0lBQ0Usa0JBQWtCO0VBa0RwQjs7SUFoREU7TUFDRSxXQUFXO01BQ1g7Z0RBQzBDO01BRDFDO2dEQUMwQztNQUMxQyw2REFBNkQ7TUFDN0QsbUJBQW1CO01BQ25CLGtEQUFrRDtNQUNsRCxpREFBaUQ7TUFDakQsb0JBQXdDO01BQXhDLHdDQUF3QztNQUN4QyxxQkFBcUI7TUFDckIsa0JBQWtCO01BQ2xCLFVBQVU7SUFDWjs7SUFFQTtNQUNFLG1CQUFtQjtNQUNuQixjQUFpQztNQUFqQyxpQ0FBaUM7TUFDakMsdUJBQXVCO01BQ3ZCLHlCQUF5QjtNQUN6QixhQUFhO01BQ2IsNkJBQTZCO01BQzdCLG9DQUFvQztNQUNwQyxrQ0FBa0M7TUFDbEM7O09BRUM7TUFGRDs7T0FFQztNQUNEOztPQUVDO01BRkQ7O09BRUM7TUFDRCx1QkFBdUI7TUFDdkIsb0JBQXdDO01BQXhDLHdDQUF3QztNQUN4QyxxQkFBcUI7TUFDckIsa0JBQWtCO01BQ2xCLFVBQVU7TUFDVixrQkFBNkM7TUFBN0MsNkNBQTZDO0lBQy9DOztJQUVBO01BQ0UsWUFBWTtJQUNkOztJQUVBO01BQ0Usd0JBQW1CO0lBQ3JCOztJQUVBO01BQ0UsdUJBQW1CO0lBQ3JCOztFQUdGO0lBQ0UsaURBQWlEO0lBQ2pELHVEQUF1RDtJQUN2RCxrREFBa0Q7RUFhcEQ7O0lBWEU7TUFDRSxXQUFXO01BQ1gsZ0JBQW1DO01BQW5DLG1DQUFtQztNQUNuQywwREFBMEQ7TUFDMUQ7OztPQUdDO01BSEQ7OztPQUdDO01BQ0QsY0FBYztNQUNkLGtCQUFrQjtJQUNwQjs7RUFHRjtJQUNFLG9DQUFvQztJQUNwQyxzREFBc0Q7RUFDeEQ7O0VBRUE7SUFDRSxtQ0FBbUM7SUFDbkMsc0RBQXNEO0VBQ3hEOztFQUVBO0lBQ0Usc0RBQXNEO0lBQ3RELGdEQUFnRDtFQUNsRDs7RUFFQTtJQUNFLDZCQUE2QjtFQUMvQjtBQUNGIiwiZmlsZSI6InN0ZXBzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogU3RlcHNcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LXN0ZXBzIHtcbiAgICBjb3VudGVyLXJlc2V0OiBzdGVwO1xuICB9XG5cbiAgLm14LXN0ZXBzX19wYW5lbCB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICBib3JkZXI6IHZhcigtLWxpbmUtd2lkdGgsIDJweCkgc29saWRcbiAgICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQsIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kKSk7XG4gICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgaW5saW5lLXNpemU6IHZhcigtLWNvdW50ZXItc2l6ZSwgdmFyKC0tc3BhY2luZy1sKSk7XG4gICAgICBibG9jay1zaXplOiB2YXIoLS1jb3VudGVyLXNpemUsIHZhcigtLXNwYWNpbmctbCkpO1xuICAgICAgaW5zZXQtYmxvY2stc3RhcnQ6IHZhcigtLWNvdW50ZXItdG9wLCAwKTtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHotaW5kZXg6IDI7XG4gICAgfVxuXG4gICAgJjo6YWZ0ZXIge1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiB2YXIoLS1mb3JlZ3JvdW5kLCBpbmhlcml0KTtcbiAgICAgIGNvdW50ZXItaW5jcmVtZW50OiBzdGVwO1xuICAgICAgY29udGVudDogY291bnRlcihzdGVwKSBcIlwiO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLXMpO1xuICAgICAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnQtd2VpZ2h0LWJvbGQpO1xuICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWxpbmUtaGVpZ2h0LXVpKTtcbiAgICAgIGlubGluZS1zaXplOiBjYWxjKFxuICAgICAgICB2YXIoLS1jb3VudGVyLXNpemUsIHZhcigtLXNwYWNpbmctbCkpICsgKHZhcigtLWxpbmUtd2lkdGgsIDJweCkgKiAyKVxuICAgICAgKTtcbiAgICAgIGJsb2NrLXNpemU6IGNhbGMoXG4gICAgICAgIHZhcigtLWNvdW50ZXItc2l6ZSwgdmFyKC0tc3BhY2luZy1sKSkgKyAodmFyKC0tbGluZS13aWR0aCwgMnB4KSAqIDIpXG4gICAgICApO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBpbnNldC1ibG9jay1zdGFydDogdmFyKC0tY291bnRlci10b3AsIDApO1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgei1pbmRleDogMztcbiAgICAgIHZpc2liaWxpdHk6IHZhcigtLWNvdW50ZXItdmlzaWJpbGl0eSwgaGlkZGVuKTtcbiAgICB9XG5cbiAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgLS1zcGFjaW5nOiAwO1xuICAgIH1cblxuICAgICY6aGFzKC5teC1zdGVwc19fcGFuZWwtY29udGVudCBoMzpmaXJzdC1jaGlsZCkge1xuICAgICAgLS1jb3VudGVyLXRvcDogLTJweDtcbiAgICB9XG5cbiAgICAmOmhhcygubXgtc3RlcHNfX3BhbmVsLWNvbnRlbnQgaDQ6Zmlyc3QtY2hpbGQpIHtcbiAgICAgIC0tY291bnRlci10b3A6IC00cHg7XG4gICAgfVxuICB9XG5cbiAgLm14LXN0ZXBzX19wYW5lbC1jb250ZW50IHtcbiAgICBwYWRkaW5nLWJsb2NrOiAwIHZhcigtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmctbCkpO1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1pbmRlbnQsIHZhcigtLXNwYWNpbmcteHhsKSk7XG4gICAgaW5saW5lLXNpemU6IG1pbigxMDAlLCB2YXIoLS1jb250YWluZXItbWF4LXdpZHRoKSk7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgY29udGVudDogXCJcIjtcbiAgICAgIGlubGluZS1zaXplOiB2YXIoLS1saW5lLXdpZHRoLCAycHgpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogY2FsYyhcbiAgICAgICAgKHZhcigtLWNvdW50ZXItc2l6ZSwgdmFyKC0tc3BhY2luZy1sKSkgLyAyKSAtXG4gICAgICAgICAgKHZhcigtLWxpbmUtd2lkdGgsIDJweCkgLyAyKVxuICAgICAgKTtcbiAgICAgIGluc2V0LWJsb2NrOiAwO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIH1cbiAgfVxuXG4gIC5teC1zdGVwcy0tZGFyayB7XG4gICAgLS1saW5lLWNvbG91cjogdmFyKC0tY29sb3VyLXByaW1hcnkpO1xuICAgIC0tY291bnRlci1mb3JlZ3JvdW5kOiB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZC1yZXZlcnNlKTtcbiAgfVxuXG4gIC5teC1zdGVwcy0tc3VwcGxlbWVudGFyeSB7XG4gICAgLS1saW5lLWNvbG91cjogdmFyKC0tY29sb3VyLWFjY2VudCk7XG4gICAgLS1jb3VudGVyLWZvcmVncm91bmQ6IHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kLXJldmVyc2UpO1xuICB9XG5cbiAgLm14LXN0ZXBzLS1maWxsOndoZXJlKDpub3QoOmhhcygubXgtc3RlcHMtLWZpbGwpKSkge1xuICAgIC0tYmFja2dyb3VuZDogdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICAtLWZvcmVncm91bmQ6IHZhcigtLWNvdW50ZXItZm9yZWdyb3VuZCwgaW5oZXJpdCk7XG4gIH1cblxuICAubXgtc3RlcHMtLWNvdW50ZXJzIHtcbiAgICAtLWNvdW50ZXItdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgfVxufVxuIl19 */
|
package/dist/build/tabs.css
CHANGED
|
@@ -11,11 +11,22 @@
|
|
|
11
11
|
@layer design-system.components {
|
|
12
12
|
.mx-tabs {
|
|
13
13
|
position: relative;
|
|
14
|
+
display: grid;
|
|
15
|
+
grid-template-areas: "tabs" "panels";
|
|
14
16
|
}
|
|
15
17
|
|
|
16
18
|
.mx-tabs:where(:not(:first-child)) {
|
|
17
19
|
margin-block-start: var(--flow-gap, var(--gap));
|
|
18
20
|
}
|
|
21
|
+
|
|
22
|
+
.mx-tabs mx-dropmenu {
|
|
23
|
+
grid-area: tabs;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.mx-tabs .mx-tabs__list {
|
|
27
|
+
grid-area: tabs;
|
|
28
|
+
}
|
|
29
|
+
|
|
19
30
|
@media (min-width: 720px) {
|
|
20
31
|
|
|
21
32
|
.mx-tabs .mx-tabs__list {
|
|
@@ -25,11 +36,10 @@
|
|
|
25
36
|
}
|
|
26
37
|
}
|
|
27
38
|
|
|
28
|
-
.mx-tabs .mx-tabs__list button {
|
|
39
|
+
:is(.mx-tabs .mx-tabs__list) button {
|
|
29
40
|
border: 0;
|
|
30
41
|
display: block;
|
|
31
42
|
font-family: inherit;
|
|
32
|
-
outline-offset: var(--outline-offset);
|
|
33
43
|
min-inline-size: 0;
|
|
34
44
|
min-inline-size: var(--tab-min-width, 0);
|
|
35
45
|
padding-block: var(--vertical-padding, var(--spacing-xxs));
|
|
@@ -44,7 +54,7 @@
|
|
|
44
54
|
);
|
|
45
55
|
}
|
|
46
56
|
|
|
47
|
-
.mx-tabs .mx-tabs__list button
|
|
57
|
+
[aria-selected="true"]:is(:is(.mx-tabs .mx-tabs__list) button) {
|
|
48
58
|
background-color: var(
|
|
49
59
|
--tab-active-background,
|
|
50
60
|
var(--colour-background-alt)
|
|
@@ -53,15 +63,21 @@
|
|
|
53
63
|
}
|
|
54
64
|
|
|
55
65
|
.mx-tabs .mx-tabs__panel {
|
|
66
|
+
grid-area: panels;
|
|
56
67
|
inline-size: 100%;
|
|
68
|
+
opacity: 1;
|
|
57
69
|
}
|
|
58
70
|
|
|
59
|
-
|
|
60
|
-
|
|
71
|
+
@starting-style {
|
|
72
|
+
|
|
73
|
+
.mx-tabs .mx-tabs__panel {
|
|
74
|
+
opacity: 0;
|
|
75
|
+
}
|
|
61
76
|
}
|
|
62
77
|
|
|
63
|
-
.mx-tabs .mx-tabs__panel
|
|
64
|
-
|
|
78
|
+
[inert]:is(.mx-tabs .mx-tabs__panel) {
|
|
79
|
+
opacity: 0;
|
|
80
|
+
transition-duration: 0.4s;
|
|
65
81
|
}
|
|
66
82
|
@media (min-width: 720px) {
|
|
67
83
|
.mx-tabs.mx-tabs--lined .mx-tabs__list {
|
|
@@ -71,7 +87,7 @@
|
|
|
71
87
|
var(--line-colour, var(--colour-border));
|
|
72
88
|
}
|
|
73
89
|
|
|
74
|
-
.mx-tabs.mx-tabs--lined .mx-tabs__list button {
|
|
90
|
+
:is(.mx-tabs.mx-tabs--lined .mx-tabs__list) button {
|
|
75
91
|
border-radius: var(--border-radius) var(--border-radius) 0 0;
|
|
76
92
|
border: 1px solid
|
|
77
93
|
var(--line-colour, var(--colour-border));
|
|
@@ -87,23 +103,6 @@
|
|
|
87
103
|
place-content: center;
|
|
88
104
|
}
|
|
89
105
|
}
|
|
90
|
-
|
|
91
|
-
.mx-tabs.mx-tabs--same-height {
|
|
92
|
-
display: grid;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.mx-tabs.mx-tabs--same-height .mx-tabs__panel {
|
|
96
|
-
grid-column-start: 1;
|
|
97
|
-
grid-row-start: 2;
|
|
98
|
-
z-index: 2;
|
|
99
|
-
transition: opacity 0.2s ease-in-out;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.mx-tabs.mx-tabs--same-height .mx-tabs__panel[inert] {
|
|
103
|
-
display: block;
|
|
104
|
-
opacity: 0;
|
|
105
|
-
z-index: 1;
|
|
106
|
-
}
|
|
107
106
|
}
|
|
108
107
|
|
|
109
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
108
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxjQUFjO0VBQ2hCO0FBQ0Y7O0FBRUE7RUFDRTtJQUNFLGtCQUFrQjtJQUNsQixhQUFhO0lBQ2Isb0NBQW9DO0VBbUZ0Qzs7SUFqRkU7TUFDRSwrQ0FBK0M7SUFDakQ7O0lBRUE7TUFDRSxlQUFlO0lBQ2pCOztJQUVBO01BQ0UsZUFBZTtJQWdDakI7O01BOUJFOztJQUhGO1FBSUksYUFBYTtRQUNiLGVBQWU7UUFDZix1QkFBdUI7SUEyQjNCO01BMUJFOztNQUVBO1FBQ0UsU0FBUztRQUNULGNBQWM7UUFDZCxvQkFBb0I7UUFDcEIsa0JBQXdDO1FBQXhDLHdDQUF3QztRQUN4QywwREFBMEQ7UUFDMUQsMkRBQTJEO1FBQzNEOzs7U0FHQztRQUNEOzs7U0FHQztNQVNIOztRQVBFO1VBQ0U7OztXQUdDO1VBQ0QsNkRBQTZEO1FBQy9EOztJQUlKO01BQ0UsaUJBQWlCO01BQ2pCLGlCQUFpQjtNQUNqQixVQUFVO0lBVVo7O01BUkU7O0lBTEY7UUFNSSxVQUFVO0lBT2Q7TUFORTs7TUFFQTtRQUNFLFVBQVU7UUFDVix5QkFBeUI7TUFDM0I7TUFJQTtRQUNFO1VBQ0U7b0RBQzBDO1VBRDFDO29EQUMwQztRQVE1Qzs7VUFORTtZQUNFLDREQUE0RDtZQUM1RDtzREFDMEM7WUFEMUM7c0RBQzBDO1lBQzFDLG1CQUFtQjtVQUNyQjtNQUVKO01BSUE7UUFDRTtVQUNFLHFCQUFxQjtVQUFyQix1QkFBcUI7VUFBckIscUJBQXFCO1FBQ3ZCO01BQ0Y7QUFHTiIsImZpbGUiOiJ0YWJzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogVGFic1xuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmRlZmF1bHRzIHtcbiAgOmlzKG14LXRhYnMsIG14LXRhYnMgbXgtZHJvcG1lbnUpIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LXRhYnMge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6IFwidGFic1wiIFwicGFuZWxzXCI7XG5cbiAgICAmOndoZXJlKDpub3QoOmZpcnN0LWNoaWxkKSkge1xuICAgICAgbWFyZ2luLWJsb2NrLXN0YXJ0OiB2YXIoLS1mbG93LWdhcCwgdmFyKC0tZ2FwKSk7XG4gICAgfVxuXG4gICAgJiBteC1kcm9wbWVudSB7XG4gICAgICBncmlkLWFyZWE6IHRhYnM7XG4gICAgfVxuXG4gICAgJiAubXgtdGFic19fbGlzdCB7XG4gICAgICBncmlkLWFyZWE6IHRhYnM7XG5cbiAgICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgICAgICBnYXA6IHZhcigtLXNwYWNpbmcteHhzKTtcbiAgICAgIH1cblxuICAgICAgJiBidXR0b24ge1xuICAgICAgICBib3JkZXI6IDA7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgbWluLWlubGluZS1zaXplOiB2YXIoLS10YWItbWluLXdpZHRoLCAwKTtcbiAgICAgICAgcGFkZGluZy1ibG9jazogdmFyKC0tdmVydGljYWwtcGFkZGluZywgdmFyKC0tc3BhY2luZy14eHMpKTtcbiAgICAgICAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWhvcml6b250YWwtcGFkZGluZywgdmFyKC0tc3BhY2luZy1tKSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcihcbiAgICAgICAgICAtLXRhYi1iYWNrZ3JvdW5kLFxuICAgICAgICAgIHZhcigtLWJhY2tncm91bmQsIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kKSlcbiAgICAgICAgKTtcbiAgICAgICAgY29sb3I6IHZhcihcbiAgICAgICAgICAtLXRhYi1mb3JlZ3JvdW5kLFxuICAgICAgICAgIHZhcigtLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kKSlcbiAgICAgICAgKTtcblxuICAgICAgICAmW2FyaWEtc2VsZWN0ZWQ9XCJ0cnVlXCJdIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgICAgICAtLXRhYi1hY3RpdmUtYmFja2dyb3VuZCxcbiAgICAgICAgICAgIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kLWFsdClcbiAgICAgICAgICApO1xuICAgICAgICAgIGNvbG9yOiB2YXIoLS10YWItYWN0aXZlLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kKSk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC10YWJzX19wYW5lbCB7XG4gICAgICBncmlkLWFyZWE6IHBhbmVscztcbiAgICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgICAgb3BhY2l0eTogMTtcblxuICAgICAgQHN0YXJ0aW5nLXN0eWxlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cblxuICAgICAgJltpbmVydF0ge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjRzO1xuICAgICAgfVxuICAgIH1cblxuICAgICYubXgtdGFicy0tbGluZWQge1xuICAgICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgICAmIC5teC10YWJzX19saXN0IHtcbiAgICAgICAgICBib3JkZXItYmxvY2stZW5kOiB2YXIoLS1saW5lLXdpZHRoLCAxcHgpIHNvbGlkXG4gICAgICAgICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuXG4gICAgICAgICAgJiBidXR0b24ge1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cykgdmFyKC0tYm9yZGVyLXJhZGl1cykgMCAwO1xuICAgICAgICAgICAgYm9yZGVyOiB2YXIoLS1saW5lLXdpZHRoLCAxcHgpIHNvbGlkXG4gICAgICAgICAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG4gICAgICAgICAgICBib3JkZXItYmxvY2stZW5kOiAwO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYubXgtdGFicy0tY2VudGVyZWQge1xuICAgICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgICAmIC5teC10YWJzX19saXN0IHtcbiAgICAgICAgICBwbGFjZS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiJdfQ== */
|
package/dist/build/tabs.entry.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { D as DropMenu } from "./chunks/drop-menu.entry-
|
|
2
|
-
import { c as createElement, m as makeAnchor } from "./chunks/utilities-
|
|
1
|
+
import { D as DropMenu } from "./chunks/drop-menu.entry-BEhZ_Je3.js";
|
|
2
|
+
import { c as createElement, m as makeAnchor } from "./chunks/utilities-DXELy_An.js";
|
|
3
3
|
class Tabs extends HTMLElement {
|
|
4
4
|
constructor() {
|
|
5
5
|
super();
|
package/dist/build/tag.css
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
@layer design-system.components {
|
|
6
6
|
.mx-tag {
|
|
7
|
-
display: inline-
|
|
7
|
+
display: inline-flex;
|
|
8
8
|
inline-size: -moz-fit-content;
|
|
9
9
|
inline-size: fit-content;
|
|
10
10
|
padding-inline: var(--horizontal-padding, var(--spacing-xxxs));
|
|
@@ -27,15 +27,12 @@
|
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
.mx-tag:has(input:focus) {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
outline:
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
outline: var(--outline-
|
|
36
|
-
var(--outline-style, solid) var(--outline-color, currentcolor);
|
|
37
|
-
outline-offset: max(0.125rem, 0.15em);
|
|
38
|
-
outline-offset: var(--outline-offset, var(--outline-size));
|
|
30
|
+
outline: 2px solid
|
|
31
|
+
currentcolor;
|
|
32
|
+
outline: var(--outline-size, 2px) var(--outline-style, solid)
|
|
33
|
+
var(--outline-color, currentcolor);
|
|
34
|
+
outline-offset: 2px;
|
|
35
|
+
outline-offset: var(--outline-size, 2px);
|
|
39
36
|
}
|
|
40
37
|
|
|
41
38
|
.mx-tag input {
|
|
@@ -50,7 +47,7 @@
|
|
|
50
47
|
margin: 0;
|
|
51
48
|
}
|
|
52
49
|
|
|
53
|
-
.mx-tag:is(a:hover
|
|
50
|
+
.mx-tag:is(a:hover,:has(input:checked)) {
|
|
54
51
|
--tag-foreground: var(--link-colour, var(--colour-primary));
|
|
55
52
|
}
|
|
56
53
|
|
|
@@ -65,7 +62,9 @@
|
|
|
65
62
|
flex-flow: row wrap;
|
|
66
63
|
align-items: center;
|
|
67
64
|
gap: var(--tags-gap, var(--spacing-s));
|
|
65
|
+
overflow: clip;
|
|
66
|
+
overflow-clip-margin: var(--spacing-xxxs);
|
|
68
67
|
}
|
|
69
68
|
}
|
|
70
69
|
|
|
71
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLG9CQUFvQjtJQUNwQiw2QkFBd0I7SUFBeEIsd0JBQXdCO0lBQ3hCLDhEQUE4RDtJQUM5RDs7O0tBR0M7SUFDRCx5RUFBeUU7SUFDekUseUJBQXlCO0lBQ3pCLHdEQUF3RDtJQUN4RCxvREFBb0Q7SUFDcEQsY0FBa0M7SUFBbEMsa0NBQWtDO0lBQ2xDLG1DQUFtQztJQUNuQyw4QkFBcUU7SUFBckUscUVBQXFFO0lBQ3JFLDZCQUFxQjtJQUFyQixxQkFBcUI7SUFDckIsZ0JBQWdCO0VBMkJsQjs7SUF6QkU7TUFDRTtvQkFDb0M7TUFEcEM7MENBQ29DO01BQ3BDLG1CQUF3QztNQUF4Qyx3Q0FBd0M7SUFDMUM7O0lBRUE7TUFDRSxrQkFBa0I7TUFDbEIseUJBQXlCO01BQ3pCLDBCQUEwQjtJQUM1Qjs7SUFFQTtNQUNFLGtCQUFrQjtNQUNsQixjQUFjO01BQ2QsU0FBUztJQUNYOztJQUVBO01BQ0UsMkRBQTJEO0lBQzdEOztJQUVBO01BQ0UsYUFBYTtJQUNmOztFQUdGO0lBQ0UsaUJBQWlCO0lBQ2pCLGdCQUFnQjtJQUNoQixhQUFhO0lBQ2IsbUJBQW1CO0lBQ25CLG1CQUFtQjtJQUNuQixzQ0FBc0M7SUFDdEMsY0FBYztJQUNkLHlDQUF5QztFQUMzQztBQUNGIiwiZmlsZSI6InRhZy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFRhZ1xuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmNvbXBvbmVudHMge1xuICAubXgtdGFnIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBpbmxpbmUtc2l6ZTogZml0LWNvbnRlbnQ7XG4gICAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWhvcml6b250YWwtcGFkZGluZywgdmFyKC0tc3BhY2luZy14eHhzKSk7XG4gICAgYmFja2dyb3VuZDogdmFyKFxuICAgICAgLS10YWctYmFja2dyb3VuZCxcbiAgICAgIHZhcigtLWJhY2tncm91bmQsIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kKSlcbiAgICApO1xuICAgIGNvbG9yOiB2YXIoLS10YWctZm9yZWdyb3VuZCwgdmFyKC0tZm9yZWdyb3VuZCwgdmFyKC0tY29sb3VyLWZvcmVncm91bmQpKSk7XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICBmb250LXdlaWdodDogdmFyKC0tZm9udC13ZWlnaHQsIHZhcigtLWZvbnQtd2VpZ2h0LWJvbGQpKTtcbiAgICBmb250LXNpemU6IHZhcigtLXRhZy1mb250LXNpemUsIHZhcigtLWZvbnQtc2l6ZS14cykpO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoLS1saW5lLWhlaWdodCwgMik7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cyk7XG4gICAgYm9yZGVyOiB2YXIoLS1saW5lLXdpZHRoLCAxcHgpIHNvbGlkIHZhcigtLWxpbmUtY29sb3VyLCBjdXJyZW50Y29sb3IpO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgJjpoYXMoaW5wdXQ6Zm9jdXMpIHtcbiAgICAgIG91dGxpbmU6IHZhcigtLW91dGxpbmUtc2l6ZSwgMnB4KSB2YXIoLS1vdXRsaW5lLXN0eWxlLCBzb2xpZClcbiAgICAgICAgdmFyKC0tb3V0bGluZS1jb2xvciwgY3VycmVudGNvbG9yKTtcbiAgICAgIG91dGxpbmUtb2Zmc2V0OiB2YXIoLS1vdXRsaW5lLXNpemUsIDJweCk7XG4gICAgfVxuXG4gICAgJiBpbnB1dCB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBpbnNldC1ibG9jay1zdGFydDogLTEwMHB4O1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAtMTAwcHg7XG4gICAgfVxuXG4gICAgJiBsYWJlbCB7XG4gICAgICBmb250LXNpemU6IGluaGVyaXQ7XG4gICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICB9XG5cbiAgICAmOmlzKGE6aG92ZXIsIDpoYXMoaW5wdXQ6Y2hlY2tlZCkpIHtcbiAgICAgIC0tdGFnLWZvcmVncm91bmQ6IHZhcigtLWxpbmstY29sb3VyLCB2YXIoLS1jb2xvdXItcHJpbWFyeSkpO1xuICAgIH1cblxuICAgICY6ZW1wdHkge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cblxuICAubXgtdGFncyB7XG4gICAgcGFkZGluZy1pbmxpbmU6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZmxvdzogcm93IHdyYXA7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigtLXRhZ3MtZ2FwLCB2YXIoLS1zcGFjaW5nLXMpKTtcbiAgICBvdmVyZmxvdzogY2xpcDtcbiAgICBvdmVyZmxvdy1jbGlwLW1hcmdpbjogdmFyKC0tc3BhY2luZy14eHhzKTtcbiAgfVxufVxuIl19 */
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pnx-mixtape/mxds",
|
|
3
3
|
"description": "The Mixtape Design System",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.16",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "concurrently -k -n \"VITE,STORYBOOK\" -c \"#636cff,#ff4785\" \"npm run dev-vite\" \"npm run dev-storybook\"",
|
|
7
7
|
"build": "concurrently -n \"VITE,STORYBOOK\" -c \"#636cff,#ff4785\" \"npm run build-vite\" \"npm run build-storybook\"",
|
|
@@ -14,91 +14,99 @@
|
|
|
14
14
|
"dev-vite": "vite build -w -m development",
|
|
15
15
|
"build-vite": "vite build",
|
|
16
16
|
"format": "prettier --write \"**/*.{css,ts,tsx,js,jsx,json,md,mdx}\" && npm run fix-css && npm run fix-js",
|
|
17
|
-
"lint": "
|
|
17
|
+
"lint": "npm run lint-prettier && npm run lint-css && npm run lint-ts && npm run lint-js",
|
|
18
|
+
"lint-prettier": "prettier --check \"**/*.{css,ts,tsx,js,jsx,json,md,mdx}\"",
|
|
18
19
|
"lint-css": "stylelint \"./**/*.css\"",
|
|
20
|
+
"lint-css-ci": "stylelint \"./**/*.css\" --custom-formatter @csstools/stylelint-formatter-github",
|
|
19
21
|
"fix-css": "npm run lint-css -- --fix",
|
|
20
22
|
"lint-js": "eslint \"./**/*.{ts,tsx}\"",
|
|
23
|
+
"lint-js-ci": "eslint \"./**/*.{ts,tsx}\" --format gha",
|
|
21
24
|
"fix-js": "npm run lint-js -- --fix",
|
|
22
25
|
"lint-ts": "tsc",
|
|
23
26
|
"test": "npm run test-storybook",
|
|
24
27
|
"test-vitest": "vitest --run",
|
|
25
28
|
"test-storybook": "concurrently \"npm:test-storybook-*\"",
|
|
26
|
-
"test-storybook-html": "test-storybook --maxWorkers=
|
|
27
|
-
"test-storybook-react": "test-storybook --maxWorkers=
|
|
29
|
+
"test-storybook-html": "test-storybook --maxWorkers=2",
|
|
30
|
+
"test-storybook-react": "test-storybook --maxWorkers=2 --url http://127.0.0.1:6008 -c .storybook-react",
|
|
28
31
|
"clean": "rm -rf ./dist",
|
|
29
32
|
"commit": "git-cz",
|
|
30
|
-
"http-server": "http-server ./dist/storybook -i -p 3001"
|
|
33
|
+
"http-server": "http-server ./dist/storybook -i -p 3001 --silent",
|
|
34
|
+
"build-ci": "npm run build",
|
|
35
|
+
"lint-ci": "npm run lint-prettier && npm run lint-css-ci && npm run lint-ts && npm run lint-js-ci"
|
|
31
36
|
},
|
|
32
37
|
"dependencies": {
|
|
33
|
-
"@floating-ui/dom": "^1.
|
|
34
|
-
"@oddbird/popover-polyfill": "^0.
|
|
35
|
-
"@pnx-mixtape/ids-shape": "^0.0.
|
|
38
|
+
"@floating-ui/dom": "^1.7.3",
|
|
39
|
+
"@oddbird/popover-polyfill": "^0.6.1",
|
|
40
|
+
"@pnx-mixtape/ids-shape": "^0.0.19",
|
|
41
|
+
"@types/react": "^19.1.10",
|
|
42
|
+
"@types/react-dom": "^19.1.7",
|
|
36
43
|
"classnames": "^2.5.1",
|
|
37
44
|
"js-cookie": "^3.0.5",
|
|
38
|
-
"react": "^
|
|
39
|
-
"react-aria": "^3.
|
|
40
|
-
"react-dom": "^
|
|
41
|
-
"react-
|
|
42
|
-
"react-stately": "^3.31.0",
|
|
45
|
+
"react": "^19.1.1",
|
|
46
|
+
"react-aria": "^3.42.0",
|
|
47
|
+
"react-dom": "^19.1.1",
|
|
48
|
+
"react-stately": "^3.40.0",
|
|
43
49
|
"tabbable": "^6.2.0"
|
|
44
50
|
},
|
|
45
51
|
"devDependencies": {
|
|
46
|
-
"@csstools/postcss-global-data": "^
|
|
47
|
-
"@
|
|
48
|
-
"@eslint/
|
|
49
|
-
"@eslint/
|
|
52
|
+
"@csstools/postcss-global-data": "^3.0.0",
|
|
53
|
+
"@csstools/stylelint-formatter-github": "^1.0.0",
|
|
54
|
+
"@eslint-react/eslint-plugin": "^1.52.4",
|
|
55
|
+
"@eslint/eslintrc": "^3.3.1",
|
|
56
|
+
"@eslint/js": "^9.33.0",
|
|
50
57
|
"@rollup/plugin-terser": "^0.4.4",
|
|
51
|
-
"@storybook/addon-a11y": "^9.
|
|
52
|
-
"@storybook/addon-docs": "^9.
|
|
53
|
-
"@storybook/addon-links": "^9.
|
|
54
|
-
"@storybook/html-vite": "^9.
|
|
55
|
-
"@storybook/react-vite": "^9.
|
|
58
|
+
"@storybook/addon-a11y": "^9.1.2",
|
|
59
|
+
"@storybook/addon-docs": "^9.1.2",
|
|
60
|
+
"@storybook/addon-links": "^9.1.2",
|
|
61
|
+
"@storybook/html-vite": "^9.1.2",
|
|
62
|
+
"@storybook/react-vite": "^9.1.2",
|
|
56
63
|
"@storybook/test-runner": "^0.23.0",
|
|
57
64
|
"@svgr/rollup": "^8.1.0",
|
|
58
|
-
"@testing-library/dom": "^10.1
|
|
59
|
-
"@testing-library/jest-dom": "^6.
|
|
60
|
-
"@testing-library/react": "^16.
|
|
61
|
-
"@testing-library/user-event": "^14.
|
|
62
|
-
"@typescript-eslint/parser": "^
|
|
63
|
-
"@vitejs/plugin-react": "^
|
|
64
|
-
"@vitest/ui": "^
|
|
65
|
-
"axe-playwright": "^2.0
|
|
65
|
+
"@testing-library/dom": "^10.4.1",
|
|
66
|
+
"@testing-library/jest-dom": "^6.7.0",
|
|
67
|
+
"@testing-library/react": "^16.3.0",
|
|
68
|
+
"@testing-library/user-event": "^14.6.1",
|
|
69
|
+
"@typescript-eslint/parser": "^8.39.1",
|
|
70
|
+
"@vitejs/plugin-react": "^5.0.0",
|
|
71
|
+
"@vitest/ui": "^3.2.4",
|
|
72
|
+
"axe-playwright": "^2.1.0",
|
|
66
73
|
"browserslist-to-esbuild": "^2.1.1",
|
|
67
74
|
"clean-css": "^5.3.3",
|
|
68
75
|
"cli-progress": "^3.12.0",
|
|
69
|
-
"concurrently": "^
|
|
76
|
+
"concurrently": "^9.2.0",
|
|
77
|
+
"cz-conventional-changelog": "^3.3.0",
|
|
70
78
|
"drupal-attribute": "^1.1.0",
|
|
71
|
-
"eslint": "^
|
|
72
|
-
"eslint-config-prettier": "^
|
|
73
|
-
"eslint-
|
|
74
|
-
"eslint-plugin-
|
|
75
|
-
"eslint-plugin-
|
|
76
|
-
"eslint-plugin-
|
|
77
|
-
"eslint-plugin-
|
|
78
|
-
"globals": "^
|
|
79
|
+
"eslint": "^9.33.0",
|
|
80
|
+
"eslint-config-prettier": "^10.1.8",
|
|
81
|
+
"eslint-formatter-gha": "^1.6.0",
|
|
82
|
+
"eslint-plugin-react": "^7.37.5",
|
|
83
|
+
"eslint-plugin-storybook": "^9.1.2",
|
|
84
|
+
"eslint-plugin-testing-library": "^7.6.6",
|
|
85
|
+
"eslint-plugin-unused-imports": "^4.1.4",
|
|
86
|
+
"globals": "^16.3.0",
|
|
79
87
|
"http-server": "^14.1.1",
|
|
80
|
-
"jsdom": "^
|
|
81
|
-
"postcss": "^8.5.
|
|
88
|
+
"jsdom": "^26.1.0",
|
|
89
|
+
"postcss": "^8.5.6",
|
|
82
90
|
"postcss-design-tokens": "^1.3.0",
|
|
83
91
|
"postcss-inline-svg": "^6.0.0",
|
|
84
|
-
"postcss-mixins": "^
|
|
85
|
-
"postcss-preset-env": "^
|
|
92
|
+
"postcss-mixins": "^12.1.2",
|
|
93
|
+
"postcss-preset-env": "^10.2.4",
|
|
86
94
|
"postcss-pxtorem": "^6.1.0",
|
|
87
|
-
"prettier": "^3.
|
|
88
|
-
"storybook": "^9.
|
|
89
|
-
"stylelint": "^16.
|
|
90
|
-
"stylelint-config-standard": "^
|
|
95
|
+
"prettier": "^3.6.2",
|
|
96
|
+
"storybook": "^9.1.2",
|
|
97
|
+
"stylelint": "^16.23.1",
|
|
98
|
+
"stylelint-config-standard": "^39.0.0",
|
|
91
99
|
"stylelint-use-logical-spec": "^5.0.1",
|
|
92
|
-
"tinyglobby": "^0.2.
|
|
93
|
-
"typescript": "^5.
|
|
94
|
-
"typescript-eslint": "^
|
|
95
|
-
"vite-plugin-twig-drupal": "^1.
|
|
100
|
+
"tinyglobby": "^0.2.14",
|
|
101
|
+
"typescript": "^5.9.2",
|
|
102
|
+
"typescript-eslint": "^8.39.1",
|
|
103
|
+
"vite-plugin-twig-drupal": "^1.6.2"
|
|
96
104
|
},
|
|
97
105
|
"optionalDependencies": {
|
|
98
|
-
"@esbuild/linux-arm64": "^0.
|
|
99
|
-
"@rollup/rollup-linux-x64-gnu": "^4.
|
|
100
|
-
"@rollup/rollup-linux-x64-musl": "^4.
|
|
101
|
-
"@swc/core-linux-arm64-gnu": "^1.
|
|
106
|
+
"@esbuild/linux-arm64": "^0.25.9",
|
|
107
|
+
"@rollup/rollup-linux-x64-gnu": "^4.46.2",
|
|
108
|
+
"@rollup/rollup-linux-x64-musl": "^4.46.2",
|
|
109
|
+
"@swc/core-linux-arm64-gnu": "^1.13.3"
|
|
102
110
|
},
|
|
103
111
|
"config": {
|
|
104
112
|
"commitizen": {
|