@uh-design-system/component-library 1.6.0-rc.1 → 1.6.0

package/dist/esm/ds-modal.entry.js

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-DC3hrKbf.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-CGO6i46S.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-DAxPJw14.js';
+import { c as cx } from './cx-WIIvD8un.js';
 import { t as transformTagName, m as throttle, M as MODAL_TRANSITION_IN_DURATION, p as MODAL_TRANSITION_OUT_DURATION, a as ifDefined, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import { g as getLanguage } from './store-DjcJcxKC.js';
+import { g as getLanguage } from './store-a5NsO1Yj.js';
 import { i as isGreaterThanEqualBreakpointMediaQuery } from './utils-C77HFMMS.js';
-import { c as componentFactory } from './componentFactory-DmszWHOG.js';
+import { c as componentFactory } from './componentFactory-BbacL2PN.js';
 
-const dsModalCss = () => `.ds-modal__izAhxK{position:fixed;padding:0;border:0;margin:0;max-height:100vh;max-height:100dvh;min-height:100vh;min-height:100dvh;width:100vw;background-color:var(--ds-bgColor-transparent-onLight);overflow-y:hidden;inset:0}.ds-modal__izAhxK--open{overflow-y:auto}.ds-modal__izAhxK__positioner{pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;min-height:100dvh;padding-block:var(--ds-spacing-small) 0;margin-block:auto 0}@media (min-width: 30rem){.ds-modal__izAhxK__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__izAhxK__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__izAhxK__container{pointer-events:auto;cursor:unset;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);scale:0.98;opacity:0;transform:translateY(0.75rem);transition:scale var(--ds-modal-transition-out-duration) ease-out, opacity var(--ds-modal-transition-out-duration) ease-out, transform var(--ds-modal-transition-out-duration) ease-out}@media (min-width: 30rem){.ds-modal__izAhxK__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__izAhxK__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__izAhxK__container--full{width:100%}@media (min-width: 30rem){.ds-modal__izAhxK__container--small{width:480px}.ds-modal__izAhxK__container--medium{width:640px}.ds-modal__izAhxK__container--large{width:800px}}.ds-modal__izAhxK__container--scrollable{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh + calc(-1 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-1 * var(--ds-spacing-small)));min-height:calc(320px - 2 * var(--ds-spacing-small))}@media (min-width: 30rem){.ds-modal__izAhxK__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-small)))}}@media (min-width: 60rem){.ds-modal__izAhxK__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__izAhxK--open .ds-modal__izAhxK__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__izAhxK--in .ds-modal__izAhxK__container{transition:scale var(--ds-modal-transition-in-duration) ease-out, opacity var(--ds-modal-transition-in-duration) ease-out, transform var(--ds-modal-transition-in-duration) ease-out}@media (prefers-reduced-motion: reduce){.ds-modal__izAhxK__container,.ds-modal__izAhxK--in .ds-modal__izAhxK__container{transition:none}}.ds-modal__izAhxK__header{position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-spacing-2xSmall);padding-block:var(--ds-spacing-small);padding-inline:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__izAhxK__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__izAhxK__header--sticky{position:sticky;top:0;background-color:var(--ds-bgColor-white);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-modal__izAhxK__header__heading:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-modal__izAhxK__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__izAhxK__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__izAhxK__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__izAhxK__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__izAhxK__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__izAhxK__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__izAhxK__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__izAhxK__content:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-modal__izAhxK__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__izAhxK__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__izAhxK__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__izAhxK__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__izAhxK__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__izAhxK__content--scrollable__top-scrim,.ds-modal__izAhxK__content--scrollable__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-modal__izAhxK__content--scrollable__top-scrim--open,.ds-modal__izAhxK__content--scrollable__bottom-scrim--open{display:block}.ds-modal__izAhxK__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__izAhxK__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__izAhxK__content--scrollable:focus-visible .ds-modal__izAhxK__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__izAhxK__content--scrollable:focus-visible .ds-modal__izAhxK__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__izAhxK__footer{position:relative}.ds-modal__izAhxK__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__izAhxK__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__izAhxK__footer:not(:empty)+.ds-modal__izAhxK__content{border-block-end:0}.ds-modal__izAhxK__footer--sticky:not(:empty){position:sticky;bottom:0;background-color:var(--ds-bgColor-white);border-block-start:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}`;
+const dsModalCss = () => `.ds-modal__WN0Emr{position:fixed;padding:0;border:0;margin:0;max-height:100vh;max-height:100dvh;min-height:100vh;min-height:100dvh;width:100vw;background-color:var(--ds-bgColor-transparent-onLight);overflow-y:hidden;inset:0}.ds-modal__WN0Emr--open{overflow-y:auto}.ds-modal__WN0Emr__positioner{pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;min-height:100dvh;padding-block:var(--ds-spacing-small) 0;margin-block:auto 0}@media (min-width: 30rem){.ds-modal__WN0Emr__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__WN0Emr__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__WN0Emr__container{pointer-events:auto;cursor:unset;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);scale:0.98;opacity:0;transform:translateY(0.75rem);transition:scale var(--ds-modal-transition-out-duration) ease-out, opacity var(--ds-modal-transition-out-duration) ease-out, transform var(--ds-modal-transition-out-duration) ease-out}@media (min-width: 30rem){.ds-modal__WN0Emr__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__WN0Emr__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__WN0Emr__container--full{width:100%}@media (min-width: 30rem){.ds-modal__WN0Emr__container--small{width:480px}.ds-modal__WN0Emr__container--medium{width:640px}.ds-modal__WN0Emr__container--large{width:800px}}.ds-modal__WN0Emr__container--scrollable{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh + calc(-1 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-1 * var(--ds-spacing-small)));min-height:calc(320px - 2 * var(--ds-spacing-small))}@media (min-width: 30rem){.ds-modal__WN0Emr__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-small)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-small)))}}@media (min-width: 60rem){.ds-modal__WN0Emr__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__WN0Emr--open .ds-modal__WN0Emr__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__WN0Emr--in .ds-modal__WN0Emr__container{transition:scale var(--ds-modal-transition-in-duration) ease-out, opacity var(--ds-modal-transition-in-duration) ease-out, transform var(--ds-modal-transition-in-duration) ease-out}@media (prefers-reduced-motion: reduce){.ds-modal__WN0Emr__container,.ds-modal__WN0Emr--in .ds-modal__WN0Emr__container{transition:none}}.ds-modal__WN0Emr__header{position:relative;display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-spacing-2xSmall);padding-block:var(--ds-spacing-small);padding-inline:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__WN0Emr__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__WN0Emr__header--sticky{position:sticky;top:0;background-color:var(--ds-bgColor-white);border-block-end:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-modal__WN0Emr__header__heading:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-modal__WN0Emr__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__WN0Emr__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__WN0Emr__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__WN0Emr__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__WN0Emr__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__WN0Emr__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__WN0Emr__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__WN0Emr__content:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-modal__WN0Emr__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__WN0Emr__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__WN0Emr__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__WN0Emr__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__WN0Emr__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__WN0Emr__content--scrollable__top-scrim,.ds-modal__WN0Emr__content--scrollable__bottom-scrim{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-modal__WN0Emr__content--scrollable__top-scrim--open,.ds-modal__WN0Emr__content--scrollable__bottom-scrim--open{display:block}.ds-modal__WN0Emr__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__WN0Emr__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__WN0Emr__content--scrollable:focus-visible .ds-modal__WN0Emr__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__WN0Emr__content--scrollable:focus-visible .ds-modal__WN0Emr__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__WN0Emr__footer{position:relative}.ds-modal__WN0Emr__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__WN0Emr__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__WN0Emr__footer:not(:empty)+.ds-modal__WN0Emr__content{border-block-end:0}.ds-modal__WN0Emr__footer--sticky:not(:empty){position:sticky;bottom:0;background-color:var(--ds-bgColor-white);border-block-start:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}`;
 
 const DsModal = class extends Mixin(componentFactory('ds-modal', { stopRootTracking: true })) {
     constructor(hostRef) {
@@ -216,11 +216,11 @@ const DsModal = class extends Mixin(componentFactory('ds-modal', { stopRootTrack
         });
         const contentAriaLabel = this.dsScrollable ? this.contentScrollArea : undefined;
         const contentTabIndex = this.dsScrollable ? 0 : undefined;
-        return (h(this.DsBackdrop, { key: 'bfaf73f8f4e05eebfdb4df5dbeb8bd1f118ea1eb', id: this.dsId, dsDialogClasses: classes, dsOpen: this.dsOpen, dsZIndex: this.dsBackdropZIndex, dsRole: this.dsVariant === 'danger' ? 'alertdialog' : 'dialog', onDsBackdropClose: this.handleBackdropClose }, h("div", { key: '56be2ee31305feb04834061b26031b365e8efee1', class: `${baseClass}__positioner` }, h("div", { key: '9336dd2a04c5453a5761e0fb95b65fd594cf21fe', class: containerClasses, style: { '--ds-modal-transition-in-duration': `${MODAL_TRANSITION_IN_DURATION}ms`, '--ds-modal-transition-out-duration': `${MODAL_TRANSITION_OUT_DURATION}ms` } }, h("slot", { key: '29e43de33f365323e1fb31766312abcec5e1a8ee', name: "header", onSlotchange: () => this.checkHeaderSlot() }, !this.hasHeaderSlot && (h("div", { key: 'a99d014929f50a800e8c762f4a27a89be78563e8', class: headerClasses }, this.dsHeadingText && (h("span", { key: 'a5071dbc1140285d8ba1c7704ea653ca65c73eff', role: "heading", tabIndex: -1, autoFocus: this.dsAutoFocusTarget === 'heading', "aria-level": this.dsHeadingLevel, class: headingClasses }, this.icon && (h(this.DsIcon, { key: '7e26641ab24a344b618b54879dc270a73f5788a5', class: `${baseClass}__header__heading__icon`, dsAriaHidden: this.icon.ariaHidden, dsAriaLabel: this.icon.ariaLabel, dsSize: this.icon.size, dsName: this.icon.name, dsColour: this.icon.colour })), h("span", { key: '4e850c00a77fc53779de3618188fe01a6e19436e', class: `${baseClass}__header__heading__text` }, this.dsHeadingText))), this.dsCloseable && (h(this.DsButton, { key: 'f97001f855d799ff5824e4754c5a17da5349e47c', class: closeButtonClasses, dsVariant: "supplementary", dsSize: "small", dsColour: "black", dsIcon: "close", dsAriaLabel: this.close, dsAutoFocus: this.dsAutoFocusTarget === 'close-button', onClick: this.handleCloseClick }))))), h("div", { key: 'c325266ec043ca1dfa5d9565d3f5429e50639740', ref: el => (this.contentRef = el), class: contentClasses, ...ifDefined('aria-label', contentAriaLabel), ...ifDefined('tabIndex', contentTabIndex), onScroll: this.handleContentScroll }, this.dsScrollable && this.hasContentSlot && (h("div", { key: '8fd76e231a27e59fb20e7d0f9df9732ff57df7e8', class: classNames(`${baseClass}__content--scrollable__top-scrim`, {
+        return (h(this.DsBackdrop, { key: '42413dd793d7040a7fd2e0db7d21b1aaf937504a', id: this.dsId, dsDialogClasses: classes, dsOpen: this.dsOpen, dsZIndex: this.dsBackdropZIndex, dsRole: this.dsVariant === 'danger' ? 'alertdialog' : 'dialog', onDsBackdropClose: this.handleBackdropClose }, h("div", { key: '5f6eacaafbea9542b036adf5f9a6b1f6438a5bc0', class: `${baseClass}__positioner` }, h("div", { key: 'c5149230b5cb7c31f3650a12b9c85f3fb3bed8a0', class: containerClasses, style: { '--ds-modal-transition-in-duration': `${MODAL_TRANSITION_IN_DURATION}ms`, '--ds-modal-transition-out-duration': `${MODAL_TRANSITION_OUT_DURATION}ms` } }, h("slot", { key: 'a879fd830a8cd2ed898af28ff29701f8eee4936b', name: "header", onSlotchange: () => this.checkHeaderSlot() }, !this.hasHeaderSlot && (h("div", { key: '2abef7e7a70f5cf0dc2929278c6f73e27e78aa3c', class: headerClasses }, this.dsHeadingText && (h("span", { key: '34e2821e019826b908210918c2d5c5e2c7c8a1f3', role: "heading", tabIndex: -1, autoFocus: this.dsAutoFocusTarget === 'heading', "aria-level": this.dsHeadingLevel, class: headingClasses }, this.icon && (h(this.DsIcon, { key: 'd4cc8e5367cb8856272fc5d2de8508a0fa2da419', class: `${baseClass}__header__heading__icon`, dsAriaHidden: this.icon.ariaHidden, dsAriaLabel: this.icon.ariaLabel, dsSize: this.icon.size, dsName: this.icon.name, dsColour: this.icon.colour })), h("span", { key: 'a3b77daf74437d84f4dd1346a2dfdcd55842fd18', class: `${baseClass}__header__heading__text` }, this.dsHeadingText))), this.dsCloseable && (h(this.DsButton, { key: '463a9db3e76f6db85b7d56746fb9c3d68af342bc', class: closeButtonClasses, dsVariant: "supplementary", dsSize: "small", dsColour: "black", dsIcon: "close", dsAriaLabel: this.close, dsAutoFocus: this.dsAutoFocusTarget === 'close-button', onClick: this.handleCloseClick }))))), h("div", { key: '806de2042aaf8ab9eedbc9c6418f84b5d737db3d', ref: el => (this.contentRef = el), class: contentClasses, ...ifDefined('aria-label', contentAriaLabel), ...ifDefined('tabIndex', contentTabIndex), onScroll: this.handleContentScroll }, this.dsScrollable && this.hasContentSlot && (h("div", { key: '6f4c8881745efdc222642ad91414b82d80c537fb', class: classNames(`${baseClass}__content--scrollable__top-scrim`, {
                 [`${baseClass}__content--scrollable__top-scrim--open`]: this.scrollableContentState && !this.scrollableContentState.atTop,
-            }), "aria-hidden": "true" })), h("slot", { key: '14d53ae7c5fe203f4cae4e6c3ead2fb8fdd875e4', name: "content", onSlotchange: () => this.checkContentSlot() }), this.dsScrollable && this.hasContentSlot && (h("div", { key: '19d685b4ecdbd88d8201048bf3b364a7bbc420ca', class: classNames(`${baseClass}__content--scrollable__bottom-scrim`, {
+            }), "aria-hidden": "true" })), h("slot", { key: '6561146e82a7a60b41c3975776d506f490388011', name: "content", onSlotchange: () => this.checkContentSlot() }), this.dsScrollable && this.hasContentSlot && (h("div", { key: '9461de8338172a11e2f70a871fb64d20f0c39a57', class: classNames(`${baseClass}__content--scrollable__bottom-scrim`, {
                 [`${baseClass}__content--scrollable__bottom-scrim--open`]: this.scrollableContentState && !this.scrollableContentState.atBottom,
-            }), "aria-hidden": "true" }))), h("div", { key: '75b6d1a4ef7b70f67f76292698c0c3877899f890', class: footerClasses }, h("slot", { key: '9d3d22304daea296131060cbde944cee14b9dc28', name: "footer", onSlotchange: () => this.checkFooterSlot() }))))));
+            }), "aria-hidden": "true" }))), h("div", { key: '03c4038d7a3461e9595ad7993987dbd2e3529513', class: footerClasses }, h("slot", { key: '559da72c7e6aef4416e559769a0756d28718d4fd', name: "footer", onSlotchange: () => this.checkFooterSlot() }))))));
     }
     static get watchers() { return {
         "hasContentSlot": [{

package/dist/esm/ds-notification.entry.js

@@ -1,13 +1,13 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h } from './index-DC3hrKbf.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h } from './index-CGO6i46S.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-DAxPJw14.js';
+import { c as cx } from './cx-WIIvD8un.js';
 import { t as transformTagName, o as omit, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-Dzq9qJk7.js';
-import { g as getLanguage } from './store-DjcJcxKC.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-BVOItkJB.js';
-import { c as componentFactory } from './componentFactory-DmszWHOG.js';
+import { g as getLanguage } from './store-a5NsO1Yj.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-CyiBHG1z.js';
+import { c as componentFactory } from './componentFactory-BbacL2PN.js';
 
-const dsNotificationCss = () => `.sc-ds-notification-h{display:block;width:100%}.ds-notification__izAhxK.sc-ds-notification{padding:var(--ds-spacing-xSmall, 12px)}.ds-notification__izAhxK.ds-notification__izAhxK--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__izAhxK.ds-notification__izAhxK--neutral.sc-ds-notification .ds-notification__izAhxK__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__izAhxK.ds-notification__izAhxK--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__izAhxK.ds-notification__izAhxK--neutralWhite.sc-ds-notification .ds-notification__izAhxK__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__izAhxK.ds-notification__izAhxK--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__izAhxK.ds-notification__izAhxK--info.sc-ds-notification .ds-notification__izAhxK__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__izAhxK.ds-notification__izAhxK--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__izAhxK.ds-notification__izAhxK--success.sc-ds-notification .ds-notification__izAhxK__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__izAhxK.ds-notification__izAhxK--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__izAhxK.ds-notification__izAhxK--attention.sc-ds-notification .ds-notification__izAhxK__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__izAhxK.ds-notification__izAhxK--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__izAhxK.ds-notification__izAhxK--danger.sc-ds-notification .ds-notification__izAhxK__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__izAhxK__content.sc-ds-notification{display:flex;gap:var(--ds-spacing-2xSmall, 8px);max-width:1376px;margin:0 auto}.ds-notification__izAhxK__content__text.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-notification__izAhxK__content__text__heading.sc-ds-notification,.ds-notification__izAhxK__content__text__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__izAhxK__content__text__description.sc-ds-notification{max-width:var(--ds-notification-description-max-width, 550px)}`;
+const dsNotificationCss = () => `.sc-ds-notification-h{display:block;width:100%}.ds-notification__WN0Emr.sc-ds-notification{padding:var(--ds-spacing-xSmall, 12px)}.ds-notification__WN0Emr.ds-notification__WN0Emr--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__WN0Emr.ds-notification__WN0Emr--neutral.sc-ds-notification .ds-notification__WN0Emr__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__WN0Emr.ds-notification__WN0Emr--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__WN0Emr.ds-notification__WN0Emr--neutralWhite.sc-ds-notification .ds-notification__WN0Emr__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__WN0Emr.ds-notification__WN0Emr--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__WN0Emr.ds-notification__WN0Emr--info.sc-ds-notification .ds-notification__WN0Emr__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__WN0Emr.ds-notification__WN0Emr--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__WN0Emr.ds-notification__WN0Emr--success.sc-ds-notification .ds-notification__WN0Emr__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__WN0Emr.ds-notification__WN0Emr--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__WN0Emr.ds-notification__WN0Emr--attention.sc-ds-notification .ds-notification__WN0Emr__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__WN0Emr.ds-notification__WN0Emr--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__WN0Emr.ds-notification__WN0Emr--danger.sc-ds-notification .ds-notification__WN0Emr__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__WN0Emr__content.sc-ds-notification{display:flex;gap:var(--ds-spacing-2xSmall, 8px);max-width:1376px;margin:0 auto}.ds-notification__WN0Emr__content__text.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-notification__WN0Emr__content__text__heading.sc-ds-notification,.ds-notification__WN0Emr__content__text__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__WN0Emr__content__text__description.sc-ds-notification{max-width:var(--ds-notification-description-max-width, 550px)}`;
 
 const variants = ['neutral', 'neutralWhite', 'info', 'success', 'attention', 'danger'];
 const customizableIconVariants = ['neutral', 'neutralWhite', 'info'];
@@ -157,7 +157,7 @@ const DsNotification = class extends Mixin(componentFactory('ds-notification', {
         const ariaLabelledby = this.dsAriaLabelledby ?? this.inheritedAttributes['aria-labelledby'] ?? this.ariaLabelledBy;
         const role = this.dsRole ?? this.inheritedAttributes['role'] ?? 'group';
         const restAttributes = omit(this.inheritedAttributes, ['aria-labelledby', 'aria-label', 'role']);
-        return (h("div", { key: '216a502d23be202bdaba487fa3bf7d744382fb1c', class: classes, id: this.dsId, role: role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...restAttributes }, h("div", { key: '2a2c8e2da0343a99b53dc70db4c4de8fe7559985', class: contentClass }, h("div", { key: '1a5121062ec24e14c5bf157e337b5b20bf2936cf', class: `${baseClass}__icon ds-p-3xs` }, h(this.DsIcon, { key: 'cc84dc6993a07042c023ede95c995e586d5784ad', dsName: this.icon })), h("div", { key: '89f05ff73f24c3ab6b5c3eeb2f7c866d7c76d896', class: textClass }, h("slot", { key: '2f6ca3bc959986bdb82ebcc2f81834962d6b8674', name: "heading" }, this.dsHeading && (h("div", { key: '309db7428f9beacb965a87280c9b1cec24e98f56', class: `${textClass}__heading ds-text-semibold-lg`, id: this.headingId, role: this.dsDescription ? 'heading' : undefined, 'aria-level': this.dsDescription ? this.dsHeadingLevel : undefined }, this.dsHeading))), h("slot", { key: '322fb05d07b21993a0e828ffa67368442edb1caf', name: "description" }, this.dsDescription && (h("div", { key: 'b1a1b507e56a94370b743c0c0c413b619ea13b55', class: `${textClass}__description ds-text-regular-md`, style: { '--ds-notification-description-max-width': this.dsDescriptionMaxWidth } }, this.dsDescription))), h("slot", { key: 'e1c0631f0f3fd1631d6f453348aaa771ef930d4d' })), this.dsDismissable && (h(this.DsButton, { key: 'e09ccdfe0f7bfbd787f25356735f8ef9a4e76a85', dsId: `${this.dsId}-dismiss-button`, dsIcon: "close", dsVariant: "supplementary", dsColour: "black", dsSize: "small", dsAriaLabelledby: [`${this.dsId}-dismiss-button`, ariaLabelledby].filter(Boolean).join(' '), onClick: this.handleDismissButtonClick }, h(this.DsVisuallyHidden, { key: '660fbc1ff5d18bfed45ddadfd0d92a303f64e55c', slot: "suffix", dsTag: "span" }, this.dsDismissButtonHiddenAssistiveText || this.close))))));
+        return (h("div", { key: 'da7dc416b3544bf88c8e430f5096760d578d6b2e', class: classes, id: this.dsId, role: role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...restAttributes }, h("div", { key: 'cc93c979d7ee7150d67e3a4694f1f21adcd66a33', class: contentClass }, h("div", { key: 'bf8403972e18bc332f5bf603b3396cf71af1c59c', class: `${baseClass}__icon ds-p-3xs` }, h(this.DsIcon, { key: '5a6ca762574fb8d030e9125d4359c98a846cc63d', dsName: this.icon })), h("div", { key: '247b10c7c31e21d5706f167115819d0e264ca8cd', class: textClass }, h("slot", { key: '832b560eba442d889d322ac1f0a6ad43f8545c8a', name: "heading" }, this.dsHeading && (h("div", { key: '5ed435ad98a1258b0be61a8c06ed7332ad5df990', class: `${textClass}__heading ds-text-semibold-lg`, id: this.headingId, role: this.dsDescription ? 'heading' : undefined, 'aria-level': this.dsDescription ? this.dsHeadingLevel : undefined }, this.dsHeading))), h("slot", { key: 'e1a1c1463b2975873fa48226469fcf1a33c542c4', name: "description" }, this.dsDescription && (h("div", { key: '13eb68395d4633806941ede2066d86c8c50d04d0', class: `${textClass}__description ds-text-regular-md`, style: { '--ds-notification-description-max-width': this.dsDescriptionMaxWidth } }, this.dsDescription))), h("slot", { key: '9dada7c528e67bf965ddcae728d717440bc40484' })), this.dsDismissable && (h(this.DsButton, { key: '6ffc560ffd9ddeaf6664da280ca3ec077c752e55', dsId: `${this.dsId}-dismiss-button`, dsIcon: "close", dsVariant: "supplementary", dsColour: "black", dsSize: "small", dsAriaLabelledby: [`${this.dsId}-dismiss-button`, ariaLabelledby].filter(Boolean).join(' '), onClick: this.handleDismissButtonClick }, h(this.DsVisuallyHidden, { key: '88c24043208db16829f651540ae1a232536990e4', slot: "suffix", dsTag: "span" }, this.dsDismissButtonHiddenAssistiveText || this.close))))));
     }
     static get watchers() { return {
         "aria-label": [{

package/dist/esm/ds-option_2.entry.js

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-DC3hrKbf.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-CGO6i46S.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import { c as cx } from './cx-DAxPJw14.js';
+import { c as cx } from './cx-WIIvD8un.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-Dzq9qJk7.js';
-import { c as componentFactory } from './componentFactory-DmszWHOG.js';
-import './store-DjcJcxKC.js';
+import { c as componentFactory } from './componentFactory-BbacL2PN.js';
+import './store-a5NsO1Yj.js';
 
-const dsOptionCss = () => `.ds-option__izAhxK.sc-ds-option{display:flex;align-items:center;justify-content:normal;min-height:2.5rem;padding:0.625rem var(--ds-spacing-xSmall);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__izAhxK.sc-ds-option:not(.ds-option__izAhxK--multiple){justify-content:space-between}.ds-option__izAhxK--hidden.sc-ds-option{display:none}.ds-option__izAhxK--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__izAhxK.sc-ds-option:hover:not(.ds-option__izAhxK--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__izAhxK.sc-ds-option:active:not(.ds-option__izAhxK--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__izAhxK--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__izAhxK--active.ds-option__izAhxK--selected.sc-ds-option:not(.ds-option__izAhxK--multiple){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__izAhxK--multiple.ds-option__izAhxK--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__izAhxK--multiple.sc-ds-option .ds-option__izAhxK__checkbox.sc-ds-option{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-option__izAhxK--multiple.ds-option__izAhxK--disabled.sc-ds-option .ds-option__izAhxK__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__izAhxK--multiple.ds-option__izAhxK--disabled.sc-ds-option:not(.ds-option__izAhxK--selected) .ds-option__izAhxK__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__izAhxK--selected.sc-ds-option .ds-option__izAhxK__checkbox.sc-ds-option{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent);color:var(--ds-textColor-white);padding:var(--ds-spacing-4xSmall)}.ds-option__izAhxK--selected.sc-ds-option:not(.ds-option__izAhxK--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__izAhxK--selected.sc-ds-option:not(.ds-option__izAhxK--multiple).ds-option__izAhxK--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__izAhxK--selected.sc-ds-option:not(.ds-option__izAhxK--multiple) .ds-option__izAhxK__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__izAhxK--selected.sc-ds-option:not(.ds-option__izAhxK--multiple) .ds-option__izAhxK__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__izAhxK--selected.sc-ds-option:not(.ds-option__izAhxK--multiple).ds-option__izAhxK--disabled .ds-option__izAhxK__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__izAhxK--selected.sc-ds-option:not(.ds-option__izAhxK--multiple):hover:not(.ds-option__izAhxK--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__izAhxK--selected.sc-ds-option:not(.ds-option__izAhxK--multiple):active:not(.ds-option__izAhxK--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__izAhxK__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__izAhxK__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__izAhxK__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__izAhxK__description.sc-ds-option:not(:empty){display:block}`;
+const dsOptionCss = () => `.ds-option__WN0Emr.sc-ds-option{display:flex;align-items:center;justify-content:normal;min-height:2.5rem;padding:0.625rem var(--ds-spacing-xSmall);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__WN0Emr.sc-ds-option:not(.ds-option__WN0Emr--multiple){justify-content:space-between}.ds-option__WN0Emr--hidden.sc-ds-option{display:none}.ds-option__WN0Emr--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__WN0Emr.sc-ds-option:hover:not(.ds-option__WN0Emr--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__WN0Emr.sc-ds-option:active:not(.ds-option__WN0Emr--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__WN0Emr--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__WN0Emr--active.ds-option__WN0Emr--selected.sc-ds-option:not(.ds-option__WN0Emr--multiple){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__WN0Emr--multiple.ds-option__WN0Emr--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__WN0Emr--multiple.sc-ds-option .ds-option__WN0Emr__checkbox.sc-ds-option{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-option__WN0Emr--multiple.ds-option__WN0Emr--disabled.sc-ds-option .ds-option__WN0Emr__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__WN0Emr--multiple.ds-option__WN0Emr--disabled.sc-ds-option:not(.ds-option__WN0Emr--selected) .ds-option__WN0Emr__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__WN0Emr--selected.sc-ds-option .ds-option__WN0Emr__checkbox.sc-ds-option{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent);color:var(--ds-textColor-white);padding:var(--ds-spacing-4xSmall)}.ds-option__WN0Emr--selected.sc-ds-option:not(.ds-option__WN0Emr--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__WN0Emr--selected.sc-ds-option:not(.ds-option__WN0Emr--multiple).ds-option__WN0Emr--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__WN0Emr--selected.sc-ds-option:not(.ds-option__WN0Emr--multiple) .ds-option__WN0Emr__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__WN0Emr--selected.sc-ds-option:not(.ds-option__WN0Emr--multiple) .ds-option__WN0Emr__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__WN0Emr--selected.sc-ds-option:not(.ds-option__WN0Emr--multiple).ds-option__WN0Emr--disabled .ds-option__WN0Emr__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__WN0Emr--selected.sc-ds-option:not(.ds-option__WN0Emr--multiple):hover:not(.ds-option__WN0Emr--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__WN0Emr--selected.sc-ds-option:not(.ds-option__WN0Emr--multiple):active:not(.ds-option__WN0Emr--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__WN0Emr__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__WN0Emr__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__WN0Emr__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__WN0Emr__description.sc-ds-option:not(:empty){display:block}`;
 
 const DsOption = class extends Mixin(componentFactory('ds-option')) {
     constructor(hostRef) {
@@ -127,7 +127,7 @@ const DsOption = class extends Mixin(componentFactory('ds-option')) {
 declareComponentDependencies([h("ds-icon", { dsName: "" })]);
 DsOption.style = dsOptionCss();
 
-const dsOptionGroupCss = () => `.ds-option-group__izAhxK.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__izAhxK--hidden.sc-ds-option-group{display:none}.ds-option-group__izAhxK.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__izAhxK__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__izAhxK__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}`;
+const dsOptionGroupCss = () => `.ds-option-group__WN0Emr.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__WN0Emr--hidden.sc-ds-option-group{display:none}.ds-option-group__WN0Emr.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__WN0Emr__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__WN0Emr__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}`;
 
 const DsOptionGroup = class extends Mixin(componentFactory('ds-option-group')) {
     constructor(hostRef) {
@@ -162,9 +162,9 @@ const DsOptionGroup = class extends Mixin(componentFactory('ds-option-group')) {
     }
     render() {
         const baseClass = cx('ds-option-group');
-        return (h("div", { key: 'bc78c8e9eca6c7395fcec178d194d27d35d501e9', class: classNames(`${baseClass}`, {
+        return (h("div", { key: '8023b873b342fb6ed068e04d1c5a90e7a0abbd08', class: classNames(`${baseClass}`, {
                 [`${baseClass}--hidden`]: this.dsHidden,
-            }), role: "group", "aria-labelledby": this.groupId, ...this.inheritedAttributes }, h("div", { key: 'fea3e9b9cdcb412c30b427e6b59cee8f2ddd6006', class: `${baseClass}__label`, id: this.groupId }, this.dsLabel), h("slot", { key: '93e8b98c40226ac84d64e9394f1502e26efb206a' })));
+            }), role: "group", "aria-labelledby": this.groupId, ...this.inheritedAttributes }, h("div", { key: '1dba0efdf6a067e140f293b632af322bbf0ccd4b', class: `${baseClass}__label`, id: this.groupId }, this.dsLabel), h("slot", { key: '57684ac864169f1a515d038026caba48f3f8fb52' })));
     }
 };
 DsOptionGroup.style = dsOptionGroupCss();

package/dist/esm/ds-options-message.entry.js

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DC3hrKbf.js';
-import { g as getLanguage } from './store-DjcJcxKC.js';
-import { t as tryADifferentSearchTerm, n as noResultsFound, l as loadingOptions, f as tryAgainOrIfTheProblemPersists, w as weCouldNotLoadOptions } from './controlUtils-CuF9Fnfg.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-CGO6i46S.js';
+import { g as getLanguage } from './store-a5NsO1Yj.js';
+import { t as tryADifferentSearchTerm, n as noResultsFound, l as loadingOptions, f as tryAgainOrIfTheProblemPersists, w as weCouldNotLoadOptions } from './controlUtils-EPHiTayW.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import { c as cx } from './cx-DAxPJw14.js';
-import { c as componentFactory } from './componentFactory-DmszWHOG.js';
+import { c as cx } from './cx-WIIvD8un.js';
+import { c as componentFactory } from './componentFactory-BbacL2PN.js';
 
-const dsOptionsMessageCss = () => `.ds-options-message__izAhxK.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__izAhxK__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__izAhxK__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__izAhxK__error__title.sc-ds-options-message,.ds-options-message__izAhxK__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__izAhxK__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__izAhxK__error__text.sc-ds-options-message,.ds-options-message__izAhxK__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}`;
+const dsOptionsMessageCss = () => `.ds-options-message__WN0Emr.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__WN0Emr__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__WN0Emr__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__WN0Emr__error__title.sc-ds-options-message,.ds-options-message__WN0Emr__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__WN0Emr__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__WN0Emr__error__text.sc-ds-options-message,.ds-options-message__WN0Emr__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}`;
 
 const defaultTextFns = {
     dsErrorTitle: weCouldNotLoadOptions,

package/dist/esm/ds-options_2.entry.js

@@ -1,15 +1,15 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, f as forceUpdate, H as Host } from './index-DC3hrKbf.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, f as forceUpdate, H as Host } from './index-CGO6i46S.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, S as SCRIM_HEIGHT, c as componentOnReady, e as debounce, F as FEEDBACK_RESET_TIMEOUT, a as ifDefined, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import { c as cx } from './cx-DAxPJw14.js';
+import { c as cx } from './cx-WIIvD8un.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-Dzq9qJk7.js';
-import { m as multiselectable, y as selectAnOption, b as atLeastOneOption, e as thereAreOptionsToBrowse, l as loadingOptions, w as weCouldNotLoadOptions, f as tryAgainOrIfTheProblemPersists, r as removeSelection, h as selections } from './controlUtils-CuF9Fnfg.js';
-import { c as componentFactory } from './componentFactory-DmszWHOG.js';
-import { m as multipleValueFactory } from './multipleValueFactory-Cn-bjcP5.js';
-import { d as disableEventsFactory } from './disableEventsFactory-DeCjjcHf.js';
-import './store-DjcJcxKC.js';
+import { m as multiselectable, y as selectAnOption, b as atLeastOneOption, e as thereAreOptionsToBrowse, l as loadingOptions, w as weCouldNotLoadOptions, f as tryAgainOrIfTheProblemPersists, r as removeSelection, h as selections } from './controlUtils-EPHiTayW.js';
+import { c as componentFactory } from './componentFactory-BbacL2PN.js';
+import { m as multipleValueFactory } from './multipleValueFactory-DqdWQiNI.js';
+import { d as disableEventsFactory } from './disableEventsFactory-DEVDUVPm.js';
+import './store-a5NsO1Yj.js';
 
-const dsOptionsCss = () => `.ds-options__izAhxK__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__izAhxK.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__izAhxK.sc-ds-options:focus{outline:none}.ds-options__izAhxK__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__izAhxK__top-scrim.sc-ds-options,.ds-options__izAhxK__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__izAhxK__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__izAhxK__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__izAhxK.has-top-scrim.sc-ds-options .ds-options__izAhxK__top-scrim.sc-ds-options{display:block}.ds-options__izAhxK.has-bottom-scrim.sc-ds-options .ds-options__izAhxK__bottom-scrim.sc-ds-options{display:block}.ds-options__izAhxK.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__izAhxK.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}`;
+const dsOptionsCss = () => `.ds-options__WN0Emr__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__WN0Emr.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__WN0Emr.sc-ds-options:focus{outline:none}.ds-options__WN0Emr__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__WN0Emr__top-scrim.sc-ds-options,.ds-options__WN0Emr__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__WN0Emr__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__WN0Emr__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__WN0Emr.has-top-scrim.sc-ds-options .ds-options__WN0Emr__top-scrim.sc-ds-options{display:block}.ds-options__WN0Emr.has-bottom-scrim.sc-ds-options .ds-options__WN0Emr__bottom-scrim.sc-ds-options{display:block}.ds-options__WN0Emr.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__WN0Emr.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}`;
 
 const DsOptions = class extends Mixin(componentFactory('ds-options')) {
     constructor(hostRef) {
@@ -153,7 +153,7 @@ const DsOptions = class extends Mixin(componentFactory('ds-options')) {
 };
 DsOptions.style = dsOptionsCss();
 
-const dsSelectCss = () => `.sc-ds-select-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){:not(:has(.ds-select__izAhxK--full-width)).sc-ds-select-h{width:var(--ds-select-wide-width, 20rem)}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__izAhxK-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-select-borderWidth, var(--ds-borderWidth-thin)) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:var(--ds-select-height, 2.75rem);width:100%}.ds-select__izAhxK-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-select-dropdown-icon-border-left, var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight));color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:var(--ds-select-dropdown-icon-padding, 0 var(--ds-spacing-2xSmall))}.ds-select__izAhxK-custom-wrapper.sc-ds-select{position:relative}.ds-select__izAhxK-custom.sc-ds-select .ds-options__izAhxK.sc-ds-select{display:block}.ds-select__izAhxK-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__izAhxK-custom-input-container.sc-ds-select:has(.ds-select__izAhxK-custom__clear-button:hover) .ds-select__izAhxK-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__izAhxK-custom.sc-ds-select:not(.ds-select__izAhxK-custom--open,.ds-select__izAhxK-custom--invalid.sc-ds-select,.ds-select__izAhxK-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__izAhxK-custom.sc-ds-select:active:not(.ds-select__izAhxK-custom--open,.ds-select__izAhxK-custom--invalid.sc-ds-select,.ds-select__izAhxK-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__izAhxK-custom--open.sc-ds-select,.ds-select__izAhxK-custom.sc-ds-select:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__izAhxK-custom--open.sc-ds-select:not(.ds-select__izAhxK-custom--open--invalid,.ds-select__izAhxK-custom.sc-ds-select:focus-visible--invalid),.ds-select__izAhxK-custom.sc-ds-select:focus-visible:not(.ds-select__izAhxK-custom--open--invalid,.ds-select__izAhxK-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__izAhxK-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__izAhxK-custom--disabled.sc-ds-select .ds-select__izAhxK-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__izAhxK-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__izAhxK-custom--invalid.sc-ds-select:not(.ds-select__izAhxK-custom--invalid--open,.ds-select__izAhxK-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__izAhxK-custom--invalid.sc-ds-select:not(.ds-select__izAhxK-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__izAhxK-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__izAhxK-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px)));padding-right:var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall))}.ds-select__izAhxK-custom--has-icon.sc-ds-select .ds-select__izAhxK-custom__selected-option.sc-ds-select{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__izAhxK-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__izAhxK-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__izAhxK-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__izAhxK-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__izAhxK-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__izAhxK-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__izAhxK-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__izAhxK-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__izAhxK-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__izAhxK-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);top:2px;bottom:2px;cursor:pointer}.ds-select__izAhxK-custom__clear-button.sc-ds-select:has(button:focus){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 2)}.ds-select__izAhxK-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__izAhxK-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-select__izAhxK-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__izAhxK-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__izAhxK-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__izAhxK-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__izAhxK-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__izAhxK-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__izAhxK-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__izAhxK-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__izAhxK-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__izAhxK-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}`;
+const dsSelectCss = () => `.ds-select__WN0Emr__host.sc-ds-select-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){.ds-select__WN0Emr__host.sc-ds-select-h{width:var(--ds-select-wide-width, 20rem)}}.ds-select__WN0Emr__host.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}@media (min-width: 30rem){.ds-select__WN0Emr__host--full-width.sc-ds-select-h{width:var(--ds-select-narrow-width, 100%)}}.ds-select__WN0Emr-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-select-borderWidth, var(--ds-borderWidth-thin)) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:var(--ds-select-height, 2.75rem);width:100%}.ds-select__WN0Emr-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-select-dropdown-icon-border-left, var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight));color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:var(--ds-select-dropdown-icon-padding, 0 var(--ds-spacing-2xSmall))}.ds-select__WN0Emr-custom-wrapper.sc-ds-select{position:relative}.ds-select__WN0Emr-custom.sc-ds-select .ds-options__WN0Emr.sc-ds-select{display:block}.ds-select__WN0Emr-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__WN0Emr-custom-input-container.sc-ds-select:has(.ds-select__WN0Emr-custom__clear-button:hover) .ds-select__WN0Emr-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__WN0Emr-custom.sc-ds-select:not(.ds-select__WN0Emr-custom--open,.ds-select__WN0Emr-custom--invalid.sc-ds-select,.ds-select__WN0Emr-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__WN0Emr-custom.sc-ds-select:active:not(.ds-select__WN0Emr-custom--open,.ds-select__WN0Emr-custom--invalid.sc-ds-select,.ds-select__WN0Emr-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__WN0Emr-custom--open.sc-ds-select,.ds-select__WN0Emr-custom.sc-ds-select:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__WN0Emr-custom--open.sc-ds-select:not(.ds-select__WN0Emr-custom--open--invalid,.ds-select__WN0Emr-custom.sc-ds-select:focus-visible--invalid),.ds-select__WN0Emr-custom.sc-ds-select:focus-visible:not(.ds-select__WN0Emr-custom--open--invalid,.ds-select__WN0Emr-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__WN0Emr-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__WN0Emr-custom--disabled.sc-ds-select .ds-select__WN0Emr-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__WN0Emr-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__WN0Emr-custom--invalid.sc-ds-select:not(.ds-select__WN0Emr-custom--invalid--open,.ds-select__WN0Emr-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__WN0Emr-custom--invalid.sc-ds-select:not(.ds-select__WN0Emr-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__WN0Emr-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__WN0Emr-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px)));padding-right:var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall))}.ds-select__WN0Emr-custom--has-icon.sc-ds-select .ds-select__WN0Emr-custom__selected-option.sc-ds-select{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__WN0Emr-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__WN0Emr-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__WN0Emr-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__WN0Emr-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__WN0Emr-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__WN0Emr-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__WN0Emr-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__WN0Emr-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__WN0Emr-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__WN0Emr-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);top:2px;bottom:2px;cursor:pointer}.ds-select__WN0Emr-custom__clear-button.sc-ds-select:has(button:focus){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 2)}.ds-select__WN0Emr-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__WN0Emr-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-select__WN0Emr-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__WN0Emr-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__WN0Emr-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__WN0Emr-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__WN0Emr-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__WN0Emr-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__WN0Emr-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__WN0Emr-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__WN0Emr-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__WN0Emr-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}`;
 
 const defaultTextFns = {
     dsPlaceholder: selectAnOption,
@@ -526,7 +526,6 @@ const DsSelect = class extends Mixin(componentFactory('ds-select', { stopRootTra
                 this.customSelectRef?.focus();
                 this.toggleDropdown();
             } }, h("slot", { name: "label" })), h("div", { class: `${customSelectClass}-wrapper` }, h("div", { class: `${customSelectClass}-input-container` }, h("div", { id: this.dsId, ref: el => (this.customSelectRef = el), class: classNames(`${customSelectClass}`, {
-                [`${baseClass}--full-width`]: this.dsFullWidth,
                 [`${customSelectClass}--open`]: this.isOpen,
                 [`${customSelectClass}--none-selected`]: noneSelected,
                 [`${customSelectClass}--disabled`]: this.dsDisabled,
@@ -570,7 +569,10 @@ const DsSelect = class extends Mixin(componentFactory('ds-select', { stopRootTra
     }
     render() {
         const baseClass = cx('ds-select');
-        return (h(Host, { key: '8aea54cbb8dfa36ea92510ea35de4a3f0a7f53e4', ...ifDefined('name', this.isNative ? undefined : this.dsName) }, h("div", { key: 'f4ce8d85fe9c6644c9506a0cc75c62f8507fec4d', tabIndex: this.isNative ? undefined : -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
+        const hostClass = `${baseClass}__host`;
+        return (h(Host, { key: '35e1b9c4f7ea428b4f3ca1c80c8946c7632d6585', class: classNames(hostClass, {
+                [`${hostClass}--full-width`]: this.dsFullWidth,
+            }), ...ifDefined('name', this.isNative ? undefined : this.dsName) }, h("div", { key: '0461f70215a1adeca24e139a4033b538090c8c73', tabIndex: this.isNative ? undefined : -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/esm/ds-pagination-ellipsis.entry.js

@@ -1,10 +1,10 @@
-import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-DC3hrKbf.js';
-import { c as cx } from './cx-DAxPJw14.js';
-import { p as paginationFactory } from './paginationFactory-09JYZQfp.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-CGO6i46S.js';
+import { c as cx } from './cx-WIIvD8un.js';
+import { p as paginationFactory } from './paginationFactory-9VqWPadh.js';
 import './paginationContext-DQbBqFRL.js';
 import './utils-CRB48Q9-.js';
 
-const dsPaginationEllipsisCss = () => `.sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__izAhxK.sc-ds-pagination-ellipsis{min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-pagination-ellipsis-colour, var(--ds-textColor-default));font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));align-content:center;text-align:center;user-select:none}`;
+const dsPaginationEllipsisCss = () => `.sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__WN0Emr.sc-ds-pagination-ellipsis{min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-pagination-ellipsis-colour, var(--ds-textColor-default));font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));align-content:center;text-align:center;user-select:none}`;
 
 const DsPaginationEllipsis = class extends Mixin(paginationFactory) {
     constructor(hostRef) {
@@ -17,7 +17,7 @@ const DsPaginationEllipsis = class extends Mixin(paginationFactory) {
         const variant = this.paginationContext?.variant || 'medium';
         const hostClass = cx(`ds-pagination-ellipsis-variant--${variant}`);
         const ariaLabel = this.paginationContext?.texts.ellipsis || 'Ellipsis';
-        return (h(Host, { key: '1cc7a1b9f87796c3dc7e1a89e591f6242bcea288', class: hostClass }, h("span", { key: 'b4fc2e3f4599a5d02227a1688494839fc39b6bd0', class: baseClass, role: "img", "aria-label": ariaLabel }, "\u2026")));
+        return (h(Host, { key: '0106fd04258015b0557a86617d57da4494903312', class: hostClass }, h("span", { key: '3b5a55cde73b72d2b36aed113c4721a6546b7eb3', class: baseClass, role: "img", "aria-label": ariaLabel }, "\u2026")));
     }
 };
 DsPaginationEllipsis.style = dsPaginationEllipsisCss();

package/dist/esm/ds-pagination-item.entry.js

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-DC3hrKbf.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-CGO6i46S.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-DAxPJw14.js';
+import { c as cx } from './cx-WIIvD8un.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import { p as paginationFactory } from './paginationFactory-09JYZQfp.js';
+import { p as paginationFactory } from './paginationFactory-9VqWPadh.js';
 import './paginationContext-DQbBqFRL.js';
 
-const dsPaginationItemCss = () => `.ds-pagination-item__izAhxK.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-item__izAhxK--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__izAhxK--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__izAhxK--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}`;
+const dsPaginationItemCss = () => `.ds-pagination-item__WN0Emr.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-item__WN0Emr--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__WN0Emr--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__WN0Emr--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}`;
 
 const DsPaginationItem = class extends Mixin(paginationFactory) {
     constructor(hostRef) {

package/dist/esm/ds-pagination-page-info.entry.js

@@ -1,10 +1,10 @@
-import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-DC3hrKbf.js';
-import { c as cx } from './cx-DAxPJw14.js';
-import { p as paginationFactory } from './paginationFactory-09JYZQfp.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-CGO6i46S.js';
+import { c as cx } from './cx-WIIvD8un.js';
+import { p as paginationFactory } from './paginationFactory-9VqWPadh.js';
 import './paginationContext-DQbBqFRL.js';
 import './utils-CRB48Q9-.js';
 
-const dsPaginationPageInfoCss = () => `.ds-no-style-leak.sc-ds-pagination-page-info *.sc-ds-pagination-page-info{all:unset;box-sizing:border-box;display:block}.sc-ds-pagination-page-info-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-page-info__izAhxK.sc-ds-pagination-page-info{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);padding:0;font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold);text-align:center;align-self:center;white-space:nowrap}`;
+const dsPaginationPageInfoCss = () => `.ds-no-style-leak.sc-ds-pagination-page-info *.sc-ds-pagination-page-info{all:unset;box-sizing:border-box;display:block}.sc-ds-pagination-page-info-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-page-info__WN0Emr.sc-ds-pagination-page-info{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);padding:0;font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold);text-align:center;align-self:center;white-space:nowrap}`;
 
 const DsPaginationPageInfo = class extends Mixin(paginationFactory) {
     constructor(hostRef) {

package/dist/esm/ds-pagination-page.entry.js

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-DC3hrKbf.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-CGO6i46S.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-DAxPJw14.js';
+import { c as cx } from './cx-WIIvD8un.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import { p as paginationFactory } from './paginationFactory-09JYZQfp.js';
+import { p as paginationFactory } from './paginationFactory-9VqWPadh.js';
 import './paginationContext-DQbBqFRL.js';
 
-const dsPaginationPageCss = () => `.sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__izAhxK.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__izAhxK--current.sc-ds-pagination-page{pointer-events:none}`;
+const dsPaginationPageCss = () => `.sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__WN0Emr.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__WN0Emr--current.sc-ds-pagination-page{pointer-events:none}`;
 
 const DsPaginationPage = class extends Mixin(paginationFactory) {
     constructor(hostRef) {

package/dist/esm/ds-pagination.entry.js

@@ -1,14 +1,14 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DC3hrKbf.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-CGO6i46S.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-DAxPJw14.js';
-import { p as ellipsis } from './controlUtils-CuF9Fnfg.js';
-import { p as pageNumber, a as currentPage, g as goToNextPage, b as goToPreviousPage, d as goToLastPage, e as goToFirstPage, n as nextPage, f as previousPage, l as lastPage, h as firstPage, i as pagination } from './paginationUtils-C-ppbnkx.js';
+import { c as cx } from './cx-WIIvD8un.js';
+import { p as ellipsis } from './controlUtils-EPHiTayW.js';
+import { p as pageNumber, a as currentPage, g as goToNextPage, b as goToPreviousPage, d as goToLastPage, e as goToFirstPage, n as nextPage, f as previousPage, l as lastPage, h as firstPage, i as pagination } from './paginationUtils-B_jH6tbO.js';
 import { s as storePaginationContext, p as providePaginationContextToSlots } from './paginationContext-DQbBqFRL.js';
-import { c as componentFactory } from './componentFactory-DmszWHOG.js';
-import './store-DjcJcxKC.js';
+import { c as componentFactory } from './componentFactory-BbacL2PN.js';
+import './store-a5NsO1Yj.js';
 import './utils-CRB48Q9-.js';
 
-const dsPaginationCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%}@media (min-width: 30rem){:host{width:auto}}.ds-pagination__izAhxK{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__izAhxK__compact slot,.ds-pagination__izAhxK__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__izAhxK--compact .ds-pagination__izAhxK__compact,.ds-pagination__izAhxK--auto .ds-pagination__izAhxK__compact{width:100%}@media (min-width: 30rem){.ds-pagination__izAhxK--compact .ds-pagination__izAhxK__compact,.ds-pagination__izAhxK--auto .ds-pagination__izAhxK__compact{width:auto}}.ds-pagination__izAhxK--compact .ds-pagination__izAhxK__compact slot,.ds-pagination__izAhxK--auto .ds-pagination__izAhxK__compact slot{display:grid;grid-template-columns:min-content min-content auto min-content min-content;gap:var(--ds-spacing-3xSmall);align-items:center;width:100%}.ds-pagination__izAhxK ::slotted([class*=pagination-page-info]){padding:0 var(--ds-spacing-small);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold);text-align:center;align-self:center;white-space:nowrap}.ds-pagination__izAhxK--white{--ds-pagination-ellipsis-colour:var(--ds-textColor-white)}.ds-pagination__izAhxK--white ::slotted([class*=pagination-page-info]){color:var(--ds-textColor-white)}.ds-pagination__izAhxK--compact .ds-pagination__izAhxK__full{display:none}.ds-pagination__izAhxK--full .ds-pagination__izAhxK__compact{display:none}.ds-pagination__izAhxK--auto .ds-pagination__izAhxK__full{display:none}@media (min-width: 60rem){.ds-pagination__izAhxK--auto .ds-pagination__izAhxK__full{display:contents}.ds-pagination__izAhxK--auto .ds-pagination__izAhxK__compact{display:none}}`;
+const dsPaginationCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%}@media (min-width: 30rem){:host{width:auto}}.ds-pagination__WN0Emr{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__WN0Emr__compact slot,.ds-pagination__WN0Emr__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__WN0Emr--compact .ds-pagination__WN0Emr__compact,.ds-pagination__WN0Emr--auto .ds-pagination__WN0Emr__compact{width:100%}@media (min-width: 30rem){.ds-pagination__WN0Emr--compact .ds-pagination__WN0Emr__compact,.ds-pagination__WN0Emr--auto .ds-pagination__WN0Emr__compact{width:auto}}.ds-pagination__WN0Emr--compact .ds-pagination__WN0Emr__compact slot,.ds-pagination__WN0Emr--auto .ds-pagination__WN0Emr__compact slot{display:grid;grid-template-columns:min-content min-content auto min-content min-content;gap:var(--ds-spacing-3xSmall);align-items:center;width:100%}.ds-pagination__WN0Emr ::slotted([class*=pagination-page-info]){padding:0 var(--ds-spacing-small);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold);text-align:center;align-self:center;white-space:nowrap}.ds-pagination__WN0Emr--white{--ds-pagination-ellipsis-colour:var(--ds-textColor-white)}.ds-pagination__WN0Emr--white ::slotted([class*=pagination-page-info]){color:var(--ds-textColor-white)}.ds-pagination__WN0Emr--compact .ds-pagination__WN0Emr__full{display:none}.ds-pagination__WN0Emr--full .ds-pagination__WN0Emr__compact{display:none}.ds-pagination__WN0Emr--auto .ds-pagination__WN0Emr__full{display:none}@media (min-width: 60rem){.ds-pagination__WN0Emr--auto .ds-pagination__WN0Emr__full{display:contents}.ds-pagination__WN0Emr--auto .ds-pagination__WN0Emr__compact{display:none}}`;
 
 const DsPagination = class extends Mixin(componentFactory('ds-pagination', { stopRootTracking: true })) {
     constructor(hostRef) {
@@ -88,10 +88,10 @@ const DsPagination = class extends Mixin(componentFactory('ds-pagination', { sto
         const classes = classNames(baseClass, `${baseClass}--${this.dsVariant}`, `${baseClass}--${this.dsLayout}`, `${baseClass}--${this.dsColour}`);
         const fontSize = this.dsVariant === 'small' ? 'var(--ds-fontSize-16)' : 'var(--ds-fontSize-18)';
         const minSize = this.dsVariant === 'small' ? 'var(--ds-spacing-large)' : 'calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall))';
-        return (h("nav", { key: 'ef22ab4865a3139b74d2d3e0e64c2d953dd723e5', class: classes, "aria-label": this.dsAriaLabel || pagination(), style: {
+        return (h("nav", { key: 'ef84c607c696bf50b5e302fdf384d23ca665b2ec', class: classes, "aria-label": this.dsAriaLabel || pagination(), style: {
                 '--ds-pagination-font-size': fontSize,
                 '--ds-link-cta-min-width': minSize,
-            } }, h("div", { key: 'f6a5be74c7b21c633edb69cb340f1f8f6aa88a73', class: `${baseClass}__compact` }, h("slot", { key: '143093d797e6d97e3ad37ede26b53d819f3d6004', name: "compact", onSlotchange: () => this.updateContext() })), h("div", { key: '7d4fb67fb8f5a1b56ee6de1cf70f190989793191', class: `${baseClass}__full` }, h("slot", { key: 'b934f23fe9506be0a929ed50ae5d0571cfe9676e', name: "full", onSlotchange: () => this.updateContext() }))));
+            } }, h("div", { key: '2e24858179e4435f85fbbb3d004716b10ee85cd8', class: `${baseClass}__compact` }, h("slot", { key: '0a7f214e2006de0e8c85844ffaac9c68fa70f541', name: "compact", onSlotchange: () => this.updateContext() })), h("div", { key: 'f2b657f9b2d0e5bd45e0e2e67c94fe44e3ac1884', class: `${baseClass}__full` }, h("slot", { key: '73bda4aafb0e8204dee278a11811b39cff6da4b2', name: "full", onSlotchange: () => this.updateContext() }))));
     }
     static get watchers() { return {
         "lang": [{

package/dist/esm/ds-radio-button-group.entry.js

@@ -1,14 +1,14 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, H as Host } from './index-DC3hrKbf.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, H as Host } from './index-CGO6i46S.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import { d as disableEventsFactory } from './disableEventsFactory-DeCjjcHf.js';
+import { d as disableEventsFactory } from './disableEventsFactory-DEVDUVPm.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-Dzq9qJk7.js';
-import { g as getRequiredText, b as atLeastOneOption } from './controlUtils-CuF9Fnfg.js';
-import { c as cx } from './cx-DAxPJw14.js';
-import { c as componentFactory } from './componentFactory-DmszWHOG.js';
-import './store-DjcJcxKC.js';
+import { g as getRequiredText, b as atLeastOneOption } from './controlUtils-EPHiTayW.js';
+import { c as cx } from './cx-WIIvD8un.js';
+import { c as componentFactory } from './componentFactory-BbacL2PN.js';
+import './store-a5NsO1Yj.js';
 
-const dsRadioButtonGroupCss = () => `.ds-no-style-leak.sc-ds-radio-button-group *.sc-ds-radio-button-group{all:unset;box-sizing:border-box;display:block}.ds-radio-button-group__izAhxK.sc-ds-radio-button-group{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__izAhxK__radio-buttons-slot.sc-ds-radio-button-group{display:inline-flex;flex-direction:column}.ds-radio-button-group__izAhxK__radio-buttons-slot--horizontal.sc-ds-radio-button-group{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__izAhxK__legend.sc-ds-radio-button-group{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__izAhxK__assistive-text.sc-ds-radio-button-group{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}`;
+const dsRadioButtonGroupCss = () => `.ds-no-style-leak.sc-ds-radio-button-group *.sc-ds-radio-button-group{all:unset;box-sizing:border-box;display:block}.ds-radio-button-group__WN0Emr.sc-ds-radio-button-group{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__WN0Emr__radio-buttons-slot.sc-ds-radio-button-group{display:inline-flex;flex-direction:column}.ds-radio-button-group__WN0Emr__radio-buttons-slot--horizontal.sc-ds-radio-button-group{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__WN0Emr__legend.sc-ds-radio-button-group{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__WN0Emr__assistive-text.sc-ds-radio-button-group{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}`;
 
 const DsRadioButtonGroup = class extends Mixin(componentFactory('ds-radio-button-group', { stopRootTracking: true }), disableEventsFactory) {
     constructor(hostRef) {

package/dist/esm/ds-radio-button.entry.js

@@ -1,15 +1,15 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h, F as Fragment } from './index-DC3hrKbf.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h, F as Fragment } from './index-CGO6i46S.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-Dzq9qJk7.js';
-import { v as validityMessage, g as getRequiredText } from './controlUtils-CuF9Fnfg.js';
+import { v as validityMessage, g as getRequiredText } from './controlUtils-EPHiTayW.js';
 import { t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-CRB48Q9-.js';
-import { c as cx } from './cx-DAxPJw14.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-BVOItkJB.js';
-import { d as disableEventsFactory } from './disableEventsFactory-DeCjjcHf.js';
-import { c as componentFactory } from './componentFactory-DmszWHOG.js';
-import './store-DjcJcxKC.js';
+import { c as cx } from './cx-WIIvD8un.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-CyiBHG1z.js';
+import { d as disableEventsFactory } from './disableEventsFactory-DEVDUVPm.js';
+import { c as componentFactory } from './componentFactory-BbacL2PN.js';
+import './store-a5NsO1Yj.js';
 
-const dsRadioButtonCss = () => `.ds-radio-button__izAhxK.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__izAhxK--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__izAhxK.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__izAhxK__icon.sc-ds-radio-button{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0.5)}.ds-radio-button__izAhxK__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__izAhxK__text.sc-ds-radio-button{margin-top:10px;padding-right:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-radio-button__izAhxK__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__izAhxK__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__izAhxK__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__izAhxK.sc-ds-radio-button:hover:not(.ds-radio-button__izAhxK--disabled):not(.ds-radio-button__izAhxK--invalid) .ds-radio-button__izAhxK__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__izAhxK.sc-ds-radio-button:hover:not(.ds-radio-button__izAhxK--disabled):not(.ds-radio-button__izAhxK--invalid) .ds-radio-button__izAhxK__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__izAhxK.sc-ds-radio-button:hover:not(.ds-radio-button__izAhxK--disabled):not(.ds-radio-button__izAhxK--invalid) .ds-radio-button__izAhxK__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__izAhxK.sc-ds-radio-button:active:not(.ds-radio-button__izAhxK--disabled):not(.ds-radio-button__izAhxK--invalid) .ds-radio-button__izAhxK__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__izAhxK.sc-ds-radio-button:active:not(.ds-radio-button__izAhxK--disabled):not(.ds-radio-button__izAhxK--invalid) .ds-radio-button__izAhxK__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__izAhxK.sc-ds-radio-button:active:not(.ds-radio-button__izAhxK--disabled):not(.ds-radio-button__izAhxK--invalid) .ds-radio-button__izAhxK__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__izAhxK--disabled.sc-ds-radio-button .ds-radio-button__izAhxK__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__izAhxK--disabled.sc-ds-radio-button .ds-radio-button__izAhxK__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__izAhxK--disabled.sc-ds-radio-button .ds-radio-button__izAhxK__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__izAhxK--invalid.sc-ds-radio-button .ds-radio-button__izAhxK__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__izAhxK--invalid.sc-ds-radio-button .ds-radio-button__izAhxK__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__izAhxK--invalid.sc-ds-radio-button .ds-radio-button__izAhxK__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__izAhxK--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__izAhxK--disabled) .ds-radio-button__izAhxK__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__izAhxK--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__izAhxK--disabled) .ds-radio-button__izAhxK__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__izAhxK--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__izAhxK--disabled) .ds-radio-button__izAhxK__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__izAhxK--invalid.sc-ds-radio-button:active:not(.ds-radio-button__izAhxK--disabled) .ds-radio-button__izAhxK__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__izAhxK--invalid.sc-ds-radio-button:active:not(.ds-radio-button__izAhxK--disabled) .ds-radio-button__izAhxK__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__izAhxK--invalid.sc-ds-radio-button:active:not(.ds-radio-button__izAhxK--disabled) .ds-radio-button__izAhxK__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__izAhxK-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__izAhxK-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button__izAhxK-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}`;
+const dsRadioButtonCss = () => `.ds-radio-button__WN0Emr.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__WN0Emr--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__WN0Emr.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__WN0Emr__icon.sc-ds-radio-button{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0.5)}.ds-radio-button__WN0Emr__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__WN0Emr__text.sc-ds-radio-button{margin-top:10px;padding-right:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-radio-button__WN0Emr__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__WN0Emr__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__WN0Emr__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__WN0Emr.sc-ds-radio-button:hover:not(.ds-radio-button__WN0Emr--disabled):not(.ds-radio-button__WN0Emr--invalid) .ds-radio-button__WN0Emr__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__WN0Emr.sc-ds-radio-button:hover:not(.ds-radio-button__WN0Emr--disabled):not(.ds-radio-button__WN0Emr--invalid) .ds-radio-button__WN0Emr__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__WN0Emr.sc-ds-radio-button:hover:not(.ds-radio-button__WN0Emr--disabled):not(.ds-radio-button__WN0Emr--invalid) .ds-radio-button__WN0Emr__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__WN0Emr.sc-ds-radio-button:active:not(.ds-radio-button__WN0Emr--disabled):not(.ds-radio-button__WN0Emr--invalid) .ds-radio-button__WN0Emr__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__WN0Emr.sc-ds-radio-button:active:not(.ds-radio-button__WN0Emr--disabled):not(.ds-radio-button__WN0Emr--invalid) .ds-radio-button__WN0Emr__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__WN0Emr.sc-ds-radio-button:active:not(.ds-radio-button__WN0Emr--disabled):not(.ds-radio-button__WN0Emr--invalid) .ds-radio-button__WN0Emr__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__WN0Emr--disabled.sc-ds-radio-button .ds-radio-button__WN0Emr__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__WN0Emr--disabled.sc-ds-radio-button .ds-radio-button__WN0Emr__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__WN0Emr--disabled.sc-ds-radio-button .ds-radio-button__WN0Emr__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__WN0Emr--invalid.sc-ds-radio-button .ds-radio-button__WN0Emr__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__WN0Emr--invalid.sc-ds-radio-button .ds-radio-button__WN0Emr__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__WN0Emr--invalid.sc-ds-radio-button .ds-radio-button__WN0Emr__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__WN0Emr--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__WN0Emr--disabled) .ds-radio-button__WN0Emr__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__WN0Emr--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__WN0Emr--disabled) .ds-radio-button__WN0Emr__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__WN0Emr--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__WN0Emr--disabled) .ds-radio-button__WN0Emr__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__WN0Emr--invalid.sc-ds-radio-button:active:not(.ds-radio-button__WN0Emr--disabled) .ds-radio-button__WN0Emr__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__WN0Emr--invalid.sc-ds-radio-button:active:not(.ds-radio-button__WN0Emr--disabled) .ds-radio-button__WN0Emr__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__WN0Emr--invalid.sc-ds-radio-button:active:not(.ds-radio-button__WN0Emr--disabled) .ds-radio-button__WN0Emr__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__WN0Emr-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__WN0Emr-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button__WN0Emr-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}`;
 
 const DsRadioButton = class extends Mixin(componentFactory('ds-radio-button'), ariaDeprecationFactory, disableEventsFactory) {
     constructor(hostRef) {