@uh-design-system/component-library 1.4.0-rc.0 → 1.4.0-rc.2

package/dist/components/ds-media.js

@@ -1,13 +1,13 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-DRfywe7m.js';
-import { c as cx } from './p-D-tgiyw8.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-GalXVdFP.js';
+import { c as cx } from './p-C34PGDVY.js';
 import { a as ifDefined, t as transformTagName, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './p-BecId8t2.js';
-import { g as getLanguage } from './p-aV_AKOi8.js';
-import { d as defineCustomElement$4 } from './p-DKxAYKs-.js';
-import { d as defineCustomElement$3 } from './p-DMCi_s0B.js';
-import { d as defineCustomElement$2 } from './p-BpG_wmwr.js';
+import { g as getLanguage } from './p-B71giUZh.js';
+import { d as defineCustomElement$4 } from './p-DIxFOW85.js';
+import { d as defineCustomElement$3 } from './p-Dq55XDgV.js';
+import { d as defineCustomElement$2 } from './p-Cq_RwLX7.js';
 
-const dsMediaCss = ".ds-media__1Vp5mb{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__1Vp5mb .ds-media__image,.ds-media__1Vp5mb .ds-media__video,.ds-media__1Vp5mb .ds-media__youtube{width:100%;height:100%;object-fit:cover;display:block;max-height:var(--horizontal-image-max-height, auto);aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__1Vp5mb .ds-media__image--fluid,.ds-media__1Vp5mb .ds-media__video--fluid,.ds-media__1Vp5mb .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__1Vp5mb__youtube{border:none;object-fit:initial}.ds-media__1Vp5mb--loading .ds-media__image,.ds-media__1Vp5mb--loading .ds-media__video{opacity:0}.ds-media__1Vp5mb--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__1Vp5mb--error .ds-media__image,.ds-media__1Vp5mb--error .ds-media__video{display:none}.ds-media__1Vp5mb--error .ds-media__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:var(--ds-bgColor-secondary);color:var(--ds-bgColor-danger-bold);z-index:1;padding:16px;text-align:center}.ds-media__1Vp5mb--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__1Vp5mb--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__1Vp5mb--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__1Vp5mb--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__1Vp5mb--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__1Vp5mb--fluid{width:100%;height:100%}.ds-media__1Vp5mb--fluid .ds-media__1Vp5mb__image,.ds-media__1Vp5mb--fluid .ds-media__1Vp5mb__video,.ds-media__1Vp5mb--fluid .ds-media__1Vp5mb__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__1Vp5mb{border-radius:2px}.ds-media__1Vp5mb__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__1Vp5mb__loading-text{font-size:12px}.ds-media__1Vp5mb__error-icon{width:40px;height:40px}.ds-media__1Vp5mb__error-text{font-size:12px}}";
+const dsMediaCss = ".ds-media__oSBnIJ{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__oSBnIJ .ds-media__image,.ds-media__oSBnIJ .ds-media__video,.ds-media__oSBnIJ .ds-media__youtube{width:100%;height:100%;object-fit:cover;display:block;max-height:var(--horizontal-image-max-height, auto);aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__oSBnIJ .ds-media__image--fluid,.ds-media__oSBnIJ .ds-media__video--fluid,.ds-media__oSBnIJ .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__oSBnIJ__youtube{border:none;object-fit:initial}.ds-media__oSBnIJ--loading .ds-media__image,.ds-media__oSBnIJ--loading .ds-media__video{opacity:0}.ds-media__oSBnIJ--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__oSBnIJ--error .ds-media__image,.ds-media__oSBnIJ--error .ds-media__video{display:none}.ds-media__oSBnIJ--error .ds-media__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:var(--ds-bgColor-secondary);color:var(--ds-bgColor-danger-bold);z-index:1;padding:16px;text-align:center}.ds-media__oSBnIJ--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__oSBnIJ--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__oSBnIJ--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__oSBnIJ--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__oSBnIJ--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__oSBnIJ--fluid{width:100%;height:100%}.ds-media__oSBnIJ--fluid .ds-media__oSBnIJ__image,.ds-media__oSBnIJ--fluid .ds-media__oSBnIJ__video,.ds-media__oSBnIJ--fluid .ds-media__oSBnIJ__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__oSBnIJ{border-radius:2px}.ds-media__oSBnIJ__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__oSBnIJ__loading-text{font-size:12px}.ds-media__oSBnIJ__error-icon{width:40px;height:40px}.ds-media__oSBnIJ__error-text{font-size:12px}}";
 
 const DsMedia$1 = proxyCustomElement(class DsMedia extends H {
     constructor(registerHost) {
@@ -183,7 +183,7 @@ const DsMedia$1 = proxyCustomElement(class DsMedia extends H {
         const aspectRatioParts = this.dsAspectRatio.split('/');
         const aspectRatioValue = aspectRatioParts.length === 2 ? `${aspectRatioParts[0]} / ${aspectRatioParts[1]}` : this.dsAspectRatio;
         const baseClass = cx('ds-media');
-        return (h("div", { key: '5f6f41714fa77e0e7ac0562532d426e8f50563d7', class: {
+        return (h("div", { key: 'a87831e27a55e1006374189bd1d60ed1ffc74b88', class: {
                 [baseClass]: true,
                 [`${baseClass}--loading`]: this.isLoading,
                 [`${baseClass}--error`]: this.hasError,

package/dist/components/ds-modal.js

@@ -1,17 +1,17 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-DRfywe7m.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-GalXVdFP.js';
 import { c as classNames } from './p-BfTCfPZ1.js';
-import { c as cx } from './p-D-tgiyw8.js';
+import { c as cx } from './p-C34PGDVY.js';
 import { i as idGenerator, t as transformTagName, e as throttle, a as ifDefined, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { g as getLanguage } from './p-aV_AKOi8.js';
+import { g as getLanguage } from './p-B71giUZh.js';
 import { M as MODAL_TRANSITION_IN_DURATION, c as MODAL_TRANSITION_OUT_DURATION } from './p-BT1Kxodd.js';
 import { i as isGreaterThanEqualBreakpointMediaQuery } from './p-BW1GUsO7.js';
-import { d as defineCustomElement$6 } from './p-Dka0Y-4r.js';
-import { d as defineCustomElement$5 } from './p-nvcs8guN.js';
-import { d as defineCustomElement$4 } from './p-DKxAYKs-.js';
-import { d as defineCustomElement$3 } from './p-DMCi_s0B.js';
-import { d as defineCustomElement$2 } from './p-BpG_wmwr.js';
+import { d as defineCustomElement$6 } from './p-ClUj4DIP.js';
+import { d as defineCustomElement$5 } from './p-CBTcmEBq.js';
+import { d as defineCustomElement$4 } from './p-DIxFOW85.js';
+import { d as defineCustomElement$3 } from './p-Dq55XDgV.js';
+import { d as defineCustomElement$2 } from './p-Cq_RwLX7.js';
 
-const dsModalCss = ".ds-modal__1Vp5mb{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__1Vp5mb--open{overflow-y:auto}.ds-modal__1Vp5mb__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__1Vp5mb__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__1Vp5mb__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__1Vp5mb__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__1Vp5mb__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__1Vp5mb__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__1Vp5mb__container--full{width:100%}@media (min-width: 30rem){.ds-modal__1Vp5mb__container--small{width:480px}.ds-modal__1Vp5mb__container--medium{width:640px}.ds-modal__1Vp5mb__container--large{width:800px}}.ds-modal__1Vp5mb__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__1Vp5mb__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__1Vp5mb__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__1Vp5mb--open .ds-modal__1Vp5mb__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__1Vp5mb--in .ds-modal__1Vp5mb__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__1Vp5mb__container,.ds-modal__1Vp5mb--in .ds-modal__1Vp5mb__container{transition:none}}.ds-modal__1Vp5mb__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__1Vp5mb__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__1Vp5mb__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__1Vp5mb__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__1Vp5mb__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__1Vp5mb__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__1Vp5mb__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__1Vp5mb__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__1Vp5mb__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__1Vp5mb__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__1Vp5mb__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__1Vp5mb__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__1Vp5mb__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__1Vp5mb__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__1Vp5mb__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__1Vp5mb__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__1Vp5mb__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__1Vp5mb__content--scrollable__top-scrim,.ds-modal__1Vp5mb__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__1Vp5mb__content--scrollable__top-scrim--open,.ds-modal__1Vp5mb__content--scrollable__bottom-scrim--open{display:block}.ds-modal__1Vp5mb__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__1Vp5mb__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__1Vp5mb__content--scrollable:focus-visible .ds-modal__1Vp5mb__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__1Vp5mb__content--scrollable:focus-visible .ds-modal__1Vp5mb__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__1Vp5mb__footer{position:relative}.ds-modal__1Vp5mb__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__1Vp5mb__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__1Vp5mb__footer:not(:empty)+.ds-modal__1Vp5mb__content{border-block-end:0}.ds-modal__1Vp5mb__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__oSBnIJ{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__oSBnIJ--open{overflow-y:auto}.ds-modal__oSBnIJ__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__oSBnIJ__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__oSBnIJ__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__oSBnIJ__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__oSBnIJ__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__oSBnIJ__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__oSBnIJ__container--full{width:100%}@media (min-width: 30rem){.ds-modal__oSBnIJ__container--small{width:480px}.ds-modal__oSBnIJ__container--medium{width:640px}.ds-modal__oSBnIJ__container--large{width:800px}}.ds-modal__oSBnIJ__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__oSBnIJ__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__oSBnIJ__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__oSBnIJ--open .ds-modal__oSBnIJ__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__oSBnIJ--in .ds-modal__oSBnIJ__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__oSBnIJ__container,.ds-modal__oSBnIJ--in .ds-modal__oSBnIJ__container{transition:none}}.ds-modal__oSBnIJ__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__oSBnIJ__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__oSBnIJ__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__oSBnIJ__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__oSBnIJ__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__oSBnIJ__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__oSBnIJ__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__oSBnIJ__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__oSBnIJ__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__oSBnIJ__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__oSBnIJ__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__oSBnIJ__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__oSBnIJ__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__oSBnIJ__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__oSBnIJ__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__oSBnIJ__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__oSBnIJ__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__oSBnIJ__content--scrollable__top-scrim,.ds-modal__oSBnIJ__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__oSBnIJ__content--scrollable__top-scrim--open,.ds-modal__oSBnIJ__content--scrollable__bottom-scrim--open{display:block}.ds-modal__oSBnIJ__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__oSBnIJ__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__oSBnIJ__content--scrollable:focus-visible .ds-modal__oSBnIJ__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__oSBnIJ__content--scrollable:focus-visible .ds-modal__oSBnIJ__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__oSBnIJ__footer{position:relative}.ds-modal__oSBnIJ__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__oSBnIJ__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__oSBnIJ__footer:not(:empty)+.ds-modal__oSBnIJ__content{border-block-end:0}.ds-modal__oSBnIJ__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 modalIdGenerator = idGenerator('ds-modal');
 const DsModal$1 = proxyCustomElement(class DsModal extends H {
@@ -223,11 +223,11 @@ const DsModal$1 = proxyCustomElement(class DsModal extends H {
         });
         const contentAriaLabel = this.dsScrollable ? this.contentScrollArea : undefined;
         const contentTabIndex = this.dsScrollable ? 0 : undefined;
-        return (h(this.DsBackdrop, { key: 'ce2390bb345fb6ae67c8da4f9bfc5254ffab7110', id: this.dsId, dsDialogClasses: classes, dsOpen: this.dsOpen, dsZIndex: this.dsBackdropZIndex, dsRole: this.dsVariant === 'danger' ? 'alertdialog' : 'dialog', onDsBackdropClose: this.handleBackdropClose }, h("div", { key: 'e3e63833df6324239aa07c5a2a74da75ec12c574', class: `${baseClass}__positioner` }, h("div", { key: '1c1320facf3ef41ea311bc67ca92da53e0638012', 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: 'e96e98574621219a7418615b110113ee34a16989', name: "header", onSlotchange: () => this.checkHeaderSlot() }, !this.hasHeaderSlot && (h("div", { key: 'ddda5d668ce1cd04d6004f6ac7671576098896f6', class: headerClasses }, this.dsHeadingText && (h("span", { key: 'bccc820304b24ca81964c6a336dd6b3bed990d15', role: "heading", tabIndex: -1, autoFocus: this.dsAutoFocusTarget === 'heading', "aria-level": this.dsHeadingLevel, class: headingClasses }, this.icon && (h(this.DsIcon, { key: 'f26e0662ae401ec68128bad6de1e8ae6fd4d1427', 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: '4026cc726bf0b3235f992cccb0ea61a16ff21cf8', class: `${baseClass}__header__heading__text` }, this.dsHeadingText))), this.dsCloseable && (h(this.DsButton, { key: '40a3c9e712ef4897341ce6c7148ea6a35b812ed6', class: closeButtonClasses, dsVariant: "supplementary", dsSize: "small", dsColour: "black", dsIcon: "close", dsAriaLabel: this.close, dsAutoFocus: this.dsAutoFocusTarget === 'close-button', onClick: this.handleCloseClick }))))), h("div", { key: 'dd728bec8194ca295980210ef3d7389f7a4d15d9', ref: el => (this.contentRef = el), class: contentClasses, ...ifDefined('aria-label', contentAriaLabel), ...ifDefined('tabIndex', contentTabIndex), onScroll: this.handleContentScroll }, this.dsScrollable && this.hasContentSlot && (h("div", { key: '0393782107616406961417da860cc6cbc1d0774c', class: classNames(`${baseClass}__content--scrollable__top-scrim`, {
+        return (h(this.DsBackdrop, { key: '1b5f40af038e12b3d52da9640c5bf7a41d5d9b4f', id: this.dsId, dsDialogClasses: classes, dsOpen: this.dsOpen, dsZIndex: this.dsBackdropZIndex, dsRole: this.dsVariant === 'danger' ? 'alertdialog' : 'dialog', onDsBackdropClose: this.handleBackdropClose }, h("div", { key: '0e163d7af42c3dbae1840b204df18898585168f9', class: `${baseClass}__positioner` }, h("div", { key: 'e05e230c24e1013b2e1c189b8ca17d7a8547843c', 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: '9a370848c428237be7b8aa96d52400eb5e57ddca', name: "header", onSlotchange: () => this.checkHeaderSlot() }, !this.hasHeaderSlot && (h("div", { key: 'c92eded235813b73bf38cdb211a05cd664e8be1b', class: headerClasses }, this.dsHeadingText && (h("span", { key: 'c2ad72e6206615affac0d2792a6c981b73500cb8', role: "heading", tabIndex: -1, autoFocus: this.dsAutoFocusTarget === 'heading', "aria-level": this.dsHeadingLevel, class: headingClasses }, this.icon && (h(this.DsIcon, { key: '5f75e9e1fd83010a63f56139e73ea67460fee83a', 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: 'fd78a671a0905cc89df40547d417fc3c40fe2537', class: `${baseClass}__header__heading__text` }, this.dsHeadingText))), this.dsCloseable && (h(this.DsButton, { key: 'd38895149123fd62453f0b158db4a241d6cdd5a0', class: closeButtonClasses, dsVariant: "supplementary", dsSize: "small", dsColour: "black", dsIcon: "close", dsAriaLabel: this.close, dsAutoFocus: this.dsAutoFocusTarget === 'close-button', onClick: this.handleCloseClick }))))), h("div", { key: '5a90b48de2e501bb289cc91c1cb6b6f8fec0ac36', ref: el => (this.contentRef = el), class: contentClasses, ...ifDefined('aria-label', contentAriaLabel), ...ifDefined('tabIndex', contentTabIndex), onScroll: this.handleContentScroll }, this.dsScrollable && this.hasContentSlot && (h("div", { key: '4dbbaa944ab82627d0ceee5c84360f4435ddf15f', class: classNames(`${baseClass}__content--scrollable__top-scrim`, {
                 [`${baseClass}__content--scrollable__top-scrim--open`]: this.scrollableContentState && !this.scrollableContentState.atTop,
-            }), "aria-hidden": "true" })), h("slot", { key: '08193c19f178810401c43ab2be042aa8d9ba0789', name: "content", onSlotchange: () => this.checkContentSlot() }), this.dsScrollable && this.hasContentSlot && (h("div", { key: '7c9b268759c6e234e3f9ce4c808b7f92dc7e0898', class: classNames(`${baseClass}__content--scrollable__bottom-scrim`, {
+            }), "aria-hidden": "true" })), h("slot", { key: '9d242206dd77c38e73e87b29c5286773d328cb7b', name: "content", onSlotchange: () => this.checkContentSlot() }), this.dsScrollable && this.hasContentSlot && (h("div", { key: '859ca016c1131226b9febff8ce75de340767796f', class: classNames(`${baseClass}__content--scrollable__bottom-scrim`, {
                 [`${baseClass}__content--scrollable__bottom-scrim--open`]: this.scrollableContentState && !this.scrollableContentState.atBottom,
-            }), "aria-hidden": "true" }))), h("div", { key: '52044f0dad463529c6705fbe4afa8c499b10dde7', class: footerClasses }, h("slot", { key: 'f7be42215a0f6dc27e9335f92ce138b736ee7224', name: "footer", onSlotchange: () => this.checkFooterSlot() }))))));
+            }), "aria-hidden": "true" }))), h("div", { key: '6476d43904c097b2ac61994e7da5ba1f89ab05b5', class: footerClasses }, h("slot", { key: '9bc5185ec9b3cebbcb785e44655de023c0b5c74b', name: "footer", onSlotchange: () => this.checkFooterSlot() }))))));
     }
     static get watchers() { return {
         "hasContentSlot": ["hasContentSlotObserver"],

package/dist/components/ds-notification.js

@@ -1,15 +1,15 @@
-import { p as proxyCustomElement, M as Mixin, c as createEvent, f as forceUpdate, h } from './p-DRfywe7m.js';
+import { p as proxyCustomElement, M as Mixin, c as createEvent, f as forceUpdate, h } from './p-GalXVdFP.js';
 import { c as classNames } from './p-BfTCfPZ1.js';
-import { c as cx } from './p-D-tgiyw8.js';
+import { c as cx } from './p-C34PGDVY.js';
 import { i as idGenerator, t as transformTagName, o as omit, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './p-BecId8t2.js';
-import { g as getLanguage } from './p-aV_AKOi8.js';
-import { a as ariaDeprecationFactory, d as defineCustomElement$4 } from './p-DKxAYKs-.js';
-import { d as defineCustomElement$5 } from './p-nvcs8guN.js';
-import { d as defineCustomElement$3 } from './p-DMCi_s0B.js';
-import { d as defineCustomElement$2 } from './p-BpG_wmwr.js';
+import { g as getLanguage } from './p-B71giUZh.js';
+import { a as ariaDeprecationFactory, d as defineCustomElement$4 } from './p-DIxFOW85.js';
+import { d as defineCustomElement$5 } from './p-CBTcmEBq.js';
+import { d as defineCustomElement$3 } from './p-Dq55XDgV.js';
+import { d as defineCustomElement$2 } from './p-Cq_RwLX7.js';
 
-const dsNotificationCss = ".sc-ds-notification-h{display:block;width:100%}.ds-notification__1Vp5mb.sc-ds-notification{display:flex;padding:var(--ds-spacing-xSmall, 12px);gap:var(--ds-spacing-2xSmall, 8px)}.ds-notification__1Vp5mb.ds-notification__1Vp5mb--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__1Vp5mb.ds-notification__1Vp5mb--neutral.sc-ds-notification .ds-notification__1Vp5mb__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__1Vp5mb.ds-notification__1Vp5mb--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__1Vp5mb.ds-notification__1Vp5mb--neutralWhite.sc-ds-notification .ds-notification__1Vp5mb__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__1Vp5mb.ds-notification__1Vp5mb--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__1Vp5mb.ds-notification__1Vp5mb--info.sc-ds-notification .ds-notification__1Vp5mb__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__1Vp5mb.ds-notification__1Vp5mb--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__1Vp5mb.ds-notification__1Vp5mb--success.sc-ds-notification .ds-notification__1Vp5mb__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__1Vp5mb.ds-notification__1Vp5mb--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__1Vp5mb.ds-notification__1Vp5mb--attention.sc-ds-notification .ds-notification__1Vp5mb__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__1Vp5mb.ds-notification__1Vp5mb--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__1Vp5mb.ds-notification__1Vp5mb--danger.sc-ds-notification .ds-notification__1Vp5mb__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__1Vp5mb__content.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__1Vp5mb__content__heading.sc-ds-notification,.ds-notification__1Vp5mb__content__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__1Vp5mb__content__description.sc-ds-notification{max-width:550px}";
+const dsNotificationCss = ".sc-ds-notification-h{display:block;width:100%}.ds-notification__oSBnIJ.sc-ds-notification{padding:var(--ds-spacing-xSmall, 12px)}.ds-notification__oSBnIJ.ds-notification__oSBnIJ--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__oSBnIJ.ds-notification__oSBnIJ--neutral.sc-ds-notification .ds-notification__oSBnIJ__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__oSBnIJ.ds-notification__oSBnIJ--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__oSBnIJ.ds-notification__oSBnIJ--neutralWhite.sc-ds-notification .ds-notification__oSBnIJ__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__oSBnIJ.ds-notification__oSBnIJ--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__oSBnIJ.ds-notification__oSBnIJ--info.sc-ds-notification .ds-notification__oSBnIJ__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__oSBnIJ.ds-notification__oSBnIJ--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__oSBnIJ.ds-notification__oSBnIJ--success.sc-ds-notification .ds-notification__oSBnIJ__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__oSBnIJ.ds-notification__oSBnIJ--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__oSBnIJ.ds-notification__oSBnIJ--attention.sc-ds-notification .ds-notification__oSBnIJ__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__oSBnIJ.ds-notification__oSBnIJ--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__oSBnIJ.ds-notification__oSBnIJ--danger.sc-ds-notification .ds-notification__oSBnIJ__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__oSBnIJ__content.sc-ds-notification{display:flex;gap:var(--ds-spacing-2xSmall, 8px);max-width:1376px;margin:0 auto}.ds-notification__oSBnIJ__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__oSBnIJ__content__text__heading.sc-ds-notification,.ds-notification__oSBnIJ__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__oSBnIJ__content__text__description.sc-ds-notification{max-width:var(--ds-notification-description-max-width, 550px)}";
 
 const notificationIdGenerator = idGenerator('ds-notification');
 const variants = ['neutral', 'neutralWhite', 'info', 'success', 'attention', 'danger'];
@@ -63,6 +63,7 @@ const DsNotification$1 = proxyCustomElement(class DsNotification extends Mixin(a
         this.icon = this.variantIcon;
     }
     dsDescription;
+    dsDescriptionMaxWidth = '550px';
     get variantIcon() {
         switch (this.variant) {
             case 'info':
@@ -149,12 +150,13 @@ const DsNotification$1 = proxyCustomElement(class DsNotification extends Mixin(a
     render() {
         const baseClass = cx('ds-notification');
         const contentClass = `${baseClass}__content`;
+        const textClass = `${contentClass}__text`;
         const classes = classNames(baseClass, `${baseClass}--${this.variant}`);
         const ariaLabel = this.dsAriaLabel ?? this.inheritedAttributes['aria-label'] ?? this.ariaLabel;
         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: '8e201a083dfe245b8a0c068244ef5db036c7aad7', class: classes, id: this.dsId, role: role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...restAttributes }, this.dsIcon && (h("div", { key: 'e06d5dc944970dc13497d1beb1089a52df5cf299', class: `${baseClass}__icon ds-p-3xs` }, h(this.DsIcon, { key: 'b1e09f5319d6374513abb03432f03386c689e536', dsName: this.dsIcon }))), h("div", { key: '6d43cafde7ce462412340bb4d25c6f598a300333', class: contentClass }, h("slot", { key: '645b319fd933c6d58add473be09144bc7a888bd9', name: "heading" }, this.dsHeading && (h("div", { key: '0261cac112dce957d9ad9969e1631587861ef50e', class: `${contentClass}__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: '6b32236fbbbc653bc14f90de968c0c5576e4672f', name: "description" }, this.dsDescription && h("div", { key: '6b599192a3b6508823add351655d0b17e2d4a002', class: `${contentClass}__description ds-text-regular-md` }, this.dsDescription)), h("slot", { key: '41939acae081c9c78e27ea9811822661be74d3cb' })), this.dsDismissable && (h(this.DsButton, { key: '5dbf763231f0adf9f818148a0528f347c2ca5e7b', 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: '80fb85513aaa132ff6928769fc19b89a58998431', slot: "suffix", dsTag: "span" }, this.dsDismissButtonHiddenAssistiveText || this.close)))));
+        return (h("div", { key: '4529db2a1680f233c8d155133a400830346bb7fe', class: classes, id: this.dsId, role: role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...restAttributes }, h("div", { key: '503e52c69422e97f41cfc4e107babfe297acb2b4', class: contentClass }, this.dsIcon && (h("div", { key: 'fad4654bae659b880dc961df9d413016d77a3bfb', class: `${baseClass}__icon ds-p-3xs` }, h(this.DsIcon, { key: '28e2b9e11a8457571e839e9a2c0eaf790b5944d3', dsName: this.dsIcon }))), h("div", { key: '90bd6f2ede1758a26f1171a02c6a7a9a0e895def', class: textClass }, h("slot", { key: 'be1760ff79c03a9de088e566fa37bb0ab6e78410', name: "heading" }, this.dsHeading && (h("div", { key: '60b168f1d0976970f93eed585a9557c4fd27a986', 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: '936e108671e19603d21caa4b6312a123bb3f1af7', name: "description" }, this.dsDescription && (h("div", { key: '75d188cabad83a0ac0c3c835c112559761710063', class: `${textClass}__description ds-text-regular-md`, style: { '--ds-notification-description-max-width': this.dsDescriptionMaxWidth } }, this.dsDescription))), h("slot", { key: '95b462dfc54784c44bd3aa3af8d671cd66421024' })), this.dsDismissable && (h(this.DsButton, { key: '87a7782e83cf61a5eb62101afca9b7923a498ba5', 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: 'd9131f6eefb593fe82e56b0205b453fe176716c2', slot: "suffix", dsTag: "span" }, this.dsDismissButtonHiddenAssistiveText || this.close))))));
     }
     static get watchers() { return {
         "aria-label": ["ariaAttributeObserver"],
@@ -173,7 +175,8 @@ const DsNotification$1 = proxyCustomElement(class DsNotification extends Mixin(a
         "dsHeading": [1, "ds-heading"],
         "dsHeadingLevel": [6146, "ds-heading-level"],
         "dsIcon": [6145, "ds-icon"],
-        "dsDescription": [1, "ds-description"]
+        "dsDescription": [1, "ds-description"],
+        "dsDescriptionMaxWidth": [1, "ds-description-max-width"]
     }, undefined, {
         "aria-label": ["ariaAttributeObserver"],
         "aria-labelledby": ["ariaAttributeObserver"]

package/dist/components/ds-option-group.js

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, h } from './p-DRfywe7m.js';
+import { p as proxyCustomElement, H, h } from './p-GalXVdFP.js';
 import { c as classNames } from './p-BfTCfPZ1.js';
 import { t as transformTagName } from './p-J5Ghj1_T.js';
-import { c as cx } from './p-D-tgiyw8.js';
+import { c as cx } from './p-C34PGDVY.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './p-BecId8t2.js';
 
-const dsOptionGroupCss = ".ds-option-group__1Vp5mb.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__1Vp5mb--hidden.sc-ds-option-group{display:none}.ds-option-group__1Vp5mb.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__1Vp5mb__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__1Vp5mb__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";
+const dsOptionGroupCss = ".ds-option-group__oSBnIJ.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__oSBnIJ--hidden.sc-ds-option-group{display:none}.ds-option-group__oSBnIJ.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__oSBnIJ__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__oSBnIJ__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";
 
 const DsOptionGroup$1 = proxyCustomElement(class DsOptionGroup extends H {
     constructor(registerHost) {
@@ -43,9 +43,9 @@ const DsOptionGroup$1 = proxyCustomElement(class DsOptionGroup extends H {
     }
     render() {
         const baseClass = cx('ds-option-group');
-        return (h("div", { key: '79121a625288e2789ba1b043cc542b44062bf44a', class: classNames(`${baseClass}`, {
+        return (h("div", { key: '2522430be2d00681a6b28f0a8c381846c66eca06', class: classNames(`${baseClass}`, {
                 [`${baseClass}--hidden`]: this.dsHidden,
-            }), role: "group", "aria-labelledby": this.groupId, ...this.inheritedAttributes }, h("div", { key: '9f1ee4c542336e1b8e27b389b5c49c894cd87551', class: `${baseClass}__label`, id: this.groupId }, this.dsLabel), h("slot", { key: 'ecbc22896f968f94093d946603e7f9b2f387bac0' })));
+            }), role: "group", "aria-labelledby": this.groupId, ...this.inheritedAttributes }, h("div", { key: 'b5f646b7eeb45b942e2e65e6f59446371aff0363', class: `${baseClass}__label`, id: this.groupId }, this.dsLabel), h("slot", { key: '4d2777f84ba0b4d2725199785bab6e54a9fc4a34' })));
     }
     static get watchers() { return {
         "dsLabel": ["dsLabelObserver"]

package/dist/components/ds-option.js

@@ -1,11 +1,11 @@
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-DRfywe7m.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-GalXVdFP.js';
 import { c as classNames } from './p-BfTCfPZ1.js';
 import { i as idGenerator, t as transformTagName, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { c as cx } from './p-D-tgiyw8.js';
+import { c as cx } from './p-C34PGDVY.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './p-BecId8t2.js';
-import { d as defineCustomElement$2 } from './p-DKxAYKs-.js';
+import { d as defineCustomElement$2 } from './p-DIxFOW85.js';
 
-const dsOptionCss = ".ds-option__1Vp5mb.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__1Vp5mb.sc-ds-option:not(.ds-option__1Vp5mb--multiple){justify-content:space-between}.ds-option__1Vp5mb--hidden.sc-ds-option{display:none}.ds-option__1Vp5mb--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__1Vp5mb.sc-ds-option:hover:not(.ds-option__1Vp5mb--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__1Vp5mb.sc-ds-option:active:not(.ds-option__1Vp5mb--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__1Vp5mb--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__1Vp5mb--active.ds-option__1Vp5mb--selected.sc-ds-option:not(.ds-option__1Vp5mb--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__1Vp5mb--multiple.ds-option__1Vp5mb--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__1Vp5mb--multiple.sc-ds-option .ds-option__1Vp5mb__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__1Vp5mb--multiple.ds-option__1Vp5mb--disabled.sc-ds-option .ds-option__1Vp5mb__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__1Vp5mb--multiple.ds-option__1Vp5mb--disabled.sc-ds-option:not(.ds-option__1Vp5mb--selected) .ds-option__1Vp5mb__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__1Vp5mb--selected.sc-ds-option .ds-option__1Vp5mb__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__1Vp5mb--selected.sc-ds-option:not(.ds-option__1Vp5mb--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__1Vp5mb--selected.sc-ds-option:not(.ds-option__1Vp5mb--multiple).ds-option__1Vp5mb--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__1Vp5mb--selected.sc-ds-option:not(.ds-option__1Vp5mb--multiple) .ds-option__1Vp5mb__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__1Vp5mb--selected.sc-ds-option:not(.ds-option__1Vp5mb--multiple) .ds-option__1Vp5mb__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__1Vp5mb--selected.sc-ds-option:not(.ds-option__1Vp5mb--multiple).ds-option__1Vp5mb--disabled .ds-option__1Vp5mb__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__1Vp5mb--selected.sc-ds-option:not(.ds-option__1Vp5mb--multiple):hover:not(.ds-option__1Vp5mb--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__1Vp5mb--selected.sc-ds-option:not(.ds-option__1Vp5mb--multiple):active:not(.ds-option__1Vp5mb--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__1Vp5mb__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__1Vp5mb__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__1Vp5mb__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__1Vp5mb__description.sc-ds-option:not(:empty){display:block}";
+const dsOptionCss = ".ds-option__oSBnIJ.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__oSBnIJ.sc-ds-option:not(.ds-option__oSBnIJ--multiple){justify-content:space-between}.ds-option__oSBnIJ--hidden.sc-ds-option{display:none}.ds-option__oSBnIJ--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__oSBnIJ.sc-ds-option:hover:not(.ds-option__oSBnIJ--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__oSBnIJ.sc-ds-option:active:not(.ds-option__oSBnIJ--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__oSBnIJ--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__oSBnIJ--active.ds-option__oSBnIJ--selected.sc-ds-option:not(.ds-option__oSBnIJ--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__oSBnIJ--multiple.ds-option__oSBnIJ--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__oSBnIJ--multiple.sc-ds-option .ds-option__oSBnIJ__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__oSBnIJ--multiple.ds-option__oSBnIJ--disabled.sc-ds-option .ds-option__oSBnIJ__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__oSBnIJ--multiple.ds-option__oSBnIJ--disabled.sc-ds-option:not(.ds-option__oSBnIJ--selected) .ds-option__oSBnIJ__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__oSBnIJ--selected.sc-ds-option .ds-option__oSBnIJ__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__oSBnIJ--selected.sc-ds-option:not(.ds-option__oSBnIJ--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__oSBnIJ--selected.sc-ds-option:not(.ds-option__oSBnIJ--multiple).ds-option__oSBnIJ--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__oSBnIJ--selected.sc-ds-option:not(.ds-option__oSBnIJ--multiple) .ds-option__oSBnIJ__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__oSBnIJ--selected.sc-ds-option:not(.ds-option__oSBnIJ--multiple) .ds-option__oSBnIJ__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__oSBnIJ--selected.sc-ds-option:not(.ds-option__oSBnIJ--multiple).ds-option__oSBnIJ--disabled .ds-option__oSBnIJ__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__oSBnIJ--selected.sc-ds-option:not(.ds-option__oSBnIJ--multiple):hover:not(.ds-option__oSBnIJ--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__oSBnIJ--selected.sc-ds-option:not(.ds-option__oSBnIJ--multiple):active:not(.ds-option__oSBnIJ--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__oSBnIJ__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__oSBnIJ__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__oSBnIJ__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__oSBnIJ__description.sc-ds-option:not(:empty){display:block}";
 
 const optionIdGenerator = idGenerator('ds-option');
 const DsOption$1 = proxyCustomElement(class DsOption extends H {
@@ -103,13 +103,13 @@ const DsOption$1 = proxyCustomElement(class DsOption extends H {
     render() {
         const baseClass = cx('ds-option');
         const DsIcon = transformTagName('ds-icon', 'ds-option', this.el);
-        return (h("div", { key: '617828c8b3b4b710d9072b25444228143758e22c', ref: el => (this.optionRef = el), id: this.dsId, class: classNames(baseClass, {
+        return (h("div", { key: 'bb04c65dc3caa755b68c857909841ba7e01062c9', ref: el => (this.optionRef = el), id: this.dsId, class: classNames(baseClass, {
                 [`${baseClass}--multiple`]: this.isMultiple,
                 [`${baseClass}--active`]: this.dsActive,
                 [`${baseClass}--selected`]: this.dsSelected,
                 [`${baseClass}--disabled`]: this.dsDisabled,
                 [`${baseClass}--hidden`]: this.dsHidden,
-            }), role: "option", "aria-selected": String(this.dsSelected), "aria-disabled": String(this.dsDisabled), "aria-hidden": String(this.dsHidden), tabIndex: this.internalTabIndex, ...this.inheritedAttributes }, this.isMultiple && (h("span", { key: '307d2ca0378710fcaa8fc40ccbd3f93902b42f7c', class: `${baseClass}__checkbox` }, this.dsSelected && (h(DsIcon, { key: 'eeb57d6628b70f26a9aad23dcb01422ecf591a74', class: `${baseClass}__checkbox__icon`, dsName: "check_small", dsSize: "1.25rem", dsColour: this.dsDisabled ? 'ds-textColor-disabled-onLight' : 'ds-textColor-white' })))), h(Fragment, { key: '432e557bf4c5087c713549e052879a98cb426163' }, h("span", { key: '7efeaed898dacd10df1828fb8d21cd24549034ef' }, h("span", { key: 'a434ea8915569f3531d961218469826d8d17070f', class: `${baseClass}__label`, ref: el => (this.optionLabelTextRef = el) }, h("slot", { key: 'd560ac070733192917b49dd7a669f1312ee50beb' }, this.dsLabel)), this.dsDescription && h("span", { key: 'f99bf6fab8d8af6bcffe51eeefe1b567ddb47ddf', class: `${baseClass}__description` }, this.dsDescription)), !this.isMultiple && this.dsSelected && h(DsIcon, { key: '56482d641c668355dc8628bd8188af1cf8ede038', dsName: "check", class: `${baseClass}__check-icon` }))));
+            }), role: "option", "aria-selected": String(this.dsSelected), "aria-disabled": String(this.dsDisabled), "aria-hidden": String(this.dsHidden), tabIndex: this.internalTabIndex, ...this.inheritedAttributes }, this.isMultiple && (h("span", { key: 'e9dd6caa4d6b1361bf2be12510009babf4ed6091', class: `${baseClass}__checkbox` }, this.dsSelected && (h(DsIcon, { key: '8dd1b3e8406c3b4a94aa0875be7471bf36619f60', class: `${baseClass}__checkbox__icon`, dsName: "check_small", dsSize: "1.25rem", dsColour: this.dsDisabled ? 'ds-textColor-disabled-onLight' : 'ds-textColor-white' })))), h(Fragment, { key: '500b7bfd93c36617382081a67d4e2ceae4e4bd48' }, h("span", { key: '71c0bcdc54ca94d20d92e0f935ecbcdeb070322f' }, h("span", { key: 'a53462d0aad23b33b5b5cb0177153319f179721a', class: `${baseClass}__label`, ref: el => (this.optionLabelTextRef = el) }, h("slot", { key: '702bd21da288d1bb6550e03581f5318929949bcc' }, this.dsLabel)), this.dsDescription && h("span", { key: 'e4ade35a738c189bbb9f72dbb7aede215dc7b942', class: `${baseClass}__description` }, this.dsDescription)), !this.isMultiple && this.dsSelected && h(DsIcon, { key: 'de13ceb3ffba87571d2785270480a17447e4df19', dsName: "check", class: `${baseClass}__check-icon` }))));
     }
     static get watchers() { return {
         "dsActive": ["dsActiveObserver"],

package/dist/components/ds-options-message.js

@@ -1,4 +1,4 @@
-import { D as DsOptionsMessage$1, d as defineCustomElement$1 } from './p-Cyg9Ogd8.js';
+import { D as DsOptionsMessage$1, d as defineCustomElement$1 } from './p-DojNivUE.js';
 
 const DsOptionsMessage = DsOptionsMessage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ds-options.js

@@ -1,4 +1,4 @@
-import { D as DsOptions$1, d as defineCustomElement$1 } from './p-DtqTFmDA.js';
+import { D as DsOptions$1, d as defineCustomElement$1 } from './p-CtRrVwoy.js';
 
 const DsOptions = DsOptions$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ds-pagination-ellipsis.js

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, M as Mixin, h, d as Host } from './p-DRfywe7m.js';
-import { c as cx } from './p-D-tgiyw8.js';
-import { p as paginationFactory } from './p-DgUadbSM.js';
+import { p as proxyCustomElement, M as Mixin, h, d as Host } from './p-GalXVdFP.js';
+import { c as cx } from './p-C34PGDVY.js';
+import { p as paginationFactory } from './p-bCO1lLOR.js';
 
-const dsPaginationEllipsisCss = ".sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__1Vp5mb.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-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__oSBnIJ.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-textColor-default);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));align-content:center;text-align:center;user-select:none}";
 
 const DsPaginationEllipsis$1 = proxyCustomElement(class DsPaginationEllipsis extends Mixin(paginationFactory) {
     constructor(registerHost) {
@@ -17,7 +17,7 @@ const DsPaginationEllipsis$1 = proxyCustomElement(class DsPaginationEllipsis ext
         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: '5da3e17046f9e39a149b16cb93b2db12d7dd15b5', class: hostClass }, h("span", { key: '8e2e1cd26b0a1db07a4f81f6aa2c56e9e794b5af', class: baseClass, role: "img", "aria-label": ariaLabel }, "\u2026")));
+        return (h(Host, { key: 'ea9311999a955758465ba2a7d0d10ba48a67eb8e', class: hostClass }, h("span", { key: '515eaeabc3b28d150b010885c9a9a876274235ca', class: baseClass, role: "img", "aria-label": ariaLabel }, "\u2026")));
     }
     static get style() { return dsPaginationEllipsisCss; }
 }, [258, "ds-pagination-ellipsis", {

package/dist/components/ds-pagination-item.js

@@ -1,13 +1,13 @@
-import { p as proxyCustomElement, M as Mixin, h, d as Host } from './p-DRfywe7m.js';
+import { p as proxyCustomElement, M as Mixin, h, d as Host } from './p-GalXVdFP.js';
 import { c as classNames } from './p-BfTCfPZ1.js';
-import { c as cx } from './p-D-tgiyw8.js';
+import { c as cx } from './p-C34PGDVY.js';
 import { t as transformTagName, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { p as paginationFactory } from './p-DgUadbSM.js';
-import { d as defineCustomElement$4 } from './p-DKxAYKs-.js';
-import { d as defineCustomElement$3 } from './p-CjSEUNXh.js';
-import { d as defineCustomElement$2 } from './p-BpG_wmwr.js';
+import { p as paginationFactory } from './p-bCO1lLOR.js';
+import { d as defineCustomElement$4 } from './p-DIxFOW85.js';
+import { d as defineCustomElement$3 } from './p-BXMhXLUf.js';
+import { d as defineCustomElement$2 } from './p-Cq_RwLX7.js';
 
-const dsPaginationItemCss = ".ds-pagination-item__1Vp5mb.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__1Vp5mb--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__1Vp5mb--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__1Vp5mb--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}";
+const dsPaginationItemCss = ".ds-pagination-item__oSBnIJ.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__oSBnIJ--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__oSBnIJ--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__oSBnIJ--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}";
 
 const DsPaginationItem$1 = proxyCustomElement(class DsPaginationItem extends Mixin(paginationFactory) {
     constructor(registerHost) {

package/dist/components/ds-pagination-page.js

@@ -1,13 +1,13 @@
-import { p as proxyCustomElement, M as Mixin, h, d as Host } from './p-DRfywe7m.js';
+import { p as proxyCustomElement, M as Mixin, h, d as Host } from './p-GalXVdFP.js';
 import { c as classNames } from './p-BfTCfPZ1.js';
-import { c as cx } from './p-D-tgiyw8.js';
+import { c as cx } from './p-C34PGDVY.js';
 import { t as transformTagName, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { p as paginationFactory } from './p-DgUadbSM.js';
-import { d as defineCustomElement$4 } from './p-DKxAYKs-.js';
-import { d as defineCustomElement$3 } from './p-CjSEUNXh.js';
-import { d as defineCustomElement$2 } from './p-BpG_wmwr.js';
+import { p as paginationFactory } from './p-bCO1lLOR.js';
+import { d as defineCustomElement$4 } from './p-DIxFOW85.js';
+import { d as defineCustomElement$3 } from './p-BXMhXLUf.js';
+import { d as defineCustomElement$2 } from './p-Cq_RwLX7.js';
 
-const dsPaginationPageCss = ".sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__1Vp5mb.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__1Vp5mb--current.sc-ds-pagination-page{pointer-events:none;--ds-link-cta-bg-color:var(--ds-bgColor-primary);--ds-link-cta-text-color:var(--ds-textColor-white)}";
+const dsPaginationPageCss = ".sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__oSBnIJ.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__oSBnIJ--current.sc-ds-pagination-page{pointer-events:none;--ds-link-cta-bg-color:var(--ds-bgColor-primary);--ds-link-cta-text-color:var(--ds-textColor-white)}";
 
 const DsPaginationPage$1 = proxyCustomElement(class DsPaginationPage extends Mixin(paginationFactory) {
     constructor(registerHost) {

package/dist/components/ds-pagination.js

@@ -1,11 +1,11 @@
-import { p as proxyCustomElement, H, h } from './p-DRfywe7m.js';
+import { p as proxyCustomElement, H, h } from './p-GalXVdFP.js';
 import { c as classNames } from './p-BfTCfPZ1.js';
-import { c as cx } from './p-D-tgiyw8.js';
-import { j as ellipsis } from './p-CZAVwgZd.js';
-import { a as currentPage, g as goToNextPage, b as goToPreviousPage, d as goToLastPage, e as goToFirstPage, n as nextPage, p as previousPage, l as lastPage, f as firstPage, h as pagination } from './p-DwoNTKiT.js';
+import { c as cx } from './p-C34PGDVY.js';
+import { j as ellipsis } from './p-BGV-ubOj.js';
+import { a as currentPage, g as goToNextPage, b as goToPreviousPage, d as goToLastPage, e as goToFirstPage, n as nextPage, p as previousPage, l as lastPage, f as firstPage, h as pagination } from './p-Ak0gd5IV.js';
 import { s as storePaginationContext, p as providePaginationContextToSlots } from './p-B-jfWeRN.js';
 
-const dsPaginationCss = ".ds-no-style-leak *,.ds-pagination__1Vp5mb,.ds-pagination__1Vp5mb :where([class*=__1Vp5mb]){all:unset;box-sizing:border-box}.ds-no-style-leak *{display:block}:host{display:block;width:100%}@media (min-width: 30rem){:host{width:auto}}.ds-pagination__1Vp5mb{display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__1Vp5mb__compact slot,.ds-pagination__1Vp5mb__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__1Vp5mb--compact .ds-pagination__1Vp5mb__compact,.ds-pagination__1Vp5mb--auto .ds-pagination__1Vp5mb__compact{width:100%}@media (min-width: 30rem){.ds-pagination__1Vp5mb--compact .ds-pagination__1Vp5mb__compact,.ds-pagination__1Vp5mb--auto .ds-pagination__1Vp5mb__compact{width:auto}}.ds-pagination__1Vp5mb--compact .ds-pagination__1Vp5mb__compact slot,.ds-pagination__1Vp5mb--auto .ds-pagination__1Vp5mb__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__1Vp5mb ::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, 600);text-align:center;align-self:center}.ds-pagination__1Vp5mb--compact .ds-pagination__1Vp5mb__full{display:none}.ds-pagination__1Vp5mb--full .ds-pagination__1Vp5mb__compact{display:none}.ds-pagination__1Vp5mb--auto .ds-pagination__1Vp5mb__full{display:none}@media (min-width: 60rem){.ds-pagination__1Vp5mb--auto .ds-pagination__1Vp5mb__full{display:contents}.ds-pagination__1Vp5mb--auto .ds-pagination__1Vp5mb__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__oSBnIJ{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__oSBnIJ__compact slot,.ds-pagination__oSBnIJ__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__oSBnIJ--compact .ds-pagination__oSBnIJ__compact,.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__compact{width:100%}@media (min-width: 30rem){.ds-pagination__oSBnIJ--compact .ds-pagination__oSBnIJ__compact,.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__compact{width:auto}}.ds-pagination__oSBnIJ--compact .ds-pagination__oSBnIJ__compact slot,.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__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__oSBnIJ ::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, 600);text-align:center;align-self:center}.ds-pagination__oSBnIJ--compact .ds-pagination__oSBnIJ__full{display:none}.ds-pagination__oSBnIJ--full .ds-pagination__oSBnIJ__compact{display:none}.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__full{display:none}@media (min-width: 60rem){.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__full{display:contents}.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__compact{display:none}}";
 
 const DsPagination$1 = proxyCustomElement(class DsPagination extends H {
     constructor(registerHost) {
@@ -98,10 +98,10 @@ const DsPagination$1 = proxyCustomElement(class DsPagination extends H {
         const classes = classNames(baseClass, `${baseClass}--${this.dsVariant}`, `${baseClass}--${this.dsLayout}`);
         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: '76c0552832f7624b8e8305da6f81a434c898a57d', class: classes, "aria-label": this.dsAriaLabel || pagination(), style: {
+        return (h("nav", { key: '9f1221279f81ec729d51208b75f3b6adf8f4a54e', class: classes, "aria-label": this.dsAriaLabel || pagination(), style: {
                 '--ds-pagination-font-size': fontSize,
                 '--ds-link-cta-min-width': minSize,
-            } }, h("div", { key: '2b74fd509c8aacdd2a23f9ab73335123cafdd9a4', class: `${baseClass}__compact` }, h("slot", { key: 'a2652723a0b7f6121299b74dc7804a10d0751b2f', name: "compact", onSlotchange: () => this.updateContext() })), h("div", { key: 'da1cdd283f3c489df7af3bc40c6091477d3269d3', class: `${baseClass}__full` }, h("slot", { key: 'affbe3c2bda9362accd81a1cb4b9fdf55007d64b', name: "full", onSlotchange: () => this.updateContext() }))));
+            } }, h("div", { key: 'c244a4f485a8a668b0e183977636466401faad6c', class: `${baseClass}__compact` }, h("slot", { key: 'e3cfc1d693a5e7aef1a186d9863aea496a9bb8dd', name: "compact", onSlotchange: () => this.updateContext() })), h("div", { key: '387cd14a25f5b742513c25721847b0a52248a916', class: `${baseClass}__full` }, h("slot", { key: '258fb704a43c0afc52981ed8fb0eb697bdd5c5e8', name: "full", onSlotchange: () => this.updateContext() }))));
     }
     static get watchers() { return {
         "dsCurrentPage": ["dsCurrentPageObserver"],

package/dist/components/ds-radio-button-group.js

@@ -1,15 +1,15 @@
-import { p as proxyCustomElement, M as Mixin, c as createEvent, h, d as Host } from './p-DRfywe7m.js';
+import { p as proxyCustomElement, M as Mixin, c as createEvent, h, d as Host } from './p-GalXVdFP.js';
 import { c as classNames } from './p-BfTCfPZ1.js';
 import { i as idGenerator, t as transformTagName, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
 import { d as disableEventsFactory } from './p-B3JeAI4k.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './p-BecId8t2.js';
-import { g as getRequiredText, c as atLeastOneOption } from './p-CZAVwgZd.js';
-import { c as cx } from './p-D-tgiyw8.js';
-import { d as defineCustomElement$4 } from './p-CxNw2srM.js';
-import { d as defineCustomElement$3 } from './p-DKxAYKs-.js';
-import { d as defineCustomElement$2 } from './p-CfbZKrcI.js';
+import { g as getRequiredText, c as atLeastOneOption } from './p-BGV-ubOj.js';
+import { c as cx } from './p-C34PGDVY.js';
+import { d as defineCustomElement$4 } from './p-3TYR8XT2.js';
+import { d as defineCustomElement$3 } from './p-DIxFOW85.js';
+import { d as defineCustomElement$2 } from './p-BVcTj6fF.js';
 
-const dsRadioButtonGroupCss = ".ds-radio-button-group__1Vp5mb{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__1Vp5mb__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__1Vp5mb__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__1Vp5mb__legend{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__1Vp5mb__assistive-text{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-radio-button-group__oSBnIJ{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__oSBnIJ__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__oSBnIJ__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__oSBnIJ__legend{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__oSBnIJ__assistive-text{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 radioButtonGroupIdGenerator = idGenerator('ds-radio-button-group');
 const DsRadioButtonGroup$1 = proxyCustomElement(class DsRadioButtonGroup extends Mixin(disableEventsFactory) {
@@ -240,7 +240,7 @@ const DsRadioButtonGroup$1 = proxyCustomElement(class DsRadioButtonGroup extends
         });
         const errorClasses = classNames(`${baseClass}__error`);
         const DsInputValidity = transformTagName('ds-input-validity', 'ds-radio-button-group', this.el);
-        return (h(Host, { key: 'c32e010ee9876d68b856eaf3353b4a39f32083a2', "data-invalid": !!this.dsErrorText || undefined }, h("fieldset", { key: '7f0a5e560087bdd5ac3f113d3d33aab1c0bc142e', class: classes, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, h("legend", { key: '1f9733ba0b888896d29574c4336d80a27830b11f', id: this.legendId, class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (h("small", { key: '262c484ba7db03d7e1a54bdf1566418b8da96e7b', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), h("div", { key: '73ac33d0a98fa7d458bc298fc81cf46165534ffa', class: radioButtonsSlotClasses }, h("slot", { key: '004639794b78de9b0a075e88ce8ad4643dd51045', onSlotchange: this.updateFocusableRadioButton })), !!this.dsErrorText && (h("div", { key: 'e114b2df6ff270ddca4ba46b7dc47ee7b980319b', class: errorClasses }, h(DsInputValidity, { key: '296daba5ca5469937711bc84be349daf695be4bb', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" }))))));
+        return (h(Host, { key: 'bedefe79e57524a5b5655d06b73456dcedfa7984', "data-invalid": !!this.dsErrorText || undefined }, h("fieldset", { key: '6bc3a8edb473b606b4590c929c515de7c70118e7', class: classes, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, h("legend", { key: 'b3d7b8d0f43236a20c721ec0b69ade20261c4165', id: this.legendId, class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (h("small", { key: '35f79343044a15e9deb6cff6b6959e0f95a79dfb', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), h("div", { key: '80bad16e1c065426ffe7ffdd6f18d81681feb026', class: radioButtonsSlotClasses }, h("slot", { key: '6d82e10ca13db950cc78975c269b5c248df4d09b', onSlotchange: this.updateFocusableRadioButton })), !!this.dsErrorText && (h("div", { key: 'f19909cd15f4580b5b4bf78a6c0d01463550f4a7', class: errorClasses }, h(DsInputValidity, { key: 'bc59e09ae37368cba41bb31ec1c4fc6228e109c1', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" }))))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

package/dist/components/ds-radio-button.js

@@ -1,16 +1,16 @@
-import { p as proxyCustomElement, M as Mixin, c as createEvent, f as forceUpdate, h, F as Fragment } from './p-DRfywe7m.js';
+import { p as proxyCustomElement, M as Mixin, c as createEvent, f as forceUpdate, h, F as Fragment } from './p-GalXVdFP.js';
 import { c as classNames } from './p-BfTCfPZ1.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './p-BecId8t2.js';
-import { v as validityMessage, g as getRequiredText } from './p-CZAVwgZd.js';
+import { v as validityMessage, g as getRequiredText } from './p-BGV-ubOj.js';
 import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { c as cx } from './p-D-tgiyw8.js';
-import { a as ariaDeprecationFactory, d as defineCustomElement$4 } from './p-DKxAYKs-.js';
+import { c as cx } from './p-C34PGDVY.js';
+import { a as ariaDeprecationFactory, d as defineCustomElement$4 } from './p-DIxFOW85.js';
 import { d as disableEventsFactory } from './p-B3JeAI4k.js';
-import { d as defineCustomElement$5 } from './p-CxNw2srM.js';
-import { d as defineCustomElement$3 } from './p-CfbZKrcI.js';
-import { d as defineCustomElement$2 } from './p-BpG_wmwr.js';
+import { d as defineCustomElement$5 } from './p-3TYR8XT2.js';
+import { d as defineCustomElement$3 } from './p-BVcTj6fF.js';
+import { d as defineCustomElement$2 } from './p-Cq_RwLX7.js';
 
-const dsRadioButtonCss = ".ds-radio-button__1Vp5mb.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__1Vp5mb--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__1Vp5mb.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__1Vp5mb__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__1Vp5mb__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__1Vp5mb__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__1Vp5mb__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__1Vp5mb__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__1Vp5mb__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__1Vp5mb.sc-ds-radio-button:hover:not(.ds-radio-button__1Vp5mb--disabled):not(.ds-radio-button__1Vp5mb--invalid) .ds-radio-button__1Vp5mb__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__1Vp5mb.sc-ds-radio-button:hover:not(.ds-radio-button__1Vp5mb--disabled):not(.ds-radio-button__1Vp5mb--invalid) .ds-radio-button__1Vp5mb__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__1Vp5mb.sc-ds-radio-button:hover:not(.ds-radio-button__1Vp5mb--disabled):not(.ds-radio-button__1Vp5mb--invalid) .ds-radio-button__1Vp5mb__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__1Vp5mb.sc-ds-radio-button:active:not(.ds-radio-button__1Vp5mb--disabled):not(.ds-radio-button__1Vp5mb--invalid) .ds-radio-button__1Vp5mb__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__1Vp5mb.sc-ds-radio-button:active:not(.ds-radio-button__1Vp5mb--disabled):not(.ds-radio-button__1Vp5mb--invalid) .ds-radio-button__1Vp5mb__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__1Vp5mb.sc-ds-radio-button:active:not(.ds-radio-button__1Vp5mb--disabled):not(.ds-radio-button__1Vp5mb--invalid) .ds-radio-button__1Vp5mb__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__1Vp5mb--disabled.sc-ds-radio-button .ds-radio-button__1Vp5mb__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__1Vp5mb--disabled.sc-ds-radio-button .ds-radio-button__1Vp5mb__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__1Vp5mb--disabled.sc-ds-radio-button .ds-radio-button__1Vp5mb__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__1Vp5mb--invalid.sc-ds-radio-button .ds-radio-button__1Vp5mb__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__1Vp5mb--invalid.sc-ds-radio-button .ds-radio-button__1Vp5mb__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__1Vp5mb--invalid.sc-ds-radio-button .ds-radio-button__1Vp5mb__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__1Vp5mb--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__1Vp5mb--disabled) .ds-radio-button__1Vp5mb__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__1Vp5mb--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__1Vp5mb--disabled) .ds-radio-button__1Vp5mb__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__1Vp5mb--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__1Vp5mb--disabled) .ds-radio-button__1Vp5mb__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__1Vp5mb--invalid.sc-ds-radio-button:active:not(.ds-radio-button__1Vp5mb--disabled) .ds-radio-button__1Vp5mb__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__1Vp5mb--invalid.sc-ds-radio-button:active:not(.ds-radio-button__1Vp5mb--disabled) .ds-radio-button__1Vp5mb__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__1Vp5mb--invalid.sc-ds-radio-button:active:not(.ds-radio-button__1Vp5mb--disabled) .ds-radio-button__1Vp5mb__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__1Vp5mb-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__1Vp5mb-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__1Vp5mb-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__oSBnIJ.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__oSBnIJ--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__oSBnIJ__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__oSBnIJ__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__oSBnIJ__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__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:hover:not(.ds-radio-button__oSBnIJ--disabled):not(.ds-radio-button__oSBnIJ--invalid) .ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:hover:not(.ds-radio-button__oSBnIJ--disabled):not(.ds-radio-button__oSBnIJ--invalid) .ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:hover:not(.ds-radio-button__oSBnIJ--disabled):not(.ds-radio-button__oSBnIJ--invalid) .ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:active:not(.ds-radio-button__oSBnIJ--disabled):not(.ds-radio-button__oSBnIJ--invalid) .ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:active:not(.ds-radio-button__oSBnIJ--disabled):not(.ds-radio-button__oSBnIJ--invalid) .ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:active:not(.ds-radio-button__oSBnIJ--disabled):not(.ds-radio-button__oSBnIJ--invalid) .ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__oSBnIJ--disabled.sc-ds-radio-button .ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__oSBnIJ--disabled.sc-ds-radio-button .ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__oSBnIJ--disabled.sc-ds-radio-button .ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button .ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button .ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button .ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__oSBnIJ--disabled) .ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__oSBnIJ--disabled) .ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__oSBnIJ--disabled) .ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button:active:not(.ds-radio-button__oSBnIJ--disabled) .ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button:active:not(.ds-radio-button__oSBnIJ--disabled) .ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button:active:not(.ds-radio-button__oSBnIJ--disabled) .ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__oSBnIJ-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__oSBnIJ-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__oSBnIJ-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 radioButtonIdGenerator = idGenerator('ds-radio-button');
 const DsRadioButton$1 = proxyCustomElement(class DsRadioButton extends Mixin(ariaDeprecationFactory, disableEventsFactory) {