@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.
Files changed (110) hide show
  1. package/README.md +37 -23
  2. package/dist/build/accordion.css +25 -10
  3. package/dist/build/accordion.entry.js +1 -1
  4. package/dist/build/base.css +157 -141
  5. package/dist/build/breadcrumb.css +7 -3
  6. package/dist/build/button.css +10 -15
  7. package/dist/build/card.css +44 -33
  8. package/dist/build/carousel.css +125 -0
  9. package/dist/build/chunks/{Accordion-Bjaw7SdG.js → Accordion-O-huO4At.js} +2 -2
  10. package/dist/build/chunks/{Accordion-Bjaw7SdG.js.map → Accordion-O-huO4At.js.map} +1 -1
  11. package/dist/build/chunks/{disclosure-widget-DwuxsaOS.js → disclosure-widget-CtNx0f8p.js} +2 -2
  12. package/dist/build/chunks/{disclosure-widget-DwuxsaOS.js.map → disclosure-widget-CtNx0f8p.js.map} +1 -1
  13. package/dist/build/chunks/{drop-menu.entry-Cxpti_QG.js → drop-menu.entry-BEhZ_Je3.js} +4 -4
  14. package/dist/build/chunks/drop-menu.entry-BEhZ_Je3.js.map +1 -0
  15. package/dist/build/chunks/{polyfills-CJ5uTmUJ.js → polyfills-DoxMZOqh.js} +81 -24
  16. package/dist/build/chunks/polyfills-DoxMZOqh.js.map +1 -0
  17. package/dist/build/chunks/{popover-wbPSyFRj.js → popover-DzUcnIlX.js} +201 -58
  18. package/dist/build/chunks/popover-DzUcnIlX.js.map +1 -0
  19. package/dist/build/chunks/{utilities-DZ_l-he4.js → utilities-DXELy_An.js} +61 -11
  20. package/dist/build/chunks/utilities-DXELy_An.js.map +1 -0
  21. package/dist/build/constants.css +64 -33
  22. package/dist/build/container-grid.css +4 -26
  23. package/dist/build/dialog.css +45 -27
  24. package/dist/build/dialog.entry.js +15 -35
  25. package/dist/build/dialog.entry.js.map +1 -1
  26. package/dist/build/drop-menu.css +19 -8
  27. package/dist/build/drop-menu.entry.js +1 -1
  28. package/dist/build/drupal.css +6 -10
  29. package/dist/build/filters.css +20 -8
  30. package/dist/build/filters.entry.js +6 -5
  31. package/dist/build/filters.entry.js.map +1 -1
  32. package/dist/build/footer.css +7 -17
  33. package/dist/build/form.css +56 -68
  34. package/dist/build/global-alert.css +5 -5
  35. package/dist/build/global-alert.entry.js +1 -1
  36. package/dist/build/grid.css +6 -5
  37. package/dist/build/header.css +25 -17
  38. package/dist/build/header.entry.js +2 -2
  39. package/dist/build/hero-banner.css +8 -3
  40. package/dist/build/icon.css +5 -5
  41. package/dist/build/in-page-alert.css +12 -13
  42. package/dist/build/in-page-navigation.entry.js +2 -2
  43. package/dist/build/in-page-navigation.entry.js.map +1 -1
  44. package/dist/build/link-list.css +2 -2
  45. package/dist/build/list-item.css +9 -94
  46. package/dist/build/navigation.css +54 -59
  47. package/dist/build/navigation.entry.js +2 -2
  48. package/dist/build/page.css +13 -28
  49. package/dist/build/pagination.css +12 -25
  50. package/dist/build/results-bar.css +21 -0
  51. package/dist/build/section.css +8 -24
  52. package/dist/build/side-navigation.css +10 -13
  53. package/dist/build/sidebar.css +11 -17
  54. package/dist/build/steps.css +2 -2
  55. package/dist/build/sticky.entry.js +1 -1
  56. package/dist/build/tabs.css +25 -26
  57. package/dist/build/tabs.entry.js +2 -2
  58. package/dist/build/tag.css +11 -12
  59. package/package.json +63 -55
  60. package/src/Atom/Heading/_headings.css +24 -24
  61. package/src/Atom/Media/Media.stories.ts +1 -0
  62. package/src/Atom/Media/__snapshots__/Media.stories.ts.snap +0 -17
  63. package/src/Atom/Media/_media.css +8 -8
  64. package/src/Atom/Text/_text-sizes.css +17 -17
  65. package/src/Atom/_generic.css +3 -2
  66. package/src/Component/Accordion/Accordion.stories.tsx +0 -1
  67. package/src/Component/Accordion/__snapshots__/Accordion.stories.tsx.snap +0 -1
  68. package/src/Component/Carousel/Carousel.stories.ts +1 -1
  69. package/src/Component/Dialog/Dialog.stories.ts +2 -3
  70. package/src/Component/Dialog/dialog.css +1 -1
  71. package/src/Component/DropMenu/Components/DropMenuContext.tsx +7 -9
  72. package/src/Component/DropMenu/Components/DropMenuItem.tsx +1 -1
  73. package/src/Component/DropMenu/Elements/DropMenu.ts +1 -1
  74. package/src/Component/DropMenu/drop-menu.css +2 -2
  75. package/src/Component/GlobalAlert/__snapshots__/GlobalAlert.stories.tsx.snap +2 -2
  76. package/src/Component/HeroBanner/hero-banner.css +1 -1
  77. package/src/Component/Pagination/Components/PaginationContext.tsx +4 -8
  78. package/src/Component/Tabs/Tabs.tsx +4 -4
  79. package/src/Component/Tabs/__snapshots__/Tabs.stories.tsx.snap +0 -2
  80. package/src/Component/Tile/__snapshots__/Tile.stories.tsx.snap +6 -16
  81. package/src/Form/Checkbox/FormCheckbox.tsx +5 -7
  82. package/src/Form/FormItem/__snapshots__/FormItem.stories.tsx.snap +4 -4
  83. package/src/Form/Radio/FormRadio.tsx +4 -4
  84. package/src/Form/TextInput/__snapshots__/FormText.stories.tsx.snap +1 -1
  85. package/src/Form/Textarea/__snapshots__/FormTextarea.stories.tsx.snap +1 -1
  86. package/src/Introduction.mdx +40 -0
  87. package/src/Layout/Grid/Grid.stories.tsx +1 -1
  88. package/src/Layout/Grid/container-grid.css +9 -9
  89. package/src/Layout/Grid/grid.css +2 -2
  90. package/src/Layout/Header/__snapshots__/Header.stories.tsx.snap +3 -3
  91. package/src/Layout/Page/__snapshots__/Page.stories.tsx.snap +3 -3
  92. package/src/Layout/Section/Section.stories.ts +2 -1
  93. package/src/Layout/Section/section.css +13 -13
  94. package/src/Layout/Section/section.twig +3 -1
  95. package/src/Utility/Context/ImageComponent.tsx +3 -6
  96. package/src/Utility/Context/LinkComponent.tsx +3 -6
  97. package/src/Utility/Elements/breakpoint-loader.ts +0 -1
  98. package/src/Utility/Elements/cookie-compliance.ts +0 -1
  99. package/src/Utility/Elements/io-loader.ts +0 -1
  100. package/src/Utility/Hooks/useLocalStorage.ts +0 -1
  101. package/src/Utility/Hooks/useMediaQuery.ts +0 -1
  102. package/src/Utility/Hooks/useToggle.ts +0 -1
  103. package/src/Utility/global.d.ts +0 -1
  104. package/src/Utility/utilities.ts +0 -1
  105. package/src/enums.ts +0 -2
  106. package/dist/build/chunks/drop-menu.entry-Cxpti_QG.js.map +0 -1
  107. package/dist/build/chunks/polyfills-CJ5uTmUJ.js.map +0 -1
  108. package/dist/build/chunks/popover-wbPSyFRj.js.map +0 -1
  109. package/dist/build/chunks/utilities-DZ_l-he4.js.map +0 -1
  110. package/dist/build/tiles.css +0 -61
@@ -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-xl, var(--spacing-uul));
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, .mx-section:has(.mx-background--image)) > div {
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNlY3Rpb24uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSwyQkFBMkI7O0lBRTNCLHlCQUFxQzs7SUFBckMscUNBQXFDO0lBQ3JDLDJCQUEyQjtFQUM3Qjs7RUFFQTtJQUNFLGtEQUFrRDtFQUNwRDs7RUFFQTtJQUNFLGlEQUFpRDtFQUNuRDs7RUFFQTtJQUNFLGlEQUFpRDtFQUNuRDs7RUFFQTtJQUNFLGtEQUFrRDtFQUNwRDs7RUFFQTtJQUNFLG9EQUFvRDtFQUN0RDs7RUFFQTtJQUNFLHVEQUF1RDtFQUN6RDs7RUFFQTtJQUNFLHVEQUF1RDtFQUN6RDs7RUFFQTtJQUNFLHdEQUF3RDtFQUMxRDs7RUFFQTtJQUNFLDBEQUEwRDtFQUM1RDs7RUFFQTtJQUNFLHFEQUFxRDtFQUN2RDs7RUFFQTtJQUNFLHFEQUFxRDtFQUN2RDs7RUFFQTtJQUNFLHNEQUFzRDtFQUN4RDs7RUFFQTtJQUNFLHdEQUF3RDtFQUMxRDtBQUNGOztBQUVBOzs7O0VBSUU7O0FBRUY7Ozs7O0VBS0U7O0FBRUY7RUFDRTtJQUNFLG1EQUFtRDs7SUFFbkQsc0NBQXNDO0VBU3hDOztJQVBFOzs7OztNQUtFLHdDQUF3QztJQUMxQzs7RUFHRjtJQUNFLHNEQUFzRDs7SUFFdEQsZ0JBQWdCOztJQUVoQiw4QkFBOEI7RUEwQmhDOztJQXhCRTs7Ozs7TUFLRSx5Q0FBeUM7SUFDM0M7O0lBRUEsNkJBQTZCOztJQUU3Qjs7Ozs7O01BTUUsdUNBQXVDO0lBQ3pDOztJQUVBLCtCQUErQjs7SUFFL0I7TUFDRSxtQ0FBbUM7SUFDckM7QUFFSjs7QUFFQTs7RUFFRTs7QUFFRjtFQUNFO0lBQ0Usa0NBQWtDO0lBQ2xDLGFBQWE7SUFDYixtQkFBbUI7SUFDbkIscUJBQXFCO0lBQ3JCLG1CQUFtQjtFQUtyQjs7SUFIRTtNQUNFLHlCQUF5QjtJQUMzQjtBQUVKOztBQUVBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxnQkFBZ0I7SUFDaEIsa0JBQWtCO0VBS3BCOztJQUhFO01BQ0Usa0JBQWtCO0lBQ3BCO0FBRUoiLCJmaWxlIjoic2VjdGlvbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFNlY3Rpb25cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgLm14LWNvbnRhaW5lciB7XG4gICAgLS1jb250YWluZXItbmFtZTogY29udGFpbmVyO1xuXG4gICAgY29udGFpbmVyLW5hbWU6IHZhcigtLWNvbnRhaW5lci1uYW1lKTtcbiAgICBjb250YWluZXItdHlwZTogaW5saW5lLXNpemU7XG4gIH1cblxuICAubXgtc2VjdGlvbi0tZGl2aWRlciB7XG4gICAgYm9yZGVyLWJsb2NrLXN0YXJ0OiAxcHggc29saWQgdmFyKC0tY29sb3VyLWJvcmRlcik7XG4gIH1cblxuICAubXgtc2VjdGlvbi0tcyB7XG4gICAgcGFkZGluZy1ibG9jazogdmFyKC0tc2VjdGlvbi1zLCB2YXIoLS1zcGFjaW5nLXMpKTtcbiAgfVxuXG4gIC5teC1zZWN0aW9uLS1tIHtcbiAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zZWN0aW9uLW0sIHZhcigtLXNwYWNpbmctbSkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLWwge1xuICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLXNlY3Rpb24tbCwgdmFyKC0tc3BhY2luZy14bCkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXhsIHtcbiAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1zZWN0aW9uLXhsLCB2YXIoLS1zcGFjaW5nLXV1bCkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXRvcC1zIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zZWN0aW9uLXMsIHZhcigtLXNwYWNpbmctcykpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXRvcC1tIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zZWN0aW9uLW0sIHZhcigtLXNwYWNpbmctbSkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLXRvcC1sIHtcbiAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1zZWN0aW9uLWwsIHZhcigtLXNwYWNpbmcteGwpKTtcbiAgfVxuXG4gIC5teC1zZWN0aW9uLS10b3AteGwge1xuICAgIHBhZGRpbmctYmxvY2stc3RhcnQ6IHZhcigtLXNlY3Rpb24teGwsIHZhcigtLXNwYWNpbmctdXVsKSk7XG4gIH1cblxuICAubXgtc2VjdGlvbi0tYm90dG9tLXMge1xuICAgIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1zZWN0aW9uLXMsIHZhcigtLXNwYWNpbmctcykpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLWJvdHRvbS1tIHtcbiAgICBwYWRkaW5nLWJsb2NrLWVuZDogdmFyKC0tc2VjdGlvbi1tLCB2YXIoLS1zcGFjaW5nLW0pKTtcbiAgfVxuXG4gIC5teC1zZWN0aW9uLS1ib3R0b20tbCB7XG4gICAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLXNlY3Rpb24tbCwgdmFyKC0tc3BhY2luZy14bCkpO1xuICB9XG5cbiAgLm14LXNlY3Rpb24tLWJvdHRvbS14bCB7XG4gICAgcGFkZGluZy1ibG9jay1lbmQ6IHZhcigtLXNlY3Rpb24teGwsIHZhcigtLXNwYWNpbmctdXVsKSk7XG4gIH1cbn1cblxuLyoqXG4gKiBTZWN0aW9ucyBicmVha291dHNcbiAqXG4gKiBVc2VzIGBzdWJncmlkYCBzbyBubyBzdXBwb3J0ZWQgaW4gb2xkZXIgYnJvd3NlcnMuXG4gKi9cblxuLyoqXG4gKiBTZWN0aW9ucyBmbG93cyAmIGdyb3Vwc1xuICpcbiAqIFVzZXMgYDpoYXNgIHNvIGlzIG5vdCBzdXBwb3J0ZWQgaW4gb2xkZXIgYnJvd3NlcnMuXG4gKiBzZWUgaHR0cHM6Ly93d3cuYnJhbS51cy8yMDIyLzEyLzEzL3F1YW50aXR5LXF1ZXJpZXMtZm9yLWlzbGFuZHMtb2YtZWxlbWVudHMtd2l0aC10aGUtc2FtZS1jbGFzcy10aGFua3MtdG8tY3NzLWhhcy9cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgLm14LXNlY3Rpb24tLWZsb3cge1xuICAgIC0tZmxvdy1zcGFjaW5nOiB2YXIoLS1zZWN0aW9uLWwsIHZhcigtLXNwYWNpbmcteGwpKTtcblxuICAgIHBhZGRpbmctYmxvY2stZW5kOiB2YXIoLS1mbG93LXNwYWNpbmcpO1xuXG4gICAgJjppcyhcbiAgICAgICAgW2NsYXNzKj1cIm14LWJhY2tncm91bmRcIl0sXG4gICAgICAgIFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdICsgLm14LXNlY3Rpb24tLWZsb3csXG4gICAgICAgIDpub3QoLm14LXNlY3Rpb24tLWZsb3c6bm90KC5teC1zZWN0aW9uLS1ncm91cCkgKyAubXgtc2VjdGlvbi0tZmxvdylcbiAgICAgICkge1xuICAgICAgcGFkZGluZy1ibG9jay1zdGFydDogdmFyKC0tZmxvdy1zcGFjaW5nKTtcbiAgICB9XG4gIH1cblxuICAubXgtc2VjdGlvbi0tZ3JvdXAge1xuICAgIC0tZ3JvdXAtc3BhY2luZzogdmFyKC0tc2VjdGlvbi14bCwgdmFyKC0tc3BhY2luZy11dWwpKTtcblxuICAgIHBhZGRpbmctYmxvY2s6IDA7XG5cbiAgICAvKiA6Zmlyc3QtaW4taXNsYW5kLW9mLWNsYXNzICovXG5cbiAgICAmOmlzKFxuICAgICAgICA6bm90KFtjbGFzcyo9XCJteC1iYWNrZ3JvdW5kXCJdKVxuICAgICAgICAgICsgLm14LXNlY3Rpb24tLWdyb3VwW2NsYXNzKj1cIm14LWJhY2tncm91bmRcIl0sXG4gICAgICAgIDpub3QoLm14LXNlY3Rpb24tLWdyb3VwICsgLm14LXNlY3Rpb24tLWdyb3VwKVxuICAgICAgKSB7XG4gICAgICBwYWRkaW5nLWJsb2NrLXN0YXJ0OiB2YXIoLS1ncm91cC1zcGFjaW5nKTtcbiAgICB9XG5cbiAgICAvKiA6bGFzdC1pbi1pc2xhbmQtb2YtY2xhc3MgKi9cblxuICAgICY6aXMoXG4gICAgICAgIDpub3QoW2NsYXNzKj1cIm14LWJhY2tncm91bmRcIl0pOmhhcyhcbiAgICAgICAgICAgICsgLm14LXNlY3Rpb24tLWdyb3VwW2NsYXNzKj1cIm14LWJhY2tncm91bmRcIl1cbiAgICAgICAgICApLFxuICAgICAgICA6bm90KDpoYXMoKyAubXgtc2VjdGlvbi0tZ3JvdXApKVxuICAgICAgKSB7XG4gICAgICBwYWRkaW5nLWJsb2NrLWVuZDogdmFyKC0tZ3JvdXAtc3BhY2luZyk7XG4gICAgfVxuXG4gICAgLyogOnNpbmdsZS1pbi1pc2xhbmQtb2YtY2xhc3MgKi9cblxuICAgICY6bm90KC5teC1zZWN0aW9uLS1ncm91cCArIC5teC1zZWN0aW9uLS1ncm91cCwgOmhhcygrIC5teC1zZWN0aW9uLS1ncm91cCkpIHtcbiAgICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLWdyb3VwLXNwYWNpbmcpO1xuICAgIH1cbiAgfVxufVxuXG4vKipcbiAqIFNlY3Rpb24gaGVhZGVyXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0ubGF5b3V0cyB7XG4gIC5teC1zZWN0aW9uX19oZWFkZXIge1xuICAgIG1hcmdpbi1ibG9jay1lbmQ6IHZhcigtLXNwYWNpbmctbSk7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWZsb3c6IHJvdyB3cmFwO1xuICAgIGdhcDogdmFyKC0tc3BhY2luZy1zKTtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgJiA6aXMoYSwgYnV0dG9uKSB7XG4gICAgICBtYXJnaW4taW5saW5lLXN0YXJ0OiBhdXRvO1xuICAgIH1cbiAgfVxufVxuXG4vKipcbiAqIFNlY3Rpb24gQmFja2dyb3VuZCBpbWFnZVxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICA6aXMoLm14LXNlY3Rpb24tLWhhcy1iYWNrZ3JvdW5kLCAubXgtc2VjdGlvbjpoYXMoLm14LWJhY2tncm91bmQtLWltYWdlKSkge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJiA+IGRpdiB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgfVxuICB9XG59XG4iXX0= */
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:is(:focus, :focus-visible) {
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"], .is-active) > a {
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"], .is-active > a) {
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpZGUtbmF2aWdhdGlvbi5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFO2tCQUNrQztJQURsQztzQ0FDa0M7RUFpQnBDOztJQWZFO01BQ0UsY0FBYztNQUNkLGNBQWM7TUFDZCxnREFBZ0Q7TUFDaEQsb0NBQW9DO01BQ3BDLDBCQUEwQjtJQVM1Qjs7TUFQRTtRQUNFLG9CQUFvQjtNQUN0Qjs7TUFFQTtRQUNFLCtCQUErQjtNQUNqQztJQUtGO01BQ0Usa0JBQWtCO0lBbUJwQjs7TUFqQkU7UUFDRSxvQ0FBb0M7TUFDdEM7O01BRUE7UUFDRSxjQUFjO1FBQ2QsY0FBYztRQUNkO2tEQUMwQztRQUQxQztrREFDMEM7UUFDMUMsc0RBQXNEO1FBQ3REO2lEQUN5QztNQUszQzs7UUFIRTtVQUNFLG9CQUFvQjtRQUN0Qjs7SUFJSjtNQUNFLDBCQUEwQjtJQUs1Qjs7TUFIRTs7SUFIRjtRQUlJLDBCQUEwQjtJQUU5QjtNQURFOztJQUdGO01BQ0UsMEJBQTBCO0lBSzVCOztNQUhFOztJQUhGO1FBSUksMEJBQTBCO0lBRTlCO01BREU7O0lBR0Y7TUFDRTs7O09BR0M7TUFDRCxjQUE0QztNQUE1Qyw0Q0FBNEM7SUFDOUM7O0lBRUE7TUFDRSxhQUFhO0lBQ2Y7QUFFSiIsImZpbGUiOiJzaWRlLW5hdmlnYXRpb24uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBTaWRlIG5hdmlnYXRpb25cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LXNpZGUtbmF2X19wYXJlbnQge1xuICAgIGJvcmRlci1ibG9jay1lbmQ6IHZhcigtLWxpbmUtd2lkdGgsIDJweCkgc29saWRcbiAgICAgIHZhcigtLWxpbmUtY29sb3VyLCBjdXJyZW50Y29sb3IpO1xuXG4gICAgJiBhIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICBwYWRkaW5nOiB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSk7XG4gICAgICBmb250LXdlaWdodDogdmFyKC0tZm9udC13ZWlnaHQtYm9sZCk7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogbm9uZTtcblxuICAgICAgJjppcyg6Zm9jdXMsIDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xuICAgICAgfVxuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uLWxpbmU6IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAubXgtc2lkZS1uYXYge1xuICAgICYgdWwgbGkge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgICAmOmhhcyhbYXJpYS1jdXJyZW50PVwicGFnZVwiXSwgLmlzLWFjdGl2ZSkgPiBhIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnQtd2VpZ2h0LWJvbGQpO1xuICAgICAgfVxuXG4gICAgICAmIGEge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAgIGJvcmRlci1ibG9jay1lbmQ6IHZhcigtLWxpbmUtd2lkdGgsIDFweCkgc29saWRcbiAgICAgICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuICAgICAgICBwYWRkaW5nLWJsb2NrOiB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSk7XG4gICAgICAgIHBhZGRpbmctaW5saW5lOiB2YXIoLS1pbmRlbnQsIHZhcigtLXNwYWNpbmcteHhzKSlcbiAgICAgICAgICB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSk7XG5cbiAgICAgICAgJjppcyg6Zm9jdXMsIDpmb2N1cy12aXNpYmxlKSB7XG4gICAgICAgICAgb3V0bGluZS1vZmZzZXQ6IC0xcHg7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC1uYXZfX2xldmVsLTIgPiBsaSA+IGEge1xuICAgICAgLS1pbmRlbnQ6IHZhcigtLXNwYWNpbmctcyk7XG5cbiAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICAgIC0taW5kZW50OiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgLm14LW5hdl9fbGV2ZWwtMyA+IGxpID4gYSB7XG4gICAgICAtLWluZGVudDogdmFyKC0tc3BhY2luZy1tKTtcblxuICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgLS1pbmRlbnQ6IHZhcigtLXNwYWNpbmctbCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiA6aXMoW2FyaWEtY3VycmVudD1cInBhZ2VcIl0sIC5pcy1hY3RpdmUgPiBhKSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgIC0tbmF2LWFjdGl2ZS1iYWNrZ3JvdW5kLFxuICAgICAgICB2YXIoLS1iYWNrZ3JvdW5kLCB2YXIoLS1jb2xvdXItYmFja2dyb3VuZC1hbHQpKVxuICAgICAgKTtcbiAgICAgIGNvbG9yOiB2YXIoLS1uYXYtYWN0aXZlLWZvcmVncm91bmQsIGluaGVyaXQpO1xuICAgIH1cblxuICAgICYgLm14LW5hdl9fdG9nZ2xlIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG59XG4iXX0= */
85
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpZGUtbmF2aWdhdGlvbi5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFO2tCQUNrQztJQURsQztzQ0FDa0M7RUFhcEM7O0lBWEU7TUFDRSxjQUFjO01BQ2QsY0FBYztNQUNkLGdEQUFnRDtNQUNoRCxvQ0FBb0M7TUFDcEMsMEJBQTBCO0lBSzVCOztNQUhFO1FBQ0UsK0JBQStCO01BQ2pDOztFQUlKO0lBQ0UsNEJBQXNCO0VBK0N4Qjs7SUE3Q0U7TUFDRSxrQkFBa0I7SUFlcEI7O01BYkU7UUFDRSxvQ0FBb0M7TUFDdEM7O01BRUE7UUFDRSxjQUFjO1FBQ2QsY0FBYztRQUNkO2tEQUMwQztRQUQxQztrREFDMEM7UUFDMUMsc0RBQXNEO1FBQ3REO2lEQUN5QztNQUMzQzs7SUFHRjtNQUNFLDBCQUEwQjtJQUs1Qjs7TUFIRTs7SUFIRjtRQUlJLDBCQUEwQjtJQUU5QjtNQURFOztJQUdGO01BQ0UsMEJBQTBCO0lBSzVCOztNQUhFOztJQUhGO1FBSUksMEJBQTBCO0lBRTlCO01BREU7O0lBR0Y7TUFDRTs7O09BR0M7TUFDRCxjQUE0QztNQUE1Qyw0Q0FBNEM7SUFDOUM7O0lBRUE7TUFDRSxhQUFhO0lBQ2Y7QUFFSiIsImZpbGUiOiJzaWRlLW5hdmlnYXRpb24uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBTaWRlIG5hdmlnYXRpb25cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LXNpZGUtbmF2X19wYXJlbnQge1xuICAgIGJvcmRlci1ibG9jay1lbmQ6IHZhcigtLWxpbmUtd2lkdGgsIDJweCkgc29saWRcbiAgICAgIHZhcigtLWxpbmUtY29sb3VyLCBjdXJyZW50Y29sb3IpO1xuXG4gICAgJiBhIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICBwYWRkaW5nOiB2YXIoLS1pdGVtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmcteHhzKSk7XG4gICAgICBmb250LXdlaWdodDogdmFyKC0tZm9udC13ZWlnaHQtYm9sZCk7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogbm9uZTtcblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbi1saW5lOiB1bmRlcmxpbmU7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgLm14LXNpZGUtbmF2IHtcbiAgICAtLW91dGxpbmUtb2Zmc2V0OiAtMXB4O1xuXG4gICAgJiB1bCBsaSB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAgICY6aGFzKFthcmlhLWN1cnJlbnQ9XCJwYWdlXCJdLCAuaXMtYWN0aXZlKSA+IGEge1xuICAgICAgICBmb250LXdlaWdodDogdmFyKC0tZm9udC13ZWlnaHQtYm9sZCk7XG4gICAgICB9XG5cbiAgICAgICYgYSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgYm9yZGVyLWJsb2NrLWVuZDogdmFyKC0tbGluZS13aWR0aCwgMXB4KSBzb2xpZFxuICAgICAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG4gICAgICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLWl0ZW0tc3BhY2luZywgdmFyKC0tc3BhY2luZy14eHMpKTtcbiAgICAgICAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWluZGVudCwgdmFyKC0tc3BhY2luZy14eHMpKVxuICAgICAgICAgIHZhcigtLWl0ZW0tc3BhY2luZywgdmFyKC0tc3BhY2luZy14eHMpKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC1uYXZfX2xldmVsLTIgPiBsaSA+IGEge1xuICAgICAgLS1pbmRlbnQ6IHZhcigtLXNwYWNpbmctcyk7XG5cbiAgICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICAgIC0taW5kZW50OiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgLm14LW5hdl9fbGV2ZWwtMyA+IGxpID4gYSB7XG4gICAgICAtLWluZGVudDogdmFyKC0tc3BhY2luZy1tKTtcblxuICAgICAgQG1lZGlhICgtLWdsb2JhbC1uYXYtdXApIHtcbiAgICAgICAgLS1pbmRlbnQ6IHZhcigtLXNwYWNpbmctbCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiA6aXMoW2FyaWEtY3VycmVudD1cInBhZ2VcIl0sIC5pcy1hY3RpdmUgPiBhKSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgIC0tbmF2LWFjdGl2ZS1iYWNrZ3JvdW5kLFxuICAgICAgICB2YXIoLS1iYWNrZ3JvdW5kLCB2YXIoLS1jb2xvdXItYmFja2dyb3VuZC1hbHQpKVxuICAgICAgKTtcbiAgICAgIGNvbG9yOiB2YXIoLS1uYXYtYWN0aXZlLWZvcmVncm91bmQsIGluaGVyaXQpO1xuICAgIH1cblxuICAgICYgLm14LW5hdl9fdG9nZ2xlIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG59XG4iXX0= */
@@ -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
- .mx-grid--sidebar.mx-grid--sidebar-rev:where(:has(> aside)) > :is(section, aside):last-child {
36
- order: 1;
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
- .mx-grid--sidebar.mx-grid--sidebar-rev-lg:where(:has(> aside)) > :is(section, aside):last-child {
44
- order: 1;
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpZGViYXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0lBRUk7TUFDRSxtQkFBbUI7SUFDckI7O0lBRUE7TUFDRSxhQUFhO01BQ2IsZUFBZTtNQUNmLG1DQUFtQztNQUNuQyw4QkFBOEI7SUF1Q2hDOztNQXJDRTtRQUNFLFlBQVk7UUFDWixxQkFBMkM7UUFBM0MsMkNBQTJDO01BQzdDOztNQUVBO1FBQ0UsYUFBYTtRQUNiLGNBQWM7UUFDZCxvQkFBd0M7UUFBeEMsd0NBQXdDO1FBQ3hDLHFCQUFpRDtRQUFqRCxpREFBaUQ7TUFDbkQ7VUFJSTtZQUNFLFFBQVE7VUFDVjs7VUFFQTtZQUNFLFFBQVE7VUFDVjtRQUtGO1lBRUk7Y0FDRSxRQUFRO1lBQ1Y7O1lBRUE7Y0FDRSxRQUFRO1lBQ1Y7UUFFSjtBQUlSOztBQUVBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxhQUFhO0VBQ2Y7QUFDRiIsImZpbGUiOiJzaWRlYmFyLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogUGFnZSB3aXRoIFNpZGViYXJcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5sYXlvdXRzIHtcbiAgLm14LWdyaWQtLXNpZGViYXIge1xuICAgICY6d2hlcmUoOm5vdCg6aGFzKD4gYXNpZGUpKSkge1xuICAgICAgZ3JpZC1jb2x1bW46IG5hcnJvdztcbiAgICB9XG5cbiAgICAmOndoZXJlKDpoYXMoPiBhc2lkZSkpIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICBnYXA6IHZhcigtLXNpZGViYXItZ2FwLCB2YXIoLS1nYXApKTtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAgICAgJiA+IGFzaWRlIHtcbiAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICBtYXgtaW5saW5lLXNpemU6IHZhcigtLXNpZGViYXItd2lkdGgsIDI0Y2gpO1xuICAgICAgfVxuXG4gICAgICAmID4gc2VjdGlvbiB7XG4gICAgICAgIGZsZXgtYmFzaXM6IDA7XG4gICAgICAgIGZsZXgtZ3JvdzogOTk5O1xuICAgICAgICBtaW4taW5saW5lLXNpemU6IHZhcigtLWNvbnRlbnQtbWluLCA1MCUpO1xuICAgICAgICBtYXgtaW5saW5lLXNpemU6IHZhcigtLWNvbnRhaW5lci1tYXgtd2lkdGgsIDc2Y2gpO1xuICAgICAgfVxuXG4gICAgICAmLm14LWdyaWQtLXNpZGViYXItcmV2IHtcbiAgICAgICAgJiA+IDppcyhzZWN0aW9uLCBhc2lkZSkge1xuICAgICAgICAgICY6Zmlyc3QtY2hpbGQge1xuICAgICAgICAgICAgb3JkZXI6IDI7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgIG9yZGVyOiAxO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAmLm14LWdyaWQtLXNpZGViYXItcmV2LWxnIHtcbiAgICAgICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgICAgICYgPiA6aXMoc2VjdGlvbiwgYXNpZGUpIHtcbiAgICAgICAgICAgICY6Zmlyc3QtY2hpbGQge1xuICAgICAgICAgICAgICBvcmRlcjogMjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgICAgICAgb3JkZXI6IDE7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbi8qKlxuICogUHJpbnQgc3R5bGVzaGVldFxuICovXG5cbkBtZWRpYSBwcmludCB7XG4gIC5teC1wYWdlX19zaWRlYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iXX0= */
53
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpZGViYXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0lBRUk7TUFDRSxtQkFBbUI7SUFDckI7O0lBRUE7TUFDRSxhQUFhO01BQ2IsZUFBZTtNQUNmLG1DQUFtQztNQUNuQyw4QkFBOEI7SUF1QmhDOztNQXJCRTtRQUNFLFlBQVk7UUFDWixxQkFBMkM7UUFBM0MsMkNBQTJDO01BQzdDOztNQUVBO1FBQ0UsYUFBYTtRQUNiLGNBQWM7UUFDZCxvQkFBd0M7UUFBeEMsd0NBQXdDO1FBQ3hDLHFCQUFpRDtRQUFqRCxpREFBaUQ7TUFDbkQ7O01BRUE7UUFDRSwyQkFBMkI7TUFDN0I7UUFHRTs7TUFERjtVQUVJLDJCQUEyQjtNQUUvQjtRQURFO0FBSVI7O0FBRUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGFBQWE7RUFDZjtBQUNGIiwiZmlsZSI6InNpZGViYXIuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBQYWdlIHdpdGggU2lkZWJhclxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICAubXgtZ3JpZC0tc2lkZWJhciB7XG4gICAgJjp3aGVyZSg6bm90KDpoYXMoPiBhc2lkZSkpKSB7XG4gICAgICBncmlkLWNvbHVtbjogbmFycm93O1xuICAgIH1cblxuICAgICY6d2hlcmUoOmhhcyg+IGFzaWRlKSkge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIGdhcDogdmFyKC0tc2lkZWJhci1nYXAsIHZhcigtLWdhcCkpO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXG4gICAgICAmID4gYXNpZGUge1xuICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgIG1heC1pbmxpbmUtc2l6ZTogdmFyKC0tc2lkZWJhci13aWR0aCwgMjRjaCk7XG4gICAgICB9XG5cbiAgICAgICYgPiBzZWN0aW9uIHtcbiAgICAgICAgZmxleC1iYXNpczogMDtcbiAgICAgICAgZmxleC1ncm93OiA5OTk7XG4gICAgICAgIG1pbi1pbmxpbmUtc2l6ZTogdmFyKC0tY29udGVudC1taW4sIDUwJSk7XG4gICAgICAgIG1heC1pbmxpbmUtc2l6ZTogdmFyKC0tY29udGFpbmVyLW1heC13aWR0aCwgNzZjaCk7XG4gICAgICB9XG5cbiAgICAgICYubXgtZ3JpZC0tc2lkZWJhci1yZXYge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gICAgICB9XG5cbiAgICAgICYubXgtZ3JpZC0tc2lkZWJhci1yZXYtbGcge1xuICAgICAgICBAbWVkaWEgKC0tbWVkaXVtLXVwKSB7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbi8qKlxuICogUHJpbnQgc3R5bGVzaGVldFxuICovXG5cbkBtZWRpYSBwcmludCB7XG4gIC5teC1wYWdlX19zaWRlYmFyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iXX0= */
@@ -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
- max-inline-size: var(--container-max-width);
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0ZXBzLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTs7QUFFRjtFQUNFO0lBQ0UsbUJBQW1CO0VBQ3JCOztFQUVBO0lBQ0Usa0JBQWtCO0VBa0RwQjs7SUFoREU7TUFDRSxXQUFXO01BQ1g7Z0RBQzBDO01BRDFDO2dEQUMwQztNQUMxQyw2REFBNkQ7TUFDN0QsbUJBQW1CO01BQ25CLGtEQUFrRDtNQUNsRCxpREFBaUQ7TUFDakQsb0JBQXdDO01BQXhDLHdDQUF3QztNQUN4QyxxQkFBcUI7TUFDckIsa0JBQWtCO01BQ2xCLFVBQVU7SUFDWjs7SUFFQTtNQUNFLG1CQUFtQjtNQUNuQixjQUFpQztNQUFqQyxpQ0FBaUM7TUFDakMsdUJBQXVCO01BQ3ZCLHlCQUF5QjtNQUN6QixhQUFhO01BQ2IsNkJBQTZCO01BQzdCLG9DQUFvQztNQUNwQyxrQ0FBa0M7TUFDbEM7O09BRUM7TUFGRDs7T0FFQztNQUNEOztPQUVDO01BRkQ7O09BRUM7TUFDRCx1QkFBdUI7TUFDdkIsb0JBQXdDO01BQXhDLHdDQUF3QztNQUN4QyxxQkFBcUI7TUFDckIsa0JBQWtCO01BQ2xCLFVBQVU7TUFDVixrQkFBNkM7TUFBN0MsNkNBQTZDO0lBQy9DOztJQUVBO01BQ0UsWUFBWTtJQUNkOztJQUVBO01BQ0Usd0JBQW1CO0lBQ3JCOztJQUVBO01BQ0UsdUJBQW1CO0lBQ3JCOztFQUdGO0lBQ0UsaURBQWlEO0lBQ2pELHVEQUF1RDtJQUN2RCwyQ0FBMkM7RUFhN0M7O0lBWEU7TUFDRSxXQUFXO01BQ1gsZ0JBQW1DO01BQW5DLG1DQUFtQztNQUNuQywwREFBMEQ7TUFDMUQ7OztPQUdDO01BSEQ7OztPQUdDO01BQ0QsY0FBYztNQUNkLGtCQUFrQjtJQUNwQjs7RUFHRjtJQUNFLG9DQUFvQztJQUNwQyxzREFBc0Q7RUFDeEQ7O0VBRUE7SUFDRSxtQ0FBbUM7SUFDbkMsc0RBQXNEO0VBQ3hEOztFQUVBO0lBQ0Usc0RBQXNEO0lBQ3RELGdEQUFnRDtFQUNsRDs7RUFFQTtJQUNFLDZCQUE2QjtFQUMvQjtBQUNGIiwiZmlsZSI6InN0ZXBzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogU3RlcHNcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LXN0ZXBzIHtcbiAgICBjb3VudGVyLXJlc2V0OiBzdGVwO1xuICB9XG5cbiAgLm14LXN0ZXBzX19wYW5lbCB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICBib3JkZXI6IHZhcigtLWxpbmUtd2lkdGgsIDJweCkgc29saWRcbiAgICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQsIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kKSk7XG4gICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgaW5saW5lLXNpemU6IHZhcigtLWNvdW50ZXItc2l6ZSwgdmFyKC0tc3BhY2luZy1sKSk7XG4gICAgICBibG9jay1zaXplOiB2YXIoLS1jb3VudGVyLXNpemUsIHZhcigtLXNwYWNpbmctbCkpO1xuICAgICAgaW5zZXQtYmxvY2stc3RhcnQ6IHZhcigtLWNvdW50ZXItdG9wLCAwKTtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHotaW5kZXg6IDI7XG4gICAgfVxuXG4gICAgJjo6YWZ0ZXIge1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiB2YXIoLS1mb3JlZ3JvdW5kLCBpbmhlcml0KTtcbiAgICAgIGNvdW50ZXItaW5jcmVtZW50OiBzdGVwO1xuICAgICAgY29udGVudDogY291bnRlcihzdGVwKSBcIlwiO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLXMpO1xuICAgICAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnQtd2VpZ2h0LWJvbGQpO1xuICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWxpbmUtaGVpZ2h0LXVpKTtcbiAgICAgIGlubGluZS1zaXplOiBjYWxjKFxuICAgICAgICB2YXIoLS1jb3VudGVyLXNpemUsIHZhcigtLXNwYWNpbmctbCkpICsgKHZhcigtLWxpbmUtd2lkdGgsIDJweCkgKiAyKVxuICAgICAgKTtcbiAgICAgIGJsb2NrLXNpemU6IGNhbGMoXG4gICAgICAgIHZhcigtLWNvdW50ZXItc2l6ZSwgdmFyKC0tc3BhY2luZy1sKSkgKyAodmFyKC0tbGluZS13aWR0aCwgMnB4KSAqIDIpXG4gICAgICApO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBpbnNldC1ibG9jay1zdGFydDogdmFyKC0tY291bnRlci10b3AsIDApO1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgei1pbmRleDogMztcbiAgICAgIHZpc2liaWxpdHk6IHZhcigtLWNvdW50ZXItdmlzaWJpbGl0eSwgaGlkZGVuKTtcbiAgICB9XG5cbiAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgLS1zcGFjaW5nOiAwO1xuICAgIH1cblxuICAgICY6aGFzKC5teC1zdGVwc19fcGFuZWwtY29udGVudCBoMzpmaXJzdC1jaGlsZCkge1xuICAgICAgLS1jb3VudGVyLXRvcDogLTJweDtcbiAgICB9XG5cbiAgICAmOmhhcygubXgtc3RlcHNfX3BhbmVsLWNvbnRlbnQgaDQ6Zmlyc3QtY2hpbGQpIHtcbiAgICAgIC0tY291bnRlci10b3A6IC00cHg7XG4gICAgfVxuICB9XG5cbiAgLm14LXN0ZXBzX19wYW5lbC1jb250ZW50IHtcbiAgICBwYWRkaW5nLWJsb2NrOiAwIHZhcigtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmctbCkpO1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1pbmRlbnQsIHZhcigtLXNwYWNpbmcteHhsKSk7XG4gICAgbWF4LWlubGluZS1zaXplOiB2YXIoLS1jb250YWluZXItbWF4LXdpZHRoKTtcblxuICAgICY6OmJlZm9yZSB7XG4gICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgaW5saW5lLXNpemU6IHZhcigtLWxpbmUtd2lkdGgsIDJweCk7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiBjYWxjKFxuICAgICAgICAodmFyKC0tY291bnRlci1zaXplLCB2YXIoLS1zcGFjaW5nLWwpKSAvIDIpIC1cbiAgICAgICAgICAodmFyKC0tbGluZS13aWR0aCwgMnB4KSAvIDIpXG4gICAgICApO1xuICAgICAgaW5zZXQtYmxvY2s6IDA7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgfVxuICB9XG5cbiAgLm14LXN0ZXBzLS1kYXJrIHtcbiAgICAtLWxpbmUtY29sb3VyOiB2YXIoLS1jb2xvdXItcHJpbWFyeSk7XG4gICAgLS1jb3VudGVyLWZvcmVncm91bmQ6IHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kLXJldmVyc2UpO1xuICB9XG5cbiAgLm14LXN0ZXBzLS1zdXBwbGVtZW50YXJ5IHtcbiAgICAtLWxpbmUtY29sb3VyOiB2YXIoLS1jb2xvdXItYWNjZW50KTtcbiAgICAtLWNvdW50ZXItZm9yZWdyb3VuZDogdmFyKC0tY29sb3VyLWZvcmVncm91bmQtcmV2ZXJzZSk7XG4gIH1cblxuICAubXgtc3RlcHMtLWZpbGw6d2hlcmUoOm5vdCg6aGFzKC5teC1zdGVwcy0tZmlsbCkpKSB7XG4gICAgLS1iYWNrZ3JvdW5kOiB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuICAgIC0tZm9yZWdyb3VuZDogdmFyKC0tY291bnRlci1mb3JlZ3JvdW5kLCBpbmhlcml0KTtcbiAgfVxuXG4gIC5teC1zdGVwcy0tY291bnRlcnMge1xuICAgIC0tY291bnRlci12aXNpYmlsaXR5OiB2aXNpYmxlO1xuICB9XG59XG4iXX0= */
118
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0ZXBzLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTs7QUFFRjtFQUNFO0lBQ0UsbUJBQW1CO0VBQ3JCOztFQUVBO0lBQ0Usa0JBQWtCO0VBa0RwQjs7SUFoREU7TUFDRSxXQUFXO01BQ1g7Z0RBQzBDO01BRDFDO2dEQUMwQztNQUMxQyw2REFBNkQ7TUFDN0QsbUJBQW1CO01BQ25CLGtEQUFrRDtNQUNsRCxpREFBaUQ7TUFDakQsb0JBQXdDO01BQXhDLHdDQUF3QztNQUN4QyxxQkFBcUI7TUFDckIsa0JBQWtCO01BQ2xCLFVBQVU7SUFDWjs7SUFFQTtNQUNFLG1CQUFtQjtNQUNuQixjQUFpQztNQUFqQyxpQ0FBaUM7TUFDakMsdUJBQXVCO01BQ3ZCLHlCQUF5QjtNQUN6QixhQUFhO01BQ2IsNkJBQTZCO01BQzdCLG9DQUFvQztNQUNwQyxrQ0FBa0M7TUFDbEM7O09BRUM7TUFGRDs7T0FFQztNQUNEOztPQUVDO01BRkQ7O09BRUM7TUFDRCx1QkFBdUI7TUFDdkIsb0JBQXdDO01BQXhDLHdDQUF3QztNQUN4QyxxQkFBcUI7TUFDckIsa0JBQWtCO01BQ2xCLFVBQVU7TUFDVixrQkFBNkM7TUFBN0MsNkNBQTZDO0lBQy9DOztJQUVBO01BQ0UsWUFBWTtJQUNkOztJQUVBO01BQ0Usd0JBQW1CO0lBQ3JCOztJQUVBO01BQ0UsdUJBQW1CO0lBQ3JCOztFQUdGO0lBQ0UsaURBQWlEO0lBQ2pELHVEQUF1RDtJQUN2RCxrREFBa0Q7RUFhcEQ7O0lBWEU7TUFDRSxXQUFXO01BQ1gsZ0JBQW1DO01BQW5DLG1DQUFtQztNQUNuQywwREFBMEQ7TUFDMUQ7OztPQUdDO01BSEQ7OztPQUdDO01BQ0QsY0FBYztNQUNkLGtCQUFrQjtJQUNwQjs7RUFHRjtJQUNFLG9DQUFvQztJQUNwQyxzREFBc0Q7RUFDeEQ7O0VBRUE7SUFDRSxtQ0FBbUM7SUFDbkMsc0RBQXNEO0VBQ3hEOztFQUVBO0lBQ0Usc0RBQXNEO0lBQ3RELGdEQUFnRDtFQUNsRDs7RUFFQTtJQUNFLDZCQUE2QjtFQUMvQjtBQUNGIiwiZmlsZSI6InN0ZXBzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogU3RlcHNcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LXN0ZXBzIHtcbiAgICBjb3VudGVyLXJlc2V0OiBzdGVwO1xuICB9XG5cbiAgLm14LXN0ZXBzX19wYW5lbCB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICBib3JkZXI6IHZhcigtLWxpbmUtd2lkdGgsIDJweCkgc29saWRcbiAgICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQsIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kKSk7XG4gICAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgICAgaW5saW5lLXNpemU6IHZhcigtLWNvdW50ZXItc2l6ZSwgdmFyKC0tc3BhY2luZy1sKSk7XG4gICAgICBibG9jay1zaXplOiB2YXIoLS1jb3VudGVyLXNpemUsIHZhcigtLXNwYWNpbmctbCkpO1xuICAgICAgaW5zZXQtYmxvY2stc3RhcnQ6IHZhcigtLWNvdW50ZXItdG9wLCAwKTtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHotaW5kZXg6IDI7XG4gICAgfVxuXG4gICAgJjo6YWZ0ZXIge1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGNvbG9yOiB2YXIoLS1mb3JlZ3JvdW5kLCBpbmhlcml0KTtcbiAgICAgIGNvdW50ZXItaW5jcmVtZW50OiBzdGVwO1xuICAgICAgY29udGVudDogY291bnRlcihzdGVwKSBcIlwiO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLXMpO1xuICAgICAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnQtd2VpZ2h0LWJvbGQpO1xuICAgICAgbGluZS1oZWlnaHQ6IHZhcigtLWxpbmUtaGVpZ2h0LXVpKTtcbiAgICAgIGlubGluZS1zaXplOiBjYWxjKFxuICAgICAgICB2YXIoLS1jb3VudGVyLXNpemUsIHZhcigtLXNwYWNpbmctbCkpICsgKHZhcigtLWxpbmUtd2lkdGgsIDJweCkgKiAyKVxuICAgICAgKTtcbiAgICAgIGJsb2NrLXNpemU6IGNhbGMoXG4gICAgICAgIHZhcigtLWNvdW50ZXItc2l6ZSwgdmFyKC0tc3BhY2luZy1sKSkgKyAodmFyKC0tbGluZS13aWR0aCwgMnB4KSAqIDIpXG4gICAgICApO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBpbnNldC1ibG9jay1zdGFydDogdmFyKC0tY291bnRlci10b3AsIDApO1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgei1pbmRleDogMztcbiAgICAgIHZpc2liaWxpdHk6IHZhcigtLWNvdW50ZXItdmlzaWJpbGl0eSwgaGlkZGVuKTtcbiAgICB9XG5cbiAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgLS1zcGFjaW5nOiAwO1xuICAgIH1cblxuICAgICY6aGFzKC5teC1zdGVwc19fcGFuZWwtY29udGVudCBoMzpmaXJzdC1jaGlsZCkge1xuICAgICAgLS1jb3VudGVyLXRvcDogLTJweDtcbiAgICB9XG5cbiAgICAmOmhhcygubXgtc3RlcHNfX3BhbmVsLWNvbnRlbnQgaDQ6Zmlyc3QtY2hpbGQpIHtcbiAgICAgIC0tY291bnRlci10b3A6IC00cHg7XG4gICAgfVxuICB9XG5cbiAgLm14LXN0ZXBzX19wYW5lbC1jb250ZW50IHtcbiAgICBwYWRkaW5nLWJsb2NrOiAwIHZhcigtLXNwYWNpbmcsIHZhcigtLXNwYWNpbmctbCkpO1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1pbmRlbnQsIHZhcigtLXNwYWNpbmcteHhsKSk7XG4gICAgaW5saW5lLXNpemU6IG1pbigxMDAlLCB2YXIoLS1jb250YWluZXItbWF4LXdpZHRoKSk7XG5cbiAgICAmOjpiZWZvcmUge1xuICAgICAgY29udGVudDogXCJcIjtcbiAgICAgIGlubGluZS1zaXplOiB2YXIoLS1saW5lLXdpZHRoLCAycHgpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogY2FsYyhcbiAgICAgICAgKHZhcigtLWNvdW50ZXItc2l6ZSwgdmFyKC0tc3BhY2luZy1sKSkgLyAyKSAtXG4gICAgICAgICAgKHZhcigtLWxpbmUtd2lkdGgsIDJweCkgLyAyKVxuICAgICAgKTtcbiAgICAgIGluc2V0LWJsb2NrOiAwO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIH1cbiAgfVxuXG4gIC5teC1zdGVwcy0tZGFyayB7XG4gICAgLS1saW5lLWNvbG91cjogdmFyKC0tY29sb3VyLXByaW1hcnkpO1xuICAgIC0tY291bnRlci1mb3JlZ3JvdW5kOiB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZC1yZXZlcnNlKTtcbiAgfVxuXG4gIC5teC1zdGVwcy0tc3VwcGxlbWVudGFyeSB7XG4gICAgLS1saW5lLWNvbG91cjogdmFyKC0tY29sb3VyLWFjY2VudCk7XG4gICAgLS1jb3VudGVyLWZvcmVncm91bmQ6IHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kLXJldmVyc2UpO1xuICB9XG5cbiAgLm14LXN0ZXBzLS1maWxsOndoZXJlKDpub3QoOmhhcygubXgtc3RlcHMtLWZpbGwpKSkge1xuICAgIC0tYmFja2dyb3VuZDogdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcbiAgICAtLWZvcmVncm91bmQ6IHZhcigtLWNvdW50ZXItZm9yZWdyb3VuZCwgaW5oZXJpdCk7XG4gIH1cblxuICAubXgtc3RlcHMtLWNvdW50ZXJzIHtcbiAgICAtLWNvdW50ZXItdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgfVxufVxuIl19 */
@@ -1,4 +1,4 @@
1
- import { c as createElement } from "./chunks/utilities-DZ_l-he4.js";
1
+ import { c as createElement } from "./chunks/utilities-DXELy_An.js";
2
2
  class Sticky extends HTMLElement {
3
3
  constructor() {
4
4
  super();
@@ -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[aria-selected="true"] {
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
- .mx-tabs .mx-tabs__panel:is(:focus-visible, :focus) {
60
- outline-offset: var(--outline-offset);
71
+ @starting-style {
72
+
73
+ .mx-tabs .mx-tabs__panel {
74
+ opacity: 0;
75
+ }
61
76
  }
62
77
 
63
- .mx-tabs .mx-tabs__panel[inert] {
64
- display: none;
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxjQUFjO0VBQ2hCO0FBQ0Y7O0FBRUE7RUFDRTtJQUNFLGtCQUFrQjtFQTRGcEI7O0lBMUZFO01BQ0UsK0NBQStDO0lBQ2pEO01BR0U7O0lBREY7UUFFSSxhQUFhO1FBQ2IsZUFBZTtRQUNmLHVCQUF1QjtJQTRCM0I7TUEzQkU7O01BRUE7UUFDRSxTQUFTO1FBQ1QsY0FBYztRQUNkLG9CQUFvQjtRQUNwQixxQ0FBcUM7UUFDckMsa0JBQXdDO1FBQXhDLHdDQUF3QztRQUN4QywwREFBMEQ7UUFDMUQsMkRBQTJEO1FBQzNEOzs7U0FHQztRQUNEOzs7U0FHQztNQVNIOztRQVBFO1VBQ0U7OztXQUdDO1VBQ0QsNkRBQTZEO1FBQy9EOztJQUlKO01BQ0UsaUJBQWlCO0lBU25COztNQVBFO1FBQ0UscUNBQXFDO01BQ3ZDOztNQUVBO1FBQ0UsYUFBYTtNQUNmO01BSUE7UUFDRTtVQUNFO29EQUMwQztVQUQxQztvREFDMEM7UUFRNUM7O1VBTkU7WUFDRSw0REFBNEQ7WUFDNUQ7c0RBQzBDO1lBRDFDO3NEQUMwQztZQUMxQyxtQkFBbUI7VUFDckI7TUFFSjtNQUlBO1FBQ0U7VUFDRSxxQkFBcUI7VUFBckIsdUJBQXFCO1VBQXJCLHFCQUFxQjtRQUN2QjtNQUNGOztJQUdGO01BQ0UsYUFBYTtJQWNmOztNQVpFO1FBQ0Usb0JBQW9CO1FBQ3BCLGlCQUFpQjtRQUNqQixVQUFVO1FBQ1Ysb0NBQW9DO01BT3RDOztRQUxFO1VBQ0UsY0FBYztVQUNkLFVBQVU7VUFDVixVQUFVO1FBQ1o7QUFJUiIsImZpbGUiOiJ0YWJzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogVGFic1xuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmRlZmF1bHRzIHtcbiAgOmlzKG14LXRhYnMsIG14LXRhYnMgbXgtZHJvcG1lbnUpIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LXRhYnMge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICY6d2hlcmUoOm5vdCg6Zmlyc3QtY2hpbGQpKSB7XG4gICAgICBtYXJnaW4tYmxvY2stc3RhcnQ6IHZhcigtLWZsb3ctZ2FwLCB2YXIoLS1nYXApKTtcbiAgICB9XG5cbiAgICAmIC5teC10YWJzX19saXN0IHtcbiAgICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgICAgICBnYXA6IHZhcigtLXNwYWNpbmcteHhzKTtcbiAgICAgIH1cblxuICAgICAgJiBidXR0b24ge1xuICAgICAgICBib3JkZXI6IDA7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgb3V0bGluZS1vZmZzZXQ6IHZhcigtLW91dGxpbmUtb2Zmc2V0KTtcbiAgICAgICAgbWluLWlubGluZS1zaXplOiB2YXIoLS10YWItbWluLXdpZHRoLCAwKTtcbiAgICAgICAgcGFkZGluZy1ibG9jazogdmFyKC0tdmVydGljYWwtcGFkZGluZywgdmFyKC0tc3BhY2luZy14eHMpKTtcbiAgICAgICAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWhvcml6b250YWwtcGFkZGluZywgdmFyKC0tc3BhY2luZy1tKSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcihcbiAgICAgICAgICAtLXRhYi1iYWNrZ3JvdW5kLFxuICAgICAgICAgIHZhcigtLWJhY2tncm91bmQsIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kKSlcbiAgICAgICAgKTtcbiAgICAgICAgY29sb3I6IHZhcihcbiAgICAgICAgICAtLXRhYi1mb3JlZ3JvdW5kLFxuICAgICAgICAgIHZhcigtLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kKSlcbiAgICAgICAgKTtcblxuICAgICAgICAmW2FyaWEtc2VsZWN0ZWQ9XCJ0cnVlXCJdIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgICAgICAtLXRhYi1hY3RpdmUtYmFja2dyb3VuZCxcbiAgICAgICAgICAgIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kLWFsdClcbiAgICAgICAgICApO1xuICAgICAgICAgIGNvbG9yOiB2YXIoLS10YWItYWN0aXZlLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kKSk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC10YWJzX19wYW5lbCB7XG4gICAgICBpbmxpbmUtc2l6ZTogMTAwJTtcblxuICAgICAgJjppcyg6Zm9jdXMtdmlzaWJsZSwgOmZvY3VzKSB7XG4gICAgICAgIG91dGxpbmUtb2Zmc2V0OiB2YXIoLS1vdXRsaW5lLW9mZnNldCk7XG4gICAgICB9XG5cbiAgICAgICZbaW5lcnRdIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLm14LXRhYnMtLWxpbmVkIHtcbiAgICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgICAgJiAubXgtdGFic19fbGlzdCB7XG4gICAgICAgICAgYm9yZGVyLWJsb2NrLWVuZDogdmFyKC0tbGluZS13aWR0aCwgMXB4KSBzb2xpZFxuICAgICAgICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcblxuICAgICAgICAgICYgYnV0dG9uIHtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWJvcmRlci1yYWRpdXMpIHZhcigtLWJvcmRlci1yYWRpdXMpIDAgMDtcbiAgICAgICAgICAgIGJvcmRlcjogdmFyKC0tbGluZS13aWR0aCwgMXB4KSBzb2xpZFxuICAgICAgICAgICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuICAgICAgICAgICAgYm9yZGVyLWJsb2NrLWVuZDogMDtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLm14LXRhYnMtLWNlbnRlcmVkIHtcbiAgICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgICAgJiAubXgtdGFic19fbGlzdCB7XG4gICAgICAgICAgcGxhY2UtY29udGVudDogY2VudGVyO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi5teC10YWJzLS1zYW1lLWhlaWdodCB7XG4gICAgICBkaXNwbGF5OiBncmlkO1xuXG4gICAgICAmIC5teC10YWJzX19wYW5lbCB7XG4gICAgICAgIGdyaWQtY29sdW1uLXN0YXJ0OiAxO1xuICAgICAgICBncmlkLXJvdy1zdGFydDogMjtcbiAgICAgICAgei1pbmRleDogMjtcbiAgICAgICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjJzIGVhc2UtaW4tb3V0O1xuXG4gICAgICAgICZbaW5lcnRdIHtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiJdfQ== */
108
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztFQUVFOztBQUVGO0VBQ0U7SUFDRSxjQUFjO0VBQ2hCO0FBQ0Y7O0FBRUE7RUFDRTtJQUNFLGtCQUFrQjtJQUNsQixhQUFhO0lBQ2Isb0NBQW9DO0VBbUZ0Qzs7SUFqRkU7TUFDRSwrQ0FBK0M7SUFDakQ7O0lBRUE7TUFDRSxlQUFlO0lBQ2pCOztJQUVBO01BQ0UsZUFBZTtJQWdDakI7O01BOUJFOztJQUhGO1FBSUksYUFBYTtRQUNiLGVBQWU7UUFDZix1QkFBdUI7SUEyQjNCO01BMUJFOztNQUVBO1FBQ0UsU0FBUztRQUNULGNBQWM7UUFDZCxvQkFBb0I7UUFDcEIsa0JBQXdDO1FBQXhDLHdDQUF3QztRQUN4QywwREFBMEQ7UUFDMUQsMkRBQTJEO1FBQzNEOzs7U0FHQztRQUNEOzs7U0FHQztNQVNIOztRQVBFO1VBQ0U7OztXQUdDO1VBQ0QsNkRBQTZEO1FBQy9EOztJQUlKO01BQ0UsaUJBQWlCO01BQ2pCLGlCQUFpQjtNQUNqQixVQUFVO0lBVVo7O01BUkU7O0lBTEY7UUFNSSxVQUFVO0lBT2Q7TUFORTs7TUFFQTtRQUNFLFVBQVU7UUFDVix5QkFBeUI7TUFDM0I7TUFJQTtRQUNFO1VBQ0U7b0RBQzBDO1VBRDFDO29EQUMwQztRQVE1Qzs7VUFORTtZQUNFLDREQUE0RDtZQUM1RDtzREFDMEM7WUFEMUM7c0RBQzBDO1lBQzFDLG1CQUFtQjtVQUNyQjtNQUVKO01BSUE7UUFDRTtVQUNFLHFCQUFxQjtVQUFyQix1QkFBcUI7VUFBckIscUJBQXFCO1FBQ3ZCO01BQ0Y7QUFHTiIsImZpbGUiOiJ0YWJzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogVGFic1xuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmRlZmF1bHRzIHtcbiAgOmlzKG14LXRhYnMsIG14LXRhYnMgbXgtZHJvcG1lbnUpIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxufVxuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LXRhYnMge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6IFwidGFic1wiIFwicGFuZWxzXCI7XG5cbiAgICAmOndoZXJlKDpub3QoOmZpcnN0LWNoaWxkKSkge1xuICAgICAgbWFyZ2luLWJsb2NrLXN0YXJ0OiB2YXIoLS1mbG93LWdhcCwgdmFyKC0tZ2FwKSk7XG4gICAgfVxuXG4gICAgJiBteC1kcm9wbWVudSB7XG4gICAgICBncmlkLWFyZWE6IHRhYnM7XG4gICAgfVxuXG4gICAgJiAubXgtdGFic19fbGlzdCB7XG4gICAgICBncmlkLWFyZWE6IHRhYnM7XG5cbiAgICAgIEBtZWRpYSAoLS1tZWRpdW0tdXApIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgICAgICBnYXA6IHZhcigtLXNwYWNpbmcteHhzKTtcbiAgICAgIH1cblxuICAgICAgJiBidXR0b24ge1xuICAgICAgICBib3JkZXI6IDA7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgICAgbWluLWlubGluZS1zaXplOiB2YXIoLS10YWItbWluLXdpZHRoLCAwKTtcbiAgICAgICAgcGFkZGluZy1ibG9jazogdmFyKC0tdmVydGljYWwtcGFkZGluZywgdmFyKC0tc3BhY2luZy14eHMpKTtcbiAgICAgICAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWhvcml6b250YWwtcGFkZGluZywgdmFyKC0tc3BhY2luZy1tKSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcihcbiAgICAgICAgICAtLXRhYi1iYWNrZ3JvdW5kLFxuICAgICAgICAgIHZhcigtLWJhY2tncm91bmQsIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kKSlcbiAgICAgICAgKTtcbiAgICAgICAgY29sb3I6IHZhcihcbiAgICAgICAgICAtLXRhYi1mb3JlZ3JvdW5kLFxuICAgICAgICAgIHZhcigtLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kKSlcbiAgICAgICAgKTtcblxuICAgICAgICAmW2FyaWEtc2VsZWN0ZWQ9XCJ0cnVlXCJdIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgICAgICAtLXRhYi1hY3RpdmUtYmFja2dyb3VuZCxcbiAgICAgICAgICAgIHZhcigtLWNvbG91ci1iYWNrZ3JvdW5kLWFsdClcbiAgICAgICAgICApO1xuICAgICAgICAgIGNvbG9yOiB2YXIoLS10YWItYWN0aXZlLWZvcmVncm91bmQsIHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kKSk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC10YWJzX19wYW5lbCB7XG4gICAgICBncmlkLWFyZWE6IHBhbmVscztcbiAgICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgICAgb3BhY2l0eTogMTtcblxuICAgICAgQHN0YXJ0aW5nLXN0eWxlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cblxuICAgICAgJltpbmVydF0ge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjRzO1xuICAgICAgfVxuICAgIH1cblxuICAgICYubXgtdGFicy0tbGluZWQge1xuICAgICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgICAmIC5teC10YWJzX19saXN0IHtcbiAgICAgICAgICBib3JkZXItYmxvY2stZW5kOiB2YXIoLS1saW5lLXdpZHRoLCAxcHgpIHNvbGlkXG4gICAgICAgICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuXG4gICAgICAgICAgJiBidXR0b24ge1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cykgdmFyKC0tYm9yZGVyLXJhZGl1cykgMCAwO1xuICAgICAgICAgICAgYm9yZGVyOiB2YXIoLS1saW5lLXdpZHRoLCAxcHgpIHNvbGlkXG4gICAgICAgICAgICAgIHZhcigtLWxpbmUtY29sb3VyLCB2YXIoLS1jb2xvdXItYm9yZGVyKSk7XG4gICAgICAgICAgICBib3JkZXItYmxvY2stZW5kOiAwO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYubXgtdGFicy0tY2VudGVyZWQge1xuICAgICAgQG1lZGlhICgtLW1lZGl1bS11cCkge1xuICAgICAgICAmIC5teC10YWJzX19saXN0IHtcbiAgICAgICAgICBwbGFjZS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiJdfQ== */
@@ -1,5 +1,5 @@
1
- import { D as DropMenu } from "./chunks/drop-menu.entry-Cxpti_QG.js";
2
- import { c as createElement, m as makeAnchor } from "./chunks/utilities-DZ_l-he4.js";
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();
@@ -4,7 +4,7 @@
4
4
 
5
5
  @layer design-system.components {
6
6
  .mx-tag {
7
- display: inline-block;
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
- --outline-size: max(0.125rem, 0.15em);
31
-
32
- outline: max(0.125rem, 0.15em)
33
- solid currentcolor;
34
-
35
- outline: var(--outline-width, var(--outline-size))
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, :has(input:checked)) {
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLHFCQUFxQjtJQUNyQiw2QkFBd0I7SUFBeEIsd0JBQXdCO0lBQ3hCLDhEQUE4RDtJQUM5RDs7O0tBR0M7SUFDRCx5RUFBeUU7SUFDekUseUJBQXlCO0lBQ3pCLHdEQUF3RDtJQUN4RCxvREFBb0Q7SUFDcEQsY0FBa0M7SUFBbEMsa0NBQWtDO0lBQ2xDLG1DQUFtQztJQUNuQyw4QkFBcUU7SUFBckUscUVBQXFFO0lBQ3JFLDZCQUFxQjtJQUFyQixxQkFBcUI7SUFDckIsZ0JBQWdCO0VBNkJsQjs7SUEzQkU7TUFDRSxxQ0FBcUM7O01BRXJDOzBCQUNnRTs7TUFEaEU7c0VBQ2dFO01BQ2hFLHFDQUEwRDtNQUExRCwwREFBMEQ7SUFDNUQ7O0lBRUE7TUFDRSxrQkFBa0I7TUFDbEIseUJBQXlCO01BQ3pCLDBCQUEwQjtJQUM1Qjs7SUFFQTtNQUNFLGtCQUFrQjtNQUNsQixjQUFjO01BQ2QsU0FBUztJQUNYOztJQUVBO01BQ0UsMkRBQTJEO0lBQzdEOztJQUVBO01BQ0UsYUFBYTtJQUNmOztFQUdGO0lBQ0UsaUJBQWlCO0lBQ2pCLGdCQUFnQjtJQUNoQixhQUFhO0lBQ2IsbUJBQW1CO0lBQ25CLG1CQUFtQjtJQUNuQixzQ0FBc0M7RUFDeEM7QUFDRiIsImZpbGUiOiJ0YWcuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBUYWdcbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LXRhZyB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIGlubGluZS1zaXplOiBmaXQtY29udGVudDtcbiAgICBwYWRkaW5nLWlubGluZTogdmFyKC0taG9yaXpvbnRhbC1wYWRkaW5nLCB2YXIoLS1zcGFjaW5nLXh4eHMpKTtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoXG4gICAgICAtLXRhZy1iYWNrZ3JvdW5kLFxuICAgICAgdmFyKC0tYmFja2dyb3VuZCwgdmFyKC0tY29sb3VyLWJhY2tncm91bmQpKVxuICAgICk7XG4gICAgY29sb3I6IHZhcigtLXRhZy1mb3JlZ3JvdW5kLCB2YXIoLS1mb3JlZ3JvdW5kLCB2YXIoLS1jb2xvdXItZm9yZWdyb3VuZCkpKTtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoLS1mb250LXdlaWdodCwgdmFyKC0tZm9udC13ZWlnaHQtYm9sZCkpO1xuICAgIGZvbnQtc2l6ZTogdmFyKC0tdGFnLWZvbnQtc2l6ZSwgdmFyKC0tZm9udC1zaXplLXhzKSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigtLWxpbmUtaGVpZ2h0LCAyKTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ib3JkZXItcmFkaXVzKTtcbiAgICBib3JkZXI6IHZhcigtLWxpbmUtd2lkdGgsIDFweCkgc29saWQgdmFyKC0tbGluZS1jb2xvdXIsIGN1cnJlbnRjb2xvcik7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAmOmhhcyhpbnB1dDpmb2N1cykge1xuICAgICAgLS1vdXRsaW5lLXNpemU6IG1heCgwLjEyNXJlbSwgMC4xNWVtKTtcblxuICAgICAgb3V0bGluZTogdmFyKC0tb3V0bGluZS13aWR0aCwgdmFyKC0tb3V0bGluZS1zaXplKSlcbiAgICAgICAgdmFyKC0tb3V0bGluZS1zdHlsZSwgc29saWQpIHZhcigtLW91dGxpbmUtY29sb3IsIGN1cnJlbnRjb2xvcik7XG4gICAgICBvdXRsaW5lLW9mZnNldDogdmFyKC0tb3V0bGluZS1vZmZzZXQsIHZhcigtLW91dGxpbmUtc2l6ZSkpO1xuICAgIH1cblxuICAgICYgaW5wdXQge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgaW5zZXQtYmxvY2stc3RhcnQ6IC0xMDBweDtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogLTEwMHB4O1xuICAgIH1cblxuICAgICYgbGFiZWwge1xuICAgICAgZm9udC1zaXplOiBpbmhlcml0O1xuICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICBtYXJnaW46IDA7XG4gICAgfVxuXG4gICAgJjppcyhhOmhvdmVyLCA6aGFzKGlucHV0OmNoZWNrZWQpKSB7XG4gICAgICAtLXRhZy1mb3JlZ3JvdW5kOiB2YXIoLS1saW5rLWNvbG91ciwgdmFyKC0tY29sb3VyLXByaW1hcnkpKTtcbiAgICB9XG5cbiAgICAmOmVtcHR5IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgLm14LXRhZ3Mge1xuICAgIHBhZGRpbmctaW5saW5lOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWZsb3c6IHJvdyB3cmFwO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiB2YXIoLS10YWdzLWdhcCwgdmFyKC0tc3BhY2luZy1zKSk7XG4gIH1cbn1cbiJdfQ== */
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.14",
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": "prettier --check \"**/*.{css,ts,tsx,js,jsx,json,md,mdx}\" && npm run lint-css && npm run lint-ts && npm run lint-js",
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=1",
27
- "test-storybook-react": "test-storybook --maxWorkers=1 --url http://127.0.0.1:6008 -c .storybook-react",
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.6.5",
34
- "@oddbird/popover-polyfill": "^0.4.3",
35
- "@pnx-mixtape/ids-shape": "^0.0.18",
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": "^18.3.1",
39
- "react-aria": "^3.33.0",
40
- "react-dom": "^18.3.1",
41
- "react-keyed-flatten-children": "^3.0.0",
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": "^2.1.1",
47
- "@eslint-react/eslint-plugin": "^1.9.1",
48
- "@eslint/eslintrc": "^3.1.0",
49
- "@eslint/js": "^8.57.0",
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.0.12",
52
- "@storybook/addon-docs": "^9.0.12",
53
- "@storybook/addon-links": "^9.0.12",
54
- "@storybook/html-vite": "^9.0.12",
55
- "@storybook/react-vite": "^9.0.12",
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.0",
59
- "@testing-library/jest-dom": "^6.6.3",
60
- "@testing-library/react": "^16.0.0",
61
- "@testing-library/user-event": "^14.5.2",
62
- "@typescript-eslint/parser": "^7.18.0",
63
- "@vitejs/plugin-react": "^4.3.1",
64
- "@vitest/ui": "^1.6.0",
65
- "axe-playwright": "^2.0.1",
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": "^8.2.2",
76
+ "concurrently": "^9.2.0",
77
+ "cz-conventional-changelog": "^3.3.0",
70
78
  "drupal-attribute": "^1.1.0",
71
- "eslint": "^8.57.0",
72
- "eslint-config-prettier": "^9.1.0",
73
- "eslint-plugin-react": "^7.34.1",
74
- "eslint-plugin-storybook": "^9.0.12",
75
- "eslint-plugin-testing-library": "^6.2.2",
76
- "eslint-plugin-unused-imports": "^3.2.0",
77
- "eslint-plugin-vitest": "^0.5.4",
78
- "globals": "^15.3.0",
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": "^24.1.0",
81
- "postcss": "^8.5.2",
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": "^10.0.1",
85
- "postcss-preset-env": "^9.5.13",
92
+ "postcss-mixins": "^12.1.2",
93
+ "postcss-preset-env": "^10.2.4",
86
94
  "postcss-pxtorem": "^6.1.0",
87
- "prettier": "^3.3.2",
88
- "storybook": "^9.0.12",
89
- "stylelint": "^16.5.0",
90
- "stylelint-config-standard": "^36.0.0",
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.2",
93
- "typescript": "^5.4.5",
94
- "typescript-eslint": "^7.9.0",
95
- "vite-plugin-twig-drupal": "^1.3.0"
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.23.0",
99
- "@rollup/rollup-linux-x64-gnu": "^4.9.5",
100
- "@rollup/rollup-linux-x64-musl": "^4.18.0",
101
- "@swc/core-linux-arm64-gnu": "^1.7.3"
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": {