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

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

@@ -1,18 +1,19 @@
-import { p as proxyCustomElement, M as Mixin, c as createEvent, f as forceUpdate, h, F as Fragment } from './p-CXQowfIP.js';
+import { p as proxyCustomElement, M as Mixin, c as createEvent, f as forceUpdate, h, F as Fragment } from './p-DaqCt6bT.js';
 import { c as classNames } from './p-BfTCfPZ1.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './p-BecId8t2.js';
-import { v as validityMessage, g as getRequiredText } from './p-ClGFSder.js';
+import { v as validityMessage, g as getRequiredText } from './p-BnNKl24s.js';
 import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { c as cx } from './p-C0t9dzyA.js';
-import { a as ariaDeprecationFactory, d as defineCustomElement$4 } from './p-BSUJXSlE.js';
-import { d as defineCustomElement$5 } from './p-DdctcE3d.js';
-import { d as defineCustomElement$3 } from './p-vWL_Skp9.js';
-import { d as defineCustomElement$2 } from './p-CrCWeAVO.js';
+import { c as cx } from './p-nu9LDvw9.js';
+import { a as ariaDeprecationFactory, d as defineCustomElement$4 } from './p-C0tiltnd.js';
+import { d as disableEventsFactory } from './p-B3JeAI4k.js';
+import { d as defineCustomElement$5 } from './p-qpKlR6YQ.js';
+import { d as defineCustomElement$3 } from './p-QWTtFnF3.js';
+import { d as defineCustomElement$2 } from './p-dwuHGzKc.js';
 
-const dsRadioButtonCss = ".ds-radio-button__ugqjFm.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__ugqjFm--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__ugqjFm.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__ugqjFm__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__ugqjFm__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__ugqjFm__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__ugqjFm__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__ugqjFm__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__ugqjFm__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__ugqjFm.sc-ds-radio-button:hover:not(.ds-radio-button__ugqjFm--disabled):not(.ds-radio-button__ugqjFm--invalid) .ds-radio-button__ugqjFm__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__ugqjFm.sc-ds-radio-button:hover:not(.ds-radio-button__ugqjFm--disabled):not(.ds-radio-button__ugqjFm--invalid) .ds-radio-button__ugqjFm__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__ugqjFm.sc-ds-radio-button:hover:not(.ds-radio-button__ugqjFm--disabled):not(.ds-radio-button__ugqjFm--invalid) .ds-radio-button__ugqjFm__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__ugqjFm.sc-ds-radio-button:active:not(.ds-radio-button__ugqjFm--disabled):not(.ds-radio-button__ugqjFm--invalid) .ds-radio-button__ugqjFm__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__ugqjFm.sc-ds-radio-button:active:not(.ds-radio-button__ugqjFm--disabled):not(.ds-radio-button__ugqjFm--invalid) .ds-radio-button__ugqjFm__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__ugqjFm.sc-ds-radio-button:active:not(.ds-radio-button__ugqjFm--disabled):not(.ds-radio-button__ugqjFm--invalid) .ds-radio-button__ugqjFm__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__ugqjFm--disabled.sc-ds-radio-button .ds-radio-button__ugqjFm__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__ugqjFm--disabled.sc-ds-radio-button .ds-radio-button__ugqjFm__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__ugqjFm--disabled.sc-ds-radio-button .ds-radio-button__ugqjFm__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__ugqjFm--invalid.sc-ds-radio-button .ds-radio-button__ugqjFm__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__ugqjFm--invalid.sc-ds-radio-button .ds-radio-button__ugqjFm__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__ugqjFm--invalid.sc-ds-radio-button .ds-radio-button__ugqjFm__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__ugqjFm--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__ugqjFm--disabled) .ds-radio-button__ugqjFm__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__ugqjFm--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__ugqjFm--disabled) .ds-radio-button__ugqjFm__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__ugqjFm--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__ugqjFm--disabled) .ds-radio-button__ugqjFm__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__ugqjFm--invalid.sc-ds-radio-button:active:not(.ds-radio-button__ugqjFm--disabled) .ds-radio-button__ugqjFm__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__ugqjFm--invalid.sc-ds-radio-button:active:not(.ds-radio-button__ugqjFm--disabled) .ds-radio-button__ugqjFm__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__ugqjFm--invalid.sc-ds-radio-button:active:not(.ds-radio-button__ugqjFm--disabled) .ds-radio-button__ugqjFm__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__ugqjFm-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__ugqjFm-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__ugqjFm-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__MGLLcm.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__MGLLcm--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__MGLLcm.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__MGLLcm__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__MGLLcm__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__MGLLcm__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__MGLLcm__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__MGLLcm__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__MGLLcm__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__MGLLcm.sc-ds-radio-button:hover:not(.ds-radio-button__MGLLcm--disabled):not(.ds-radio-button__MGLLcm--invalid) .ds-radio-button__MGLLcm__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__MGLLcm.sc-ds-radio-button:hover:not(.ds-radio-button__MGLLcm--disabled):not(.ds-radio-button__MGLLcm--invalid) .ds-radio-button__MGLLcm__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__MGLLcm.sc-ds-radio-button:hover:not(.ds-radio-button__MGLLcm--disabled):not(.ds-radio-button__MGLLcm--invalid) .ds-radio-button__MGLLcm__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__MGLLcm.sc-ds-radio-button:active:not(.ds-radio-button__MGLLcm--disabled):not(.ds-radio-button__MGLLcm--invalid) .ds-radio-button__MGLLcm__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__MGLLcm.sc-ds-radio-button:active:not(.ds-radio-button__MGLLcm--disabled):not(.ds-radio-button__MGLLcm--invalid) .ds-radio-button__MGLLcm__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__MGLLcm.sc-ds-radio-button:active:not(.ds-radio-button__MGLLcm--disabled):not(.ds-radio-button__MGLLcm--invalid) .ds-radio-button__MGLLcm__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__MGLLcm--disabled.sc-ds-radio-button .ds-radio-button__MGLLcm__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__MGLLcm--disabled.sc-ds-radio-button .ds-radio-button__MGLLcm__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__MGLLcm--disabled.sc-ds-radio-button .ds-radio-button__MGLLcm__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__MGLLcm--invalid.sc-ds-radio-button .ds-radio-button__MGLLcm__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__MGLLcm--invalid.sc-ds-radio-button .ds-radio-button__MGLLcm__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__MGLLcm--invalid.sc-ds-radio-button .ds-radio-button__MGLLcm__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__MGLLcm--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__MGLLcm--disabled) .ds-radio-button__MGLLcm__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__MGLLcm--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__MGLLcm--disabled) .ds-radio-button__MGLLcm__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__MGLLcm--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__MGLLcm--disabled) .ds-radio-button__MGLLcm__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__MGLLcm--invalid.sc-ds-radio-button:active:not(.ds-radio-button__MGLLcm--disabled) .ds-radio-button__MGLLcm__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__MGLLcm--invalid.sc-ds-radio-button:active:not(.ds-radio-button__MGLLcm--disabled) .ds-radio-button__MGLLcm__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__MGLLcm--invalid.sc-ds-radio-button:active:not(.ds-radio-button__MGLLcm--disabled) .ds-radio-button__MGLLcm__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__MGLLcm-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__MGLLcm-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__MGLLcm-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}";
 
 const radioButtonIdGenerator = idGenerator('ds-radio-button');
-const DsRadioButton$1 = proxyCustomElement(class DsRadioButton extends Mixin(ariaDeprecationFactory) {
+const DsRadioButton$1 = proxyCustomElement(class DsRadioButton extends Mixin(ariaDeprecationFactory, disableEventsFactory) {
     constructor(registerHost) {
         super(false);
         if (registerHost !== false) {
@@ -77,7 +78,11 @@ const DsRadioButton$1 = proxyCustomElement(class DsRadioButton extends Mixin(ari
         return this.inputElement?.checkValidity();
     }
     dsCheckedObserver(isChecked) {
-        this.dsChange.emit({ checked: isChecked, value: this.dsValue });
+        const shouldEmit = this.getShouldEmit();
+        this.setDisableEventEmits(true);
+        if (shouldEmit) {
+            this.dsChange.emit({ checked: isChecked, value: this.dsValue });
+        }
         const validityState = this.inputElement?.validity;
         for (const key in validityState) {
             if (validityState[key]) {
@@ -107,6 +112,7 @@ const DsRadioButton$1 = proxyCustomElement(class DsRadioButton extends Mixin(ari
             ...inheritAriaAttributes(this.el, ['aria-invalid']),
         };
         this.initialChecked = this.dsChecked;
+        this.setDisableEventEmits(true);
     }
     formResetCallback() {
         this.dsErrorText = '';
@@ -158,6 +164,7 @@ const DsRadioButton$1 = proxyCustomElement(class DsRadioButton extends Mixin(ari
         this.dsErrorText = e.detail;
     };
     handleInput = () => {
+        this.setDisableEventEmits(false);
         this.setChecked();
     };
     handleFocus = () => {

package/dist/components/ds-ribbon.js

@@ -1,18 +1,18 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-CXQowfIP.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-DaqCt6bT.js';
 import { c as classNames } from './p-BfTCfPZ1.js';
 import { b as inheritSpecifiedAttributes, i as inheritAriaAttributes } from './p-BecId8t2.js';
 import { i as idGenerator, t as transformTagName, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { c as cx } from './p-C0t9dzyA.js';
-import { v as visuallyHiddenAssistiveText } from './p-sW1JJmk-.js';
-import { d as defaultLanguage, g as getLanguage, o as onChange } from './p-c9zFRRZL.js';
+import { c as cx } from './p-nu9LDvw9.js';
+import { v as visuallyHiddenAssistiveText } from './p-CMxsLaxm.js';
+import { d as defaultLanguage, g as getLanguage, o as onChange } from './p-BiwrhYeU.js';
 import { a as appData } from './p-gPkqWfeS.js';
-import { d as defineCustomElement$8 } from './p-C6jpbj4Y.js';
-import { d as defineCustomElement$7 } from './p-BSUJXSlE.js';
-import { d as defineCustomElement$6 } from './p-Mdo88K-j.js';
-import { d as defineCustomElement$5 } from './p-Cqc2121n.js';
-import { d as defineCustomElement$4 } from './p-BwgGQbN3.js';
-import { d as defineCustomElement$3 } from './p-BTH6QMhe.js';
-import { d as defineCustomElement$2 } from './p-CrCWeAVO.js';
+import { d as defineCustomElement$8 } from './p-Cx_QVu9h.js';
+import { d as defineCustomElement$7 } from './p-C0tiltnd.js';
+import { d as defineCustomElement$6 } from './p-BpKGj6FM.js';
+import { d as defineCustomElement$5 } from './p-BMI089hh.js';
+import { d as defineCustomElement$4 } from './p-KU9nm6J4.js';
+import { d as defineCustomElement$3 } from './p-BqwR7_jH.js';
+import { d as defineCustomElement$2 } from './p-dwuHGzKc.js';
 
 const convertToRibbonLinks = (links, ribbonData, lang = 'en') => {
     return links.map(link => ({
@@ -50,7 +50,7 @@ class DataService {
     }
 }
 
-const dsRibbonCss = ":host *,.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__ugqjFm__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__ugqjFm__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__ugqjFm__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__ugqjFm__container{grid-template-columns:auto auto}}.ds-ribbon__ugqjFm__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__ugqjFm__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__ugqjFm__mobile-toggle{display:none}}.ds-ribbon__ugqjFm__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__ugqjFm__drawer-backdrop{display:none}}.ds-ribbon__ugqjFm--drawer-open .ds-ribbon__ugqjFm__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__ugqjFm__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__ugqjFm__drawer-backdrop,.ds-ribbon__ugqjFm--drawer-open .ds-ribbon__ugqjFm__container .ds-ribbon__ugqjFm__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__ugqjFm--drawer-clicked .ds-ribbon__ugqjFm__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__ugqjFm--drawer-open .ds-ribbon__ugqjFm__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__ugqjFm__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__ugqjFm__desktop-nav{display:block}}.ds-ribbon__ugqjFm__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__ugqjFm__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__ugqjFm__desktop-link{font-size:var(--ds-fontSize-12, 0.75rem);white-space:nowrap}.ds-ribbon__ugqjFm__desktop-badge{font-size:var(--ds-font-size-small, 12px);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__ugqjFm__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__ugqjFm__desktop-badge>* span{line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__ugqjFm__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__ugqjFm__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__ugqjFm--drawer-open .ds-ribbon__ugqjFm__drawer{transform:translateX(0%)}.ds-ribbon__ugqjFm__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__ugqjFm__drawer-header{display:none}}.ds-ribbon__ugqjFm__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__ugqjFm__drawer-branding{max-width:unset}}.ds-ribbon__ugqjFm__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__ugqjFm__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__ugqjFm__drawer-nav{padding:0}}.ds-ribbon__ugqjFm__top-scrim,.ds-ribbon__ugqjFm__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__ugqjFm__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__ugqjFm__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__ugqjFm__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__ugqjFm__bottom-scrim{display:block}.ds-ribbon__ugqjFm__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__ugqjFm__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__ugqjFm__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__ugqjFm__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__ugqjFm__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__ugqjFm__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__ugqjFm__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__ugqjFm__drawer-badge{font-size:var(--ds-font-size-small, 12px);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none}@media (min-width: 60rem){.ds-ribbon__ugqjFm__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__ugqjFm__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__ugqjFm__drawer-badge>* span{line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__ugqjFm--drawer-open) .ds-ribbon__ugqjFm__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__ugqjFm--drawer-open) .ds-ribbon__ugqjFm__drawer-backdrop{display:block}}:host(.ds-ribbon__ugqjFm--drawer-open) .ds-ribbon__ugqjFm__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__ugqjFm--drawer-open) .ds-ribbon__ugqjFm__drawer{transform:none}}";
+const dsRibbonCss = ".ds-no-style-leak *,.ds-ribbon__MGLLcm,.ds-ribbon__MGLLcm :where([class*=__MGLLcm]){all:unset;box-sizing:border-box}.ds-no-style-leak *{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__MGLLcm{display:block}.ds-ribbon__MGLLcm__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__MGLLcm__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__MGLLcm__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__MGLLcm__container{grid-template-columns:auto auto}}.ds-ribbon__MGLLcm__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__MGLLcm__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__MGLLcm__mobile-toggle{display:none}}.ds-ribbon__MGLLcm__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__MGLLcm__drawer-backdrop{display:none}}.ds-ribbon__MGLLcm--drawer-open .ds-ribbon__MGLLcm__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__MGLLcm__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__MGLLcm__drawer-backdrop,.ds-ribbon__MGLLcm--drawer-open .ds-ribbon__MGLLcm__container .ds-ribbon__MGLLcm__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__MGLLcm--drawer-clicked .ds-ribbon__MGLLcm__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__MGLLcm--drawer-open .ds-ribbon__MGLLcm__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__MGLLcm__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__MGLLcm__desktop-nav{display:block}}.ds-ribbon__MGLLcm__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__MGLLcm__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__MGLLcm__desktop-link{font-size:var(--ds-fontSize-12, 0.75rem);white-space:nowrap}.ds-ribbon__MGLLcm__desktop-badge{font-size:var(--ds-font-size-small, 12px);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__MGLLcm__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__MGLLcm__desktop-badge>* span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__MGLLcm__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__MGLLcm__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__MGLLcm--drawer-open .ds-ribbon__MGLLcm__drawer{transform:translateX(0%)}.ds-ribbon__MGLLcm__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__MGLLcm__drawer-header{display:none}}.ds-ribbon__MGLLcm__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__MGLLcm__drawer-branding{max-width:unset}}.ds-ribbon__MGLLcm__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__MGLLcm__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__MGLLcm__drawer-nav{padding:0}}.ds-ribbon__MGLLcm__top-scrim,.ds-ribbon__MGLLcm__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__MGLLcm__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__MGLLcm__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__MGLLcm__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__MGLLcm__bottom-scrim{display:block}.ds-ribbon__MGLLcm__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__MGLLcm__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__MGLLcm__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__MGLLcm__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__MGLLcm__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__MGLLcm__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__MGLLcm__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__MGLLcm__drawer-badge{font-size:var(--ds-font-size-small, 12px);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none}@media (min-width: 60rem){.ds-ribbon__MGLLcm__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__MGLLcm__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__MGLLcm__drawer-badge>* span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__MGLLcm--drawer-open) .ds-ribbon__MGLLcm__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__MGLLcm--drawer-open) .ds-ribbon__MGLLcm__drawer-backdrop{display:block}}:host(.ds-ribbon__MGLLcm--drawer-open) .ds-ribbon__MGLLcm__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__MGLLcm--drawer-open) .ds-ribbon__MGLLcm__drawer{transform:none}}";
 
 const fallbackRibbonData = appData.v1.ribbon;
 const DsRibbon$1 = proxyCustomElement(class DsRibbon extends H {

package/dist/components/ds-select-native.js

@@ -1,4 +1,4 @@
-import { D as DsSelectNative$1, d as defineCustomElement$1 } from './p-Bywac-2s.js';
+import { D as DsSelectNative$1, d as defineCustomElement$1 } from './p-D_czFJ5S.js';
 
 const DsSelectNative = DsSelectNative$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ds-select.js

@@ -1,30 +1,31 @@
-import { p as proxyCustomElement, M as Mixin, c as createEvent, f as forceUpdate, h, d as Host } from './p-CXQowfIP.js';
+import { p as proxyCustomElement, M as Mixin, c as createEvent, f as forceUpdate, h, d as Host } from './p-DaqCt6bT.js';
 import { c as classNames } from './p-BfTCfPZ1.js';
 import { i as idGenerator, t as transformTagName, c as componentOnReady, b as debounce, a as ifDefined, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { k as selectAnOption, c as atLeastOneOption, f as thereAreOptionsToBrowse, l as loadingOptions, w as weCouldNotLoadOptions, b as tryAgainOrIfTheProblemPersists, r as removeSelection, h as selections } from './p-ClGFSder.js';
-import { c as cx } from './p-C0t9dzyA.js';
+import { k as selectAnOption, c as atLeastOneOption, f as thereAreOptionsToBrowse, l as loadingOptions, w as weCouldNotLoadOptions, b as tryAgainOrIfTheProblemPersists, r as removeSelection, h as selections } from './p-BnNKl24s.js';
+import { c as cx } from './p-nu9LDvw9.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './p-BecId8t2.js';
 import { F as FEEDBACK_RESET_TIMEOUT } from './p-BT1Kxodd.js';
-import { m as multipleValueFactory } from './p-BV_q6W_o.js';
-import { d as defineCustomElement$b } from './p-uk7bLsNf.js';
-import { d as defineCustomElement$a } from './p-C6jpbj4Y.js';
-import { d as defineCustomElement$9 } from './p-CSJs-17T.js';
-import { d as defineCustomElement$8 } from './p-DdctcE3d.js';
-import { d as defineCustomElement$7 } from './p-BSUJXSlE.js';
-import { d as defineCustomElement$6 } from './p-vWL_Skp9.js';
-import { d as defineCustomElement$5 } from './p-CiqQhF4Y.js';
-import { d as defineCustomElement$4 } from './p-Bywac-2s.js';
-import { d as defineCustomElement$3 } from './p-BwgGQbN3.js';
-import { d as defineCustomElement$2 } from './p-CrCWeAVO.js';
+import { m as multipleValueFactory } from './p-Bnm8qs-U.js';
+import { d as disableEventsFactory } from './p-B3JeAI4k.js';
+import { d as defineCustomElement$b } from './p-BBeZy2di.js';
+import { d as defineCustomElement$a } from './p-Cx_QVu9h.js';
+import { d as defineCustomElement$9 } from './p-DZtdqGZv.js';
+import { d as defineCustomElement$8 } from './p-qpKlR6YQ.js';
+import { d as defineCustomElement$7 } from './p-C0tiltnd.js';
+import { d as defineCustomElement$6 } from './p-QWTtFnF3.js';
+import { d as defineCustomElement$5 } from './p-DGEKSNo2.js';
+import { d as defineCustomElement$4 } from './p-D_czFJ5S.js';
+import { d as defineCustomElement$3 } from './p-KU9nm6J4.js';
+import { d as defineCustomElement$2 } from './p-dwuHGzKc.js';
 
-const dsSelectCss = ".sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){:not(:has(.ds-select__ugqjFm--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__ugqjFm-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__ugqjFm-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__ugqjFm-custom-wrapper.sc-ds-select{position:relative}.ds-select__ugqjFm-custom.sc-ds-select .ds-options__ugqjFm.sc-ds-select{display:block}.ds-select__ugqjFm-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__ugqjFm-custom-input-container.sc-ds-select:has(.ds-select__ugqjFm-custom__clear-button:hover) .ds-select__ugqjFm-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__ugqjFm-custom.sc-ds-select:not(.ds-select__ugqjFm-custom--open,.ds-select__ugqjFm-custom--invalid.sc-ds-select,.ds-select__ugqjFm-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__ugqjFm-custom.sc-ds-select:active:not(.ds-select__ugqjFm-custom--open,.ds-select__ugqjFm-custom--invalid.sc-ds-select,.ds-select__ugqjFm-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__ugqjFm-custom--open.sc-ds-select,.ds-select__ugqjFm-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__ugqjFm-custom--open.sc-ds-select:not(.ds-select__ugqjFm-custom--open--invalid,.ds-select__ugqjFm-custom.sc-ds-select:focus-visible--invalid),.ds-select__ugqjFm-custom.sc-ds-select:focus-visible:not(.ds-select__ugqjFm-custom--open--invalid,.ds-select__ugqjFm-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__ugqjFm-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__ugqjFm-custom--disabled.sc-ds-select .ds-select__ugqjFm-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__ugqjFm-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__ugqjFm-custom--invalid.sc-ds-select:not(.ds-select__ugqjFm-custom--invalid--open,.ds-select__ugqjFm-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__ugqjFm-custom--invalid.sc-ds-select:not(.ds-select__ugqjFm-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__ugqjFm-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__ugqjFm-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-spacing-xSmall);padding-right:var(--ds-spacing-xSmall)}.ds-select__ugqjFm-custom--has-icon.sc-ds-select .ds-select__ugqjFm-custom__selected-option.sc-ds-select{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__ugqjFm-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__ugqjFm-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ds-textColor-default)}.ds-select__ugqjFm-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__ugqjFm-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__ugqjFm-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__ugqjFm-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__ugqjFm-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__ugqjFm-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__ugqjFm-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__ugqjFm-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__ugqjFm-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__ugqjFm-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__ugqjFm-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__ugqjFm-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__ugqjFm-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__ugqjFm-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__ugqjFm-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__ugqjFm-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__ugqjFm-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__ugqjFm-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__ugqjFm-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__ugqjFm-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__MGLLcm--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__MGLLcm-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__MGLLcm-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__MGLLcm-custom-wrapper.sc-ds-select{position:relative}.ds-select__MGLLcm-custom.sc-ds-select .ds-options__MGLLcm.sc-ds-select{display:block}.ds-select__MGLLcm-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__MGLLcm-custom-input-container.sc-ds-select:has(.ds-select__MGLLcm-custom__clear-button:hover) .ds-select__MGLLcm-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__MGLLcm-custom.sc-ds-select:not(.ds-select__MGLLcm-custom--open,.ds-select__MGLLcm-custom--invalid.sc-ds-select,.ds-select__MGLLcm-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__MGLLcm-custom.sc-ds-select:active:not(.ds-select__MGLLcm-custom--open,.ds-select__MGLLcm-custom--invalid.sc-ds-select,.ds-select__MGLLcm-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__MGLLcm-custom--open.sc-ds-select,.ds-select__MGLLcm-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__MGLLcm-custom--open.sc-ds-select:not(.ds-select__MGLLcm-custom--open--invalid,.ds-select__MGLLcm-custom.sc-ds-select:focus-visible--invalid),.ds-select__MGLLcm-custom.sc-ds-select:focus-visible:not(.ds-select__MGLLcm-custom--open--invalid,.ds-select__MGLLcm-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__MGLLcm-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__MGLLcm-custom--disabled.sc-ds-select .ds-select__MGLLcm-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__MGLLcm-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__MGLLcm-custom--invalid.sc-ds-select:not(.ds-select__MGLLcm-custom--invalid--open,.ds-select__MGLLcm-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__MGLLcm-custom--invalid.sc-ds-select:not(.ds-select__MGLLcm-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__MGLLcm-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__MGLLcm-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__MGLLcm-custom--has-icon.sc-ds-select .ds-select__MGLLcm-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__MGLLcm-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__MGLLcm-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__MGLLcm-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__MGLLcm-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__MGLLcm-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__MGLLcm-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__MGLLcm-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__MGLLcm-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__MGLLcm-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__MGLLcm-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__MGLLcm-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__MGLLcm-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__MGLLcm-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__MGLLcm-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__MGLLcm-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__MGLLcm-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__MGLLcm-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__MGLLcm-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__MGLLcm-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__MGLLcm-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__MGLLcm-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__MGLLcm-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 = {
     dsPlaceholder: selectAnOption,
 };
 const getTextValue = (key, value) => value || defaultTextFns[key]();
-const DsSelect$1 = proxyCustomElement(class DsSelect extends Mixin(multipleValueFactory) {
+const DsSelect$1 = proxyCustomElement(class DsSelect extends Mixin(multipleValueFactory, disableEventsFactory) {
     constructor(registerHost) {
         super(false);
         if (registerHost !== false) {
@@ -141,7 +142,9 @@ const DsSelect$1 = proxyCustomElement(class DsSelect extends Mixin(multipleValue
         else {
             this.internals?.setValidity({ valueMissing: this.dsRequired && (!this.dsValue || (Array.isArray(this.dsValue) && this.dsValue.length === 0)) }, atLeastOneOption());
         }
+        this.setDisableEventEmits(true);
         this.value = this.toValue(this.dsValue);
+        this.setDisableEventEmits();
     }
     disconnectedCallback() {
         if (this.internals?.form && !this.isNative) {
@@ -220,6 +223,7 @@ const DsSelect$1 = proxyCustomElement(class DsSelect extends Mixin(multipleValue
         if (this.dsDisabled)
             return;
         this.activeIndex = null;
+        this.setDisableEventEmits(true);
         this.selectedOptions = [];
         const removedValues = [...this.value];
         this.value = this.toValue(null);
@@ -310,7 +314,14 @@ const DsSelect$1 = proxyCustomElement(class DsSelect extends Mixin(multipleValue
         }
     }
     dsValueObserver(newValue) {
-        this.value = this.toValue(newValue);
+        const newNormalized = this.toValue(newValue);
+        const currentValues = this.value ?? [];
+        const newValues = newNormalized ?? [];
+        const isSameValue = currentValues.length === newValues.length && currentValues.every((v, i) => v === newValues[i]);
+        if (!isSameValue) {
+            this.setDisableEventEmits(true);
+        }
+        this.value = newNormalized;
     }
     selectedOptionsObserver(newValue, oldValue) {
         const newValues = newValue.map(opt => opt.dsValue);
@@ -320,7 +331,9 @@ const DsSelect$1 = proxyCustomElement(class DsSelect extends Mixin(multipleValue
         const hasChanged = removedValues.length > 0 || addedValues.length > 0;
         oldValue?.forEach(opt => (opt.dsSelected = false));
         newValue.forEach(opt => (opt.dsSelected = true));
-        if (hasChanged) {
+        const shouldEmit = this.getShouldEmit([hasChanged]);
+        this.setDisableEventEmits();
+        if (shouldEmit) {
             this.dsMultipleChange.emit({ values: newValues, added: addedValues, removed: removedValues });
             this.dsChange.emit(newValues[0] || null);
             this.dsValidity.emit({
@@ -469,7 +482,7 @@ const DsSelect$1 = proxyCustomElement(class DsSelect extends Mixin(multipleValue
     }
     render() {
         const baseClass = cx('ds-select');
-        return (h(Host, { key: '5d6fdedf190b9040c1869ff2be4331fadb83f5f5', ...ifDefined('name', this.isNative ? undefined : this.dsName) }, h("div", { key: 'dec05e1fe41a47af1e678a013ad0db540c00d37a', tabIndex: -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
+        return (h(Host, { key: 'de87b2da5ef596bb473da6086347f3657336a24f', ...ifDefined('name', this.isNative ? undefined : this.dsName) }, h("div", { key: '0c022d4a3716fa479ad146c92b51396c0b7bdb1c', tabIndex: -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/components/ds-spinner.js

@@ -1,4 +1,4 @@
-import { D as DsSpinner$1, d as defineCustomElement$1 } from './p-BwgGQbN3.js';
+import { D as DsSpinner$1, d as defineCustomElement$1 } from './p-KU9nm6J4.js';
 
 const DsSpinner = DsSpinner$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ds-store.js

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, c as createEvent } from './p-CXQowfIP.js';
-import { d as defaultLanguage, i as initialize, s as setLanguage, g as getLanguage } from './p-c9zFRRZL.js';
+import { p as proxyCustomElement, H, c as createEvent } from './p-DaqCt6bT.js';
+import { d as defaultLanguage, i as initialize, s as setLanguage, g as getLanguage } from './p-BiwrhYeU.js';
 
 const DsStore$1 = proxyCustomElement(class DsStore extends H {
     constructor(registerHost) {

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

@@ -1,11 +1,11 @@
-import { p as proxyCustomElement, H, h } from './p-CXQowfIP.js';
+import { p as proxyCustomElement, H, h } from './p-DaqCt6bT.js';
 import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { c as cx } from './p-C0t9dzyA.js';
+import { c as cx } from './p-nu9LDvw9.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './p-BecId8t2.js';
-import { d as defineCustomElement$3 } from './p-uk7bLsNf.js';
-import { d as defineCustomElement$2 } from './p-RPOYBYEt.js';
+import { d as defineCustomElement$3 } from './p-BBeZy2di.js';
+import { d as defineCustomElement$2 } from './p-bvESPDLQ.js';
 
-const dsTagGroupCss = ".ds-tag-group__ugqjFm__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";
+const dsTagGroupCss = ".ds-tag-group__MGLLcm__tags.sc-ds-tag-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";
 
 const tagGroupIdGenerator = idGenerator('ds-tag-group');
 const DsTagGroup$1 = proxyCustomElement(class DsTagGroup extends H {

package/dist/components/ds-tag.js

@@ -1,4 +1,4 @@
-import { D as DsTag$1, d as defineCustomElement$1 } from './p-BTH6QMhe.js';
+import { D as DsTag$1, d as defineCustomElement$1 } from './p-BqwR7_jH.js';
 
 const DsTag = DsTag$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ds-text-area.js

@@ -1,18 +1,18 @@
-import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, F as Fragment } from './p-CXQowfIP.js';
+import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, F as Fragment } from './p-DaqCt6bT.js';
 import { c as classNames } from './p-BfTCfPZ1.js';
-import { p as characterOverage, q as tooLong, u as charactersRemaining, g as getRequiredText, a as getOptionalText, v as validityMessage } from './p-ClGFSder.js';
+import { p as characterOverage, q as tooLong, u as charactersRemaining, g as getRequiredText, a as getOptionalText, v as validityMessage } from './p-BnNKl24s.js';
 import { i as idGenerator, b as debounce, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './p-BecId8t2.js';
-import { c as cx } from './p-C0t9dzyA.js';
+import { c as cx } from './p-nu9LDvw9.js';
 import { b as FEEDBACK_SET_TIMEOUT } from './p-BT1Kxodd.js';
-import { d as defineCustomElement$7 } from './p-uk7bLsNf.js';
-import { d as defineCustomElement$6 } from './p-CSJs-17T.js';
-import { d as defineCustomElement$5 } from './p-DdctcE3d.js';
-import { d as defineCustomElement$4 } from './p-BSUJXSlE.js';
-import { d as defineCustomElement$3 } from './p-vWL_Skp9.js';
-import { d as defineCustomElement$2 } from './p-CrCWeAVO.js';
+import { d as defineCustomElement$7 } from './p-BBeZy2di.js';
+import { d as defineCustomElement$6 } from './p-DZtdqGZv.js';
+import { d as defineCustomElement$5 } from './p-qpKlR6YQ.js';
+import { d as defineCustomElement$4 } from './p-C0tiltnd.js';
+import { d as defineCustomElement$3 } from './p-QWTtFnF3.js';
+import { d as defineCustomElement$2 } from './p-dwuHGzKc.js';
 
-const dsTextAreaCss = ".sc-ds-text-area-h *.sc-ds-text-area,.ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{all:unset;box-sizing:border-box;display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__ugqjFm__container--full-width){width:100%}.ds-text-area__ugqjFm__container.sc-ds-text-area: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-text-area__ugqjFm__container.sc-ds-text-area:focus-within{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-text-area__ugqjFm__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--invalid.ds-text-area__ugqjFm__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__ugqjFm__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__ugqjFm__container--valid.sc-ds-text-area:hover:not(.ds-text-area__ugqjFm__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__ugqjFm__container--valid.ds-text-area__ugqjFm__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__ugqjFm__container--readonly.sc-ds-text-area,.ds-text-area__ugqjFm__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__ugqjFm__container.sc-ds-text-area:focus-within:not(.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--invalid,.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--valid.sc-ds-text-area,.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__ugqjFm__container.sc-ds-text-area:hover:not(.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--disabled,.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--readonly.sc-ds-text-area,.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--active.sc-ds-text-area,.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--invalid.sc-ds-text-area,.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--valid.sc-ds-text-area,.ds-text-area__ugqjFm__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__ugqjFm__container.active.sc-ds-text-area:not(.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--disabled,.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--readonly.sc-ds-text-area,.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--invalid.sc-ds-text-area,.ds-text-area__ugqjFm__container.ds-text-area__ugqjFm__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__ugqjFm__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__ugqjFm__external-button.sc-ds-text-area,.ds-text-area__ugqjFm.sc-ds-text-area-s>[slot=suffix],.ds-text-area__ugqjFm .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__ugqjFm__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__ugqjFm__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__ugqjFm__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__ugqjFm__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__ugqjFm__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block}.ds-text-area__ugqjFm__textarea.sc-ds-text-area{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__ugqjFm__textarea.sc-ds-text-area::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-area__ugqjFm__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__ugqjFm__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__ugqjFm__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__ugqjFm__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__ugqjFm__textarea--resize-auto.sc-ds-text-area,.ds-text-area__ugqjFm__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__ugqjFm__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__ugqjFm__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__ugqjFm__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__ugqjFm__textarea--full-width.sc-ds-text-area{width:100%}";
+const dsTextAreaCss = ".ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area,.ds-text-area__MGLLcm.sc-ds-text-area,.ds-text-area__MGLLcm.sc-ds-text-area .sc-ds-text-area:where([class*=__MGLLcm]){all:unset;box-sizing:border-box}.ds-no-style-leak.sc-ds-text-area *.sc-ds-text-area{display:block}.sc-ds-text-area-h{display:inline-block}.sc-ds-text-area-h:has(.ds-text-area__MGLLcm__container--full-width){width:100%}.ds-text-area__MGLLcm.sc-ds-text-area{display:block}.ds-text-area__MGLLcm__container.sc-ds-text-area: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-text-area__MGLLcm__container.sc-ds-text-area:focus-within{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-text-area__MGLLcm__container.sc-ds-text-area{box-sizing:border-box;display:inline-flex;position:relative;align-items:flex-start;border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);padding:0}.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--invalid.sc-ds-text-area{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--invalid.sc-ds-text-area:hover:not(.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--invalid:focus-within){background-color:var(--ds-bgColor-danger-hover);border-color:var(--ds-borderColor-danger)}.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--invalid.ds-text-area__MGLLcm__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-text-area__MGLLcm__container--valid.sc-ds-text-area{background-color:var(--ds-bgColor-success);border-color:var(--ds-borderColor-success)}.ds-text-area__MGLLcm__container--valid.sc-ds-text-area:hover:not(.ds-text-area__MGLLcm__container--valid:focus-within){background-color:var(--ds-bgColor-success-hover);border-color:var(--ds-borderColor-success)}.ds-text-area__MGLLcm__container--valid.ds-text-area__MGLLcm__container--active.sc-ds-text-area{background-color:var(--ds-bgColor-success-active);border-color:var(--ds-borderColor-success)}.ds-text-area__MGLLcm__container--readonly.sc-ds-text-area,.ds-text-area__MGLLcm__container--disabled.sc-ds-text-area{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}.ds-text-area__MGLLcm__container.sc-ds-text-area:focus-within:not(.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--invalid,.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--valid.sc-ds-text-area,.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--readonly).sc-ds-text-area{border-color:var(--ds-borderColor-primary)}.ds-text-area__MGLLcm__container.sc-ds-text-area:hover:not(.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--disabled,.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--readonly.sc-ds-text-area,.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--active.sc-ds-text-area,.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--invalid.sc-ds-text-area,.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--valid.sc-ds-text-area,.ds-text-area__MGLLcm__container.sc-ds-text-area:focus-within){border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-hover)}.ds-text-area__MGLLcm__container.active.sc-ds-text-area:not(.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--disabled,.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--readonly.sc-ds-text-area,.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--invalid.sc-ds-text-area,.ds-text-area__MGLLcm__container.ds-text-area__MGLLcm__container--valid).sc-ds-text-area{border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white-active)}.ds-text-area__MGLLcm__container--full-width.sc-ds-text-area{width:100%}.ds-text-area__MGLLcm__external-button.sc-ds-text-area,.ds-text-area__MGLLcm.sc-ds-text-area-s>[slot=suffix],.ds-text-area__MGLLcm .sc-ds-text-area-s>[slot=suffix]{margin-inline-start:var(--ds-spacing-xSmall);align-self:flex-start}.ds-text-area__MGLLcm__validity-container.sc-ds-text-area{align-items:center;width:100%;font-size:var(--ds-fontSize-14)}.ds-text-area__MGLLcm__validity-container--has-character-limit.sc-ds-text-area{display:flex;gap:var(--ds-spacing-small);justify-content:space-between}.ds-text-area__MGLLcm__character-count.sc-ds-text-area{margin-top:var(--ds-spacing-2xSmall)}.ds-text-area__MGLLcm__character-count--over-limit.sc-ds-text-area{color:var(--ds-textColor-danger)}.ds-text-area__MGLLcm__character-count.sc-ds-text-area>small.sc-ds-text-area{display:inline-block;font-size:inherit}.ds-text-area__MGLLcm__textarea.sc-ds-text-area{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);width:288px;min-width:0;min-height:96px;box-sizing:border-box;background-color:unset;color:var(--ds-textColor-default);border:none;padding:var(--ds-spacing-2xSmall)}.ds-text-area__MGLLcm__textarea.sc-ds-text-area::placeholder{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-secondary)}.ds-text-area__MGLLcm__textarea.sc-ds-text-area:disabled{color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);cursor:not-allowed}.ds-text-area__MGLLcm__textarea.sc-ds-text-area:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-text-area__MGLLcm__textarea.sc-ds-text-area:focus{outline:none;border:none}.ds-text-area__MGLLcm__textarea--resize-both.sc-ds-text-area{resize:both}.ds-text-area__MGLLcm__textarea--resize-auto.sc-ds-text-area,.ds-text-area__MGLLcm__textarea--resize-none.sc-ds-text-area{resize:none}.ds-text-area__MGLLcm__textarea--resize-auto.sc-ds-text-area{overflow:hidden}.ds-text-area__MGLLcm__textarea--resize-vertical.sc-ds-text-area{resize:vertical}.ds-text-area__MGLLcm__textarea--resize-horizontal.sc-ds-text-area{resize:horizontal}.ds-text-area__MGLLcm__textarea--full-width.sc-ds-text-area{width:100%}";
 
 const textareaIdGenerator = idGenerator('ds-text-area');
 const DsTextArea$1 = proxyCustomElement(class DsTextArea extends H {
@@ -80,7 +80,6 @@ const DsTextArea$1 = proxyCustomElement(class DsTextArea extends H {
     }
     async clearTextarea() {
         this.internalValue = '';
-        this.dsChange.emit({ value: '' });
         const textarea = this.el.querySelector('textarea');
         if (textarea) {
             textarea.value = '';
@@ -221,7 +220,7 @@ const DsTextArea$1 = proxyCustomElement(class DsTextArea extends H {
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
         const ariaDescribedby = this.dsAriaDescribedby || attrAriaDescribedby;
-        return (h(Fragment, { key: '5caad34ac2e3732d55e87b5945767ed01c3521b4' }, h(DsControlLabel, { key: '6a8ded349393753bc5a88424befa54a6bcfeb76f', dsHtmlFor: this.dsId, dsLabel: this.getLabelText(), dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId }, h("slot", { key: 'cfcba0053931526e7f5b74d10cabbbef6a394016', name: "label" }), h("slot", { key: '90b7a4cc38ce1da2f9da4f3a2d04135a4c99ed4f', name: "assistiveText" })), h("div", { key: 'fc02d274dd253063a6e487b7bfdfa70f2a5f347a', onMouseDown: () => (this.textareaActive = true), onMouseUp: () => (this.textareaActive = false), onClick: () => this.handleTextareaContainerClick(), class: classNames(containerClass, {
+        return (h(Fragment, { key: '96a12866718d05b8d0bcec52ae110b47ecb87087' }, h(DsControlLabel, { key: '37329da40f540d2a03198b983cc8f1f8c652b907', dsHtmlFor: this.dsId, dsLabel: this.getLabelText(), dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId }, h("slot", { key: 'e14d89ddcd0350757d7eabf6f858817f947ec718', name: "label" }), h("slot", { key: 'f30fb8640e9a7cfb09ca2db3a798afa691e0206c', name: "assistiveText" })), h("div", { key: '0bf1214ac9652c40f4e8958943bd900757d8ecad', onMouseDown: () => (this.textareaActive = true), onMouseUp: () => (this.textareaActive = false), onClick: () => this.handleTextareaContainerClick(), class: classNames(containerClass, {
                 [`${containerClass}--disabled`]: this.dsDisabled,
                 [`${containerClass}--readonly`]: this.dsReadonly,
                 [`${containerClass}--valid`]: !!this.dsSuccessText,
@@ -229,7 +228,7 @@ const DsTextArea$1 = proxyCustomElement(class DsTextArea extends H {
                 [`${containerClass}--focus`]: this.hasFocus,
                 [`${containerClass}--active`]: !!this.textareaActive,
                 [`${containerClass}--full-width`]: this.dsFullWidth,
-            }) }, h("textarea", { key: '66fa7a7e784c0509fe1390887149d5031e427807', ref: e => (this.textareaElement = e), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, value: this.dsValue !== undefined ? this.dsValue : this.internalValue, placeholder: this.dsPlaceholder, readonly: this.dsReadonly, required: this.dsRequired, class: classNames(`${baseClass}__textarea`, `${baseClass}__textarea--resize-${this.dsResizing}`, {
+            }) }, h("textarea", { key: 'e33eed220489e8ae118e34dbeaf0c9e27ed9648c', ref: e => (this.textareaElement = e), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, value: this.dsValue !== undefined ? this.dsValue : this.internalValue, placeholder: this.dsPlaceholder, readonly: this.dsReadonly, required: this.dsRequired, class: classNames(`${baseClass}__textarea`, `${baseClass}__textarea--resize-${this.dsResizing}`, {
                 [`${baseClass}__textarea--full-width`]: this.dsFullWidth,
             }), onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...ifDefined('aria-describedby', ariaDescribedby ||
                 classNames({
@@ -237,11 +236,11 @@ const DsTextArea$1 = proxyCustomElement(class DsTextArea extends H {
                     [this.visuallyHiddenAssistiveTextId]: !!this.dsHiddenAssistiveText,
                     [this.errorTextId]: !!this.dsErrorText,
                     [this.successTextId]: !!this.dsSuccessText,
-                })), "aria-invalid": this.dsErrorText ? 'true' : 'false', ...restAttributes })), h("div", { key: '89545adbf7f14879d7438131774f3361c41cb74a', class: classNames(`${baseClass}__validity-container`, {
+                })), "aria-invalid": this.dsErrorText ? 'true' : 'false', ...restAttributes })), h("div", { key: 'd817515bf8c7089ba8971ccc8fe0c9328b8d8d8f', class: classNames(`${baseClass}__validity-container`, {
                 [`${baseClass}__validity-container--has-character-limit`]: !!this.dsCharacterLimit,
-            }) }, h("slot", { key: '047c1241597c48f6a732ada1664853a355735f5c', name: "validity" }, h(DsInputValidity, { key: 'ca48ee70a750e880cba99de069a5d8edd17ec930', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "assertive" }, this.dsCharacterLimit && h(DsVisuallyHidden, { key: 'c75337d65423c840c7bfa9100b6db5dc6c81909c', dsTag: "span" }, this.hiddenCharacterCountText)), h(DsInputValidity, { key: 'c701cf11d5a60c4ee53d53fd8f739c729792a9ba', id: this.successTextId, dsText: this.dsSuccessText, dsType: "success" })), this.dsCharacterLimit && (h("div", { key: 'e0e778c7c32cb3762b1239de9d16081c81370096', class: classNames(`${baseClass}__character-count`, {
+            }) }, h("slot", { key: '831db886d20b7c862f3d834b0a6475dc330731f2', name: "validity" }, h(DsInputValidity, { key: '60bcedf145d0bc46b0598589fdf6a3a71fe3386b', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "assertive" }, this.dsCharacterLimit && h(DsVisuallyHidden, { key: '1c0c58e5199e82e0f4c84484238765de8b61e9cd', dsTag: "span" }, this.hiddenCharacterCountText)), h(DsInputValidity, { key: '025c80d7426db961e2da7ac502a67e8284ffbbdb', id: this.successTextId, dsText: this.dsSuccessText, dsType: "success" })), this.dsCharacterLimit && (h("div", { key: 'be82d462f7e9090e600b58beb21596082d016f2d', class: classNames(`${baseClass}__character-count`, {
                 [`${baseClass}__character-count--over-limit`]: this.characterCount > this.dsCharacterLimit,
-            }) }, h("small", { key: 'f53cb3c063cf32368af92dd1e7ab220321fd0786' }, this.characterCount, "/", this.dsCharacterLimit))))));
+            }) }, h("small", { key: '87fab68a27cbb9cbde84b88247d0a3f26775992d' }, this.characterCount, "/", this.dsCharacterLimit))))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {