@uh-design-system/component-library 1.1.0-rc.5 → 1.1.0-rc.7

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-8U_M7Dc3.js');
+var index = require('./index-Bt15Fpma.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-C3dkRuL7.js');
+var cx = require('./cx-BFjXaChr.js');
 var attributes = require('./attributes-CdVB4RPe.js');
 
-const dsOptionCss = ".ds-option__BahgnS.sc-ds-option{display:flex;align-items:center;justify-content:space-between;min-height:2.5rem;padding:0.625rem var(--ds-spacing-small);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__BahgnS--hidden.sc-ds-option{display:none}.ds-option__BahgnS--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__BahgnS.sc-ds-option:hover:not(.ds-option__BahgnS--disabled):not(.ds-option__BahgnS--selected){background-color:var(--ds-bgColor-white-hover)}.ds-option__BahgnS.sc-ds-option:active:not(.ds-option__BahgnS--disabled):not(.ds-option__BahgnS--selected){background-color:var(--ds-bgColor-white-active)}.ds-option__BahgnS--active.sc-ds-option{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);background-color:var(--ds-bgColor-white-active)}.ds-option__BahgnS--selected.sc-ds-option{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__BahgnS--selected.sc-ds-option .ds-option__BahgnS__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__BahgnS--selected.sc-ds-option .ds-option__BahgnS__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__BahgnS--selected.sc-ds-option:hover:not(.ds-option__BahgnS--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__BahgnS--selected.sc-ds-option:active:not(.ds-option__BahgnS--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__BahgnS__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__BahgnS__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__BahgnS__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__BahgnS__description.sc-ds-option:not(:empty){display:block}";
+const dsOptionCss = ".ds-option__kfFKF0.sc-ds-option{display:flex;align-items:center;justify-content:space-between;min-height:2.5rem;padding:0.625rem var(--ds-spacing-small);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__kfFKF0--hidden.sc-ds-option{display:none}.ds-option__kfFKF0--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__kfFKF0.sc-ds-option:hover:not(.ds-option__kfFKF0--disabled):not(.ds-option__kfFKF0--selected){background-color:var(--ds-bgColor-white-hover)}.ds-option__kfFKF0.sc-ds-option:active:not(.ds-option__kfFKF0--disabled):not(.ds-option__kfFKF0--selected){background-color:var(--ds-bgColor-white-active)}.ds-option__kfFKF0--active.sc-ds-option{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);background-color:var(--ds-bgColor-white-active)}.ds-option__kfFKF0--selected.sc-ds-option{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__kfFKF0--selected.sc-ds-option .ds-option__kfFKF0__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__kfFKF0--selected.sc-ds-option .ds-option__kfFKF0__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__kfFKF0--selected.sc-ds-option:hover:not(.ds-option__kfFKF0--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__kfFKF0--selected.sc-ds-option:active:not(.ds-option__kfFKF0--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__kfFKF0__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__kfFKF0__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__kfFKF0__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__kfFKF0__description.sc-ds-option:not(:empty){display:block}";
 
 const optionIdGenerator = utils.idGenerator('ds-option');
 const DsOption = class {
@@ -108,7 +108,7 @@ const DsOption = class {
 utils.declareComponentDependencies([index.h("ds-icon", { dsName: "" })]);
 DsOption.style = dsOptionCss;
 
-const dsOptionGroupCss = ".ds-option-group__BahgnS.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__BahgnS--hidden.sc-ds-option-group{display:none}.ds-option-group__BahgnS.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__BahgnS__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__BahgnS__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";
+const dsOptionGroupCss = ".ds-option-group__kfFKF0.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__kfFKF0--hidden.sc-ds-option-group{display:none}.ds-option-group__kfFKF0.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__kfFKF0__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__kfFKF0__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";
 
 const DsOptionGroup = class {
     constructor(hostRef) {
@@ -144,9 +144,9 @@ const DsOptionGroup = class {
     }
     render() {
         const baseClass = cx.cx('ds-option-group');
-        return (index.h("div", { key: '662f0fe9a95a6f6d560dc305691927d75d6f1d25', class: index$1.classNames(`${baseClass}`, {
+        return (index.h("div", { key: '6cfef6e259180c2c6191590c78f593610d04db1c', class: index$1.classNames(`${baseClass}`, {
                 [`${baseClass}--hidden`]: this.dsHidden,
-            }), role: "group", "aria-labelledby": this.groupId, ...this.inheritedAttributes }, index.h("div", { key: '4e6eb8532b6c434ca560617168712390fceda1be', class: `${baseClass}__label`, id: this.groupId }, this.dsLabel), index.h("slot", { key: '813b9c1d2ec3d2b113cbee45f4481cd30aa73d65' })));
+            }), role: "group", "aria-labelledby": this.groupId, ...this.inheritedAttributes }, index.h("div", { key: '6d7f24fb598812a18facd98f83d5d588697793ff', class: `${baseClass}__label`, id: this.groupId }, this.dsLabel), index.h("slot", { key: '6ab0e84bf79bb480fc0a4849ff338979627af020' })));
     }
     static get watchers() { return {
         "dsLabel": ["dsLabelObserver"]

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-8U_M7Dc3.js');
-var store = require('./store-D-QYoTfP.js');
-var controlUtils = require('./controlUtils-BX2CIKGN.js');
+var index = require('./index-Bt15Fpma.js');
+var store = require('./store-CBJaw2iH.js');
+var controlUtils = require('./controlUtils-DKQQkF60.js');
 var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-C3dkRuL7.js');
+var cx = require('./cx-BFjXaChr.js');
 
-const dsOptionsMessageCss = ".ds-options-message__BahgnS.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__BahgnS__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__BahgnS__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__BahgnS__error__title.sc-ds-options-message,.ds-options-message__BahgnS__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__BahgnS__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__BahgnS__error__text.sc-ds-options-message,.ds-options-message__BahgnS__loading__text.sc-ds-options-message,.ds-options-message__BahgnS__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}.ds-options-message__BahgnS__loading__text.sc-ds-options-message{padding-top:var(--ds-spacing-2xSmall);padding-bottom:var(--ds-spacing-large);text-align:center}";
+const dsOptionsMessageCss = ".ds-options-message__kfFKF0.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__kfFKF0__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__kfFKF0__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__kfFKF0__error__title.sc-ds-options-message,.ds-options-message__kfFKF0__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__kfFKF0__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__kfFKF0__error__text.sc-ds-options-message,.ds-options-message__kfFKF0__loading__text.sc-ds-options-message,.ds-options-message__kfFKF0__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}.ds-options-message__kfFKF0__loading__text.sc-ds-options-message{padding-top:var(--ds-spacing-2xSmall);padding-bottom:var(--ds-spacing-large);text-align:center}";
 
 const defaultTextFns = {
     dsErrorTitle: controlUtils.weCouldNotLoadOptions,

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-8U_M7Dc3.js');
+var index = require('./index-Bt15Fpma.js');
 var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-C3dkRuL7.js');
+var cx = require('./cx-BFjXaChr.js');
 var attributes = require('./attributes-CdVB4RPe.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var controlUtils = require('./controlUtils-BX2CIKGN.js');
+var controlUtils = require('./controlUtils-DKQQkF60.js');
 var constants = require('./constants-ydR_Rcsg.js');
-require('./store-D-QYoTfP.js');
+require('./store-CBJaw2iH.js');
 
-const dsOptionsCss = ".ds-options__BahgnS__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__BahgnS.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__BahgnS.sc-ds-options:focus{outline:none}.ds-options__BahgnS__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__BahgnS__top-scrim.sc-ds-options,.ds-options__BahgnS__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__BahgnS__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__BahgnS__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__BahgnS.has-top-scrim.sc-ds-options .ds-options__BahgnS__top-scrim.sc-ds-options{display:block}.ds-options__BahgnS.has-bottom-scrim.sc-ds-options .ds-options__BahgnS__bottom-scrim.sc-ds-options{display:block}.ds-options__BahgnS.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__BahgnS.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";
+const dsOptionsCss = ".ds-options__kfFKF0__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__kfFKF0.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__kfFKF0.sc-ds-options:focus{outline:none}.ds-options__kfFKF0__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__kfFKF0__top-scrim.sc-ds-options,.ds-options__kfFKF0__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__kfFKF0__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__kfFKF0__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__kfFKF0.has-top-scrim.sc-ds-options .ds-options__kfFKF0__top-scrim.sc-ds-options{display:block}.ds-options__kfFKF0.has-bottom-scrim.sc-ds-options .ds-options__kfFKF0__bottom-scrim.sc-ds-options{display:block}.ds-options__kfFKF0.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__kfFKF0.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";
 
 const DsOptions = class {
     constructor(hostRef) {
@@ -133,7 +133,7 @@ const DsOptions = class {
 };
 DsOptions.style = dsOptionsCss;
 
-const dsSelectCss = ".sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__BahgnS-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__BahgnS-custom.sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__BahgnS-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__BahgnS-custom-wrapper.sc-ds-select{position:relative}.ds-select__BahgnS-custom.sc-ds-select .ds-options__BahgnS.sc-ds-select{display:block}.ds-select__BahgnS-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__BahgnS-custom.sc-ds-select:not(.ds-select__BahgnS-custom--open,.ds-select__BahgnS-custom--invalid.sc-ds-select,.ds-select__BahgnS-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__BahgnS-custom.sc-ds-select:active:not(.ds-select__BahgnS-custom--open,.ds-select__BahgnS-custom--invalid.sc-ds-select,.ds-select__BahgnS-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__BahgnS-custom--open.sc-ds-select,.ds-select__BahgnS-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__BahgnS-custom--open.sc-ds-select:not(.ds-select__BahgnS-custom--open--invalid,.ds-select__BahgnS-custom.sc-ds-select:focus-visible--invalid),.ds-select__BahgnS-custom.sc-ds-select:focus-visible:not(.ds-select__BahgnS-custom--open--invalid,.ds-select__BahgnS-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__BahgnS-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__BahgnS-custom--disabled.sc-ds-select .ds-select__BahgnS-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__BahgnS-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__BahgnS-custom--invalid.sc-ds-select:not(.ds-select__BahgnS-custom--invalid--open,.ds-select__BahgnS-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__BahgnS-custom--invalid.sc-ds-select:not(.ds-select__BahgnS-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__BahgnS-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px))}.ds-select__BahgnS-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__BahgnS-custom--has-icon.sc-ds-select .ds-select__BahgnS-custom__selected-option.sc-ds-select{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__BahgnS-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__BahgnS-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:inherit;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__BahgnS-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__BahgnS-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed}.ds-select__BahgnS-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__BahgnS-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__BahgnS-custom__clear-button.sc-ds-select{position:absolute;right:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px));cursor:pointer}.ds-select__BahgnS-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__BahgnS-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__BahgnS-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__BahgnS-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__BahgnS-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__BahgnS-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__BahgnS-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__BahgnS-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__BahgnS-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__BahgnS-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__BahgnS-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){.sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__kfFKF0-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__kfFKF0-custom.sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__kfFKF0-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__kfFKF0-custom-wrapper.sc-ds-select{position:relative}.ds-select__kfFKF0-custom.sc-ds-select .ds-options__kfFKF0.sc-ds-select{display:block}.ds-select__kfFKF0-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__kfFKF0-custom.sc-ds-select:not(.ds-select__kfFKF0-custom--open,.ds-select__kfFKF0-custom--invalid.sc-ds-select,.ds-select__kfFKF0-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__kfFKF0-custom.sc-ds-select:active:not(.ds-select__kfFKF0-custom--open,.ds-select__kfFKF0-custom--invalid.sc-ds-select,.ds-select__kfFKF0-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__kfFKF0-custom--open.sc-ds-select,.ds-select__kfFKF0-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__kfFKF0-custom--open.sc-ds-select:not(.ds-select__kfFKF0-custom--open--invalid,.ds-select__kfFKF0-custom.sc-ds-select:focus-visible--invalid),.ds-select__kfFKF0-custom.sc-ds-select:focus-visible:not(.ds-select__kfFKF0-custom--open--invalid,.ds-select__kfFKF0-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__kfFKF0-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__kfFKF0-custom--disabled.sc-ds-select .ds-select__kfFKF0-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__kfFKF0-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__kfFKF0-custom--invalid.sc-ds-select:not(.ds-select__kfFKF0-custom--invalid--open,.ds-select__kfFKF0-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__kfFKF0-custom--invalid.sc-ds-select:not(.ds-select__kfFKF0-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__kfFKF0-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px))}.ds-select__kfFKF0-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__kfFKF0-custom--has-icon.sc-ds-select .ds-select__kfFKF0-custom__selected-option.sc-ds-select{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__kfFKF0-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__kfFKF0-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:inherit;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__kfFKF0-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__kfFKF0-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed}.ds-select__kfFKF0-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__kfFKF0-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__kfFKF0-custom__clear-button.sc-ds-select{position:absolute;right:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px));cursor:pointer}.ds-select__kfFKF0-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__kfFKF0-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__kfFKF0-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__kfFKF0-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__kfFKF0-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__kfFKF0-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__kfFKF0-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__kfFKF0-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__kfFKF0-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__kfFKF0-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__kfFKF0-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 = utils.idGenerator('ds-select');
 const defaultTextFns = {

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-8U_M7Dc3.js');
+var index = require('./index-Bt15Fpma.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-CEhBgrbV.js');
 var attributes = require('./attributes-CdVB4RPe.js');
-var controlUtils = require('./controlUtils-BX2CIKGN.js');
-var cx = require('./cx-C3dkRuL7.js');
-require('./store-D-QYoTfP.js');
+var controlUtils = require('./controlUtils-DKQQkF60.js');
+var cx = require('./cx-BFjXaChr.js');
+require('./store-CBJaw2iH.js');
 
-const dsRadioButtonGroupCss = ".ds-radio-button-group__BahgnS{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__BahgnS__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__BahgnS__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__BahgnS__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__BahgnS__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__kfFKF0{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__kfFKF0__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__kfFKF0__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__kfFKF0__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__kfFKF0__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 = utils.idGenerator('ds-radio-button-group');
 const DsRadioButtonGroup = class {

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-8U_M7Dc3.js');
+var index = require('./index-Bt15Fpma.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-CdVB4RPe.js');
-var controlUtils = require('./controlUtils-BX2CIKGN.js');
+var controlUtils = require('./controlUtils-DKQQkF60.js');
 var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-C3dkRuL7.js');
-require('./store-D-QYoTfP.js');
+var cx = require('./cx-BFjXaChr.js');
+require('./store-CBJaw2iH.js');
 
-const dsRadioButtonCss = ".ds-radio-button__BahgnS.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__BahgnS--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__BahgnS.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__BahgnS__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__BahgnS__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__BahgnS__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__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__BahgnS.sc-ds-radio-button:hover:not(.ds-radio-button__BahgnS--disabled):not(.ds-radio-button__BahgnS--invalid) .ds-radio-button__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__BahgnS.sc-ds-radio-button:hover:not(.ds-radio-button__BahgnS--disabled):not(.ds-radio-button__BahgnS--invalid) .ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__BahgnS.sc-ds-radio-button:hover:not(.ds-radio-button__BahgnS--disabled):not(.ds-radio-button__BahgnS--invalid) .ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__BahgnS.sc-ds-radio-button:active:not(.ds-radio-button__BahgnS--disabled):not(.ds-radio-button__BahgnS--invalid) .ds-radio-button__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__BahgnS.sc-ds-radio-button:active:not(.ds-radio-button__BahgnS--disabled):not(.ds-radio-button__BahgnS--invalid) .ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__BahgnS.sc-ds-radio-button:active:not(.ds-radio-button__BahgnS--disabled):not(.ds-radio-button__BahgnS--invalid) .ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__BahgnS--disabled.sc-ds-radio-button .ds-radio-button__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__BahgnS--disabled.sc-ds-radio-button .ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__BahgnS--disabled.sc-ds-radio-button .ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button .ds-radio-button__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button .ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button .ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__BahgnS--disabled) .ds-radio-button__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__BahgnS--disabled) .ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__BahgnS--disabled) .ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button:active:not(.ds-radio-button__BahgnS--disabled) .ds-radio-button__BahgnS__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button:active:not(.ds-radio-button__BahgnS--disabled) .ds-radio-button__BahgnS__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__BahgnS--invalid.sc-ds-radio-button:active:not(.ds-radio-button__BahgnS--disabled) .ds-radio-button__BahgnS__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__BahgnS-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__BahgnS-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__BahgnS-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__kfFKF0.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__kfFKF0--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__kfFKF0.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__kfFKF0__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__kfFKF0__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__kfFKF0__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__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__kfFKF0.sc-ds-radio-button:hover:not(.ds-radio-button__kfFKF0--disabled):not(.ds-radio-button__kfFKF0--invalid) .ds-radio-button__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__kfFKF0.sc-ds-radio-button:hover:not(.ds-radio-button__kfFKF0--disabled):not(.ds-radio-button__kfFKF0--invalid) .ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__kfFKF0.sc-ds-radio-button:hover:not(.ds-radio-button__kfFKF0--disabled):not(.ds-radio-button__kfFKF0--invalid) .ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__kfFKF0.sc-ds-radio-button:active:not(.ds-radio-button__kfFKF0--disabled):not(.ds-radio-button__kfFKF0--invalid) .ds-radio-button__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__kfFKF0.sc-ds-radio-button:active:not(.ds-radio-button__kfFKF0--disabled):not(.ds-radio-button__kfFKF0--invalid) .ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__kfFKF0.sc-ds-radio-button:active:not(.ds-radio-button__kfFKF0--disabled):not(.ds-radio-button__kfFKF0--invalid) .ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__kfFKF0--disabled.sc-ds-radio-button .ds-radio-button__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__kfFKF0--disabled.sc-ds-radio-button .ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__kfFKF0--disabled.sc-ds-radio-button .ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button .ds-radio-button__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button .ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button .ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__kfFKF0--disabled) .ds-radio-button__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__kfFKF0--disabled) .ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__kfFKF0--disabled) .ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button:active:not(.ds-radio-button__kfFKF0--disabled) .ds-radio-button__kfFKF0__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button:active:not(.ds-radio-button__kfFKF0--disabled) .ds-radio-button__kfFKF0__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__kfFKF0--invalid.sc-ds-radio-button:active:not(.ds-radio-button__kfFKF0--disabled) .ds-radio-button__kfFKF0__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__kfFKF0-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__kfFKF0-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__kfFKF0-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 = utils.idGenerator('ds-radio-button');
 const DsRadioButton = class {

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-8U_M7Dc3.js');
+var index = require('./index-Bt15Fpma.js');
 var index$2 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-CdVB4RPe.js');
 var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-C3dkRuL7.js');
-var linkUtils = require('./linkUtils-lH2dmuOG.js');
-var store = require('./store-D-QYoTfP.js');
+var cx = require('./cx-BFjXaChr.js');
+var linkUtils = require('./linkUtils-D3rn22rq.js');
+var store = require('./store-CBJaw2iH.js');
 var index$1 = require('./index.cjs.js');
 
 const convertToRibbonLinks = (links, ribbonData, lang = 'en') => {
@@ -45,9 +45,9 @@ 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__BahgnS__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__BahgnS__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__BahgnS__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__BahgnS__container{grid-template-columns:auto auto}}.ds-ribbon__BahgnS__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__BahgnS__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__BahgnS__mobile-toggle{display:none}}.ds-ribbon__BahgnS__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__BahgnS__drawer-backdrop{display:none}}.ds-ribbon__BahgnS--drawer-open .ds-ribbon__BahgnS__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__BahgnS__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__BahgnS__drawer-backdrop,.ds-ribbon__BahgnS--drawer-open .ds-ribbon__BahgnS__container .ds-ribbon__BahgnS__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__BahgnS--drawer-clicked .ds-ribbon__BahgnS__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__BahgnS--drawer-open .ds-ribbon__BahgnS__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__BahgnS__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__BahgnS__desktop-nav{display:block}}.ds-ribbon__BahgnS__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__BahgnS__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__BahgnS__desktop-link{font-size:var(--ds-fontSize-12, 0.75rem);white-space:nowrap}.ds-ribbon__BahgnS__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__BahgnS__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__BahgnS__desktop-badge>* span{line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__BahgnS__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__BahgnS__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__BahgnS--drawer-open .ds-ribbon__BahgnS__drawer{transform:translateX(0%)}.ds-ribbon__BahgnS__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__BahgnS__drawer-header{display:none}}.ds-ribbon__BahgnS__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__BahgnS__drawer-branding{max-width:unset}}.ds-ribbon__BahgnS__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__BahgnS__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__BahgnS__drawer-nav{padding:0}}.ds-ribbon__BahgnS__top-scrim,.ds-ribbon__BahgnS__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__BahgnS__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__BahgnS__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__BahgnS__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__BahgnS__bottom-scrim{display:block}.ds-ribbon__BahgnS__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__BahgnS__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;border-bottom:1px solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__BahgnS__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__BahgnS__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__BahgnS__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__BahgnS__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__BahgnS__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__BahgnS__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__BahgnS__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__BahgnS__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__BahgnS__drawer-badge>* span{line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__BahgnS--drawer-open) .ds-ribbon__BahgnS__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__BahgnS--drawer-open) .ds-ribbon__BahgnS__drawer-backdrop{display:block}}:host(.ds-ribbon__BahgnS--drawer-open) .ds-ribbon__BahgnS__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__BahgnS--drawer-open) .ds-ribbon__BahgnS__drawer{transform:none}}";
+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__kfFKF0__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__kfFKF0__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__kfFKF0__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__kfFKF0__container{grid-template-columns:auto auto}}.ds-ribbon__kfFKF0__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__kfFKF0__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__kfFKF0__mobile-toggle{display:none}}.ds-ribbon__kfFKF0__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__kfFKF0__drawer-backdrop{display:none}}.ds-ribbon__kfFKF0--drawer-open .ds-ribbon__kfFKF0__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__kfFKF0__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__kfFKF0__drawer-backdrop,.ds-ribbon__kfFKF0--drawer-open .ds-ribbon__kfFKF0__container .ds-ribbon__kfFKF0__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__kfFKF0--drawer-clicked .ds-ribbon__kfFKF0__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__kfFKF0--drawer-open .ds-ribbon__kfFKF0__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__kfFKF0__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__kfFKF0__desktop-nav{display:block}}.ds-ribbon__kfFKF0__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__kfFKF0__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__kfFKF0__desktop-link{font-size:var(--ds-fontSize-12, 0.75rem);white-space:nowrap}.ds-ribbon__kfFKF0__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__kfFKF0__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__kfFKF0__desktop-badge>* span{line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__kfFKF0__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__kfFKF0__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__kfFKF0--drawer-open .ds-ribbon__kfFKF0__drawer{transform:translateX(0%)}.ds-ribbon__kfFKF0__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__kfFKF0__drawer-header{display:none}}.ds-ribbon__kfFKF0__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__kfFKF0__drawer-branding{max-width:unset}}.ds-ribbon__kfFKF0__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__kfFKF0__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__kfFKF0__drawer-nav{padding:0}}.ds-ribbon__kfFKF0__top-scrim,.ds-ribbon__kfFKF0__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__kfFKF0__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__kfFKF0__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__kfFKF0__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__kfFKF0__bottom-scrim{display:block}.ds-ribbon__kfFKF0__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__kfFKF0__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;border-bottom:1px solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__kfFKF0__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__kfFKF0__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__kfFKF0__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__kfFKF0__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__kfFKF0__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__kfFKF0__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__kfFKF0__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__kfFKF0__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__kfFKF0__drawer-badge>* span{line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__kfFKF0--drawer-open) .ds-ribbon__kfFKF0__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__kfFKF0--drawer-open) .ds-ribbon__kfFKF0__drawer-backdrop{display:block}}:host(.ds-ribbon__kfFKF0--drawer-open) .ds-ribbon__kfFKF0__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__kfFKF0--drawer-open) .ds-ribbon__kfFKF0__drawer{transform:none}}";
 
-const { ribbon: defaultRibbonData } = index$1.appData.v1;
+const fallbackRibbonData = index$1.appData.v1.ribbon;
 const DsRibbon = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -56,6 +56,8 @@ const DsRibbon = class {
     inheritedAttributes = {};
     get el() { return index.getElement(this); }
     drawerRef;
+    mobileToggleRef;
+    closeButtonRef;
     dsIcon;
     dsSiteName;
     dsHideBranding = false;
@@ -63,11 +65,12 @@ const DsRibbon = class {
     dsIconAriaLabel;
     dsLinks;
     dsBrandingUrls;
-    dsSitesText;
-    dsCloseText;
+    dsMobileToggleText;
+    dsCloseButtonText;
     dsNavAriaLabel;
     dsLogoAriaLabel;
-    closeButtonId = utils.idGenerator('ds-button-drawer-close').next().value;
+    dsCloseButtonId = utils.idGenerator('ds-button-drawer-close').next().value;
+    dsMobileToggleId = utils.idGenerator('ds-button-mobile-toggle').next().value;
     dsDataUrl = '';
     isMobileDrawerOpen = false;
     isMobileDrawerClicked = false;
@@ -75,6 +78,21 @@ const DsRibbon = class {
     lang = store.defaultLanguage;
     icon;
     brandingUrls;
+    get DsLinkLogo() {
+        return utils.transformTagName('ds-link-logo', 'ds-ribbon', this.el);
+    }
+    get DsLink() {
+        return utils.transformTagName('ds-link', 'ds-ribbon', this.el);
+    }
+    get DsButton() {
+        return utils.transformTagName('ds-button', 'ds-ribbon', this.el);
+    }
+    get DsTag() {
+        return utils.transformTagName('ds-tag', 'ds-ribbon', this.el);
+    }
+    get DsVisuallyHidden() {
+        return utils.transformTagName('ds-visually-hidden', 'ds-ribbon', this.el);
+    }
     get localizedLinks() {
         if (this.dsLinks)
             return this.dsLinks;
@@ -87,10 +105,10 @@ const DsRibbon = class {
         return this.dsSiteName || this.loadedExternalData?.siteNames?.[this.lang];
     }
     get localizedSitesText() {
-        return this.dsSitesText || this.loadedExternalData?.uiTexts?.sites?.[this.lang];
+        return this.dsMobileToggleText || this.loadedExternalData?.uiTexts?.sites?.[this.lang];
     }
     get localizedCloseText() {
-        return this.dsCloseText || this.loadedExternalData?.uiTexts?.close?.[this.lang];
+        return this.dsCloseButtonText || this.loadedExternalData?.uiTexts?.close?.[this.lang];
     }
     get localizedNavAriaLabel() {
         return this.dsNavAriaLabel || this.loadedExternalData?.uiTexts?.navigationLabel?.[this.lang];
@@ -113,7 +131,15 @@ const DsRibbon = class {
         }
     }
     async loadExternalData() {
-        this.loadedExternalData = await DataService.loadRibbonData(this.dsDataUrl);
+        try {
+            const data = await DataService.loadRibbonData(this.dsDataUrl);
+            if (!data)
+                throw new Error('No external data');
+            this.loadedExternalData = data;
+        }
+        catch {
+            this.loadedExternalData = fallbackRibbonData;
+        }
         if (!this.dsIcon) {
             this.icon = this.loadedExternalData?.config?.dsIcon;
         }
@@ -165,7 +191,6 @@ const DsRibbon = class {
             this.updateScrollState();
         }, 150);
     }
-    lastFocusedElement = null;
     resizeTimeout;
     storeUnsubscribe;
     handleMobileToggle = () => {
@@ -205,11 +230,11 @@ const DsRibbon = class {
         if (!this.drawerRef)
             return [];
         const focusableElements = [];
-        const closeButton = this.drawerRef.querySelector(`#${this.closeButtonId}`);
+        const closeButton = this.drawerRef.querySelector(`#${this.dsCloseButtonId}`);
         if (closeButton && this.isFocusableElement(closeButton)) {
             focusableElements.push(closeButton);
         }
-        const logoComponent = this.drawerRef.querySelector('ds-link-logo');
+        const logoComponent = this.drawerRef.querySelector(this.DsLinkLogo);
         if (logoComponent && logoComponent.shadowRoot) {
             const logoLink = logoComponent.shadowRoot.querySelector('a');
             if (logoLink && this.isFocusableElement(logoLink)) {
@@ -218,7 +243,7 @@ const DsRibbon = class {
         }
         const navLinkContainers = this.drawerRef.querySelectorAll(`[class*="drawer-link-item"]`);
         navLinkContainers.forEach(container => {
-            const dsLinkElement = container.querySelector('ds-link');
+            const dsLinkElement = container.querySelector(this.DsLink);
             if (dsLinkElement && dsLinkElement.shadowRoot) {
                 const linkElement = dsLinkElement.shadowRoot.querySelector('a');
                 if (linkElement && this.isFocusableElement(linkElement)) {
@@ -260,9 +285,8 @@ const DsRibbon = class {
         event.preventDefault();
     }
     openMobileDrawer() {
-        this.lastFocusedElement = document.activeElement;
         setTimeout(() => {
-            const buttonElement = this.el.shadowRoot?.querySelector(`#${this.closeButtonId}`);
+            const buttonElement = this.el.shadowRoot?.querySelector(`#${this.dsCloseButtonId}`);
             if (buttonElement) {
                 buttonElement.focus();
             }
@@ -310,68 +334,64 @@ const DsRibbon = class {
         this.setupScrollListener(this.drawerRef, scrollableHeight);
     }
     closeMobileDrawer() {
+        if (this.closeButtonRef && document.activeElement !== this.closeButtonRef) {
+            this.closeButtonRef.setFocus?.();
+        }
         this.isMobileDrawerOpen = false;
         if (this.drawerRef) {
             this.drawerRef.removeEventListener('scroll', this.handleDrawerScroll);
         }
-        setTimeout(() => {
-            if (this.lastFocusedElement) {
-                this.lastFocusedElement.focus();
+        setTimeout(async () => {
+            try {
+                await this.mobileToggleRef.setFocus();
+            }
+            catch {
+                this.mobileToggleRef.focus();
             }
         }, 50);
     }
     getBrandingUrl() {
         const language = store.getLanguage() || 'fi';
-        return this.dsBrandingUrls?.[language] || this.brandingUrls?.[language] || defaultRibbonData.brandingUrls?.[language];
+        return this.dsBrandingUrls?.[language] || this.brandingUrls?.[language] || fallbackRibbonData.brandingUrls?.[language];
     }
     renderBranding() {
         if (this.dsHideBranding)
             return null;
         const baseClass = cx.cx('ds-ribbon');
         const brandingUrl = this.getBrandingUrl();
-        const DsLinkLogo = utils.transformTagName('ds-link-logo', 'ds-ribbon', this.el);
-        const iconName = this.dsIcon || this.icon || defaultRibbonData.config?.dsIcon;
-        return (index.h("div", { class: `${baseClass}__branding` }, index.h(DsLinkLogo, { dsHref: brandingUrl, dsIcon: iconName, dsIconTitle: this.dsIconTitle, dsIconAriaLabel: this.dsIconAriaLabel, dsText: this.localizedSiteName, dsTarget: "_self", "aria-label": this.localizedLogoAriaLabel })));
+        const iconName = this.dsIcon || this.icon || fallbackRibbonData.config?.dsIcon;
+        return (index.h("div", { class: `${baseClass}__branding` }, index.h(this.DsLinkLogo, { dsHref: brandingUrl, dsIcon: iconName, dsIconTitle: this.dsIconTitle, dsIconAriaLabel: this.dsIconAriaLabel, dsText: this.localizedSiteName, dsTarget: "_self", "aria-label": this.localizedLogoAriaLabel })));
     }
     renderDesktopNavigation() {
         const links = this.localizedLinks;
         if (!links?.length)
             return null;
         const baseClass = cx.cx('ds-ribbon');
-        const DsLink = utils.transformTagName('ds-link', 'ds-ribbon', this.el);
-        const DsTag = utils.transformTagName('ds-tag', 'ds-ribbon', this.el);
-        const DsVisuallyHidden = utils.transformTagName('ds-visually-hidden', 'ds-ribbon', this.el);
         return (index.h("div", { class: `${baseClass}__desktop-nav` }, index.h("ul", { class: `${baseClass}__desktop-links` }, links
             .filter(link => !link.mobileOnly)
-            .map(link => (index.h("li", { key: `desktop-${link.id}`, class: `${baseClass}__desktop-link-item` }, index.h(DsLink, { dsHref: link.href, dsText: link.text, dsTarget: link.target || '_self', dsVariant: "standalone", dsColour: "black", dsWeight: "semibold", class: `${baseClass}__desktop-link` }, link.badge && (index.h("span", { slot: "suffix" }, index.h(DsVisuallyHidden, null, " - ", link.badge)))), link.badge && index.h(DsTag, { dsText: link.badge, dsColour: "info", class: `${baseClass}__desktop-badge`, "aria-hidden": "true" }), link.target === '_blank' && index.h(DsVisuallyHidden, null, linkUtils.visuallyHiddenAssistiveText())))))));
+            .map(link => (index.h("li", { key: `desktop-${link.id}`, class: `${baseClass}__desktop-link-item` }, index.h(this.DsLink, { dsHref: link.href, dsText: link.text, dsTarget: link.target || '_self', dsVariant: "standalone", dsColour: "black", dsWeight: "semibold", class: `${baseClass}__desktop-link` }, link.badge && (index.h("span", { slot: "suffix" }, index.h(this.DsVisuallyHidden, null, " - ", link.badge)))), link.badge && index.h(this.DsTag, { dsText: link.badge, dsColour: "info", class: `${baseClass}__desktop-badge`, "aria-hidden": "true" }), link.target === '_blank' && index.h(this.DsVisuallyHidden, null, linkUtils.visuallyHiddenAssistiveText())))))));
     }
     renderMobileNavigation() {
         const links = this.localizedLinks;
         if (!links?.length)
             return null;
         const baseClass = cx.cx('ds-ribbon');
-        const DsLink = utils.transformTagName('ds-link', 'ds-ribbon', this.el);
-        const DsTag = utils.transformTagName('ds-tag', 'ds-ribbon', this.el);
-        const DsVisuallyHidden = utils.transformTagName('ds-visually-hidden', 'ds-ribbon', this.el);
-        return (index.h("div", { class: `${baseClass}__drawer-backdrop`, onClick: this.handleDrawerBackdropClick, ...(this.isMobileDrawerOpen ? {} : { inert: true }) }, index.h("div", { id: `${baseClass}__drawer`, class: `${baseClass}__drawer`, role: "dialog", "aria-label": "Site navigation menu", "aria-modal": "true", "aria-hidden": this.isMobileDrawerOpen ? 'false' : 'true', ref: el => (this.drawerRef = el) }, this.renderDrawerHeader(), index.h("div", { class: `${baseClass}__drawer-nav` }, index.h("div", { class: `${baseClass}__top-scrim` }), index.h("ul", { class: `${baseClass}__drawer-links` }, links.map(link => (index.h("li", { key: `mobile-${link.id}`, class: `${baseClass}__drawer-link-item` }, index.h(DsLink, { dsHref: link.href, dsText: link.text, dsTarget: link.target || '_self', dsVariant: "standalone", dsColour: "black", dsWeight: "semibold", class: `${baseClass}__drawer-link` }, link.badge && (index.h("span", { slot: "suffix" }, index.h(DsVisuallyHidden, null, " - ", link.badge)))), link.badge && index.h(DsTag, { dsText: link.badge, dsColour: "info", class: `${baseClass}__drawer-badge`, "aria-hidden": "true" }), link.target === '_blank' && index.h(DsVisuallyHidden, null, linkUtils.visuallyHiddenAssistiveText()))))), index.h("div", { class: `${baseClass}__bottom-scrim` })))));
+        return (index.h("div", { class: `${baseClass}__drawer-backdrop`, onClick: this.handleDrawerBackdropClick, ...(this.isMobileDrawerOpen ? {} : { inert: true }) }, index.h("div", { id: `${baseClass}__drawer`, class: `${baseClass}__drawer`, role: "dialog", "aria-label": "Site navigation menu", "aria-modal": "true", "aria-hidden": this.isMobileDrawerOpen ? 'false' : 'true', ref: el => (this.drawerRef = el) }, this.renderDrawerHeader(), index.h("div", { class: `${baseClass}__drawer-nav` }, index.h("div", { class: `${baseClass}__top-scrim` }), index.h("ul", { class: `${baseClass}__drawer-links` }, links.map(link => (index.h("li", { key: `mobile-${link.id}`, class: `${baseClass}__drawer-link-item` }, index.h(this.DsLink, { dsHref: link.href, dsText: link.text, dsTarget: link.target || '_self', dsVariant: "standalone", dsColour: "black", dsWeight: "semibold", class: `${baseClass}__drawer-link` }, link.badge && (index.h("span", { slot: "suffix" }, index.h(this.DsVisuallyHidden, null, " - ", link.badge)))), link.badge && index.h(this.DsTag, { dsText: link.badge, dsColour: "info", class: `${baseClass}__drawer-badge`, "aria-hidden": "true" }), link.target === '_blank' && index.h(this.DsVisuallyHidden, null, linkUtils.visuallyHiddenAssistiveText()))))), index.h("div", { class: `${baseClass}__bottom-scrim` })))));
     }
     renderDrawerHeader() {
         const baseClass = cx.cx('ds-ribbon');
-        const DsButton = utils.transformTagName('ds-button', 'ds-ribbon', this.el);
-        const DsLinkLogo = utils.transformTagName('ds-link-logo', 'ds-ribbon', this.el);
         const brandingUrl = this.getBrandingUrl();
-        const iconName = this.dsIcon || this.icon || defaultRibbonData.config?.dsIcon;
-        return (index.h("div", { class: `${baseClass}__drawer-header` }, index.h("div", { class: `${baseClass}__drawer-branding` }, index.h(DsLinkLogo, { dsHref: brandingUrl, dsIcon: iconName, dsIconTitle: this.dsIconTitle, dsIconAriaLabel: this.dsIconAriaLabel, dsText: this.localizedSiteName, dsTarget: "_self", class: `${baseClass}__drawer-branding-link`, "aria-label": this.localizedLogoAriaLabel })), index.h(DsButton, { dsId: this.closeButtonId, dsType: "button", dsVariant: "supplementary", dsColour: "black", dsSize: "small", dsValue: this.localizedCloseText, dsIcon: "close", dsIconPosition: "end", class: `${baseClass}__drawer-close`, onClick: this.handleMobileToggle })));
+        const iconName = this.dsIcon || this.icon || fallbackRibbonData.config?.dsIcon;
+        return (index.h("div", { class: `${baseClass}__drawer-header` }, index.h("div", { class: `${baseClass}__drawer-branding` }, index.h(this.DsLinkLogo, { dsHref: brandingUrl, dsIcon: iconName, dsIconTitle: this.dsIconTitle, dsIconAriaLabel: this.dsIconAriaLabel, dsText: this.localizedSiteName, dsTarget: "_self", class: `${baseClass}__drawer-branding-link`, "aria-label": this.localizedLogoAriaLabel })), index.h(this.DsButton, { dsId: this.dsCloseButtonId, dsType: "button", dsVariant: "supplementary", dsColour: "black", dsSize: "small", dsText: this.localizedCloseText, dsIcon: "close", dsIconPosition: "end", class: `${baseClass}__drawer-close`, ref: el => (this.closeButtonRef = el), onClick: this.handleMobileToggle })));
     }
     renderMobileToggle() {
         const links = this.localizedLinks;
         if (!links?.length || !this.localizedSitesText || !this.localizedCloseText)
             return null;
         const baseClass = cx.cx('ds-ribbon');
-        const DsButton = utils.transformTagName('ds-button', 'ds-ribbon', this.el);
         const buttonText = this.localizedSitesText;
         const iconName = 'keyboard_arrow_down';
-        return (index.h(DsButton, { class: `${baseClass}__mobile-toggle`, dsVariant: "supplementary", dsColour: "black", dsSize: "small", dsValue: buttonText, dsIcon: iconName, dsIconPosition: "end", onClick: this.handleMobileToggle, "aria-expanded": this.isMobileDrawerOpen ? 'true' : 'false', "aria-controls": `${baseClass}__drawer`, "aria-haspopup": "dialog" }));
+        return (index.h(this.DsButton, { ref: el => (this.mobileToggleRef = el), id: this.dsMobileToggleId, class: `${baseClass}__mobile-toggle`, dsVariant: "supplementary", dsColour: "black", dsSize: "small", dsText: buttonText, dsIcon: iconName, dsIconPosition: "end", onClick: this.handleMobileToggle, "aria-expanded": this.isMobileDrawerOpen ? 'true' : 'false', "aria-controls": `${baseClass}__drawer`, "aria-haspopup": "dialog" }));
     }
     disconnectedCallback() {
         clearTimeout(this.resizeTimeout);
@@ -385,7 +405,7 @@ const DsRibbon = class {
             [`${baseClass}--drawer-open`]: this.isMobileDrawerOpen,
             [`${baseClass}--drawer-clicked`]: this.isMobileDrawerClicked,
         });
-        return (index.h("nav", { key: '2c4c7ba66cd728960ae998d6b3bb668b2041fb4b', class: ribbonClasses, "aria-label": this.localizedNavAriaLabel, ...this.inheritedAttributes }, index.h("div", { key: 'fb468ba37c1ffdd9863aa9cf2bde78ba2ee45bbf', class: `${baseClass}__container`, ...(this.isMobileDrawerOpen ? { inert: true } : {}) }, this.renderBranding(), this.renderDesktopNavigation(), this.renderMobileToggle()), this.renderMobileNavigation()));
+        return (index.h("nav", { key: '3e52a851883dc48cb744c855801017182656750c', class: ribbonClasses, "aria-label": this.localizedNavAriaLabel, ...this.inheritedAttributes }, index.h("div", { key: '0cfd064fc7a7227db618cd1a787ce2e276f4e1df', class: `${baseClass}__container`, ...(this.isMobileDrawerOpen ? { inert: true } : {}) }, this.renderBranding(), this.renderDesktopNavigation(), this.renderMobileToggle()), this.renderMobileNavigation()));
     }
     static get watchers() { return {
         "dsIcon": ["dsIconObserver"],

package/dist/cjs/ds-select-native.cjs.entry.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-8U_M7Dc3.js');
+var index = require('./index-Bt15Fpma.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-CEhBgrbV.js');
 var attributes = require('./attributes-CdVB4RPe.js');
-var cx = require('./cx-C3dkRuL7.js');
+var cx = require('./cx-BFjXaChr.js');
 
-const dsSelectNativeCss = ".sc-ds-select-native-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-select-native-h{width:20rem}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select-native__BahgnS.sc-ds-select-native,.ds-select__BahgnS-custom.sc-ds-select-native{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-native__BahgnS.sc-ds-select-native:hover,.ds-select__BahgnS-custom.sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select-native__BahgnS__dropdown-icon.sc-ds-select-native,.ds-select__BahgnS-custom__dropdown-icon.sc-ds-select-native{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__BahgnS-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__BahgnS-custom.sc-ds-select-native .ds-options__BahgnS.sc-ds-select-native{display:block}.ds-select__BahgnS-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__BahgnS-custom.sc-ds-select-native:not(.ds-select__BahgnS-custom--open,.ds-select__BahgnS-custom--invalid.sc-ds-select-native,.ds-select__BahgnS-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__BahgnS-custom.sc-ds-select-native:active:not(.ds-select__BahgnS-custom--open,.ds-select__BahgnS-custom--invalid.sc-ds-select-native,.ds-select__BahgnS-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__BahgnS-custom--open.sc-ds-select-native,.ds-select__BahgnS-custom.sc-ds-select-native: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__BahgnS-custom--open.sc-ds-select-native:not(.ds-select__BahgnS-custom--open--invalid,.ds-select__BahgnS-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__BahgnS-custom.sc-ds-select-native:focus-visible:not(.ds-select__BahgnS-custom--open--invalid,.ds-select__BahgnS-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__BahgnS-custom--disabled.sc-ds-select-native{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__BahgnS-custom--disabled.sc-ds-select-native .ds-select__BahgnS-custom__dropdown-icon.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__BahgnS-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__BahgnS-custom--invalid.sc-ds-select-native:not(.ds-select__BahgnS-custom--invalid--open,.ds-select__BahgnS-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__BahgnS-custom--invalid.sc-ds-select-native:not(.ds-select__BahgnS-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__BahgnS-custom__dropdown-icon--has-clear-button.sc-ds-select-native{margin-left:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px))}.ds-select__BahgnS-custom__selected-option.sc-ds-select-native{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__BahgnS-custom--has-icon.sc-ds-select-native .ds-select__BahgnS-custom__selected-option.sc-ds-select-native{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__BahgnS-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__BahgnS-custom.sc-ds-select-native input.sc-ds-select-native{width:100%;height:100%;border:0;background:none;color:inherit;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__BahgnS-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__BahgnS-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed}.ds-select__BahgnS-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__BahgnS-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__BahgnS-custom__clear-button.sc-ds-select-native{position:absolute;right:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px));cursor:pointer}.ds-select__BahgnS-custom__options-container.sc-ds-select-native{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__BahgnS-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__BahgnS-custom__options-container__options.sc-ds-select-native{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__BahgnS-custom__options-container__options__inner.sc-ds-select-native{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__BahgnS-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__BahgnS-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{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__BahgnS-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__BahgnS-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__BahgnS-custom__options-container__options__inner__top-scrim.sc-ds-select-native{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__BahgnS-custom__options-container__options__inner__top-scrim--dark.sc-ds-select-native{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__BahgnS-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.sc-ds-select-native-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-select-native-h{width:20rem}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select-native__BahgnS.sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select-native__BahgnS.sc-ds-select-native: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-select-native__BahgnS--disabled.sc-ds-select-native{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-native__BahgnS--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select-native__BahgnS__selected-text.sc-ds-select-native{flex:1;padding:0 var(--ds-spacing-xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-select-native__BahgnS__select.sc-ds-select-native{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1;appearance:none;border:none;outline:none;padding:0 var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);background-color:transparent;color:inherit;flex:1}.ds-select-native__BahgnS__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select-native__BahgnS__select.sc-ds-select-native:disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}";
+const dsSelectNativeCss = ".sc-ds-select-native-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-select-native-h{width:20rem}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select-native__kfFKF0.sc-ds-select-native,.ds-select__kfFKF0-custom.sc-ds-select-native{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-native__kfFKF0.sc-ds-select-native:hover,.ds-select__kfFKF0-custom.sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select-native__kfFKF0__dropdown-icon.sc-ds-select-native,.ds-select__kfFKF0-custom__dropdown-icon.sc-ds-select-native{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__kfFKF0-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__kfFKF0-custom.sc-ds-select-native .ds-options__kfFKF0.sc-ds-select-native{display:block}.ds-select__kfFKF0-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__kfFKF0-custom.sc-ds-select-native:not(.ds-select__kfFKF0-custom--open,.ds-select__kfFKF0-custom--invalid.sc-ds-select-native,.ds-select__kfFKF0-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__kfFKF0-custom.sc-ds-select-native:active:not(.ds-select__kfFKF0-custom--open,.ds-select__kfFKF0-custom--invalid.sc-ds-select-native,.ds-select__kfFKF0-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__kfFKF0-custom--open.sc-ds-select-native,.ds-select__kfFKF0-custom.sc-ds-select-native: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__kfFKF0-custom--open.sc-ds-select-native:not(.ds-select__kfFKF0-custom--open--invalid,.ds-select__kfFKF0-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__kfFKF0-custom.sc-ds-select-native:focus-visible:not(.ds-select__kfFKF0-custom--open--invalid,.ds-select__kfFKF0-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__kfFKF0-custom--disabled.sc-ds-select-native{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__kfFKF0-custom--disabled.sc-ds-select-native .ds-select__kfFKF0-custom__dropdown-icon.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__kfFKF0-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__kfFKF0-custom--invalid.sc-ds-select-native:not(.ds-select__kfFKF0-custom--invalid--open,.ds-select__kfFKF0-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__kfFKF0-custom--invalid.sc-ds-select-native:not(.ds-select__kfFKF0-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__kfFKF0-custom__dropdown-icon--has-clear-button.sc-ds-select-native{margin-left:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px))}.ds-select__kfFKF0-custom__selected-option.sc-ds-select-native{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__kfFKF0-custom--has-icon.sc-ds-select-native .ds-select__kfFKF0-custom__selected-option.sc-ds-select-native{padding-left:var(--ds-spacing-2xSmall);padding-right:var(--ds-spacing-2xSmall)}.ds-select__kfFKF0-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__kfFKF0-custom.sc-ds-select-native input.sc-ds-select-native{width:100%;height:100%;border:0;background:none;color:inherit;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__kfFKF0-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__kfFKF0-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed}.ds-select__kfFKF0-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__kfFKF0-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__kfFKF0-custom__clear-button.sc-ds-select-native{position:absolute;right:var(--clear-button-offset, calc(24px + var(--ds-spacing-4xSmall) * 2 + var(--ds-spacing-xSmall) + 4px));cursor:pointer}.ds-select__kfFKF0-custom__options-container.sc-ds-select-native{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__kfFKF0-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__kfFKF0-custom__options-container__options.sc-ds-select-native{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__kfFKF0-custom__options-container__options__inner.sc-ds-select-native{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__kfFKF0-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__kfFKF0-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{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__kfFKF0-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__kfFKF0-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__kfFKF0-custom__options-container__options__inner__top-scrim.sc-ds-select-native{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__kfFKF0-custom__options-container__options__inner__top-scrim--dark.sc-ds-select-native{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__kfFKF0-custom__options-container__options__inner__bottom-scrim.sc-ds-select-native{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.sc-ds-select-native-h{display:inline-block;width:100%}@media (min-width: 30rem){.sc-ds-select-native-h{width:20rem}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select-native__kfFKF0.sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select-native__kfFKF0.sc-ds-select-native: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-select-native__kfFKF0--disabled.sc-ds-select-native{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-native__kfFKF0--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select-native__kfFKF0__selected-text.sc-ds-select-native{flex:1;padding:0 var(--ds-spacing-xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-select-native__kfFKF0__select.sc-ds-select-native{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1;appearance:none;border:none;outline:none;padding:0 var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);background-color:transparent;color:inherit;flex:1}.ds-select-native__kfFKF0__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select-native__kfFKF0__select.sc-ds-select-native:disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}";
 
 const DsSelectNative = class {
     constructor(hostRef) {
@@ -46,17 +46,17 @@ const DsSelectNative = class {
     render() {
         const nativeSelectClass = cx.cx('ds-select-native');
         const DsControlLabel = utils.transformTagName('ds-control-label', 'ds-select-native', this.el);
-        return (index.h("div", { key: '88bfa6da4dd3b4824c17fa4eab27f65e33f9f0a2' }, index.h(DsControlLabel, { key: '3c698d18a9ece0c261f214c54c24347aae6ec2c4', dsHtmlFor: this.dsId, dsLabel: this.dsLabel }, index.h("slot", { key: '6b16cfb0e05fdc61519bd6610f3c9f2cb8252904', name: "label" })), index.h("div", { key: '63b3dca8117fb6127648c962e6ae8bc52aac1c2a', class: index$1.classNames(`${nativeSelectClass}`, {
+        return (index.h("div", { key: '905725c0f6e8075a434aa969a2f62bc84d683fb5' }, index.h(DsControlLabel, { key: '1a157d11191636c02d1bbf35cfec35c091a2a225', dsHtmlFor: this.dsId, dsLabel: this.dsLabel }, index.h("slot", { key: '297bc928fccb1adb621fbe75c9ad4ee109fe573e', name: "label" })), index.h("div", { key: '0084f495f64de0384fa8e707bae678450b27218f', class: index$1.classNames(`${nativeSelectClass}`, {
                 [`${nativeSelectClass}--disabled`]: this.dsDisabled,
                 [`${nativeSelectClass}--invalid`]: !!this.dsErrorText,
-            }) }, index.h("div", { key: 'aeb00994199885b07d9dbc775a0541264b2ee79b', class: `${nativeSelectClass}__selected-text`, "aria-hidden": "true" }, this.dsValue ? this.nativeSelectRef?.selectedOptions[0]?.textContent || this.dsPlaceholder : this.dsPlaceholder), index.h("select", { key: '31eafc69c39b650526f2f93c96be7c73746f674a', ref: el => {
+            }) }, index.h("div", { key: '243162101ef62d6961f55f23d37db66df699fe06', class: `${nativeSelectClass}__selected-text`, "aria-hidden": "true" }, this.dsValue ? this.nativeSelectRef?.selectedOptions[0]?.textContent || this.dsPlaceholder : this.dsPlaceholder), index.h("select", { key: '3e852ca7f6b5453f367b35d9bcc67e241c8298a9', ref: el => {
                 this.nativeSelectRef = el;
                 if (el)
                     el.value = this.dsValue || '';
             }, id: this.dsId, name: this.dsName, form: this.dsForm, class: `${nativeSelectClass}__select`, disabled: this.dsDisabled, required: !!this.dsErrorText, onChange: (event) => {
                 const target = event.target;
                 this.dsValue = target.value;
-            }, "aria-controls": `${this.dsId}-listbox`, "aria-haspopup": "listbox", ...this.inheritedAttributes }, index.h("option", { key: '8158c037b8fb3aa08097a98123af6d47e0f7fe2a', value: "", disabled: true, selected: !this.dsValue }, this.dsPlaceholder), index.h("slot", { key: '9eda772a21ff3467051378cdfb43841667dff011', name: "native" })), index.h(this.DsIconTag, { key: '0760114fa09448375d579bfd42897421ac7f51d5', class: `${nativeSelectClass}__dropdown-icon`, dsName: "keyboard_arrow_down" })), !!this.dsErrorText && index.h(this.DsInputValidityTag, { key: '2c11db373e9ef00b01037328ce2617dae8fb83f9', id: this.inputValidityId, dsText: this.dsErrorText, dsType: "error" })));
+            }, "aria-controls": `${this.dsId}-listbox`, "aria-haspopup": "listbox", ...this.inheritedAttributes }, index.h("option", { key: '9363c3bdf8006ec79485f93644734f5aa754b6fe', value: "", disabled: true, selected: !this.dsValue }, this.dsPlaceholder), index.h("slot", { key: '100c51736563347f27600a6fc9d3aee58236cede', name: "native" })), index.h(this.DsIconTag, { key: 'cc8dc0f6b71994ec81c811afffc3930309f7847b', class: `${nativeSelectClass}__dropdown-icon`, dsName: "keyboard_arrow_down" })), !!this.dsErrorText && index.h(this.DsInputValidityTag, { key: 'fa42d3c1eba1791ceca8280f6260c6c859a56474', id: this.inputValidityId, dsText: this.dsErrorText, dsType: "error" })));
     }
     static get watchers() { return {
         "aria-describedby": ["ariaAttributeObserver"]