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

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

@@ -1,14 +1,14 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h } from './index-B2DLd639.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h } from './index-WKPTmD1Z.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-BX5IFvAf.js';
+import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './linkUtils-Bh8gSuaY.js';
 import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
-import { l as linkFactory } from './linkFactory-DKbHJbj8.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DYYhoizJ.js';
-import { c as cx } from './cx-D28csnUe.js';
-import './store-DkpUIa5P.js';
+import { l as linkFactory } from './linkFactory-Dy94WoxH.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DwC_l-Le.js';
+import { c as cx } from './cx-jGcD6jB5.js';
+import './store-CaI4gcSt.js';
 
-const dsLinkCss = () => `:host{display:inline}:host:has(.ds-link__KmYz6O--standalone){display:inline-block}.ds-link__KmYz6O: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-link__KmYz6O{box-sizing:border-box;display:inline;color:var(--ds-textColor-link);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link__KmYz6O--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__KmYz6O--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__KmYz6O--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__KmYz6O--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__KmYz6O--large{font-size:var(--ds-fontSize-18)}.ds-link__KmYz6O--medium{font-size:var(--ds-fontSize-16)}.ds-link__KmYz6O--small{font-size:var(--ds-fontSize-14)}.ds-link__KmYz6O--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__KmYz6O__icon{display:inline-block;vertical-align:-0.125em}.ds-link__KmYz6O__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__KmYz6O__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__KmYz6O__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__KmYz6O__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__KmYz6O:hover,.ds-link__KmYz6O:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__KmYz6O:hover{color:var(--ds-textColor-link-hover)}.ds-link__KmYz6O:active{color:var(--ds-textColor-link-active)}.ds-link__KmYz6O:visited{color:var(--ds-textColor-link-visited)}.ds-link__KmYz6O--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__KmYz6O--standalone:hover,.ds-link__KmYz6O--standalone:active{text-decoration-line:underline}.ds-link__KmYz6O--standalone:focus-visible,.ds-link__KmYz6O--standalone:visited{color:var(--ds-textColor-link)}.ds-link__KmYz6O--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__KmYz6O--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__KmYz6O--colour-white{color:var(--ds-textColor-white)}.ds-link__KmYz6O--colour-white:hover,.ds-link__KmYz6O--colour-white:active,.ds-link__KmYz6O--colour-white:visited,.ds-link__KmYz6O--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__KmYz6O--colour-black{color:var(--ds-textColor-default)}.ds-link__KmYz6O--colour-black:hover,.ds-link__KmYz6O--colour-black:active,.ds-link__KmYz6O--colour-black:visited,.ds-link__KmYz6O--colour-black:focus-visible{color:var(--ds-textColor-default)}`;
+const dsLinkCss = () => `:host{display:inline}:host:has(.ds-link__SPFJ1E--standalone){display:inline-block}.ds-link__SPFJ1E: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-link__SPFJ1E{box-sizing:border-box;display:inline;color:var(--ds-textColor-link);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-link__SPFJ1E--semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-link__SPFJ1E--bold{font-weight:var(--ds-fontWeight-bold)}.ds-link__SPFJ1E--2xLarge{font-size:var(--ds-fontSize-22)}.ds-link__SPFJ1E--xLarge{font-size:var(--ds-fontSize-20)}.ds-link__SPFJ1E--large{font-size:var(--ds-fontSize-18)}.ds-link__SPFJ1E--medium{font-size:var(--ds-fontSize-16)}.ds-link__SPFJ1E--small{font-size:var(--ds-fontSize-14)}.ds-link__SPFJ1E--xSmall{font-size:var(--ds-fontSize-12)}.ds-link__SPFJ1E__icon{display:inline-block;vertical-align:-0.125em}.ds-link__SPFJ1E__icon--start-inline{margin-right:var(--ds-spacing-3xSmall)}.ds-link__SPFJ1E__icon--start-standalone{margin-right:var(--ds-spacing-2xSmall)}.ds-link__SPFJ1E__icon--end-inline{margin-left:var(--ds-spacing-3xSmall)}.ds-link__SPFJ1E__icon--end-standalone{margin-left:var(--ds-spacing-2xSmall)}.ds-link__SPFJ1E:hover,.ds-link__SPFJ1E:active{text-decoration-thickness:13%;text-underline-offset:12%}.ds-link__SPFJ1E:hover{color:var(--ds-textColor-link-hover)}.ds-link__SPFJ1E:active{color:var(--ds-textColor-link-active)}.ds-link__SPFJ1E:visited{color:var(--ds-textColor-link-visited)}.ds-link__SPFJ1E--standalone{color:var(--ds-textColor-link);text-decoration-line:none}.ds-link__SPFJ1E--standalone:hover,.ds-link__SPFJ1E--standalone:active{text-decoration-line:underline}.ds-link__SPFJ1E--standalone:focus-visible,.ds-link__SPFJ1E--standalone:visited{color:var(--ds-textColor-link)}.ds-link__SPFJ1E--standalone:active{color:var(--ds-textColor-link-active)}.ds-link__SPFJ1E--standalone:hover{color:var(--ds-textColor-link-hover)}.ds-link__SPFJ1E--colour-white{color:var(--ds-textColor-white)}.ds-link__SPFJ1E--colour-white:hover,.ds-link__SPFJ1E--colour-white:active,.ds-link__SPFJ1E--colour-white:visited,.ds-link__SPFJ1E--colour-white:focus-visible{color:var(--ds-textColor-white)}.ds-link__SPFJ1E--colour-black{color:var(--ds-textColor-default)}.ds-link__SPFJ1E--colour-black:hover,.ds-link__SPFJ1E--colour-black:active,.ds-link__SPFJ1E--colour-black:visited,.ds-link__SPFJ1E--colour-black:focus-visible{color:var(--ds-textColor-default)}`;
 
 const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
 const linkIconSizeMap = {

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

@@ -1,10 +1,10 @@
-import { h, r as registerInstance, c as createEvent, e as getElement } from './index-B2DLd639.js';
-import { c as cx } from './cx-D28csnUe.js';
+import { h, r as registerInstance, c as createEvent, e as getElement } from './index-WKPTmD1Z.js';
+import { c as cx } from './cx-jGcD6jB5.js';
 import { d as declareComponentDependencies, a as ifDefined, t as transformTagName } from './utils-J5Ghj1_T.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { g as getLanguage } from './store-DkpUIa5P.js';
+import { g as getLanguage } from './store-CaI4gcSt.js';
 
-const dsMediaCss = () => `.ds-media__KmYz6O{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__KmYz6O .ds-media__image,.ds-media__KmYz6O .ds-media__video,.ds-media__KmYz6O .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__KmYz6O .ds-media__image--fluid,.ds-media__KmYz6O .ds-media__video--fluid,.ds-media__KmYz6O .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__KmYz6O__youtube{border:none;object-fit:initial}.ds-media__KmYz6O--loading .ds-media__image,.ds-media__KmYz6O--loading .ds-media__video{opacity:0}.ds-media__KmYz6O--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__KmYz6O--error .ds-media__image,.ds-media__KmYz6O--error .ds-media__video{display:none}.ds-media__KmYz6O--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__KmYz6O--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__KmYz6O--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__KmYz6O--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__KmYz6O--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__KmYz6O--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__KmYz6O--fluid{width:100%;height:100%}.ds-media__KmYz6O--fluid .ds-media__KmYz6O__image,.ds-media__KmYz6O--fluid .ds-media__KmYz6O__video,.ds-media__KmYz6O--fluid .ds-media__KmYz6O__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__KmYz6O{border-radius:2px}.ds-media__KmYz6O__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__KmYz6O__loading-text{font-size:12px}.ds-media__KmYz6O__error-icon{width:40px;height:40px}.ds-media__KmYz6O__error-text{font-size:12px}}`;
+const dsMediaCss = () => `.ds-media__SPFJ1E{position:relative;width:100%;height:auto;overflow:hidden;background-color:var(--ds-palette-black-05)}.ds-media__SPFJ1E .ds-media__image,.ds-media__SPFJ1E .ds-media__video,.ds-media__SPFJ1E .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__SPFJ1E .ds-media__image--fluid,.ds-media__SPFJ1E .ds-media__video--fluid,.ds-media__SPFJ1E .ds-media__youtube--fluid{aspect-ratio:unset}.ds-media__SPFJ1E__youtube{border:none;object-fit:initial}.ds-media__SPFJ1E--loading .ds-media__image,.ds-media__SPFJ1E--loading .ds-media__video{opacity:0}.ds-media__SPFJ1E--error{aspect-ratio:var(--ds-media-aspect-ratio)}.ds-media__SPFJ1E--error .ds-media__image,.ds-media__SPFJ1E--error .ds-media__video{display:none}.ds-media__SPFJ1E--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__SPFJ1E--error .ds-media__error-icon{width:48px;height:48px;color:var(--ds-bgColor-danger-bold);flex-shrink:0}.ds-media__SPFJ1E--error .ds-media__error-text{font-size:14px;font-weight:500;line-height:1.4}.ds-media__SPFJ1E--image .ds-media__image{transition:opacity 0.3s ease}.ds-media__SPFJ1E--video .ds-media__video{transition:opacity 0.3s ease}.ds-media__SPFJ1E--youtube .ds-media__youtube{transition:opacity 0.3s ease}.ds-media__SPFJ1E--fluid{width:100%;height:100%}.ds-media__SPFJ1E--fluid .ds-media__SPFJ1E__image,.ds-media__SPFJ1E--fluid .ds-media__SPFJ1E__video,.ds-media__SPFJ1E--fluid .ds-media__SPFJ1E__youtube{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ds-media__SPFJ1E{border-radius:2px}.ds-media__SPFJ1E__loading-spinner{width:24px;height:24px;border-width:2px}.ds-media__SPFJ1E__loading-text{font-size:12px}.ds-media__SPFJ1E__error-icon{width:40px;height:40px}.ds-media__SPFJ1E__error-text{font-size:12px}}`;
 
 const DsMedia = class {
     constructor(hostRef) {

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

@@ -1,12 +1,12 @@
-import { h, r as registerInstance, c as createEvent, e as getElement } from './index-B2DLd639.js';
+import { h, r as registerInstance, c as createEvent, e as getElement } from './index-WKPTmD1Z.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-D28csnUe.js';
+import { c as cx } from './cx-jGcD6jB5.js';
 import { i as idGenerator, d as declareComponentDependencies, t as transformTagName, e as throttle, a as ifDefined } from './utils-J5Ghj1_T.js';
-import { g as getLanguage } from './store-DkpUIa5P.js';
+import { g as getLanguage } from './store-CaI4gcSt.js';
 import { M as MODAL_TRANSITION_IN_DURATION, b as MODAL_TRANSITION_OUT_DURATION } from './constants-CLNvzo86.js';
 import { i as isGreaterThanEqualBreakpointMediaQuery } from './utils-BW1GUsO7.js';
 
-const dsModalCss = () => `.ds-modal__KmYz6O{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__KmYz6O--open{overflow-y:auto}.ds-modal__KmYz6O__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__KmYz6O__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__KmYz6O__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__KmYz6O__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__KmYz6O__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__KmYz6O__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__KmYz6O__container--full{width:100%}@media (min-width: 30rem){.ds-modal__KmYz6O__container--small{width:480px}.ds-modal__KmYz6O__container--medium{width:640px}.ds-modal__KmYz6O__container--large{width:800px}}.ds-modal__KmYz6O__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__KmYz6O__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__KmYz6O__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__KmYz6O--open .ds-modal__KmYz6O__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__KmYz6O--in .ds-modal__KmYz6O__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__KmYz6O__container,.ds-modal__KmYz6O--in .ds-modal__KmYz6O__container{transition:none}}.ds-modal__KmYz6O__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__KmYz6O__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__KmYz6O__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__KmYz6O__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__KmYz6O__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__KmYz6O__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__KmYz6O__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__KmYz6O__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__KmYz6O__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__KmYz6O__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__KmYz6O__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__KmYz6O__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__KmYz6O__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__KmYz6O__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__KmYz6O__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__KmYz6O__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__KmYz6O__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__KmYz6O__content--scrollable__top-scrim,.ds-modal__KmYz6O__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__KmYz6O__content--scrollable__top-scrim--open,.ds-modal__KmYz6O__content--scrollable__bottom-scrim--open{display:block}.ds-modal__KmYz6O__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__KmYz6O__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__KmYz6O__content--scrollable:focus-visible .ds-modal__KmYz6O__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__KmYz6O__content--scrollable:focus-visible .ds-modal__KmYz6O__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__KmYz6O__footer{position:relative}.ds-modal__KmYz6O__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__KmYz6O__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__KmYz6O__footer:not(:empty)+.ds-modal__KmYz6O__content{border-block-end:0}.ds-modal__KmYz6O__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__SPFJ1E{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__SPFJ1E--open{overflow-y:auto}.ds-modal__SPFJ1E__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__SPFJ1E__positioner{justify-content:center;padding-block:var(--ds-spacing-small);margin-block:auto}}@media (min-width: 60rem){.ds-modal__SPFJ1E__positioner{padding-block:var(--ds-spacing-xLarge)}}.ds-modal__SPFJ1E__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__SPFJ1E__container{margin:auto;width:fit-content;max-width:calc(100vw - 2 * var(--ds-spacing-small))}}@media (min-width: 60rem){.ds-modal__SPFJ1E__container{max-width:calc(100vw - 2 * var(--ds-spacing-xLarge))}}.ds-modal__SPFJ1E__container--full{width:100%}@media (min-width: 30rem){.ds-modal__SPFJ1E__container--small{width:480px}.ds-modal__SPFJ1E__container--medium{width:640px}.ds-modal__SPFJ1E__container--large{width:800px}}.ds-modal__SPFJ1E__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__SPFJ1E__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__SPFJ1E__container--scrollable{max-height:calc(100vh + calc(-2 * var(--ds-spacing-xLarge)));max-height:calc(100dvh + calc(-2 * var(--ds-spacing-xLarge)))}}.ds-modal__SPFJ1E--open .ds-modal__SPFJ1E__container{scale:1;opacity:1;transform:translateY(0)}.ds-modal__SPFJ1E--in .ds-modal__SPFJ1E__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__SPFJ1E__container,.ds-modal__SPFJ1E--in .ds-modal__SPFJ1E__container{transition:none}}.ds-modal__SPFJ1E__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__SPFJ1E__header{padding-block:var(--ds-spacing-medium) var(--ds-spacing-small);padding-inline:var(--ds-spacing-medium)}}.ds-modal__SPFJ1E__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__SPFJ1E__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__SPFJ1E__header__heading{display:flex;gap:var(--ds-spacing-xSmall)}.ds-modal__SPFJ1E__header__heading__text{margin-block:var(--ds-spacing-4xSmall)}@media (min-width: 60rem){.ds-modal__SPFJ1E__header__heading__text{margin-block:calc(var(--ds-spacing-3xSmall) + var(--ds-spacing-4xSmall))}}.ds-modal__SPFJ1E__header__heading__icon{display:block;margin-block:var(--ds-spacing-4xSmall);margin-inline-end:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-modal__SPFJ1E__header__heading__icon{margin-block:var(--ds-spacing-3xSmall)}}.ds-modal__SPFJ1E__header__close-button{margin-inline-start:auto}@media (min-width: 60rem){.ds-modal__SPFJ1E__header__close-button{margin-block:var(--ds-spacing-4xSmall)}}.ds-modal__SPFJ1E__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__SPFJ1E__content{position:relative;padding-inline:var(--ds-spacing-small);flex:1;min-height:0}@media (min-width: 30rem){.ds-modal__SPFJ1E__content{padding-inline:var(--ds-spacing-medium)}}.ds-modal__SPFJ1E__content--padded{padding-block-end:var(--ds-spacing-small)}@media (min-width: 30rem){.ds-modal__SPFJ1E__content--padded{padding-block-end:var(--ds-spacing-medium)}}.ds-modal__SPFJ1E__content--scrollable{overflow-y:auto;padding-block-end:unset}.ds-modal__SPFJ1E__content--scrollable__top-scrim,.ds-modal__SPFJ1E__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__SPFJ1E__content--scrollable__top-scrim--open,.ds-modal__SPFJ1E__content--scrollable__bottom-scrim--open{display:block}.ds-modal__SPFJ1E__content--scrollable__top-scrim{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__SPFJ1E__content--scrollable__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-bgColor-transparent-onLight) 100%)}.ds-modal__SPFJ1E__content--scrollable:focus-visible .ds-modal__SPFJ1E__content--scrollable__top-scrim{top:var(--ds-borderWidth-thin)}.ds-modal__SPFJ1E__content--scrollable:focus-visible .ds-modal__SPFJ1E__content--scrollable__bottom-scrim{bottom:var(--ds-borderWidth-thin)}.ds-modal__SPFJ1E__footer{position:relative}.ds-modal__SPFJ1E__footer:not(:empty){display:flex;flex-direction:column;padding:var(--ds-spacing-small);gap:var(--ds-spacing-xSmall)}@media (min-width: 30rem){.ds-modal__SPFJ1E__footer:not(:empty){flex-direction:row;padding:var(--ds-spacing-medium);gap:var(--ds-spacing-small)}}.ds-modal__SPFJ1E__footer:not(:empty)+.ds-modal__SPFJ1E__content{border-block-end:0}.ds-modal__SPFJ1E__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 = class {

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

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h } from './index-B2DLd639.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h } from './index-WKPTmD1Z.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-D28csnUe.js';
+import { c as cx } from './cx-jGcD6jB5.js';
 import { i as idGenerator, t as transformTagName, o as omit, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { g as getLanguage } from './store-DkpUIa5P.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DYYhoizJ.js';
+import { g as getLanguage } from './store-CaI4gcSt.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DwC_l-Le.js';
 
-const dsNotificationCss = () => `.sc-ds-notification-h{display:block;width:100%}.ds-notification__KmYz6O.sc-ds-notification{padding:var(--ds-spacing-xSmall, 12px)}.ds-notification__KmYz6O.ds-notification__KmYz6O--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__KmYz6O.ds-notification__KmYz6O--neutral.sc-ds-notification .ds-notification__KmYz6O__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__KmYz6O.ds-notification__KmYz6O--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__KmYz6O.ds-notification__KmYz6O--neutralWhite.sc-ds-notification .ds-notification__KmYz6O__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__KmYz6O.ds-notification__KmYz6O--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__KmYz6O.ds-notification__KmYz6O--info.sc-ds-notification .ds-notification__KmYz6O__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__KmYz6O.ds-notification__KmYz6O--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__KmYz6O.ds-notification__KmYz6O--success.sc-ds-notification .ds-notification__KmYz6O__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__KmYz6O.ds-notification__KmYz6O--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__KmYz6O.ds-notification__KmYz6O--attention.sc-ds-notification .ds-notification__KmYz6O__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__KmYz6O.ds-notification__KmYz6O--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__KmYz6O.ds-notification__KmYz6O--danger.sc-ds-notification .ds-notification__KmYz6O__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__KmYz6O__content.sc-ds-notification{display:flex;gap:var(--ds-spacing-2xSmall, 8px);max-width:1376px;margin:0 auto}.ds-notification__KmYz6O__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__KmYz6O__content__text__heading.sc-ds-notification,.ds-notification__KmYz6O__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__KmYz6O__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__SPFJ1E.sc-ds-notification{padding:var(--ds-spacing-xSmall, 12px)}.ds-notification__SPFJ1E.ds-notification__SPFJ1E--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__SPFJ1E.ds-notification__SPFJ1E--neutral.sc-ds-notification .ds-notification__SPFJ1E__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__SPFJ1E.ds-notification__SPFJ1E--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__SPFJ1E.ds-notification__SPFJ1E--neutralWhite.sc-ds-notification .ds-notification__SPFJ1E__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__SPFJ1E.ds-notification__SPFJ1E--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__SPFJ1E.ds-notification__SPFJ1E--info.sc-ds-notification .ds-notification__SPFJ1E__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__SPFJ1E.ds-notification__SPFJ1E--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__SPFJ1E.ds-notification__SPFJ1E--success.sc-ds-notification .ds-notification__SPFJ1E__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__SPFJ1E.ds-notification__SPFJ1E--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__SPFJ1E.ds-notification__SPFJ1E--attention.sc-ds-notification .ds-notification__SPFJ1E__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__SPFJ1E.ds-notification__SPFJ1E--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__SPFJ1E.ds-notification__SPFJ1E--danger.sc-ds-notification .ds-notification__SPFJ1E__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__SPFJ1E__content.sc-ds-notification{display:flex;gap:var(--ds-spacing-2xSmall, 8px);max-width:1376px;margin:0 auto}.ds-notification__SPFJ1E__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__SPFJ1E__content__text__heading.sc-ds-notification,.ds-notification__SPFJ1E__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__SPFJ1E__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'];

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

@@ -1,10 +1,10 @@
-import { h, r as registerInstance, c as createEvent, e as getElement, F as Fragment } from './index-B2DLd639.js';
+import { h, r as registerInstance, c as createEvent, e as getElement, F as Fragment } from './index-WKPTmD1Z.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { i as idGenerator, d as declareComponentDependencies, t as transformTagName } from './utils-J5Ghj1_T.js';
-import { c as cx } from './cx-D28csnUe.js';
+import { c as cx } from './cx-jGcD6jB5.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
 
-const dsOptionCss = () => `.ds-option__KmYz6O.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__KmYz6O.sc-ds-option:not(.ds-option__KmYz6O--multiple){justify-content:space-between}.ds-option__KmYz6O--hidden.sc-ds-option{display:none}.ds-option__KmYz6O--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__KmYz6O.sc-ds-option:hover:not(.ds-option__KmYz6O--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__KmYz6O.sc-ds-option:active:not(.ds-option__KmYz6O--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__KmYz6O--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__KmYz6O--active.ds-option__KmYz6O--selected.sc-ds-option:not(.ds-option__KmYz6O--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__KmYz6O--multiple.ds-option__KmYz6O--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__KmYz6O--multiple.sc-ds-option .ds-option__KmYz6O__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__KmYz6O--multiple.ds-option__KmYz6O--disabled.sc-ds-option .ds-option__KmYz6O__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__KmYz6O--multiple.ds-option__KmYz6O--disabled.sc-ds-option:not(.ds-option__KmYz6O--selected) .ds-option__KmYz6O__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__KmYz6O--selected.sc-ds-option .ds-option__KmYz6O__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__KmYz6O--selected.sc-ds-option:not(.ds-option__KmYz6O--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__KmYz6O--selected.sc-ds-option:not(.ds-option__KmYz6O--multiple).ds-option__KmYz6O--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__KmYz6O--selected.sc-ds-option:not(.ds-option__KmYz6O--multiple) .ds-option__KmYz6O__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__KmYz6O--selected.sc-ds-option:not(.ds-option__KmYz6O--multiple) .ds-option__KmYz6O__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__KmYz6O--selected.sc-ds-option:not(.ds-option__KmYz6O--multiple).ds-option__KmYz6O--disabled .ds-option__KmYz6O__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__KmYz6O--selected.sc-ds-option:not(.ds-option__KmYz6O--multiple):hover:not(.ds-option__KmYz6O--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__KmYz6O--selected.sc-ds-option:not(.ds-option__KmYz6O--multiple):active:not(.ds-option__KmYz6O--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__KmYz6O__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__KmYz6O__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__KmYz6O__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__KmYz6O__description.sc-ds-option:not(:empty){display:block}`;
+const dsOptionCss = () => `.ds-option__SPFJ1E.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__SPFJ1E.sc-ds-option:not(.ds-option__SPFJ1E--multiple){justify-content:space-between}.ds-option__SPFJ1E--hidden.sc-ds-option{display:none}.ds-option__SPFJ1E--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__SPFJ1E.sc-ds-option:hover:not(.ds-option__SPFJ1E--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__SPFJ1E.sc-ds-option:active:not(.ds-option__SPFJ1E--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__SPFJ1E--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__SPFJ1E--active.ds-option__SPFJ1E--selected.sc-ds-option:not(.ds-option__SPFJ1E--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__SPFJ1E--multiple.ds-option__SPFJ1E--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__SPFJ1E--multiple.sc-ds-option .ds-option__SPFJ1E__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__SPFJ1E--multiple.ds-option__SPFJ1E--disabled.sc-ds-option .ds-option__SPFJ1E__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__SPFJ1E--multiple.ds-option__SPFJ1E--disabled.sc-ds-option:not(.ds-option__SPFJ1E--selected) .ds-option__SPFJ1E__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__SPFJ1E--selected.sc-ds-option .ds-option__SPFJ1E__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__SPFJ1E--selected.sc-ds-option:not(.ds-option__SPFJ1E--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__SPFJ1E--selected.sc-ds-option:not(.ds-option__SPFJ1E--multiple).ds-option__SPFJ1E--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__SPFJ1E--selected.sc-ds-option:not(.ds-option__SPFJ1E--multiple) .ds-option__SPFJ1E__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__SPFJ1E--selected.sc-ds-option:not(.ds-option__SPFJ1E--multiple) .ds-option__SPFJ1E__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__SPFJ1E--selected.sc-ds-option:not(.ds-option__SPFJ1E--multiple).ds-option__SPFJ1E--disabled .ds-option__SPFJ1E__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__SPFJ1E--selected.sc-ds-option:not(.ds-option__SPFJ1E--multiple):hover:not(.ds-option__SPFJ1E--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__SPFJ1E--selected.sc-ds-option:not(.ds-option__SPFJ1E--multiple):active:not(.ds-option__SPFJ1E--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__SPFJ1E__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__SPFJ1E__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__SPFJ1E__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__SPFJ1E__description.sc-ds-option:not(:empty){display:block}`;
 
 const optionIdGenerator = idGenerator('ds-option');
 const DsOption = class {
@@ -122,7 +122,7 @@ const DsOption = class {
 declareComponentDependencies([h("ds-icon", { dsName: "" })]);
 DsOption.style = dsOptionCss();
 
-const dsOptionGroupCss = () => `.ds-option-group__KmYz6O.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__KmYz6O--hidden.sc-ds-option-group{display:none}.ds-option-group__KmYz6O.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__KmYz6O__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__KmYz6O__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}`;
+const dsOptionGroupCss = () => `.ds-option-group__SPFJ1E.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__SPFJ1E--hidden.sc-ds-option-group{display:none}.ds-option-group__SPFJ1E.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__SPFJ1E__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__SPFJ1E__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}`;
 
 const DsOptionGroup = class {
     constructor(hostRef) {

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

@@ -1,10 +1,10 @@
-import { h, r as registerInstance, e as getElement } from './index-B2DLd639.js';
-import { g as getLanguage } from './store-DkpUIa5P.js';
-import { t as tryADifferentSearchTerm, n as noResultsFound, l as loadingOptions, f as tryAgainOrIfTheProblemPersists, w as weCouldNotLoadOptions } from './controlUtils-DqRIe20i.js';
+import { h, r as registerInstance, e as getElement } from './index-WKPTmD1Z.js';
+import { g as getLanguage } from './store-CaI4gcSt.js';
+import { t as tryADifferentSearchTerm, n as noResultsFound, l as loadingOptions, f as tryAgainOrIfTheProblemPersists, w as weCouldNotLoadOptions } from './controlUtils-BhYl_ia_.js';
 import { d as declareComponentDependencies, t as transformTagName } from './utils-J5Ghj1_T.js';
-import { c as cx } from './cx-D28csnUe.js';
+import { c as cx } from './cx-jGcD6jB5.js';
 
-const dsOptionsMessageCss = () => `.ds-options-message__KmYz6O.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__KmYz6O__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__KmYz6O__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__KmYz6O__error__title.sc-ds-options-message,.ds-options-message__KmYz6O__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__KmYz6O__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__KmYz6O__error__text.sc-ds-options-message,.ds-options-message__KmYz6O__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__SPFJ1E.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__SPFJ1E__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__SPFJ1E__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__SPFJ1E__error__title.sc-ds-options-message,.ds-options-message__SPFJ1E__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__SPFJ1E__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__SPFJ1E__error__text.sc-ds-options-message,.ds-options-message__SPFJ1E__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 { r as registerInstance, c as createEvent, e as getElement, h, M as Mixin, f as forceUpdate, H as Host } from './index-B2DLd639.js';
+import { r as registerInstance, c as createEvent, e as getElement, h, M as Mixin, f as forceUpdate, H as Host } from './index-WKPTmD1Z.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { i as idGenerator, t as transformTagName, c as componentOnReady, b as debounce, a as ifDefined, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
-import { c as cx } from './cx-D28csnUe.js';
+import { c as cx } from './cx-jGcD6jB5.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
 import { S as SCRIM_HEIGHT, F as FEEDBACK_RESET_TIMEOUT } from './constants-CLNvzo86.js';
-import { m as multiselectable, z 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-DqRIe20i.js';
-import { m as multipleValueFactory } from './multipleValueFactory-DbQCSgVo.js';
+import { m as multiselectable, z 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-BhYl_ia_.js';
+import { m as multipleValueFactory } from './multipleValueFactory-BuYHHdO3.js';
 import { d as disableEventsFactory } from './disableEventsFactory-D5btmZkj.js';
-import './store-DkpUIa5P.js';
+import './store-CaI4gcSt.js';
 
-const dsOptionsCss = () => `.ds-options__KmYz6O__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__KmYz6O.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__KmYz6O.sc-ds-options:focus{outline:none}.ds-options__KmYz6O__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__KmYz6O__top-scrim.sc-ds-options,.ds-options__KmYz6O__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__KmYz6O__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__KmYz6O__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__KmYz6O.has-top-scrim.sc-ds-options .ds-options__KmYz6O__top-scrim.sc-ds-options{display:block}.ds-options__KmYz6O.has-bottom-scrim.sc-ds-options .ds-options__KmYz6O__bottom-scrim.sc-ds-options{display:block}.ds-options__KmYz6O.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__KmYz6O.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}`;
+const dsOptionsCss = () => `.ds-options__SPFJ1E__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__SPFJ1E.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__SPFJ1E.sc-ds-options:focus{outline:none}.ds-options__SPFJ1E__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__SPFJ1E__top-scrim.sc-ds-options,.ds-options__SPFJ1E__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__SPFJ1E__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__SPFJ1E__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__SPFJ1E.has-top-scrim.sc-ds-options .ds-options__SPFJ1E__top-scrim.sc-ds-options{display:block}.ds-options__SPFJ1E.has-bottom-scrim.sc-ds-options .ds-options__SPFJ1E__bottom-scrim.sc-ds-options{display:block}.ds-options__SPFJ1E.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__SPFJ1E.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}`;
 
 const optionsIdGenerator = idGenerator('ds-options');
 const DsOptions = class {
@@ -154,7 +154,7 @@ const DsOptions = class {
 };
 DsOptions.style = dsOptionsCss();
 
-const dsSelectCss = () => `.sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){:not(:has(.ds-select__KmYz6O--full-width)).sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__KmYz6O-custom.sc-ds-select{position:relative;display:flex;align-items:center;border: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:2.75rem;width:100%}.ds-select__KmYz6O-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__KmYz6O-custom-wrapper.sc-ds-select{position:relative}.ds-select__KmYz6O-custom.sc-ds-select .ds-options__KmYz6O.sc-ds-select{display:block}.ds-select__KmYz6O-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__KmYz6O-custom-input-container.sc-ds-select:has(.ds-select__KmYz6O-custom__clear-button:hover) .ds-select__KmYz6O-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__KmYz6O-custom.sc-ds-select:not(.ds-select__KmYz6O-custom--open,.ds-select__KmYz6O-custom--invalid.sc-ds-select,.ds-select__KmYz6O-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__KmYz6O-custom.sc-ds-select:active:not(.ds-select__KmYz6O-custom--open,.ds-select__KmYz6O-custom--invalid.sc-ds-select,.ds-select__KmYz6O-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__KmYz6O-custom--open.sc-ds-select,.ds-select__KmYz6O-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__KmYz6O-custom--open.sc-ds-select:not(.ds-select__KmYz6O-custom--open--invalid,.ds-select__KmYz6O-custom.sc-ds-select:focus-visible--invalid),.ds-select__KmYz6O-custom.sc-ds-select:focus-visible:not(.ds-select__KmYz6O-custom--open--invalid,.ds-select__KmYz6O-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__KmYz6O-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__KmYz6O-custom--disabled.sc-ds-select .ds-select__KmYz6O-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__KmYz6O-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__KmYz6O-custom--invalid.sc-ds-select:not(.ds-select__KmYz6O-custom--invalid--open,.ds-select__KmYz6O-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__KmYz6O-custom--invalid.sc-ds-select:not(.ds-select__KmYz6O-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__KmYz6O-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__KmYz6O-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-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-xSmall)}.ds-select__KmYz6O-custom--has-icon.sc-ds-select .ds-select__KmYz6O-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__KmYz6O-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__KmYz6O-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__KmYz6O-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__KmYz6O-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__KmYz6O-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__KmYz6O-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__KmYz6O-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__KmYz6O-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__KmYz6O-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__KmYz6O-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__KmYz6O-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__KmYz6O-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-light);background-color:var(--ds-bgColor-white)}.ds-select__KmYz6O-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__KmYz6O-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__KmYz6O-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__KmYz6O-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__KmYz6O-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__KmYz6O-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__KmYz6O-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__KmYz6O-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__KmYz6O-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__KmYz6O-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 = () => `.sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){:not(:has(.ds-select__SPFJ1E--full-width)).sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__SPFJ1E-custom.sc-ds-select{position:relative;display:flex;align-items:center;border: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:2.75rem;width:100%}.ds-select__SPFJ1E-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__SPFJ1E-custom-wrapper.sc-ds-select{position:relative}.ds-select__SPFJ1E-custom.sc-ds-select .ds-options__SPFJ1E.sc-ds-select{display:block}.ds-select__SPFJ1E-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__SPFJ1E-custom-input-container.sc-ds-select:has(.ds-select__SPFJ1E-custom__clear-button:hover) .ds-select__SPFJ1E-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__SPFJ1E-custom.sc-ds-select:not(.ds-select__SPFJ1E-custom--open,.ds-select__SPFJ1E-custom--invalid.sc-ds-select,.ds-select__SPFJ1E-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__SPFJ1E-custom.sc-ds-select:active:not(.ds-select__SPFJ1E-custom--open,.ds-select__SPFJ1E-custom--invalid.sc-ds-select,.ds-select__SPFJ1E-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__SPFJ1E-custom--open.sc-ds-select,.ds-select__SPFJ1E-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__SPFJ1E-custom--open.sc-ds-select:not(.ds-select__SPFJ1E-custom--open--invalid,.ds-select__SPFJ1E-custom.sc-ds-select:focus-visible--invalid),.ds-select__SPFJ1E-custom.sc-ds-select:focus-visible:not(.ds-select__SPFJ1E-custom--open--invalid,.ds-select__SPFJ1E-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__SPFJ1E-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__SPFJ1E-custom--disabled.sc-ds-select .ds-select__SPFJ1E-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__SPFJ1E-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__SPFJ1E-custom--invalid.sc-ds-select:not(.ds-select__SPFJ1E-custom--invalid--open,.ds-select__SPFJ1E-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__SPFJ1E-custom--invalid.sc-ds-select:not(.ds-select__SPFJ1E-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__SPFJ1E-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__SPFJ1E-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-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-xSmall)}.ds-select__SPFJ1E-custom--has-icon.sc-ds-select .ds-select__SPFJ1E-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__SPFJ1E-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__SPFJ1E-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__SPFJ1E-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__SPFJ1E-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__SPFJ1E-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__SPFJ1E-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__SPFJ1E-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__SPFJ1E-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__SPFJ1E-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__SPFJ1E-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__SPFJ1E-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__SPFJ1E-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-light);background-color:var(--ds-bgColor-white)}.ds-select__SPFJ1E-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__SPFJ1E-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__SPFJ1E-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__SPFJ1E-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__SPFJ1E-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__SPFJ1E-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__SPFJ1E-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__SPFJ1E-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__SPFJ1E-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__SPFJ1E-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 selectIdGenerator = idGenerator('ds-select');
 const defaultTextFns = {
@@ -585,11 +585,11 @@ const DsSelect = class extends Mixin(multipleValueFactory, disableEventsFactory)
                 this.isOpen = false;
             }, dsLabelId: labelId, dsAriaMultiselectable: this.isMultiple }, h("slot", null)))), this.internals?.form &&
             this.internals?.validity.valid &&
-            this.selectedOptions.map(option => h("input", { type: "hidden", name: this.dsName, value: option.dsValue, key: option.dsValue })), !!this.dsErrorText && h(this.DsInputValidity, { id: this.getInputValidityId(), dsText: this.dsErrorText, dsType: "error" }), h(this.DsFeedback, { dsSrOnly: true, dsSrOnlyTag: "span" }, this.getFeedbackMessage())));
+            this.selectedOptions.map(option => h("input", { type: "hidden", name: this.dsName, value: option.dsValue, key: option.dsValue })), h(this.DsInputValidity, { id: this.getInputValidityId(), dsText: this.dsErrorText, dsType: "error" }), h(this.DsFeedback, { dsSrOnly: true, dsSrOnlyTag: "span" }, this.getFeedbackMessage())));
     }
     render() {
         const baseClass = cx('ds-select');
-        return (h(Host, { key: '9b80d829b81097d5cf6a4921663a37eddd1f7de8', ...ifDefined('name', this.isNative ? undefined : this.dsName) }, h("div", { key: '53fb4c06f2320486ad2dd464a2db8f937ddf8d41', tabIndex: -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
+        return (h(Host, { key: '3d3b24db037bfcc1799c04694dd66226cbf7db51', ...ifDefined('name', this.isNative ? undefined : this.dsName) }, h("div", { key: '3ee46f44fb1489380eb1759a1ada5f8f7493f678', tabIndex: -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-B2DLd639.js';
-import { c as cx } from './cx-D28csnUe.js';
-import { p as paginationFactory } from './paginationFactory-DYItlVd5.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-WKPTmD1Z.js';
+import { c as cx } from './cx-jGcD6jB5.js';
+import { p as paginationFactory } from './paginationFactory-TDryWyOU.js';
 import './paginationContext-B834L-N9.js';
 import './utils-J5Ghj1_T.js';
 
-const dsPaginationEllipsisCss = () => `.sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__KmYz6O.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__SPFJ1E.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 = class extends Mixin(paginationFactory) {
     constructor(hostRef) {

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-B2DLd639.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-WKPTmD1Z.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-D28csnUe.js';
+import { c as cx } from './cx-jGcD6jB5.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
-import { p as paginationFactory } from './paginationFactory-DYItlVd5.js';
+import { p as paginationFactory } from './paginationFactory-TDryWyOU.js';
 import './paginationContext-B834L-N9.js';
 
-const dsPaginationItemCss = () => `.ds-pagination-item__KmYz6O.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__KmYz6O--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__KmYz6O--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__KmYz6O--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}`;
+const dsPaginationItemCss = () => `.ds-pagination-item__SPFJ1E.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__SPFJ1E--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__SPFJ1E--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__SPFJ1E--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.entry.js

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-B2DLd639.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-WKPTmD1Z.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-D28csnUe.js';
+import { c as cx } from './cx-jGcD6jB5.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
-import { p as paginationFactory } from './paginationFactory-DYItlVd5.js';
+import { p as paginationFactory } from './paginationFactory-TDryWyOU.js';
 import './paginationContext-B834L-N9.js';
 
-const dsPaginationPageCss = () => `.sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__KmYz6O.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__KmYz6O--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__SPFJ1E.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__SPFJ1E--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 = class extends Mixin(paginationFactory) {
     constructor(hostRef) {

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, e as getElement, h } from './index-B2DLd639.js';
+import { r as registerInstance, e as getElement, h } from './index-WKPTmD1Z.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-D28csnUe.js';
-import { p as ellipsis } from './controlUtils-DqRIe20i.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 './paginationUtils-CSQlZIsJ.js';
+import { c as cx } from './cx-jGcD6jB5.js';
+import { p as ellipsis } from './controlUtils-BhYl_ia_.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 './paginationUtils-DtuCm0la.js';
 import { s as storePaginationContext, p as providePaginationContextToSlots } from './paginationContext-B834L-N9.js';
-import './store-DkpUIa5P.js';
+import './store-CaI4gcSt.js';
 import './utils-J5Ghj1_T.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__KmYz6O{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__KmYz6O__compact slot,.ds-pagination__KmYz6O__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__KmYz6O--compact .ds-pagination__KmYz6O__compact,.ds-pagination__KmYz6O--auto .ds-pagination__KmYz6O__compact{width:100%}@media (min-width: 30rem){.ds-pagination__KmYz6O--compact .ds-pagination__KmYz6O__compact,.ds-pagination__KmYz6O--auto .ds-pagination__KmYz6O__compact{width:auto}}.ds-pagination__KmYz6O--compact .ds-pagination__KmYz6O__compact slot,.ds-pagination__KmYz6O--auto .ds-pagination__KmYz6O__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__KmYz6O ::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__KmYz6O--compact .ds-pagination__KmYz6O__full{display:none}.ds-pagination__KmYz6O--full .ds-pagination__KmYz6O__compact{display:none}.ds-pagination__KmYz6O--auto .ds-pagination__KmYz6O__full{display:none}@media (min-width: 60rem){.ds-pagination__KmYz6O--auto .ds-pagination__KmYz6O__full{display:contents}.ds-pagination__KmYz6O--auto .ds-pagination__KmYz6O__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__SPFJ1E{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__SPFJ1E__compact slot,.ds-pagination__SPFJ1E__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__SPFJ1E--compact .ds-pagination__SPFJ1E__compact,.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__compact{width:100%}@media (min-width: 30rem){.ds-pagination__SPFJ1E--compact .ds-pagination__SPFJ1E__compact,.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__compact{width:auto}}.ds-pagination__SPFJ1E--compact .ds-pagination__SPFJ1E__compact slot,.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__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__SPFJ1E ::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__SPFJ1E--compact .ds-pagination__SPFJ1E__full{display:none}.ds-pagination__SPFJ1E--full .ds-pagination__SPFJ1E__compact{display:none}.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__full{display:none}@media (min-width: 60rem){.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__full{display:contents}.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__compact{display:none}}`;
 
 const DsPagination = class {
     constructor(hostRef) {

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

@@ -1,13 +1,13 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, H as Host } from './index-B2DLd639.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, H as Host } from './index-WKPTmD1Z.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { i as idGenerator, t as transformTagName, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
 import { d as disableEventsFactory } from './disableEventsFactory-D5btmZkj.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { g as getRequiredText, b as atLeastOneOption } from './controlUtils-DqRIe20i.js';
-import { c as cx } from './cx-D28csnUe.js';
-import './store-DkpUIa5P.js';
+import { g as getRequiredText, b as atLeastOneOption } from './controlUtils-BhYl_ia_.js';
+import { c as cx } from './cx-jGcD6jB5.js';
+import './store-CaI4gcSt.js';
 
-const dsRadioButtonGroupCss = () => `.ds-radio-button-group__KmYz6O{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__KmYz6O__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__KmYz6O__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__KmYz6O__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__KmYz6O__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__SPFJ1E{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__SPFJ1E__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__SPFJ1E__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__SPFJ1E__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__SPFJ1E__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 = class extends Mixin(disableEventsFactory) {
@@ -241,7 +241,7 @@ const DsRadioButtonGroup = class extends Mixin(disableEventsFactory) {
         });
         const errorClasses = classNames(`${baseClass}__error`);
         const DsInputValidity = transformTagName('ds-input-validity', 'ds-radio-button-group', this.el);
-        return (h(Host, { key: 'bfc004f27594e8f9d7a35e591cd6f8f8d5ce20f4', "data-invalid": !!this.dsErrorText || undefined }, h("fieldset", { key: '2fc540ce180279ed112755593db055160a2126fd', class: classes, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, h("legend", { key: 'd4f408aa4697f93c98a2388fb34e27c92035ad5f', id: this.legendId, class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (h("small", { key: '11e343143059e91b42699e2d83c867bca2ba22a9', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), h("div", { key: 'f3f5c95b6969c35657638a435a855fcb4fc80617', class: radioButtonsSlotClasses }, h("slot", { key: '9ab636880f3cf6db34f2e0015c38e9f3a1644471', onSlotchange: this.updateFocusableRadioButton })), !!this.dsErrorText && (h("div", { key: '309f1434162b0313ef1871b07620da3faab317fe', class: errorClasses }, h(DsInputValidity, { key: '2e591201b812ea0103786dd1003a28e8dbf702ad', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" }))))));
+        return (h(Host, { key: 'bfc004f27594e8f9d7a35e591cd6f8f8d5ce20f4', "data-invalid": !!this.dsErrorText || undefined }, h("fieldset", { key: '2fc540ce180279ed112755593db055160a2126fd', class: classes, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, h("legend", { key: 'd4f408aa4697f93c98a2388fb34e27c92035ad5f', id: this.legendId, class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (h("small", { key: '11e343143059e91b42699e2d83c867bca2ba22a9', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), h("div", { key: 'f3f5c95b6969c35657638a435a855fcb4fc80617', class: radioButtonsSlotClasses }, h("slot", { key: '9ab636880f3cf6db34f2e0015c38e9f3a1644471', onSlotchange: this.updateFocusableRadioButton })), h("div", { key: '48d8c84ef7365d463a3b33e2b7cd55bc3c948aba', class: errorClasses }, h(DsInputValidity, { key: 'd7cc1919ac771a9a7f824ab2035e22909d1baced', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" })))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -1,14 +1,14 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h, F as Fragment } from './index-B2DLd639.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h, F as Fragment } from './index-WKPTmD1Z.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { v as validityMessage, g as getRequiredText } from './controlUtils-DqRIe20i.js';
+import { v as validityMessage, g as getRequiredText } from './controlUtils-BhYl_ia_.js';
 import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
-import { c as cx } from './cx-D28csnUe.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DYYhoizJ.js';
+import { c as cx } from './cx-jGcD6jB5.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DwC_l-Le.js';
 import { d as disableEventsFactory } from './disableEventsFactory-D5btmZkj.js';
-import './store-DkpUIa5P.js';
+import './store-CaI4gcSt.js';
 
-const dsRadioButtonCss = () => `.ds-radio-button__KmYz6O.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__KmYz6O--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__KmYz6O.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__KmYz6O__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__KmYz6O__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__KmYz6O__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__KmYz6O__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__KmYz6O__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__KmYz6O__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__KmYz6O.sc-ds-radio-button:hover:not(.ds-radio-button__KmYz6O--disabled):not(.ds-radio-button__KmYz6O--invalid) .ds-radio-button__KmYz6O__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__KmYz6O.sc-ds-radio-button:hover:not(.ds-radio-button__KmYz6O--disabled):not(.ds-radio-button__KmYz6O--invalid) .ds-radio-button__KmYz6O__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__KmYz6O.sc-ds-radio-button:hover:not(.ds-radio-button__KmYz6O--disabled):not(.ds-radio-button__KmYz6O--invalid) .ds-radio-button__KmYz6O__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__KmYz6O.sc-ds-radio-button:active:not(.ds-radio-button__KmYz6O--disabled):not(.ds-radio-button__KmYz6O--invalid) .ds-radio-button__KmYz6O__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__KmYz6O.sc-ds-radio-button:active:not(.ds-radio-button__KmYz6O--disabled):not(.ds-radio-button__KmYz6O--invalid) .ds-radio-button__KmYz6O__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__KmYz6O.sc-ds-radio-button:active:not(.ds-radio-button__KmYz6O--disabled):not(.ds-radio-button__KmYz6O--invalid) .ds-radio-button__KmYz6O__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__KmYz6O--disabled.sc-ds-radio-button .ds-radio-button__KmYz6O__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__KmYz6O--disabled.sc-ds-radio-button .ds-radio-button__KmYz6O__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__KmYz6O--disabled.sc-ds-radio-button .ds-radio-button__KmYz6O__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__KmYz6O--invalid.sc-ds-radio-button .ds-radio-button__KmYz6O__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__KmYz6O--invalid.sc-ds-radio-button .ds-radio-button__KmYz6O__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__KmYz6O--invalid.sc-ds-radio-button .ds-radio-button__KmYz6O__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__KmYz6O--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__KmYz6O--disabled) .ds-radio-button__KmYz6O__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__KmYz6O--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__KmYz6O--disabled) .ds-radio-button__KmYz6O__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__KmYz6O--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__KmYz6O--disabled) .ds-radio-button__KmYz6O__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__KmYz6O--invalid.sc-ds-radio-button:active:not(.ds-radio-button__KmYz6O--disabled) .ds-radio-button__KmYz6O__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__KmYz6O--invalid.sc-ds-radio-button:active:not(.ds-radio-button__KmYz6O--disabled) .ds-radio-button__KmYz6O__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__KmYz6O--invalid.sc-ds-radio-button:active:not(.ds-radio-button__KmYz6O--disabled) .ds-radio-button__KmYz6O__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__KmYz6O-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__KmYz6O-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__KmYz6O-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__SPFJ1E.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__SPFJ1E--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__SPFJ1E__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__SPFJ1E__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__SPFJ1E__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__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:hover:not(.ds-radio-button__SPFJ1E--disabled):not(.ds-radio-button__SPFJ1E--invalid) .ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:hover:not(.ds-radio-button__SPFJ1E--disabled):not(.ds-radio-button__SPFJ1E--invalid) .ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:hover:not(.ds-radio-button__SPFJ1E--disabled):not(.ds-radio-button__SPFJ1E--invalid) .ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:active:not(.ds-radio-button__SPFJ1E--disabled):not(.ds-radio-button__SPFJ1E--invalid) .ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:active:not(.ds-radio-button__SPFJ1E--disabled):not(.ds-radio-button__SPFJ1E--invalid) .ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:active:not(.ds-radio-button__SPFJ1E--disabled):not(.ds-radio-button__SPFJ1E--invalid) .ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__SPFJ1E--disabled.sc-ds-radio-button .ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__SPFJ1E--disabled.sc-ds-radio-button .ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__SPFJ1E--disabled.sc-ds-radio-button .ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button .ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button .ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button .ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__SPFJ1E--disabled) .ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__SPFJ1E--disabled) .ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__SPFJ1E--disabled) .ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button:active:not(.ds-radio-button__SPFJ1E--disabled) .ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button:active:not(.ds-radio-button__SPFJ1E--disabled) .ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button:active:not(.ds-radio-button__SPFJ1E--disabled) .ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__SPFJ1E-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__SPFJ1E-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__SPFJ1E-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 = class extends Mixin(ariaDeprecationFactory, disableEventsFactory) {
@@ -210,7 +210,7 @@ const DsRadioButton = class extends Mixin(ariaDeprecationFactory, disableEventsF
         const ariaLabel = this.dsAriaLabel ?? attrAriaLabel;
         const ariaDescribedby = this.dsAriaDescribedby ?? attrAriaDescribedby;
         const ariaInvalid = this.dsErrorText ? 'true' : this.inheritedAttributes['aria-invalid'];
-        return (h(Fragment, null, h("div", null, h("label", { class: classes }, h(DsVisuallyHidden, null, h("input", { ref: ref => (this.inputElement = ref), type: "radio", class: inputClasses, id: this.dsId, name: this.dsName, form: this.dsForm, value: this.dsValue, disabled: this.dsDisabled, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, checked: this.dsChecked, tabIndex: tabindex, required: this.dsRequired, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, ...restAttributes })), this.renderRadioIcon(baseClass), h("span", { class: textClasses }, h("slot", null, this.dsText)))), !this.dsErrorsDisabled && (h("slot", { name: "validity" }, h("div", { class: `${baseClass}__validity` }, h(DsInputValidity, { id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" }))))));
+        return (h(Fragment, null, h("div", null, h("label", { class: classes }, h(DsVisuallyHidden, null, h("input", { ref: ref => (this.inputElement = ref), type: "radio", class: inputClasses, id: this.dsId, name: this.dsName, form: this.dsForm, value: this.dsValue, disabled: this.dsDisabled, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, checked: this.dsChecked, tabIndex: tabindex, required: this.dsRequired, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, ...restAttributes })), this.renderRadioIcon(baseClass), h("span", { class: textClasses }, h("slot", null, this.dsText)))), !this.dsErrorsDisabled && (h("slot", { name: "validity" }, h("div", { class: `${baseClass}__validity` }, h(DsInputValidity, { id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" }))))));
     }
     renderFieldset(baseClass) {
         const fieldsetClasses = classNames(`${baseClass}-fieldset`);

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

@@ -1,10 +1,10 @@
-import { h, r as registerInstance, c as createEvent, e as getElement } from './index-B2DLd639.js';
+import { h, r as registerInstance, c as createEvent, e as getElement } from './index-WKPTmD1Z.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { c as inheritSpecifiedAttributes, b as inheritAriaAttributes } from './attributes-DfbgRyXR.js';
 import { d as declareComponentDependencies, i as idGenerator, t as transformTagName } from './utils-J5Ghj1_T.js';
-import { c as cx } from './cx-D28csnUe.js';
-import { v as visuallyHiddenAssistiveText } from './linkUtils-BX5IFvAf.js';
-import { d as defaultLanguage, g as getLanguage, o as onChange } from './store-DkpUIa5P.js';
+import { c as cx } from './cx-jGcD6jB5.js';
+import { v as visuallyHiddenAssistiveText } from './linkUtils-Bh8gSuaY.js';
+import { d as defaultLanguage, g as getLanguage, o as onChange } from './store-CaI4gcSt.js';
 import { a as appData } from './data-gPkqWfeS.js';
 
 const convertToRibbonLinks = (links, ribbonData, lang = 'en') => {
@@ -43,7 +43,7 @@ class DataService {
     }
 }
 
-const dsRibbonCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%;border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff);position:relative;z-index:1000}.ds-ribbon__KmYz6O{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-ribbon__KmYz6O__container{display:grid;grid-template-columns:8rem auto;align-items:center;justify-content:space-between;padding:0 var(--ds-spacing-small, 16px);max-width:120rem;margin:0 auto;height:3rem}@media (min-width: 30rem){.ds-ribbon__KmYz6O__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__KmYz6O__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__KmYz6O__container{grid-template-columns:auto auto}}.ds-ribbon__KmYz6O__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__KmYz6O__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__KmYz6O__mobile-toggle{display:none}}.ds-ribbon__KmYz6O__drawer-backdrop{position:fixed;inset:0;background-color:var(--ds-overlay-black-00);grid-column-end:-1;opacity:0;z-index:-1;pointer-events:none}@media (min-width: 60rem){.ds-ribbon__KmYz6O__drawer-backdrop{display:none}}.ds-ribbon__KmYz6O--drawer-open .ds-ribbon__KmYz6O__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__KmYz6O__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__KmYz6O__drawer-backdrop,.ds-ribbon__KmYz6O--drawer-open .ds-ribbon__KmYz6O__container .ds-ribbon__KmYz6O__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__KmYz6O--drawer-clicked .ds-ribbon__KmYz6O__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__KmYz6O--drawer-open .ds-ribbon__KmYz6O__drawer-backdrop{background-color:var(--ds-overlay-black-50);opacity:1;transition:background-color 0.1s 0.3s, opacity 0s 0s;z-index:999}.ds-ribbon__KmYz6O__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__KmYz6O__desktop-nav{display:block}}.ds-ribbon__KmYz6O__desktop-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;gap:var(--ds-spacing-medium, 24px);align-items:center}.ds-ribbon__KmYz6O__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__KmYz6O__desktop-link{font-size:var(--ds-fontSize-12);white-space:nowrap}.ds-ribbon__KmYz6O__desktop-badge{font-size:var(--ds-fontSize-12);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none;position:absolute;top:0;right:100%}.ds-ribbon__KmYz6O__desktop-badge>*{display:flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;border-radius:1.25rem;padding:0 var(--ds-spacing-2xSmall, 0.5rem)}.ds-ribbon__KmYz6O__desktop-badge>* span{font-size:var(--ds-fontSize-12);line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__KmYz6O__drawer{position:absolute;top:0;right:0;bottom:0;width:calc(100% - var(--ds-spacing-small, 16px));background-color:var(--ds-bgColor-white, #fff);box-shadow:var(--ds-shadow-medium);padding-top:0;transform:translateX(100%);transition:transform 0.3s ease;overflow-y:auto;cursor:default}@media (min-width: 60rem){.ds-ribbon__KmYz6O__drawer{position:static;width:auto;max-width:none;background-color:transparent;box-shadow:none;padding-top:0;transform:none;transition:none;overflow-y:visible}}.ds-ribbon__KmYz6O--drawer-open .ds-ribbon__KmYz6O__drawer{transform:translateX(0%)}.ds-ribbon__KmYz6O__drawer-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;height:3rem;z-index:1;padding:var(--ds-spacing-small, 16px) var(--ds-spacing-medium, 24px);border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff)}@media (min-width: 60rem){.ds-ribbon__KmYz6O__drawer-header{display:none}}.ds-ribbon__KmYz6O__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__KmYz6O__drawer-branding{max-width:unset}}.ds-ribbon__KmYz6O__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__KmYz6O__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__KmYz6O__drawer-nav{padding:0}}.ds-ribbon__KmYz6O__top-scrim,.ds-ribbon__KmYz6O__bottom-scrim{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-ribbon__KmYz6O__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__KmYz6O__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.has-top-scrim .ds-ribbon__KmYz6O__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__KmYz6O__bottom-scrim{display:block}.ds-ribbon__KmYz6O__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__KmYz6O__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__KmYz6O__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__KmYz6O__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__KmYz6O__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__KmYz6O__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__KmYz6O__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__KmYz6O__drawer-badge{font-size:var(--ds-fontSize-12);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none}@media (min-width: 60rem){.ds-ribbon__KmYz6O__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__KmYz6O__drawer-badge>*{display:flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;border-radius:1.25rem;padding:0 var(--ds-spacing-2xSmall, 0.5rem)}.ds-ribbon__KmYz6O__drawer-badge>* span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__KmYz6O--drawer-open) .ds-ribbon__KmYz6O__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__KmYz6O--drawer-open) .ds-ribbon__KmYz6O__drawer-backdrop{display:block}}:host(.ds-ribbon__KmYz6O--drawer-open) .ds-ribbon__KmYz6O__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__KmYz6O--drawer-open) .ds-ribbon__KmYz6O__drawer{transform:none}}`;
+const dsRibbonCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%;border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff);position:relative;z-index:1000}.ds-ribbon__SPFJ1E{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-ribbon__SPFJ1E__container{display:grid;grid-template-columns:8rem auto;align-items:center;justify-content:space-between;padding:0 var(--ds-spacing-small, 16px);max-width:120rem;margin:0 auto;height:3rem}@media (min-width: 30rem){.ds-ribbon__SPFJ1E__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__SPFJ1E__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__SPFJ1E__container{grid-template-columns:auto auto}}.ds-ribbon__SPFJ1E__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__SPFJ1E__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__SPFJ1E__mobile-toggle{display:none}}.ds-ribbon__SPFJ1E__drawer-backdrop{position:fixed;inset:0;background-color:var(--ds-overlay-black-00);grid-column-end:-1;opacity:0;z-index:-1;pointer-events:none}@media (min-width: 60rem){.ds-ribbon__SPFJ1E__drawer-backdrop{display:none}}.ds-ribbon__SPFJ1E--drawer-open .ds-ribbon__SPFJ1E__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__SPFJ1E__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__SPFJ1E__drawer-backdrop,.ds-ribbon__SPFJ1E--drawer-open .ds-ribbon__SPFJ1E__container .ds-ribbon__SPFJ1E__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__SPFJ1E--drawer-clicked .ds-ribbon__SPFJ1E__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__SPFJ1E--drawer-open .ds-ribbon__SPFJ1E__drawer-backdrop{background-color:var(--ds-overlay-black-50);opacity:1;transition:background-color 0.1s 0.3s, opacity 0s 0s;z-index:999}.ds-ribbon__SPFJ1E__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__SPFJ1E__desktop-nav{display:block}}.ds-ribbon__SPFJ1E__desktop-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;gap:var(--ds-spacing-medium, 24px);align-items:center}.ds-ribbon__SPFJ1E__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__SPFJ1E__desktop-link{font-size:var(--ds-fontSize-12);white-space:nowrap}.ds-ribbon__SPFJ1E__desktop-badge{font-size:var(--ds-fontSize-12);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none;position:absolute;top:0;right:100%}.ds-ribbon__SPFJ1E__desktop-badge>*{display:flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;border-radius:1.25rem;padding:0 var(--ds-spacing-2xSmall, 0.5rem)}.ds-ribbon__SPFJ1E__desktop-badge>* span{font-size:var(--ds-fontSize-12);line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__SPFJ1E__drawer{position:absolute;top:0;right:0;bottom:0;width:calc(100% - var(--ds-spacing-small, 16px));background-color:var(--ds-bgColor-white, #fff);box-shadow:var(--ds-shadow-medium);padding-top:0;transform:translateX(100%);transition:transform 0.3s ease;overflow-y:auto;cursor:default}@media (min-width: 60rem){.ds-ribbon__SPFJ1E__drawer{position:static;width:auto;max-width:none;background-color:transparent;box-shadow:none;padding-top:0;transform:none;transition:none;overflow-y:visible}}.ds-ribbon__SPFJ1E--drawer-open .ds-ribbon__SPFJ1E__drawer{transform:translateX(0%)}.ds-ribbon__SPFJ1E__drawer-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;height:3rem;z-index:1;padding:var(--ds-spacing-small, 16px) var(--ds-spacing-medium, 24px);border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff)}@media (min-width: 60rem){.ds-ribbon__SPFJ1E__drawer-header{display:none}}.ds-ribbon__SPFJ1E__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__SPFJ1E__drawer-branding{max-width:unset}}.ds-ribbon__SPFJ1E__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__SPFJ1E__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__SPFJ1E__drawer-nav{padding:0}}.ds-ribbon__SPFJ1E__top-scrim,.ds-ribbon__SPFJ1E__bottom-scrim{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-ribbon__SPFJ1E__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__SPFJ1E__bottom-scrim{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.has-top-scrim .ds-ribbon__SPFJ1E__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__SPFJ1E__bottom-scrim{display:block}.ds-ribbon__SPFJ1E__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__SPFJ1E__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__SPFJ1E__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__SPFJ1E__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__SPFJ1E__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__SPFJ1E__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__SPFJ1E__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__SPFJ1E__drawer-badge{font-size:var(--ds-fontSize-12);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none}@media (min-width: 60rem){.ds-ribbon__SPFJ1E__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__SPFJ1E__drawer-badge>*{display:flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;border-radius:1.25rem;padding:0 var(--ds-spacing-2xSmall, 0.5rem)}.ds-ribbon__SPFJ1E__drawer-badge>* span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__SPFJ1E--drawer-open) .ds-ribbon__SPFJ1E__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__SPFJ1E--drawer-open) .ds-ribbon__SPFJ1E__drawer-backdrop{display:block}}:host(.ds-ribbon__SPFJ1E--drawer-open) .ds-ribbon__SPFJ1E__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__SPFJ1E--drawer-open) .ds-ribbon__SPFJ1E__drawer{transform:none}}`;
 
 const fallbackRibbonData = appData.v1.ribbon;
 const DsRibbon = class {