@pnx-mixtape/mxds 0.0.27 → 0.0.29
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/dist/build/accordion.css +1 -1
- package/dist/build/base.css +1 -1
- package/dist/build/breadcrumb.css +1 -1
- package/dist/build/button.css +1 -1
- package/dist/build/callout.css +1 -1
- package/dist/build/card.css +1 -1
- package/dist/build/carousel.css +1 -1
- package/dist/build/chunks/{DropMenu-LnJEp-sg.js → DropMenu-BckyZaZM.js} +1 -1
- package/dist/build/chunks/{Popover-C4gisyxr.js → Popover-hTv4lVea.js} +2 -2
- package/dist/build/chunks/polyfills-QW1VbwlO.js +562 -0
- package/dist/build/chunks/popover-Dk48Vm_U.js +407 -0
- package/dist/build/constants.css +1 -1
- package/dist/build/container-grid.css +1 -1
- package/dist/build/content-block.css +1 -1
- package/dist/build/dialog.css +1 -1
- package/dist/build/drop-menu.css +1 -1
- package/dist/build/drop-menu.entry.js +2 -2
- package/dist/build/drupal.css +1 -1
- package/dist/build/filters.css +1 -1
- package/dist/build/footer.css +1 -1
- package/dist/build/form.css +1 -1
- package/dist/build/global-alert.css +1 -1
- package/dist/build/grid.css +1 -1
- package/dist/build/header.css +1 -1
- package/dist/build/header.entry.js +524 -379
- package/dist/build/hero-banner.css +1 -1
- package/dist/build/icon.css +1 -1
- package/dist/build/in-page-alert.css +1 -1
- package/dist/build/in-page-navigation.css +1 -1
- package/dist/build/in-page-navigation.entry.js +23 -11
- package/dist/build/link-list.css +1 -1
- package/dist/build/list-item.css +1 -1
- package/dist/build/masthead.css +1 -1
- package/dist/build/navigation.css +1 -1
- package/dist/build/page.css +1 -1
- package/dist/build/pagination.css +1 -1
- package/dist/build/popover.css +1 -1
- package/dist/build/popover.entry.js +1 -1
- package/dist/build/results-bar.css +1 -1
- package/dist/build/section.css +1 -1
- package/dist/build/side-navigation.css +1 -1
- package/dist/build/sidebar.css +1 -1
- package/dist/build/social-links.css +1 -1
- package/dist/build/steps.css +1 -1
- package/dist/build/sticky.css +1 -1
- package/dist/build/tabs.css +1 -1
- package/dist/build/tabs.entry.js +2 -2
- package/dist/build/tag.css +1 -1
- package/dist/build/utilities.css +1 -1
- package/dist/build/utility-list.css +1 -1
- package/package.json +22 -21
- package/src/Atom/Background/_background.css +1 -0
- package/src/Atom/Image/_image.css +1 -0
- package/src/Atom/Media/_media.css +0 -6
- package/src/Atom/Spacing/_mixins.css +22 -0
- package/src/Atom/Spacing/_spacing.css +33 -0
- package/src/Atom/Table/Table.stories.ts +17 -7
- package/src/Atom/Table/__snapshots__/Table.stories.ts.snap +16 -8
- package/src/Atom/Table/__snapshots__/TableResponsive.stories.ts.snap +1 -1
- package/src/Atom/Table/_table.css +26 -1
- package/src/Atom/Table/table-responsive.twig +1 -1
- package/src/Atom/Table/table.twig +9 -1
- package/src/Atom/_flow.css +1 -5
- package/src/Component/Accordion/accordion.css +4 -0
- package/src/Component/Card/Card.stories.ts +19 -0
- package/src/Component/Card/__snapshots__/Card.stories.ts.snap +40 -9
- package/src/Component/Card/card.css +60 -12
- package/src/Component/Card/card.twig +5 -2
- package/src/Component/Carousel/Elements/Carousel.ts +8 -3
- package/src/Component/Carousel/__snapshots__/Carousel.stories.ts.snap +52 -52
- package/src/Component/Carousel/carousel.css +14 -35
- package/src/Component/Carousel/carousel.twig +0 -1
- package/src/Component/GlobalAlert/global-alert.css +8 -4
- package/src/Component/InPageAlert/in-page-alert.css +1 -0
- package/src/Component/InPageNavigation/Elements/InPageNavigation.ts +12 -7
- package/src/Component/InPageNavigation/InPageNavigation.stories.ts +28 -12
- package/src/Component/InPageNavigation/__snapshots__/InPageNavigation.stories.ts.snap +30 -49
- package/src/Component/InPageNavigation/in-page-navigation.css +8 -4
- package/src/Component/InPageNavigation/in-page-navigation.twig +9 -6
- package/src/Component/InPageNavigation/twig/content-example.twig +1 -1
- package/src/Component/InPageNavigation/twig/in-page-navigation-selector.twig +4 -0
- package/src/Component/ListItem/__snapshots__/ListItem.stories.ts.snap +9 -9
- package/src/Component/ListItem/list-item.css +14 -1
- package/src/Component/ListItem/list-item.twig +6 -2
- package/src/Component/Pagination/Pagination.stories.ts +1 -1
- package/src/Component/Pagination/__snapshots__/Pagination.stories.ts.snap +2 -2
- package/src/Component/ResultsBar/results-bar.css +4 -0
- package/src/Form/FormItem/FormItem.stories.ts +14 -0
- package/src/Form/FormItem/__snapshots__/FormItem.stories.ts.snap +19 -0
- package/src/Form/form.css +11 -3
- package/src/Layout/Grid/Grid.stories.ts +7 -7
- package/src/Layout/Grid/GridItem.stories.ts +1 -2
- package/src/Layout/Section/__snapshots__/Section.stories.ts.snap +5 -5
- package/src/Layout/Section/section.css +8 -0
- package/src/Layout/Section/section.twig +2 -1
- package/src/_custom-media.css +2 -0
- package/src/constants.css +16 -4
- package/src/enums.ts +1 -1
- package/src/tokens.js +1 -0
- package/dist/build/chunks/polyfills-Du4RTZDf.js +0 -511
- package/dist/build/chunks/popover-Bd5oQ1Ic.js +0 -407
package/dist/build/accordion.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer design-system.defaults{details summary{list-style-type:none}:is(details summary):is(::-webkit-details-marker,::marker){display:none;content:""}:is(mx-accordion,mx-accordiondiv,mx-accordionmobile,mx-accordion-group){display:block}:where(:is(div.mx-accordion,mx-accordiondiv)) .mx-accordion__toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;font-size:inherit;background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;background:initial;border:medium none currentcolor;border:initial;padding:0;padding:initial}mx-accordion-group:not(:defined) .mx-accordions__toggle-all{display:none}}@layer design-system.components{.mx-accordion__title{margin-block-end:var(--spacing-m);display:flex;flex-flow:row wrap;gap:var(--spacing-s);align-items:center}.mx-accordions__toggle-all{margin-inline-start:auto}.mx-accordion .mx-accordion__toggle{cursor:pointer;inline-size:100%}.mx-accordion:is(>h2,>h3,>h4,>h5,>h6){all:unset}.mx-accordion>.mx-accordion__content{display:none;opacity:0;overflow:hidden}:is(.mx-accordion:is([open],[data-open=true])>.mx-accordion__toggle) .mx-icon--chevron-down{transform:rotate(180deg)}.mx-accordion:is([open],[data-open=true])>.mx-accordion__content{opacity:1;display:block}@starting-style{.mx-accordion:is([open],[data-open=true])>.mx-accordion__content{opacity:0;display:block}}.mx-accordion--divided{border-block-end:1px solid var(--line-colour, var(--colour-border));border-block-end:var(--line-width, 1px) solid var(--line-colour, var(--colour-border))}.mx-accordion--divided .mx-accordion__toggle{padding-block:var(--vertical-padding, var(--spacing-xxs));padding-inline:0;padding-inline:var(--horizontal-padding, 0);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xxs)}.mx-accordion--divided:is([open],[data-open=true])>.mx-accordion__content{border-block-start:1px solid var(--line-colour, var(--colour-border));border-block-start:var(--line-width, 1px) solid var(--line-colour, var(--colour-border));padding-block:var(--vertical-padding, var(--spacing-xxs));padding-inline:0;padding-inline:var(--horizontal-padding, 0)}}@media print{.mx-accordion .mx-accordion__content{display:block!important}}
|
|
1
|
+
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.defaults{details summary{list-style-type:none}:is(details summary):is(::-webkit-details-marker,::marker){display:none;content:""}:is(mx-accordion,mx-accordiondiv,mx-accordionmobile,mx-accordion-group){display:block}:where(:is(div.mx-accordion,mx-accordiondiv)) .mx-accordion__toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;font-size:inherit;background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;background:initial;border:medium none currentcolor;border:initial;padding:0;padding:initial}mx-accordion-group:not(:defined) .mx-accordions__toggle-all{display:none}}@layer design-system.components{.mx-accordion__title{margin-block-end:var(--spacing-m);display:flex;flex-flow:row wrap;gap:var(--spacing-s);align-items:center}.mx-accordions__toggle-all{margin-inline-start:auto}.mx-accordion .mx-accordion__toggle{cursor:pointer;inline-size:100%}.mx-accordion:is(>h2,>h3,>h4,>h5,>h6){all:unset}.mx-accordion>.mx-accordion__content{display:none;opacity:0;overflow:hidden}:is(.mx-accordion:is([open],[data-open=true])>.mx-accordion__toggle) .mx-icon--chevron-down{transform:rotate(180deg)}.mx-accordion:is([open],[data-open=true])>.mx-accordion__content{opacity:1;display:block}@starting-style{.mx-accordion:is([open],[data-open=true])>.mx-accordion__content{opacity:0;display:block}}.mx-accordion--divided{border-block-end:1px solid var(--line-colour, var(--colour-border));border-block-end:var(--line-width, 1px) solid var(--line-colour, var(--colour-border))}.mx-accordion--divided .mx-accordion__toggle{padding-block:var(--vertical-padding, var(--spacing-xxs));padding-inline:0;padding-inline:var(--horizontal-padding, 0);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xxs)}:is(.mx-accordion--divided .mx-accordion__toggle) .mx-icon{margin-inline-start:auto}.mx-accordion--divided:is([open],[data-open=true])>.mx-accordion__content{border-block-start:1px solid var(--line-colour, var(--colour-border));border-block-start:var(--line-width, 1px) solid var(--line-colour, var(--colour-border));padding-block:var(--vertical-padding, var(--spacing-xxs));padding-inline:0;padding-inline:var(--horizontal-padding, 0)}}@media print{.mx-accordion .mx-accordion__content{display:block!important}}
|
package/dist/build/base.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layouts,design-system.utilities,design-system.components;@layer design-system.atoms{:where([class*=mx-background--]){background-color:var(--background, var(--colour-background));color:var(--foreground, var(--colour-foreground));color-scheme:var(--scheme, var(--colour-scheme))}.mx-background--reset{--scheme: var(--colour-scheme);--background: var(--colour-background);--foreground: var(--colour-foreground);--link-colour: var(--colour-link);--line-colour: var(--colour-border)}.mx-background--alt{--scheme: var(--alt-scheme, var(--colour-scheme));--background: var(--colour-background-alt)}.mx-background--primary{--scheme: var(--primary-scheme, var(--colour-primary-scheme, var(--colour-scheme)));--background: var(--colour-primary);--line-colour: light-dark(var(--colour-primary-darker), var(--colour-primary-lighter))}.mx-background--accent{--scheme: var(--accent-scheme, var(--colour-accent-scheme, var(--colour-scheme)));--background: var(--colour-accent);--line-colour: light-dark(var(--colour-accent-darker), var(--colour-accent-lighter));--icon-colour: var(--colour-foreground)}.mx-background--image img{-o-object-fit:cover;object-fit:cover;position:absolute;inline-size:100%;min-block-size:100%;filter:brightness(1) saturate(1.25) opacity(.5);filter:brightness(var(--bg-img-brightness, 1)) saturate(var(--bg-img-saturate, 1.25)) opacity(var(--bg-img-opacity, .5))}.mx-background--reverse{--scheme: var(--reverse-scheme, var(--colour-reverse-scheme, dark))}.mx-background--reverse .mx-background--image{--bg-img-brightness: .45;--bg-img-opacity: 1}.mx-background--box{border:1px solid var(--line-colour, var(--colour-border));border:var(--line-width, 1px) solid var(--line-colour, var(--colour-border));border-radius:var(--border-radius);padding-inline:1rem;padding-inline:var(--gutter, 1rem)}}@layer design-system.utilities{.mx-animated--fade-in{animation:fade-in .5s var(--ease)}.mx-animated--fade-out{animation:fade-out .5s var(--ease)}.mx-animated--spin:before{animation:spin 2s linear infinite}.mx-animated--scale-up{animation:scale-up .5s var(--ease)}.mx-animated--scale-down{animation:scale-down .5s var(--ease)}}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@layer design-system.defaults{@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}:is(*,:before,:after){box-sizing:border-box;background-repeat:no-repeat;margin:0;opacity:1;transition-property:opacity,color,background-color,border-color,transform,rotate,display,overlay;transition-duration:.5s;transition-timing-function:var(--ease);transition-behavior:allow-discrete}@starting-style{:is(*,:before,:after){opacity:0}}:focus{scroll-padding-block-end:4vh}:focus-visible{outline:2px solid currentcolor;outline:var(--outline-size, 2px) var(--outline-style, solid) var(--outline-color, currentcolor);outline-offset:2px;outline-offset:var(--outline-offset, var(--outline-size, 2px))}html{block-size:100%;font-size:100%;font-family:var(--font-family);line-height:var(--line-height);scroll-behavior:smooth}.translated-rtl{direction:rtl}body{font-size:var(--font-size);color:var(--colour-foreground);accent-color:var(--colour-primary);text-rendering:optimizespeed;block-size:100%;padding-inline:unset;padding-block:unset}:target,[id],.has-scroll-margin{scroll-margin-block-start:calc(0rem + var(--scroll-margin, var(--spacing-m)));scroll-margin-block-start:calc(var(--sticky-offset, 0rem) + var(--scroll-margin, var(--spacing-m)))}:is(b,strong){font-weight:var(--font-weight-bold)}:is(ol,ul){padding-inline-start:var(--spacing-m)}[role=list]:is(ol,ul){list-style:none;padding-inline-start:0}dl{display:grid;grid-template-columns:min(100%,20ch) 1fr;grid-template-columns:min(100%,var(--grid-min, 20ch)) 1fr;grid-template-rows:1fr;grid-gap:var(--spacing-xs);gap:var(--spacing-xs)}dl:has(>div){container-type:inline-size}dl div{display:grid;grid-template-columns:subgrid;grid-column:span 2}@container (max-width: 60ch){dl div{gap:var(--spacing-xxxs)}:is(dl div)>:is(dt,dd){grid-column:span 2}}dl dt{font-weight:var(--font-weight-bold)}p{text-wrap:pretty}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:scroll!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}@layer design-system.utilities{.mx-vertical-flow>:where(:not(:first-child)){margin-block-start:var(--flow-gap, var(--gap))}.mx-vertical-flow>.mx-vertical-flow__collapse{margin-block-start:0}.mx-vertical-flow.mx-rich-text>.mx-text--lede{--flow-gap: var(--gap-xl)}.mx-vertical-flow-flex{display:flex;flex-direction:column;align-items:start;gap:var(--flow-gap, var(--gap))}.mx-vertical-flow-flex>*{margin:0}.mx-vertical-flow-flex:is(ul,ol){padding-inline-start:unset;list-style:none}.mx-vertical-flow-grid{display:grid;align-items:start;grid-gap:var(--flow-gap, var(--gap));gap:var(--flow-gap, var(--gap))}.mx-vertical-flow-grid>*{margin:0}.mx-vertical-flow-grid:is(ul,ol){padding-inline-start:unset;list-style:none}.mx-horizontal-flow-flex{display:flex;flex-wrap:wrap;gap:var(--flow-gap, var(--gap))}.mx-horizontal-flow-flex>*{margin:0}.mx-horizontal-flow-flex:is(ul,ol){padding-inline-start:unset;list-style:none}}@layer design-system.defaults{:is(.mx-headline,h1,.mx-heading--xxl,h2,.mx-heading--xl,h3,.mx-heading--l,h4,.mx-heading--m,h5,.mx-heading--s,h6,.mx-heading--xs){font-family:var(--heading-font-family, var(--font-family));line-height:var(--line-height-h);font-size:var(--heading-font-size, var(--font-size));font-weight:var(--heading-font-weight, var(--font-weight-bold));text-wrap:balance}@supports (font-size: 1cqi){:is(.mx-headline,h1,.mx-heading--xxl,h2,.mx-heading--xl,h3,.mx-heading--l,h4,.mx-heading--m,h5,.mx-heading--s){--font-min: calc( var(--heading-font-size) - var(--heading-font-size) * var(--font-size-diff, .3) );font-size:clamp(max(var(--base-font-size),var(--font-min)),var(--font-min) + 1cqi,var(--heading-font-size))}}.mx-headline{--heading-font-size: var(--font-size-xxxl)}h1,.mx-heading--xxl{--heading-font-size: var(--font-size-xxl)}h2,.mx-heading--xl{--heading-font-size: var(--font-size-xl)}h3,.mx-heading--l{--heading-font-size: var(--font-size-l)}h4,.mx-heading--m{--heading-font-size: var(--font-size-m)}h5,.mx-heading--s{--heading-font-size: var(--base-font-size)}h6,.mx-heading--xs{--heading-font-size: var(--font-size-s)}}@layer design-system.defaults{blockquote{padding-inline-start:var(--line-gap, var(--gap));border-inline-start:6px solid var(--line-colour, var(--colour-border));border-inline-start:var(--line-width, 6px) solid var(--line-colour, var(--colour-border))}}@layer design-system.defaults{hr{display:block;block-size:0;border:0;border-block-start:1px solid var(--line-colour, var(--colour-border));border-block-start:var(--line-width, 1px) solid var(--line-colour, var(--colour-border));margin-block:var(--line-gap, var(--spacing-m))}}@layer design-system.defaults{a[href]{color:var(--link-colour, var(--colour-link));-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:max(.08em,1px);-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a[href]:hover,a[href]:active{text-underline-offset:.2em;text-decoration-thickness:max(.09em,2px)}.mx-link--external{margin-inline-end:var(--spacing-xxxs);display:inline-flex;gap:var(--spacing-xxxs);align-items:center}.mx-link--external:after{content:"";display:inline-block;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M15 0H8v2h4.6L6.3 8.3l1.4 1.4L14 3.4V8h2V1c0-.6-.4-1-1-1z'/%3E%3Cpath d='M14 16H1c-.6 0-1-.4-1-1V2c0-.6.4-1 1-1h4v2H2v11h11v-3h2v4c0 .6-.4 1-1 1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M15 0H8v2h4.6L6.3 8.3l1.4 1.4L14 3.4V8h2V1c0-.6-.4-1-1-1z'/%3E%3Cpath d='M14 16H1c-.6 0-1-.4-1-1V2c0-.6.4-1 1-1h4v2H2v11h11v-3h2v4c0 .6-.4 1-1 1z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;block-size:var(--spacing-s);inline-size:var(--spacing-s);background-color:currentcolor}.mx-link--more{font-weight:var(--font-weight-bold);display:inline-flex}.mx-link--more:hover .mx-icon{transform:translate(3px)}.mx-link--download:hover .mx-icon{transform:translateY(3px)}a:where([href]):has(.mx-icon){display:inline-flex;align-items:center;gap:var(--spacing-xxs)}}@layer design-system.atoms{:is(.mx-text--section-headline,.mx-text--embellished-headline,.mx-text--lede,.mx-text--xs,.mx-text--s,.mx-text--m,.mx-text--l,.mx-text--xl,.mx-text--xxl,.mx-text--xxxl,.mx-text--fluid){font-size:var(--font-size)}@supports (font-size: 1cqi){:is(.mx-text--section-headline,.mx-text--lede,.mx-text--m,.mx-text--l,.mx-text--xl,.mx-text--xxl,.mx-text--xxxl,.mx-text--fluid){--font-min: calc(var(--font-size) - var(--font-size) * var(--font-size-diff, .3));font-size:clamp(max(var(--base-font-size),var(--font-min)),var(--font-min) + 1cqi,var(--font-size))}}.mx-text--section-headline{--font-size: var(--font-size-m);font-weight:var(--heading-font-weight, var(--font-weight-bold));font-family:var(--heading-font-family, var(--font-family));line-height:var(--line-height-h);color:var(--foreground, var(--colour-foreground-alt));margin-block-start:0;text-wrap:balance}.mx-text--section-headline+:is(h2,h3){margin-block-start:var(--spacing-xxxxs)!important}.mx-text--embellished-headline{--font-size: var(--font-size-s);text-transform:uppercase;position:relative;font-weight:var(--heading-font-weight, var(--font-weight-bold));font-family:var(--heading-font-family, var(--font-family));line-height:var(--line-height-h);margin-block:0 var(--spacing-l);text-wrap:balance}.mx-text--embellished-headline:after{content:"";display:block;position:absolute;inline-size:var(--spacing-xxxl);block-size:3px;background-color:var(--colour-primary);inset-block-end:-8px}.mx-text--lede{--font-size: var(--font-size-sm)}.mx-text--xxxl{--font-size: var(--font-size-xxxl);line-height:var(--line-height-h)}.mx-text--xxl{--font-size: var(--font-size-xxl);line-height:var(--line-height-h)}.mx-text--xl{--font-size: var(--font-size-xl);line-height:var(--line-height-h)}.mx-text--l{--font-size: var(--font-size-l);line-height:var(--line-height-h)}.mx-text--m{--font-size: var(--font-size-m)}.mx-text--s{--font-size: var(--font-size-s)}.mx-text--xs{--font-size: var(--font-size-xs)}}@layer design-system.utilities{.mx-text--left{text-align:start}.mx-text--right{text-align:end}.mx-text--center{text-align:center}}@layer design-system.utilities{.mx-spacing--reset{padding:0!important}.mx-spacing--top-reset{padding-block-start:0!important}.mx-spacing--bottom-reset{padding-block-end:0!important}.mx-spacing--left-reset{padding-inline-start:0!important}.mx-spacing--right-reset{padding-inline-end:0!important}.mx-spacing--xxs{padding:var(--spacing-xxs)}.mx-spacing--top-xxs{padding-block-start:var(--spacing-xxs)}.mx-spacing--bottom-xxs{padding-block-end:var(--spacing-xxs)}.mx-spacing--left-xxs{padding-inline-start:var(--spacing-xxs)}.mx-spacing--right-xxs{padding-inline-end:var(--spacing-xxs)}.mx-spacing--xs{padding:var(--spacing-xs)}.mx-spacing--top-xs{padding-block-start:var(--spacing-xs)}.mx-spacing--bottom-xs{padding-block-end:var(--spacing-xs)}.mx-spacing--left-xs{padding-inline-start:var(--spacing-xs)}.mx-spacing--right-xs{padding-inline-end:var(--spacing-xs)}.mx-spacing--s{padding:var(--spacing-s)}.mx-spacing--top-s{padding-block-start:var(--spacing-s)}.mx-spacing--bottom-s{padding-block-end:var(--spacing-s)}.mx-spacing--left-s{padding-inline-start:var(--spacing-s)}.mx-spacing--right-s{padding-inline-end:var(--spacing-s)}.mx-spacing--m{padding:var(--spacing-m)}.mx-spacing--top-m{padding-block-start:var(--spacing-m)}.mx-spacing--bottom-m{padding-block-end:var(--spacing-m)}.mx-spacing--left-m{padding-inline-start:var(--spacing-m)}.mx-spacing--right-m{padding-inline-end:var(--spacing-m)}.mx-spacing--l{padding:var(--spacing-l)}.mx-spacing--top-l{padding-block-start:var(--spacing-l)}.mx-spacing--bottom-l{padding-block-end:var(--spacing-l)}.mx-spacing--left-l{padding-inline-start:var(--spacing-l)}.mx-spacing--right-l{padding-inline-end:var(--spacing-l)}.mx-spacing--xl{padding:var(--spacing-xl)}.mx-spacing--top-xl{padding-block-start:var(--spacing-xl)}.mx-spacing--bottom-xl{padding-block-end:var(--spacing-xl)}.mx-spacing--left-xl{padding-inline-start:var(--spacing-xl)}.mx-spacing--right-xl{padding-inline-end:var(--spacing-xl)}.mx-spacing--xxl{padding:var(--spacing-xxl)}.mx-spacing--top-xxl{padding-block-start:var(--spacing-xxl)}.mx-spacing--bottom-xxl{padding-block-end:var(--spacing-xxl)}.mx-spacing--left-xxl{padding-inline-start:var(--spacing-xxl)}.mx-spacing--right-xxl{padding-inline-end:var(--spacing-xxl)}.mx-spacing--xxxl{padding:var(--spacing-xxxl)}.mx-spacing--top-xxxl{padding-block-start:var(--spacing-xxxl)}.mx-spacing--bottom-xxxl{padding-block-end:var(--spacing-xxxl)}.mx-spacing--left-xxxl{padding-inline-start:var(--spacing-xxxl)}.mx-spacing--right-xxxl{padding-inline-end:var(--spacing-xxxl)}.mx-spacing--xxxxl{padding:var(--spacing-xxxxl)}.mx-spacing--top-xxxxl{padding-block-start:var(--spacing-xxxxl)}.mx-spacing--bottom-xxxxl{padding-block-end:var(--spacing-xxxxl)}.mx-spacing--left-xxxxl{padding-inline-start:var(--spacing-xxxxl)}.mx-spacing--right-xxxxl{padding-inline-end:var(--spacing-xxxxl)}.mx-spacing--ul{padding:var(--spacing-ul)}.mx-spacing--top-ul{padding-block-start:var(--spacing-ul)}.mx-spacing--bottom-ul{padding-block-end:var(--spacing-ul)}.mx-spacing--left-ul{padding-inline-start:var(--spacing-ul)}.mx-spacing--right-ul{padding-inline-end:var(--spacing-ul)}.mx-spacing--uul{padding:var(--spacing-uul)}.mx-spacing--top-uul{padding-block-start:var(--spacing-uul)}.mx-spacing--bottom-uul{padding-block-end:var(--spacing-uul)}.mx-spacing--left-uul{padding-inline-start:var(--spacing-uul)}.mx-spacing--right-uul{padding-inline-end:var(--spacing-uul)}.mx-spacing--uuul{padding:var(--spacing-uuul)}.mx-spacing--top-uuul{padding-block-start:var(--spacing-uuul)}.mx-spacing--bottom-uuul{padding-block-end:var(--spacing-uuul)}.mx-spacing--left-uuul{padding-inline-start:var(--spacing-uuul)}.mx-spacing--right-uuul{padding-inline-end:var(--spacing-uuul)}}@layer design-system.defaults{figure{margin:0;display:table;inline-size:-moz-fit-content;inline-size:fit-content}figcaption{font-size:var(--caption-font-size, var(--font-size-xs));line-height:var(--caption-line-height, var(--line-height-h));caption-side:bottom;display:table-caption}img{vertical-align:bottom;max-inline-size:100%;block-size:auto}svg:not([fill]){fill:currentcolor}}@layer design-system.atoms{@media(min-width:540px){:is(.mx-media--left,.mx-media--right,.mx-media--center){display:table;max-inline-size:50%;margin-block-end:var(--spacing-s)}:is(.mx-media--left,.mx-media--right,.mx-media--center):first-child{margin-block-start:0}:is(.mx-media--left,.mx-media--right,.mx-media--center):first-child+*{margin-block-start:0!important}:is(.mx-media--left,.mx-media--right,.mx-media--center) figcaption{display:table-caption;caption-side:bottom}}.mx-media--center{margin-inline:auto}@media(min-width:540px){:is(.mx-media--left,[dir=rtl] .mx-media--right,.translated-rtl .mx-media--right){float:left;margin-inline:0 var(--spacing-m)}}@media(min-width:540px){:is(.mx-media--right,[dir=rtl] .mx-media--left,.translated-rtl .mx-media--left){float:right;margin-inline:var(--spacing-m) 0}}}@layer design-system.defaults{.mx-video,.mx-video :is(embed,object,iframe){aspect-ratio:16 / 9;block-size:100%;inline-size:100%;border:0}.mx-media--video{inline-size:100%}}@layer design-system.defaults{table{inline-size:100%;border-collapse:collapse;margin:0}table th{font-weight:var(--font-weight-bold);text-align:start}table :is(td,th){padding:var(--spacing-xxs);border-block-end:1px solid var(--line-colour, var(--colour-border));border-block-end:var(--line-width, 1px) solid var(--line-colour, var(--colour-border));vertical-align:top}table thead :is(td,th){border-color:currentcolor}:is(.mx-table--flush :is(td,th)):first-child{padding-inline-start:0}:is(.mx-table--flush :is(td,th)):last-child{padding-inline-end:0}.mx-table--small :is(td,th){font-size:var(--font-size-s);line-height:var(--line-height-h)}:is(.mx-table--striped tbody tr):nth-child(2n) :is(td,th){background-color:var(--colour-background-alt)}.mx-table--responsive{max-inline-size:100%}@media(max-width:719.98px){.mx-table--responsive{overflow-y:scroll;-webkit-overflow-scrolling:touch;box-shadow:var(--box-shadow) inset}.mx-table--responsive table{inline-size:100%;margin-block:0;margin-inline:var(--spacing-s)}:is(.mx-table--responsive table) td{min-inline-size:20ch}}}@media print{.contextual{display:none}.mx-rich-text{max-inline-size:100%}}
|
|
1
|
+
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layouts,design-system.utilities,design-system.components;@layer design-system.atoms{:where([class*=mx-background--]){background-color:var(--background, var(--colour-background));color:var(--foreground, var(--colour-foreground));color-scheme:var(--scheme, var(--colour-scheme))}.mx-background--reset{--scheme: var(--colour-scheme);--background: var(--colour-background);--foreground: var(--colour-foreground);--link-colour: var(--colour-link);--line-colour: var(--colour-border)}.mx-background--alt{--scheme: var(--alt-scheme, var(--colour-scheme));--background: var(--colour-background-alt)}.mx-background--primary{--scheme: var(--primary-scheme, var(--colour-primary-scheme, var(--colour-scheme)));--background: var(--colour-primary);--line-colour: light-dark(var(--colour-primary-darker), var(--colour-primary-lighter));--colour-foreground-alt: var(--colour-primary-light)}.mx-background--accent{--scheme: var(--accent-scheme, var(--colour-accent-scheme, var(--colour-scheme)));--background: var(--colour-accent);--line-colour: light-dark(var(--colour-accent-darker), var(--colour-accent-lighter));--icon-colour: var(--colour-foreground)}.mx-background--image img{-o-object-fit:cover;object-fit:cover;position:absolute;inline-size:100%;min-block-size:100%;filter:brightness(1) saturate(1.25) opacity(.5);filter:brightness(var(--bg-img-brightness, 1)) saturate(var(--bg-img-saturate, 1.25)) opacity(var(--bg-img-opacity, .5))}.mx-background--reverse{--scheme: var(--reverse-scheme, var(--colour-reverse-scheme, dark))}.mx-background--reverse .mx-background--image{--bg-img-brightness: .45;--bg-img-opacity: 1}.mx-background--box{border:1px solid var(--line-colour, var(--colour-border));border:var(--line-width, 1px) solid var(--line-colour, var(--colour-border));border-radius:var(--border-radius);padding-inline:1rem;padding-inline:var(--gutter, 1rem)}}@layer design-system.utilities{.mx-animated--fade-in{animation:fade-in .5s var(--ease)}.mx-animated--fade-out{animation:fade-out .5s var(--ease)}.mx-animated--spin:before{animation:spin 2s linear infinite}.mx-animated--scale-up{animation:scale-up .5s var(--ease)}.mx-animated--scale-down{animation:scale-down .5s var(--ease)}}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@layer design-system.defaults{@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}:is(*,:before,:after){box-sizing:border-box;background-repeat:no-repeat;margin:0;opacity:1;transition-property:opacity,color,background-color,border-color,transform,rotate,display,overlay;transition-duration:.5s;transition-timing-function:var(--ease);transition-behavior:allow-discrete}@starting-style{:is(*,:before,:after){opacity:0}}:focus{scroll-padding-block-end:4vh}:focus-visible{outline:2px solid currentcolor;outline:var(--outline-size, 2px) var(--outline-style, solid) var(--outline-color, currentcolor);outline-offset:2px;outline-offset:var(--outline-offset, var(--outline-size, 2px))}html{block-size:100%;font-size:100%;font-family:var(--font-family);line-height:var(--line-height);scroll-behavior:smooth}.translated-rtl{direction:rtl}body{font-size:var(--font-size);color:var(--colour-foreground);accent-color:var(--colour-primary);text-rendering:optimizespeed;block-size:100%;padding-inline:unset;padding-block:unset}:target,[id],.has-scroll-margin{scroll-margin-block-start:calc(0rem + var(--scroll-margin, var(--spacing-m)));scroll-margin-block-start:calc(var(--sticky-offset, 0rem) + var(--scroll-margin, var(--spacing-m)))}:is(b,strong){font-weight:var(--font-weight-bold)}:is(ol,ul){padding-inline-start:var(--spacing-m)}[role=list]:is(ol,ul){list-style:none;padding-inline-start:0}dl{display:grid;grid-template-columns:min(100%,20ch) 1fr;grid-template-columns:min(100%,var(--grid-min, 20ch)) 1fr;grid-template-rows:1fr;grid-gap:var(--spacing-xs);gap:var(--spacing-xs)}dl:has(>div){container-type:inline-size}dl div{display:grid;grid-template-columns:subgrid;grid-column:span 2}@container (max-width: 60ch){dl div{gap:var(--spacing-xxxs)}:is(dl div)>:is(dt,dd){grid-column:span 2}}dl dt{font-weight:var(--font-weight-bold)}p{text-wrap:pretty}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:scroll!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}@layer design-system.utilities{.mx-vertical-flow>:where(:not(:first-child):not(.mx-vertical-flow__collapse)){margin-block-start:var(--flow-gap, var(--gap))}.mx-vertical-flow.mx-rich-text>.mx-text--lede{--flow-gap: var(--gap-xl)}.mx-vertical-flow-flex{display:flex;flex-direction:column;align-items:start;gap:var(--flow-gap, var(--gap))}.mx-vertical-flow-flex>*{margin:0}.mx-vertical-flow-flex:is(ul,ol){padding-inline-start:unset;list-style:none}.mx-vertical-flow-grid{display:grid;align-items:start;grid-gap:var(--flow-gap, var(--gap));gap:var(--flow-gap, var(--gap))}.mx-vertical-flow-grid>*{margin:0}.mx-vertical-flow-grid:is(ul,ol){padding-inline-start:unset;list-style:none}.mx-horizontal-flow-flex{display:flex;flex-wrap:wrap;gap:var(--flow-gap, var(--gap))}.mx-horizontal-flow-flex>*{margin:0}.mx-horizontal-flow-flex:is(ul,ol){padding-inline-start:unset;list-style:none}}@layer design-system.defaults{:is(.mx-headline,h1,.mx-heading--xxl,h2,.mx-heading--xl,h3,.mx-heading--l,h4,.mx-heading--m,h5,.mx-heading--s,h6,.mx-heading--xs){font-family:var(--heading-font-family, var(--font-family));line-height:var(--line-height-h);font-size:var(--heading-font-size, var(--font-size));font-weight:var(--heading-font-weight, var(--font-weight-bold));text-wrap:balance}@supports (font-size: 1cqi){:is(.mx-headline,h1,.mx-heading--xxl,h2,.mx-heading--xl,h3,.mx-heading--l,h4,.mx-heading--m,h5,.mx-heading--s){--font-min: calc( var(--heading-font-size) - var(--heading-font-size) * var(--font-size-diff, .3) );font-size:clamp(max(var(--base-font-size),var(--font-min)),var(--font-min) + 1cqi,var(--heading-font-size))}}.mx-headline{--heading-font-size: var(--font-size-xxxl)}h1,.mx-heading--xxl{--heading-font-size: var(--font-size-xxl)}h2,.mx-heading--xl{--heading-font-size: var(--font-size-xl)}h3,.mx-heading--l{--heading-font-size: var(--font-size-l)}h4,.mx-heading--m{--heading-font-size: var(--font-size-m)}h5,.mx-heading--s{--heading-font-size: var(--base-font-size)}h6,.mx-heading--xs{--heading-font-size: var(--font-size-s)}}@layer design-system.defaults{blockquote{padding-inline-start:var(--line-gap, var(--gap));border-inline-start:6px solid var(--line-colour, var(--colour-border));border-inline-start:var(--line-width, 6px) solid var(--line-colour, var(--colour-border))}}@layer design-system.defaults{hr{display:block;block-size:0;border:0;border-block-start:1px solid var(--line-colour, var(--colour-border));border-block-start:var(--line-width, 1px) solid var(--line-colour, var(--colour-border));margin-block:var(--line-gap, var(--spacing-m))}}@layer design-system.defaults{a[href]{color:var(--link-colour, var(--colour-link));-webkit-text-decoration:underline;text-decoration:underline;text-decoration-thickness:max(.08em,1px);-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a[href]:hover,a[href]:active{text-underline-offset:.2em;text-decoration-thickness:max(.09em,2px)}.mx-link--external{margin-inline-end:var(--spacing-xxxs);display:inline-flex;gap:var(--spacing-xxxs);align-items:center}.mx-link--external:after{content:"";display:inline-block;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M15 0H8v2h4.6L6.3 8.3l1.4 1.4L14 3.4V8h2V1c0-.6-.4-1-1-1z'/%3E%3Cpath d='M14 16H1c-.6 0-1-.4-1-1V2c0-.6.4-1 1-1h4v2H2v11h11v-3h2v4c0 .6-.4 1-1 1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M15 0H8v2h4.6L6.3 8.3l1.4 1.4L14 3.4V8h2V1c0-.6-.4-1-1-1z'/%3E%3Cpath d='M14 16H1c-.6 0-1-.4-1-1V2c0-.6.4-1 1-1h4v2H2v11h11v-3h2v4c0 .6-.4 1-1 1z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;block-size:var(--spacing-s);inline-size:var(--spacing-s);background-color:currentcolor}.mx-link--more{font-weight:var(--font-weight-bold);display:inline-flex}.mx-link--more:hover .mx-icon{transform:translate(3px)}.mx-link--download:hover .mx-icon{transform:translateY(3px)}a:where([href]):has(.mx-icon){display:inline-flex;align-items:center;gap:var(--spacing-xxs)}}@layer design-system.atoms{:is(.mx-text--section-headline,.mx-text--embellished-headline,.mx-text--lede,.mx-text--xs,.mx-text--s,.mx-text--m,.mx-text--l,.mx-text--xl,.mx-text--xxl,.mx-text--xxxl,.mx-text--fluid){font-size:var(--font-size)}@supports (font-size: 1cqi){:is(.mx-text--section-headline,.mx-text--lede,.mx-text--m,.mx-text--l,.mx-text--xl,.mx-text--xxl,.mx-text--xxxl,.mx-text--fluid){--font-min: calc(var(--font-size) - var(--font-size) * var(--font-size-diff, .3));font-size:clamp(max(var(--base-font-size),var(--font-min)),var(--font-min) + 1cqi,var(--font-size))}}.mx-text--section-headline{--font-size: var(--font-size-m);font-weight:var(--heading-font-weight, var(--font-weight-bold));font-family:var(--heading-font-family, var(--font-family));line-height:var(--line-height-h);color:var(--foreground, var(--colour-foreground-alt));margin-block-start:0;text-wrap:balance}.mx-text--section-headline+:is(h2,h3){margin-block-start:var(--spacing-xxxxs)!important}.mx-text--embellished-headline{--font-size: var(--font-size-s);text-transform:uppercase;position:relative;font-weight:var(--heading-font-weight, var(--font-weight-bold));font-family:var(--heading-font-family, var(--font-family));line-height:var(--line-height-h);margin-block:0 var(--spacing-l);text-wrap:balance}.mx-text--embellished-headline:after{content:"";display:block;position:absolute;inline-size:var(--spacing-xxxl);block-size:3px;background-color:var(--colour-primary);inset-block-end:-8px}.mx-text--lede{--font-size: var(--font-size-sm)}.mx-text--xxxl{--font-size: var(--font-size-xxxl);line-height:var(--line-height-h)}.mx-text--xxl{--font-size: var(--font-size-xxl);line-height:var(--line-height-h)}.mx-text--xl{--font-size: var(--font-size-xl);line-height:var(--line-height-h)}.mx-text--l{--font-size: var(--font-size-l);line-height:var(--line-height-h)}.mx-text--m{--font-size: var(--font-size-m)}.mx-text--s{--font-size: var(--font-size-s)}.mx-text--xs{--font-size: var(--font-size-xs)}}@layer design-system.utilities{.mx-text--left{text-align:start}.mx-text--right{text-align:end}.mx-text--center{text-align:center}}@layer design-system.utilities{.mx-spacing--reset{padding:0!important}.mx-spacing--top-reset{padding-block-start:0!important}.mx-spacing--bottom-reset{padding-block-end:0!important}.mx-spacing--left-reset{padding-inline-start:0!important}.mx-spacing--right-reset{padding-inline-end:0!important}.mx-spacing--xxs{padding:var(--spacing-xxs)}.mx-spacing--top-xxs{padding-block-start:var(--spacing-xxs)}.mx-spacing--bottom-xxs{padding-block-end:var(--spacing-xxs)}.mx-spacing--left-xxs{padding-inline-start:var(--spacing-xxs)}.mx-spacing--right-xxs{padding-inline-end:var(--spacing-xxs)}.mx-spacing--xs{padding:var(--spacing-xs)}.mx-spacing--top-xs{padding-block-start:var(--spacing-xs)}.mx-spacing--bottom-xs{padding-block-end:var(--spacing-xs)}.mx-spacing--left-xs{padding-inline-start:var(--spacing-xs)}.mx-spacing--right-xs{padding-inline-end:var(--spacing-xs)}.mx-spacing--s{padding:var(--spacing-s)}.mx-spacing--top-s{padding-block-start:var(--spacing-s)}.mx-spacing--bottom-s{padding-block-end:var(--spacing-s)}.mx-spacing--left-s{padding-inline-start:var(--spacing-s)}.mx-spacing--right-s{padding-inline-end:var(--spacing-s)}.mx-spacing--m{padding:var(--spacing-m)}.mx-spacing--top-m{padding-block-start:var(--spacing-m)}.mx-spacing--bottom-m{padding-block-end:var(--spacing-m)}.mx-spacing--left-m{padding-inline-start:var(--spacing-m)}.mx-spacing--right-m{padding-inline-end:var(--spacing-m)}.mx-spacing--l{padding:var(--spacing-l)}.mx-spacing--top-l{padding-block-start:var(--spacing-l)}.mx-spacing--bottom-l{padding-block-end:var(--spacing-l)}.mx-spacing--left-l{padding-inline-start:var(--spacing-l)}.mx-spacing--right-l{padding-inline-end:var(--spacing-l)}.mx-spacing--xl{padding:var(--spacing-xl)}.mx-spacing--top-xl{padding-block-start:var(--spacing-xl)}.mx-spacing--bottom-xl{padding-block-end:var(--spacing-xl)}.mx-spacing--left-xl{padding-inline-start:var(--spacing-xl)}.mx-spacing--right-xl{padding-inline-end:var(--spacing-xl)}.mx-spacing--xxl{padding:var(--spacing-xxl)}.mx-spacing--top-xxl{padding-block-start:var(--spacing-xxl)}.mx-spacing--bottom-xxl{padding-block-end:var(--spacing-xxl)}.mx-spacing--left-xxl{padding-inline-start:var(--spacing-xxl)}.mx-spacing--right-xxl{padding-inline-end:var(--spacing-xxl)}.mx-spacing--xxxl{padding:var(--spacing-xxxl)}.mx-spacing--top-xxxl{padding-block-start:var(--spacing-xxxl)}.mx-spacing--bottom-xxxl{padding-block-end:var(--spacing-xxxl)}.mx-spacing--left-xxxl{padding-inline-start:var(--spacing-xxxl)}.mx-spacing--right-xxxl{padding-inline-end:var(--spacing-xxxl)}.mx-spacing--xxxxl{padding:var(--spacing-xxxxl)}.mx-spacing--top-xxxxl{padding-block-start:var(--spacing-xxxxl)}.mx-spacing--bottom-xxxxl{padding-block-end:var(--spacing-xxxxl)}.mx-spacing--left-xxxxl{padding-inline-start:var(--spacing-xxxxl)}.mx-spacing--right-xxxxl{padding-inline-end:var(--spacing-xxxxl)}.mx-spacing--ul{padding:var(--spacing-ul)}.mx-spacing--top-ul{padding-block-start:var(--spacing-ul)}.mx-spacing--bottom-ul{padding-block-end:var(--spacing-ul)}.mx-spacing--left-ul{padding-inline-start:var(--spacing-ul)}.mx-spacing--right-ul{padding-inline-end:var(--spacing-ul)}.mx-spacing--uul{padding:var(--spacing-uul)}.mx-spacing--top-uul{padding-block-start:var(--spacing-uul)}.mx-spacing--bottom-uul{padding-block-end:var(--spacing-uul)}.mx-spacing--left-uul{padding-inline-start:var(--spacing-uul)}.mx-spacing--right-uul{padding-inline-end:var(--spacing-uul)}.mx-spacing--uuul{padding:var(--spacing-uuul)}.mx-spacing--top-uuul{padding-block-start:var(--spacing-uuul)}.mx-spacing--bottom-uuul{padding-block-end:var(--spacing-uuul)}.mx-spacing--left-uuul{padding-inline-start:var(--spacing-uuul)}.mx-spacing--right-uuul{padding-inline-end:var(--spacing-uuul)}.mx-margin--reset{margin:0!important}.mx-margin--top-reset{margin-block-start:0!important}.mx-margin--bottom-reset{margin-block-end:0!important}.mx-margin--left-reset{margin-inline-start:0!important}.mx-margin--right-reset{margin-inline-end:0!important}.mx-margin--xxs{margin:var(--spacing-xxs)}.mx-margin--top-xxs{margin-block-start:var(--spacing-xxs)}.mx-margin--bottom-xxs{margin-block-end:var(--spacing-xxs)}.mx-margin--left-xxs{margin-inline-start:var(--spacing-xxs)}.mx-margin--right-xxs{margin-inline-end:var(--spacing-xxs)}.mx-margin--xs{margin:var(--spacing-xs)}.mx-margin--top-xs{margin-block-start:var(--spacing-xs)}.mx-margin--bottom-xs{margin-block-end:var(--spacing-xs)}.mx-margin--left-xs{margin-inline-start:var(--spacing-xs)}.mx-margin--right-xs{margin-inline-end:var(--spacing-xs)}.mx-margin--s{margin:var(--spacing-s)}.mx-margin--top-s{margin-block-start:var(--spacing-s)}.mx-margin--bottom-s{margin-block-end:var(--spacing-s)}.mx-margin--left-s{margin-inline-start:var(--spacing-s)}.mx-margin--right-s{margin-inline-end:var(--spacing-s)}.mx-margin--m{margin:var(--spacing-m)}.mx-margin--top-m{margin-block-start:var(--spacing-m)}.mx-margin--bottom-m{margin-block-end:var(--spacing-m)}.mx-margin--left-m{margin-inline-start:var(--spacing-m)}.mx-margin--right-m{margin-inline-end:var(--spacing-m)}.mx-margin--l{margin:var(--spacing-l)}.mx-margin--top-l{margin-block-start:var(--spacing-l)}.mx-margin--bottom-l{margin-block-end:var(--spacing-l)}.mx-margin--left-l{margin-inline-start:var(--spacing-l)}.mx-margin--right-l{margin-inline-end:var(--spacing-l)}.mx-margin--xl{margin:var(--spacing-xl)}.mx-margin--top-xl{margin-block-start:var(--spacing-xl)}.mx-margin--bottom-xl{margin-block-end:var(--spacing-xl)}.mx-margin--left-xl{margin-inline-start:var(--spacing-xl)}.mx-margin--right-xl{margin-inline-end:var(--spacing-xl)}.mx-margin--xxl{margin:var(--spacing-xxl)}.mx-margin--top-xxl{margin-block-start:var(--spacing-xxl)}.mx-margin--bottom-xxl{margin-block-end:var(--spacing-xxl)}.mx-margin--left-xxl{margin-inline-start:var(--spacing-xxl)}.mx-margin--right-xxl{margin-inline-end:var(--spacing-xxl)}.mx-margin--xxxl{margin:var(--spacing-xxxl)}.mx-margin--top-xxxl{margin-block-start:var(--spacing-xxxl)}.mx-margin--bottom-xxxl{margin-block-end:var(--spacing-xxxl)}.mx-margin--left-xxxl{margin-inline-start:var(--spacing-xxxl)}.mx-margin--right-xxxl{margin-inline-end:var(--spacing-xxxl)}.mx-margin--xxxxl{margin:var(--spacing-xxxxl)}.mx-margin--top-xxxxl{margin-block-start:var(--spacing-xxxxl)}.mx-margin--bottom-xxxxl{margin-block-end:var(--spacing-xxxxl)}.mx-margin--left-xxxxl{margin-inline-start:var(--spacing-xxxxl)}.mx-margin--right-xxxxl{margin-inline-end:var(--spacing-xxxxl)}.mx-margin--ul{margin:var(--spacing-ul)}.mx-margin--top-ul{margin-block-start:var(--spacing-ul)}.mx-margin--bottom-ul{margin-block-end:var(--spacing-ul)}.mx-margin--left-ul{margin-inline-start:var(--spacing-ul)}.mx-margin--right-ul{margin-inline-end:var(--spacing-ul)}.mx-margin--uul{margin:var(--spacing-uul)}.mx-margin--top-uul{margin-block-start:var(--spacing-uul)}.mx-margin--bottom-uul{margin-block-end:var(--spacing-uul)}.mx-margin--left-uul{margin-inline-start:var(--spacing-uul)}.mx-margin--right-uul{margin-inline-end:var(--spacing-uul)}.mx-margin--uuul{margin:var(--spacing-uuul)}.mx-margin--top-uuul{margin-block-start:var(--spacing-uuul)}.mx-margin--bottom-uuul{margin-block-end:var(--spacing-uuul)}.mx-margin--left-uuul{margin-inline-start:var(--spacing-uuul)}.mx-margin--right-uuul{margin-inline-end:var(--spacing-uuul)}}@layer design-system.defaults{figure{margin:0;display:table;inline-size:-moz-fit-content;inline-size:fit-content}figcaption{padding:var(--spacing-xxs);font-size:var(--caption-font-size, var(--font-size-xs));line-height:var(--caption-line-height, var(--line-height-h));caption-side:bottom;display:table-caption}img{vertical-align:bottom;max-inline-size:100%;block-size:auto}svg:not([fill]){fill:currentcolor}}@layer design-system.atoms{@media(min-width:540px){:is(.mx-media--left,.mx-media--right,.mx-media--center){max-inline-size:50%;margin-block-end:var(--spacing-s)}:is(.mx-media--left,.mx-media--right,.mx-media--center):first-child{margin-block-start:0}:is(.mx-media--left,.mx-media--right,.mx-media--center):first-child+*{margin-block-start:0!important}}.mx-media--center{margin-inline:auto}@media(min-width:540px){:is(.mx-media--left,[dir=rtl] .mx-media--right,.translated-rtl .mx-media--right){float:left;margin-inline:0 var(--spacing-m)}}@media(min-width:540px){:is(.mx-media--right,[dir=rtl] .mx-media--left,.translated-rtl .mx-media--left){float:right;margin-inline:var(--spacing-m) 0}}}@layer design-system.defaults{.mx-video,.mx-video :is(embed,object,iframe){aspect-ratio:16 / 9;block-size:100%;inline-size:100%;border:0}.mx-media--video{inline-size:100%}}@layer design-system.defaults{table{inline-size:100%;border-collapse:collapse;margin:0}table th{font-weight:var(--font-weight-bold);text-align:start}table :is(td,th){padding:var(--spacing-xxs);border-block-end:1px solid var(--line-colour, var(--colour-border));border-block-end:var(--line-width, 1px) solid var(--line-colour, var(--colour-border));vertical-align:top}table thead :is(td,th){border-block-end-color:currentcolor}table caption{padding:var(--spacing-xxs);text-align:start;font-size:var(--caption-font-size, var(--font-size-xs));line-height:var(--caption-line-height, var(--line-height-h));caption-side:bottom}:is(.mx-table--flush :is(td,th)):first-child{padding-inline-start:0}:is(.mx-table--flush :is(td,th)):last-child{padding-inline-end:0}.mx-table--small :is(td,th){font-size:var(--font-size-s);line-height:var(--line-height-h)}:is(.mx-table--striped tbody tr):nth-child(2n) :is(td,th){background-color:var(--colour-background-alt)}.mx-table--bordered :is(td,th){border-block-start:1px solid var(--line-colour, var(--colour-border));border-block-start:var(--line-width, 1px) solid var(--line-colour, var(--colour-border));border-inline:1px solid var(--line-colour, var(--colour-border));border-inline:var(--line-width, 1px) solid var(--line-colour, var(--colour-border))}.mx-table--responsive{max-inline-size:100%}@media(max-width:719.98px){.mx-table--responsive{overflow-y:scroll;-webkit-overflow-scrolling:touch;box-shadow:var(--box-shadow) inset}.mx-table--responsive table{inline-size:100%;margin-block:0;margin-inline:var(--spacing-s)}:is(.mx-table--responsive table) td{min-inline-size:20ch}}}@layer design-system.utilities{.mx-table--reset :is(td,th){border:medium none currentcolor;border:initial;padding:0;padding:initial;background-color:transparent}}@media print{.contextual{display:none}.mx-rich-text{max-inline-size:100%}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer design-system.components{.mx-nav--breadcrumbs{--nav-font-size: var(--font-size-s);position:relative;z-index:1;overflow:auto;white-space:nowrap;padding-inline:var(--outline-size);padding-block:var(--outline-size);margin-inline:calc(var(--outline-size) * -1);margin-block:calc(var(--outline-size) * -1)}.mx-nav--breadcrumbs>ul{gap:var(--breadcrumb-gap, var(--spacing-xxxxs))}.mx-nav--breadcrumbs>ul>li{color:var(--breadcrumb-foreground, var(--foreground, var(--colour-foreground-alt)));display:flex;align-items:center}:is(.mx-nav--breadcrumbs>ul>li):where(:not(:last-child)):after{content:"";display:block;vertical-align:middle;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M6 13.4L4.6 12l4-4-4-4L6 2.6 11.4 8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M6 13.4L4.6 12l4-4-4-4L6 2.6 11.4 8z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;block-size:var(--spacing-m);inline-size:var(--spacing-m);background-color:currentcolor}.mx-nav--breadcrumbs [aria-current=page]{pointer-events:none}:is([dir=rtl] .mx-nav--breadcrumbs,.translated-rtl .mx-nav--breadcrumbs)>ul>li:after{transform:rotate(180deg)}}
|
|
1
|
+
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.components{.mx-nav--breadcrumbs{--nav-font-size: var(--font-size-s);position:relative;z-index:1;overflow:auto;white-space:nowrap;padding-inline:var(--outline-size);padding-block:var(--outline-size);margin-inline:calc(var(--outline-size) * -1);margin-block:calc(var(--outline-size) * -1)}.mx-nav--breadcrumbs>ul{gap:var(--breadcrumb-gap, var(--spacing-xxxxs))}.mx-nav--breadcrumbs>ul>li{color:var(--breadcrumb-foreground, var(--foreground, var(--colour-foreground-alt)));display:flex;align-items:center}:is(.mx-nav--breadcrumbs>ul>li):where(:not(:last-child)):after{content:"";display:block;vertical-align:middle;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M6 13.4L4.6 12l4-4-4-4L6 2.6 11.4 8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M6 13.4L4.6 12l4-4-4-4L6 2.6 11.4 8z'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;block-size:var(--spacing-m);inline-size:var(--spacing-m);background-color:currentcolor}.mx-nav--breadcrumbs [aria-current=page]{pointer-events:none}:is([dir=rtl] .mx-nav--breadcrumbs,.translated-rtl .mx-nav--breadcrumbs)>ul>li:after{transform:rotate(180deg)}}
|
package/dist/build/button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer design-system.atoms{.mx-button{--outline-offset: .0625rem;display:inline-flex;inline-size:-moz-fit-content;inline-size:fit-content;gap:var(--button-gap, var(--spacing-s));font-size:var(--button-font-size, var(--font-size));font-weight:var(--font-weight-bold);font-family:var(--font-family);line-height:var(--line-height-ui);border:2px solid currentcolor;border:var(--line-width, 2px) solid var(--line-colour, currentcolor);border-radius:var(--radius, var(--border-radius-l));padding-block:var(--vertical-padding, var(--spacing-xxs));padding-inline:var(--horizontal-padding, var(--spacing-m));background-color:var(--background, var(--colour-background));color:var(--foreground, var(--colour-foreground));text-decoration-line:none}.mx-button:hover{cursor:pointer;text-decoration-line:none}.mx-button:disabled{cursor:not-allowed;opacity:.3}.mx-button--full-width{inline-size:100%;justify-content:center}.mx-button--large{--vertical-padding: var(--spacing-s);--horizontal-padding: var(--spacing-l)}.mx-button--small{--button-font-size: var(--font-size-s);--vertical-padding: var(--spacing-xxxs);--horizontal-padding: var(--spacing-s)}.mx-button--icon-only{inline-size:var(--spacing-xl);block-size:var(--spacing-xl);padding:0;border-radius:var(--border-radius-round);overflow:hidden;flex-wrap:wrap}.mx-button--icon-only:before,.mx-button--icon-only:after{--icon-size: 100%;-webkit-mask-size:var(--spacing-s);mask-size:var(--spacing-s)}.mx-button--icon-only:has(.mx-icon){align-content:center;justify-content:center;place-content:center}}@layer design-system.atoms{.mx-button--dark{--line-colour: var(--button-dark-bg, var(--colour-link));--background: var(--button-dark-bg, var(--colour-link));--foreground: var(--button-dark-fg, var(--colour-foreground-reverse))}.mx-button--dark.mx-button--outline{--background: transparent;--foreground: var(--button-dark-bg, var(--colour-link))}.mx-button--light{--line-colour: var(--button-light-bg, transparent);--background: var(--button-light-bg, transparent);--foreground: var(--button-light-fg, var(--link-colour, var(--colour-link)));text-decoration-line:underline}.mx-button--light:hover{text-decoration-line:underline}.mx-button--accent{--line-colour: var(--button-light-bg, var(--colour-accent));--background: var(--button-light-bg, var(--colour-accent))}.mx-button--accent.mx-button--outline{--background: transparent;--foreground: var(--button-light-bg, var(--colour-accent))}.mx-button--destructive{--line-colour: var(--colour-error);--background: var(--colour-error);--foreground: var(--colour-foreground-reverse)}.mx-button--destructive.mx-button--outline{--background: transparent;--foreground: var(--colour-error)}.mx-button--white{--line-colour: var(--colour-foreground-reverse);--background: var(--colour-foreground-reverse);--foreground: var(--colour-foreground)}.mx-button--white.mx-button--outline{--background: transparent;--foreground: var(--colour-foreground-reverse)}}
|
|
1
|
+
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.atoms{.mx-button{--outline-offset: .0625rem;display:inline-flex;inline-size:-moz-fit-content;inline-size:fit-content;gap:var(--button-gap, var(--spacing-s));font-size:var(--button-font-size, var(--font-size));font-weight:var(--font-weight-bold);font-family:var(--font-family);line-height:var(--line-height-ui);border:2px solid currentcolor;border:var(--line-width, 2px) solid var(--line-colour, currentcolor);border-radius:var(--radius, var(--border-radius-l));padding-block:var(--vertical-padding, var(--spacing-xxs));padding-inline:var(--horizontal-padding, var(--spacing-m));background-color:var(--background, var(--colour-background));color:var(--foreground, var(--colour-foreground));text-decoration-line:none}.mx-button:hover{cursor:pointer;text-decoration-line:none}.mx-button:disabled{cursor:not-allowed;opacity:.3}.mx-button--full-width{inline-size:100%;justify-content:center}.mx-button--large{--vertical-padding: var(--spacing-s);--horizontal-padding: var(--spacing-l)}.mx-button--small{--button-font-size: var(--font-size-s);--vertical-padding: var(--spacing-xxxs);--horizontal-padding: var(--spacing-s)}.mx-button--icon-only{inline-size:var(--spacing-xl);block-size:var(--spacing-xl);padding:0;border-radius:var(--border-radius-round);overflow:hidden;flex-wrap:wrap}.mx-button--icon-only:before,.mx-button--icon-only:after{--icon-size: 100%;-webkit-mask-size:var(--spacing-s);mask-size:var(--spacing-s)}.mx-button--icon-only:has(.mx-icon){align-content:center;justify-content:center;place-content:center}}@layer design-system.atoms{.mx-button--dark{--line-colour: var(--button-dark-bg, var(--colour-link));--background: var(--button-dark-bg, var(--colour-link));--foreground: var(--button-dark-fg, var(--colour-foreground-reverse))}.mx-button--dark.mx-button--outline{--background: transparent;--foreground: var(--button-dark-bg, var(--colour-link))}.mx-button--light{--line-colour: var(--button-light-bg, transparent);--background: var(--button-light-bg, transparent);--foreground: var(--button-light-fg, var(--link-colour, var(--colour-link)));text-decoration-line:underline}.mx-button--light:hover{text-decoration-line:underline}.mx-button--accent{--line-colour: var(--button-light-bg, var(--colour-accent));--background: var(--button-light-bg, var(--colour-accent))}.mx-button--accent.mx-button--outline{--background: transparent;--foreground: var(--button-light-bg, var(--colour-accent))}.mx-button--destructive{--line-colour: var(--colour-error);--background: var(--colour-error);--foreground: var(--colour-foreground-reverse)}.mx-button--destructive.mx-button--outline{--background: transparent;--foreground: var(--colour-error)}.mx-button--white{--line-colour: var(--colour-foreground-reverse);--background: var(--colour-foreground-reverse);--foreground: var(--colour-foreground)}.mx-button--white.mx-button--outline{--background: transparent;--foreground: var(--colour-foreground-reverse)}}
|
package/dist/build/callout.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer design-system.components{.mx-callout{padding-inline-start:var(--line-gap, var(--gap));border-inline-start:6px solid var(--line-colour, var(--colour-primary));border-inline-start:var(--line-width, 6px) solid var(--line-colour, var(--colour-primary))}}
|
|
1
|
+
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.components{.mx-callout{padding-inline-start:var(--line-gap, var(--gap));border-inline-start:6px solid var(--line-colour, var(--colour-primary));border-inline-start:var(--line-width, 6px) solid var(--line-colour, var(--colour-primary))}}
|
package/dist/build/card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer design-system.components{.mx-card{block-size:100%;display:grid;grid-gap:var(--card-gap, var(--gap));gap:var(--card-gap, var(--gap))}.mx-card[class*=mx-background--]{border-radius:var(--border-radius)}@container (min-width: 720px){.mx-card[class*=mx-background--]{--content-min-spacing: var(--content-max-spacing, var(--spacing-m))}}.mx-card[class*=mx-background--] .mx-card__content{padding-inline:var(--content-min-spacing, var(--spacing-s));padding-block-end:var(--content-min-spacing, var(--spacing-s))}.mx-card[class*=mx-background--]:not(:has(.mx-card__media,.mx-card__icon)) .mx-card__content{padding-block-start:var(--content-min-spacing, var(--spacing-s))}.mx-card[class*=mx-background--] .mx-card__icon{padding-inline:var(--content-min-spacing, var(--spacing-s));padding-block-start:var(--content-min-spacing, var(--spacing-s))}.mx-card.mx-background--box[class*=mx-background--]{padding-inline:unset}.mx-card:has(.mx-card__media){grid-template:"media" "content" 1fr / 1fr}@container (min-width: 720px){.mx-card:has(.mx-card__media){--card-gap: var(--gap-l);--card-alignment: center;grid-template:"media content" 1fr / 1fr 1fr;grid-template:"media content" 1fr / var(--media-col, 1fr) var(--content-col, 1fr)}.mx-card.mx-card--reversed:has(.mx-card__media){grid-template-areas:"content media";grid-template-columns:1fr 1fr;grid-template-columns:var(--content-col, 1fr) var(--media-col, 1fr)}}@container (min-width: 946px){.mx-card:has(.mx-card__media){--card-gap: var(--large-card-gap, 6rem)}}@container (min-width: 720px){.mx-card[class*=mx-background--]:has(.mx-card__media) .mx-card__content{padding-block-start:var(--content-min-spacing, var(--spacing-s))}.mx-card[class*=mx-background--]:has(.mx-card__media):where(:not(.mx-card--reversed)) .mx-card__content{padding-inline-start:0}.mx-card.mx-card--reversed[class*=mx-background--]:has(.mx-card__media) .mx-card__content{padding-inline-end:0}}.mx-card:has(.mx-card__media) .mx-card__content{grid-area:content;align-self:stretch;align-self:var(--align-content, var(--card-alignment, stretch))}.mx-card:has(.mx-card__media) .mx-card__media{grid-area:media;align-self:stretch;align-self:var(--align-media, var(--card-alignment, stretch));inline-size:100%}:is(.mx-card:has(.mx-card__media) .mx-card__media) img{aspect-ratio:var(--ratio);border-radius:var(--border-radius);-o-object-fit:cover;object-fit:cover;inline-size:100%}.mx-card:has(.mx-card__media) .mx-skeleton--bg{grid-area:media}.mx-card:has(.mx-card__media) .mx-card__icon{grid-area:media}.mx-card .mx-link-list{inline-size:100%}.mx-card__content>a:last-child{margin-block-start:auto}}@layer design-system.components{.mx-grid:has(>*:nth-child(2):last-child)>:is(.mx-card,.mx-container:has(.mx-card)){inline-size:min(100%,37ch);inline-size:min(100%,var(--max-card-width, 37ch));margin-inline:auto}}@layer design-system.components{
|
|
1
|
+
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.components{.mx-card{block-size:100%;display:grid;grid-gap:var(--card-gap, var(--gap));gap:var(--card-gap, var(--gap))}.mx-card[class*=mx-background--]{border-radius:var(--border-radius)}@container (min-width: 720px){.mx-card[class*=mx-background--]{--content-min-spacing: var(--content-max-spacing, var(--spacing-m))}}.mx-card[class*=mx-background--] .mx-card__content{padding-inline:var(--content-min-spacing, var(--spacing-s));padding-block-end:var(--content-min-spacing, var(--spacing-s))}.mx-card[class*=mx-background--]:not(:has(.mx-card__media,.mx-card__icon)) .mx-card__content{padding-block-start:var(--content-min-spacing, var(--spacing-s))}.mx-card[class*=mx-background--] .mx-card__icon{padding-inline:var(--content-min-spacing, var(--spacing-s));padding-block-start:var(--content-min-spacing, var(--spacing-s))}.mx-card.mx-background--box[class*=mx-background--]{padding-inline:unset}.mx-card:has(.mx-card__media){grid-template:"media" "content" 1fr / 1fr}@container (min-width: 720px){.mx-card:has(.mx-card__media){--card-gap: var(--gap-l);--card-alignment: center;grid-template:"media content" 1fr / 1fr 1fr;grid-template:"media content" 1fr / var(--media-col, 1fr) var(--content-col, 1fr)}.mx-card.mx-card--reversed:has(.mx-card__media){grid-template-areas:"content media";grid-template-columns:1fr 1fr;grid-template-columns:var(--content-col, 1fr) var(--media-col, 1fr)}}@container (min-width: 946px){.mx-card:has(.mx-card__media){--card-gap: var(--large-card-gap, 6rem)}}@container (min-width: 720px){.mx-card[class*=mx-background--]:has(.mx-card__media) .mx-card__content{padding-block-start:var(--content-min-spacing, var(--spacing-s))}.mx-card[class*=mx-background--]:has(.mx-card__media):where(:not(.mx-card--reversed)) .mx-card__content{padding-inline-start:0}.mx-card.mx-card--reversed[class*=mx-background--]:has(.mx-card__media) .mx-card__content{padding-inline-end:0}}.mx-card:has(.mx-card__media) .mx-card__content{grid-area:content;align-self:stretch;align-self:var(--align-content, var(--card-alignment, stretch))}.mx-card:has(.mx-card__media) .mx-card__media{grid-area:media;align-self:stretch;align-self:var(--align-media, var(--card-alignment, stretch));inline-size:100%}:is(.mx-card:has(.mx-card__media) .mx-card__media) img{aspect-ratio:var(--ratio);border-radius:var(--border-radius);-o-object-fit:cover;object-fit:cover;inline-size:100%}.mx-card:has(.mx-card__media) .mx-skeleton--bg{grid-area:media}.mx-card:has(.mx-card__media) .mx-card__icon{grid-area:media}.mx-card .mx-link-list{inline-size:100%}.mx-card__content>a:last-child{margin-block-start:auto}}@layer design-system.components{.mx-grid:has(>*:nth-child(2):last-child)>:is(.mx-card,.mx-container:has(.mx-card)){inline-size:min(100%,37ch);inline-size:min(100%,var(--max-card-width, 37ch));margin-inline:auto}}@layer design-system.components{.mx-card--block{position:relative}:is(.mx-card--block a):before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%}:is(.mx-card--block a):is(:focus,:focus-visible){outline:medium none currentcolor;outline:initial}.mx-card--block:has(a .sr-only:only-child) a{margin-block-start:calc(var(--gap) * -1)}.mx-card--block:has(a .sr-only:only-child):hover :is(h2,h3,h4){color:var(--link-colour, var(--colour-link))}.mx-card--block:focus-within{outline:2px solid currentcolor;outline:var(--outline-size, 2px) var(--outline-style, solid) var(--outline-color, currentcolor);outline-offset:2px;outline-offset:var(--outline-offset, 2px)}.mx-card--block.mx-background--box:focus-within{outline-offset:-2px;outline-offset:var(--outline-offset, -2px)}}@media(max-width:719.98px){.mx-card--collapse{--gap: var(--spacing-xxxs)}.mx-card--collapse :is(p,.mx-text--lede){display:none}.mx-card--collapse:has(.mx-card__media){--collapsed-media-col: var(--collapsed-image-width, 100px);--ratio: 1;grid-template-areas:"content media";grid-template-columns:1fr 100px;grid-template-columns:var(--collapsed-content-col, 1fr) var(--collapsed-media-col, 1fr)}:is(.mx-card--collapse,.mx-container:has(>.mx-card--collapse)):where(:not(:first-child)){border-block-start:1px solid var(--line-colour, var(--colour-border));border-block-start:var(--line-width, 1px) solid var(--line-colour, var(--colour-border));padding-block-start:var(--gap)}}
|
package/dist/build/carousel.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer design-system.components.carousel{.mx-carousel{display:
|
|
1
|
+
@layer popover-polyfill,design-system.defaults,design-system.atoms,design-system.layout,design-system.utilities,design-system.components;@layer design-system.components.carousel{.mx-carousel{display:grid;grid-gap:var(--vertical-gap, var(--gap));gap:var(--vertical-gap, var(--gap))}.mx-carousel__scrollable{list-style:none;padding-inline:0;scroll-padding-inline:2px;scroll-padding-inline:var(--outline-size, 2px);display:grid;grid-gap:var(--horizontal-gap, var(--gap));gap:var(--horizontal-gap, var(--gap));grid-auto-flow:column;grid-auto-columns:minmax(25ch,1fr);grid-auto-columns:minmax(var(--inline-size, 25ch),1fr);overflow-x:auto;overflow-y:hidden;overflow:auto hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-color:var(--scrollbar-color, var(--line-colour, var(--colour-border)) transparent);scrollbar-width:thin}.mx-carousel__scrollable>li{display:grid;scroll-snap-align:start;scroll-snap-stop:always}[inert]:is(.mx-carousel__scrollable>li){opacity:.3}:is(.mx-carousel__scrollable>li) .mx-container{inline-size:100%;display:grid}.mx-carousel__scrollable.overflowing:not(.no-bar){padding-block-end:var(--scrollbar-gap, var(--gap))}.mx-carousel__scrollable.no-bar{scrollbar-width:none}.mx-carousel__scrollable.no-bar::-webkit-scrollbar{display:none}.mx-carousel__buttons:not([hidden]){display:flex;gap:var(--gap-s)}.mx-carousel__buttons button[disabled]{opacity:.5}.mx-carousel__pagination{list-style:none;padding-inline:0;display:flex;align-items:center;gap:var(--spacing-xxxs)}.mx-carousel__pagination[data-pagination=counter]{--border-radius: var(--border-radius-round);--indent: 200%}.mx-carousel__pagination button{border-radius:var(--border-radius);border:2px solid var(--line-colour, var(--colour-border));border:var(--line-width, 2px) solid var(--line-colour, var(--colour-border));background-color:var(--background, var(--colour-background));color:var(--foreground, var(--colour-foreground));min-block-size:2em;min-inline-size:2em;font-family:inherit;text-align:center;cursor:pointer;overflow:hidden;text-indent:inherit;text-indent:var(--indent, unset)}[disabled]:is(.mx-carousel__pagination button){--background: var(--active-background, var(--colour-border));cursor:not-allowed}}
|
|
@@ -6,10 +6,10 @@ var Popover = class extends HTMLElement {
|
|
|
6
6
|
async connectedCallback() {
|
|
7
7
|
if (!(!this.container || !this.trigger)) {
|
|
8
8
|
if (!("anchorName" in document.documentElement.style)) {
|
|
9
|
-
let { default: e } = await import("./polyfills-
|
|
9
|
+
let { default: e } = await import("./polyfills-QW1VbwlO.js");
|
|
10
10
|
new e(this.container);
|
|
11
11
|
}
|
|
12
|
-
typeof HTMLElement < "u" && typeof HTMLElement.prototype == "object" && "popover" in HTMLElement.prototype && await import("./popover-
|
|
12
|
+
typeof HTMLElement < "u" && typeof HTMLElement.prototype == "object" && "popover" in HTMLElement.prototype && await import("./popover-Dk48Vm_U.js");
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
get container() {
|