npm - @uh-design-system/component-library - Versions diffs - 1.7.0 → 1.7.1-rc.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2364) hide show

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

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DHrlezow.js';
-import { g as getLanguage } from './store-DYWVDmmN.js';
-import { t as tryADifferentSearchTerm, n as noResultsFound, l as loadingOptions, f as tryAgainOrIfTheProblemPersists, w as weCouldNotLoadOptions } from './controlUtils-BT-SOH5c.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-BQNVQ-5E.js';
+import { g as getLanguage } from './store-BFwlyS8J.js';
+import { t as tryADifferentSearchTerm, n as noResultsFound, l as loadingOptions, f as tryAgainOrIfTheProblemPersists, w as weCouldNotLoadOptions } from './controlUtils-DRWN7wuZ.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
-import { c as cx } from './cx-CbD7OdM5.js';
-import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import { c as cx } from './cx-BSJyf49W.js';
+import { c as componentFactory } from './componentFactory-CZE58zDF.js';
-const dsOptionsMessageCss = () => `.ds-options-message__pA2cRq.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__pA2cRq__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__pA2cRq__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__pA2cRq__error__title.sc-ds-options-message,.ds-options-message__pA2cRq__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__pA2cRq__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__pA2cRq__error__text.sc-ds-options-message,.ds-options-message__pA2cRq__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}`;
+const dsOptionsMessageCss = () => `.ds-options-message__0apwgA.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__0apwgA__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__0apwgA__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__0apwgA__error__title.sc-ds-options-message,.ds-options-message__0apwgA__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__0apwgA__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__0apwgA__error__text.sc-ds-options-message,.ds-options-message__0apwgA__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}`;
 const defaultTextFns = {
     dsErrorTitle: weCouldNotLoadOptions,

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

@@ -1,15 +1,15 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, f as forceUpdate, H as Host } from './index-DHrlezow.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, f as forceUpdate, H as Host } from './index-BQNVQ-5E.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, S as SCRIM_HEIGHT, c as componentOnReady, e as debounce, F as FEEDBACK_RESET_TIMEOUT, a as ifDefined, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
-import { c as cx } from './cx-CbD7OdM5.js';
+import { c as cx } from './cx-BSJyf49W.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-Dzq9qJk7.js';
-import { m as multiselectable, y as selectAnOption, b as atLeastOneOption, e as thereAreOptionsToBrowse, l as loadingOptions, w as weCouldNotLoadOptions, f as tryAgainOrIfTheProblemPersists, r as removeSelection, h as selections } from './controlUtils-BT-SOH5c.js';
-import { c as componentFactory } from './componentFactory-DRKnB2By.js';
-import { m as multipleValueFactory } from './multipleValueFactory-Ik7vLD_v.js';
-import { d as disableEventsFactory } from './disableEventsFactory-BJnwRnJP.js';
-import './store-DYWVDmmN.js';
+import { m as multiselectable, y as selectAnOption, b as atLeastOneOption, e as thereAreOptionsToBrowse, l as loadingOptions, w as weCouldNotLoadOptions, f as tryAgainOrIfTheProblemPersists, r as removeSelection, h as selections } from './controlUtils-DRWN7wuZ.js';
+import { c as componentFactory } from './componentFactory-CZE58zDF.js';
+import { m as multipleValueFactory } from './multipleValueFactory-CSgQi-rm.js';
+import { d as disableEventsFactory } from './disableEventsFactory-HWE-NFIz.js';
+import './store-BFwlyS8J.js';
-const dsOptionsCss = () => `.ds-options__pA2cRq__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__pA2cRq.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__pA2cRq.sc-ds-options:focus{outline:none}.ds-options__pA2cRq__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__pA2cRq__top-scrim.sc-ds-options,.ds-options__pA2cRq__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__pA2cRq__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__pA2cRq__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__pA2cRq.has-top-scrim.sc-ds-options .ds-options__pA2cRq__top-scrim.sc-ds-options{display:block}.ds-options__pA2cRq.has-bottom-scrim.sc-ds-options .ds-options__pA2cRq__bottom-scrim.sc-ds-options{display:block}.ds-options__pA2cRq.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__pA2cRq.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}`;
+const dsOptionsCss = () => `.ds-options__0apwgA__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__0apwgA.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__0apwgA.sc-ds-options:focus{outline:none}.ds-options__0apwgA__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__0apwgA__top-scrim.sc-ds-options,.ds-options__0apwgA__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__0apwgA__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__0apwgA__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__0apwgA.has-top-scrim.sc-ds-options .ds-options__0apwgA__top-scrim.sc-ds-options{display:block}.ds-options__0apwgA.has-bottom-scrim.sc-ds-options .ds-options__0apwgA__bottom-scrim.sc-ds-options{display:block}.ds-options__0apwgA.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__0apwgA.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}`;
 const DsOptions = class extends Mixin(componentFactory('ds-options')) {
     constructor(hostRef) {
@@ -140,10 +140,10 @@ const DsOptions = class extends Mixin(componentFactory('ds-options')) {
     };
     render() {
         const baseClass = cx('ds-options');
-        return (h("div", { key: 'dc47c6e6c9eab9b1400cfa4a4012b82e6285235d', id: this.dsId, class: classNames(baseClass, {
+        return (h("div", { key: '13bb56393b5fd245468270f268122d407f5bcf4c', id: this.dsId, class: classNames(baseClass, {
                 'has-bottom-scrim': this.hasBottomScrim,
                 'has-top-scrim': this.hasTopScrim,
-            }), role: "listbox", tabindex: 0, onKeyDown: this.handleKeyDown, ref: el => (this.optionsListRef = el), onScroll: this.handleScroll, onFocus: this.updateScrimClasses, "aria-multiselectable": this.dsAriaMultiselectable ? 'true' : 'false', "aria-label": this.dsAriaMultiselectable ? multiselectable() : undefined, "aria-labelledby": [this.dsLabelId, this.dsId].filter(Boolean).join(' '), ...this.inheritedAttributes }, h("div", { key: '4f61b2da92fcc2b4b727b5d49c208bff1110a5c6', class: `${baseClass}__inner`, ref: el => (this.optionsListInnerRef = el), onScroll: this.handleScroll }, h("div", { key: '6dffb0fc9496028456719028116f8f412b6a0a33', class: `${baseClass}__top-scrim`, "aria-hidden": "true" }), h("slot", { key: '5da25768a5b5c21cedbcb955d787ac453c60c904' }), h("div", { key: '97f423ca553638698f5ff2eba26c41ef7b6e4899', class: `${baseClass}__bottom-scrim`, "aria-hidden": "true" }))));
+            }), role: "listbox", tabindex: 0, onKeyDown: this.handleKeyDown, ref: el => (this.optionsListRef = el), onScroll: this.handleScroll, onFocus: this.updateScrimClasses, "aria-multiselectable": this.dsAriaMultiselectable ? 'true' : 'false', "aria-label": this.dsAriaMultiselectable ? multiselectable() : undefined, "aria-labelledby": [this.dsLabelId, this.dsId].filter(Boolean).join(' '), ...this.inheritedAttributes }, h("div", { key: 'a61ead1e1986c7141c4421134463dd46abf23f3f', class: `${baseClass}__inner`, ref: el => (this.optionsListInnerRef = el), onScroll: this.handleScroll }, h("div", { key: '75f5121c80ddbbb18d99c69feb5f4eb802d49520', class: `${baseClass}__top-scrim`, "aria-hidden": "true" }), h("slot", { key: '73caaa9bac5866c7e5a82afc0365aaf0f7cb6269' }), h("div", { key: '0367ba74e1816e7444b7bdf5ad2803b85aa01b04', class: `${baseClass}__bottom-scrim`, "aria-hidden": "true" }))));
     }
     static get watchers() { return {
         "dsActiveIndex": [{
@@ -153,7 +153,7 @@ const DsOptions = class extends Mixin(componentFactory('ds-options')) {
 };
 DsOptions.style = dsOptionsCss();
-const dsSelectCss = () => `.ds-select__pA2cRq__host.sc-ds-select-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){.ds-select__pA2cRq__host.sc-ds-select-h{width:var(--ds-select-wide-width, 20rem)}}.ds-select__pA2cRq__host.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}@media (min-width: 30rem){.ds-select__pA2cRq__host--full-width.sc-ds-select-h{width:var(--ds-select-narrow-width, 100%)}}.ds-select__pA2cRq-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-select-borderWidth, var(--ds-borderWidth-thin)) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:var(--ds-select-height, 2.75rem);width:100%}.ds-select__pA2cRq-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-select-dropdown-icon-border-left, var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight));color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:var(--ds-select-dropdown-icon-padding, 0 var(--ds-spacing-2xSmall))}.ds-select__pA2cRq-custom-wrapper.sc-ds-select{position:relative}.ds-select__pA2cRq-custom.sc-ds-select .ds-options__pA2cRq.sc-ds-select{display:block}.ds-select__pA2cRq-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__pA2cRq-custom-input-container.sc-ds-select:has(.ds-select__pA2cRq-custom__clear-button:hover) .ds-select__pA2cRq-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__pA2cRq-custom.sc-ds-select:not(.ds-select__pA2cRq-custom--open,.ds-select__pA2cRq-custom--invalid.sc-ds-select,.ds-select__pA2cRq-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__pA2cRq-custom.sc-ds-select:active:not(.ds-select__pA2cRq-custom--open,.ds-select__pA2cRq-custom--invalid.sc-ds-select,.ds-select__pA2cRq-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__pA2cRq-custom--open.sc-ds-select,.ds-select__pA2cRq-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__pA2cRq-custom--open.sc-ds-select:not(.ds-select__pA2cRq-custom--open--invalid,.ds-select__pA2cRq-custom.sc-ds-select:focus-visible--invalid),.ds-select__pA2cRq-custom.sc-ds-select:focus-visible:not(.ds-select__pA2cRq-custom--open--invalid,.ds-select__pA2cRq-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__pA2cRq-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__pA2cRq-custom--disabled.sc-ds-select .ds-select__pA2cRq-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__pA2cRq-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__pA2cRq-custom--invalid.sc-ds-select:not(.ds-select__pA2cRq-custom--invalid--open,.ds-select__pA2cRq-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__pA2cRq-custom--invalid.sc-ds-select:not(.ds-select__pA2cRq-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__pA2cRq-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__pA2cRq-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px)));padding-right:var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall))}.ds-select__pA2cRq-custom--has-icon.sc-ds-select .ds-select__pA2cRq-custom__selected-option.sc-ds-select{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__pA2cRq-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__pA2cRq-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__pA2cRq-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__pA2cRq-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__pA2cRq-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__pA2cRq-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__pA2cRq-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__pA2cRq-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__pA2cRq-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__pA2cRq-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);top:2px;bottom:2px;cursor:pointer}.ds-select__pA2cRq-custom__clear-button.sc-ds-select:has(button:focus){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 2)}.ds-select__pA2cRq-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__pA2cRq-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-select__pA2cRq-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__pA2cRq-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__pA2cRq-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__pA2cRq-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__pA2cRq-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__pA2cRq-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__pA2cRq-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__pA2cRq-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__pA2cRq-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__pA2cRq-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}`;
+const dsSelectCss = () => `.ds-select__0apwgA__host.sc-ds-select-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){.ds-select__0apwgA__host.sc-ds-select-h{width:var(--ds-select-wide-width, 20rem)}}.ds-select__0apwgA__host.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}@media (min-width: 30rem){.ds-select__0apwgA__host--full-width.sc-ds-select-h{width:var(--ds-select-narrow-width, 100%)}}.ds-select__0apwgA-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-select-borderWidth, var(--ds-borderWidth-thin)) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:var(--ds-select-height, 2.75rem);width:100%}.ds-select__0apwgA-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-select-dropdown-icon-border-left, var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight));color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:var(--ds-select-dropdown-icon-padding, 0 var(--ds-spacing-2xSmall))}.ds-select__0apwgA-custom-wrapper.sc-ds-select{position:relative}.ds-select__0apwgA-custom.sc-ds-select .ds-options__0apwgA.sc-ds-select{display:block}.ds-select__0apwgA-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__0apwgA-custom-input-container.sc-ds-select:has(.ds-select__0apwgA-custom__clear-button:hover) .ds-select__0apwgA-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__0apwgA-custom.sc-ds-select:not(.ds-select__0apwgA-custom--open,.ds-select__0apwgA-custom--invalid.sc-ds-select,.ds-select__0apwgA-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__0apwgA-custom.sc-ds-select:active:not(.ds-select__0apwgA-custom--open,.ds-select__0apwgA-custom--invalid.sc-ds-select,.ds-select__0apwgA-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__0apwgA-custom--open.sc-ds-select,.ds-select__0apwgA-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__0apwgA-custom--open.sc-ds-select:not(.ds-select__0apwgA-custom--open--invalid,.ds-select__0apwgA-custom.sc-ds-select:focus-visible--invalid),.ds-select__0apwgA-custom.sc-ds-select:focus-visible:not(.ds-select__0apwgA-custom--open--invalid,.ds-select__0apwgA-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__0apwgA-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__0apwgA-custom--disabled.sc-ds-select .ds-select__0apwgA-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__0apwgA-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__0apwgA-custom--invalid.sc-ds-select:not(.ds-select__0apwgA-custom--invalid--open,.ds-select__0apwgA-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__0apwgA-custom--invalid.sc-ds-select:not(.ds-select__0apwgA-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__0apwgA-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__0apwgA-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px)));padding-right:var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall))}.ds-select__0apwgA-custom--has-icon.sc-ds-select .ds-select__0apwgA-custom__selected-option.sc-ds-select{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__0apwgA-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__0apwgA-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__0apwgA-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__0apwgA-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__0apwgA-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__0apwgA-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__0apwgA-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__0apwgA-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__0apwgA-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__0apwgA-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);top:2px;bottom:2px;cursor:pointer}.ds-select__0apwgA-custom__clear-button.sc-ds-select:has(button:focus){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 2)}.ds-select__0apwgA-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__0apwgA-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-select__0apwgA-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__0apwgA-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__0apwgA-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__0apwgA-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__0apwgA-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__0apwgA-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__0apwgA-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__0apwgA-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__0apwgA-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__0apwgA-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}`;
 const defaultTextFns = {
     dsPlaceholder: selectAnOption,
@@ -376,8 +376,8 @@ const DsSelect = class extends Mixin(componentFactory('ds-select', { stopRootTra
             return;
         await componentOnReady(this.clearButtonRef);
         await componentOnReady(this.badgeRef);
-        const clearButtonWidth = this.clearButtonRef.getBoundingClientRect()?.width || 0;
-        const badgeContainerWidth = this.badgeRef.getBoundingClientRect()?.width || 0;
+        const clearButtonWidth = this.clearButtonRef?.getBoundingClientRect?.()?.width || 0;
+        const badgeContainerWidth = this.badgeRef?.getBoundingClientRect?.()?.width || 0;
         this.badgeContainerOffset = clearButtonWidth && badgeContainerWidth ? clearButtonWidth + badgeContainerWidth : null;
     };
     getAllOptions() {
@@ -570,9 +570,9 @@ const DsSelect = class extends Mixin(componentFactory('ds-select', { stopRootTra
     render() {
         const baseClass = cx('ds-select');
         const hostClass = `${baseClass}__host`;
-        return (h(Host, { key: 'fdf64b4849b4ed8d75417b950a1a587581568ce9', class: classNames(hostClass, {
+        return (h(Host, { key: '9e2771837055f9158d8448af0588cec5faa42011', class: classNames(hostClass, {
                 [`${hostClass}--full-width`]: this.dsFullWidth,
-            }), ...ifDefined('name', this.isNative ? undefined : this.dsName) }, h("div", { key: 'bf94f34776d87fbb7d036ec8bc3365c5f71e0f99', tabIndex: this.isNative ? undefined : -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
+            }), ...ifDefined('name', this.isNative ? undefined : this.dsName) }, h("div", { key: 'f4497611bcf88134e1be46c9dd8af175ee954d49', tabIndex: this.isNative ? undefined : -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -1,10 +1,10 @@
-import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-DHrlezow.js';
-import { c as cx } from './cx-CbD7OdM5.js';
-import { p as paginationFactory } from './paginationFactory-jEpqIJDL.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-BQNVQ-5E.js';
+import { c as cx } from './cx-BSJyf49W.js';
+import { p as paginationFactory } from './paginationFactory-D3FQS6pO.js';
 import './paginationContext-qNTLF-nM.js';
 import './utils-D5pGK2ZH.js';
-const dsPaginationEllipsisCss = () => `.ds-no-style-leak.sc-ds-pagination-ellipsis *.sc-ds-pagination-ellipsis{all:unset;box-sizing:border-box;display:block}.sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__pA2cRq.sc-ds-pagination-ellipsis{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-pagination-ellipsis-colour, var(--ds-textColor-default));font-size:inherit;align-content:center;text-align:center;user-select:none}`;
+const dsPaginationEllipsisCss = () => `.ds-no-style-leak.sc-ds-pagination-ellipsis *.sc-ds-pagination-ellipsis{all:unset;box-sizing:border-box;display:block}.sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__0apwgA.sc-ds-pagination-ellipsis{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-pagination-ellipsis-colour, var(--ds-textColor-default));font-size:inherit;align-content:center;text-align:center;user-select:none}`;
 const DsPaginationEllipsis = class extends Mixin(paginationFactory) {
     constructor(hostRef) {
@@ -17,7 +17,7 @@ const DsPaginationEllipsis = class extends Mixin(paginationFactory) {
         const variant = this.paginationContext?.variant || 'medium';
         const hostClass = cx(`ds-pagination-ellipsis-variant--${variant}`);
         const ariaLabel = this.paginationContext?.texts.ellipsis || 'Ellipsis';
-        return (h(Host, { key: '502c97eb5def01ac6855f8c9ba7c072680cdecb4', class: hostClass }, h("span", { key: 'e6e928d30830e155d4365cf7cf4197d08f3632b7', class: baseClass, role: "img", "aria-label": ariaLabel }, "\u2026")));
+        return (h(Host, { key: '4b98f1812f5aaee957f8638d2a4f4544c872c3d0', class: hostClass }, h("span", { key: '8b97d96483daffa7c3cb483d0e4cb5731056d1cf', class: baseClass, role: "img", "aria-label": ariaLabel }, "\u2026")));
     }
 };
 DsPaginationEllipsis.style = dsPaginationEllipsisCss();

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

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-DHrlezow.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-BQNVQ-5E.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-CbD7OdM5.js';
+import { c as cx } from './cx-BSJyf49W.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
-import { p as paginationFactory } from './paginationFactory-jEpqIJDL.js';
+import { p as paginationFactory } from './paginationFactory-D3FQS6pO.js';
 import './paginationContext-qNTLF-nM.js';
-const dsPaginationItemCss = () => `.ds-pagination-item__pA2cRq.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-item__pA2cRq--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__pA2cRq--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__pA2cRq--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}`;
+const dsPaginationItemCss = () => `.ds-pagination-item__0apwgA.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-item__0apwgA--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__0apwgA--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__0apwgA--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}`;
 const DsPaginationItem = class extends Mixin(paginationFactory) {
     constructor(hostRef) {

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

@@ -1,10 +1,10 @@
-import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-DHrlezow.js';
-import { c as cx } from './cx-CbD7OdM5.js';
-import { p as paginationFactory } from './paginationFactory-jEpqIJDL.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-BQNVQ-5E.js';
+import { c as cx } from './cx-BSJyf49W.js';
+import { p as paginationFactory } from './paginationFactory-D3FQS6pO.js';
 import './paginationContext-qNTLF-nM.js';
 import './utils-D5pGK2ZH.js';
-const dsPaginationPageInfoCss = () => `.ds-no-style-leak.sc-ds-pagination-page-info *.sc-ds-pagination-page-info{all:unset;box-sizing:border-box;display:block}.sc-ds-pagination-page-info-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-page-info__pA2cRq.sc-ds-pagination-page-info{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);padding:0;font-size:inherit;font-weight:var(--ds-fontWeight-semibold);text-align:center;align-self:center;white-space:nowrap}`;
+const dsPaginationPageInfoCss = () => `.ds-no-style-leak.sc-ds-pagination-page-info *.sc-ds-pagination-page-info{all:unset;box-sizing:border-box;display:block}.sc-ds-pagination-page-info-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-page-info__0apwgA.sc-ds-pagination-page-info{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);padding:0;font-size:inherit;font-weight:var(--ds-fontWeight-semibold);text-align:center;align-self:center;white-space:nowrap}`;
 const DsPaginationPageInfo = class extends Mixin(paginationFactory) {
     constructor(hostRef) {

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

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-DHrlezow.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-BQNVQ-5E.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-CbD7OdM5.js';
+import { c as cx } from './cx-BSJyf49W.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
-import { p as paginationFactory } from './paginationFactory-jEpqIJDL.js';
+import { p as paginationFactory } from './paginationFactory-D3FQS6pO.js';
 import './paginationContext-qNTLF-nM.js';
-const dsPaginationPageCss = () => `.sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__pA2cRq.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__pA2cRq--current.sc-ds-pagination-page{align-items:center;background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white);display:inline-flex;font-weight:var(--ds-fontWeight-semibold);justify-content:center;min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));pointer-events:none}.ds-pagination-page__pA2cRq--current.ds-link-cta__pA2cRq--black.sc-ds-pagination-page{background-color:var(--ds-bgColor-black)}.ds-pagination-page__pA2cRq--current.ds-link-cta__pA2cRq--white.sc-ds-pagination-page{background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default)}.ds-pagination-page__pA2cRq--current.sc-ds-pagination-page .ds-link-cta__pA2cRq__text.sc-ds-pagination-page{letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:0}`;
+const dsPaginationPageCss = () => `.sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__0apwgA.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__0apwgA--current.sc-ds-pagination-page{align-items:center;background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white);display:inline-flex;font-weight:var(--ds-fontWeight-semibold);justify-content:center;min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));pointer-events:none}.ds-pagination-page__0apwgA--current.ds-link-cta__0apwgA--black.sc-ds-pagination-page{background-color:var(--ds-bgColor-black)}.ds-pagination-page__0apwgA--current.ds-link-cta__0apwgA--white.sc-ds-pagination-page{background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default)}.ds-pagination-page__0apwgA--current.sc-ds-pagination-page .ds-link-cta__0apwgA__text.sc-ds-pagination-page{letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:0}`;
 const DsPaginationPage = class extends Mixin(paginationFactory) {
     constructor(hostRef) {
@@ -35,6 +35,9 @@ const DsPaginationPage = class extends Mixin(paginationFactory) {
     get DsLinkCta() {
         return transformTagName('ds-link-cta', 'ds-pagination-page', this.el);
     }
+    get DsVisuallyHidden() {
+        return transformTagName('ds-visually-hidden', 'ds-pagination-page', this.el);
+    }
     render() {
         if (!this.paginationContext) {
             return h(Host, null);
@@ -58,10 +61,10 @@ const DsPaginationPage = class extends Mixin(paginationFactory) {
             'dsAriaLabel': this.ariaLabel,
             'dsHideIcon': true,
         };
-        return (h(Host, null, this.isCurrent ? (h("span", { class: `${classes} ${linkBaseClass}--${this.paginationContext.colour}`, "aria-current": "page", "aria-label": this.ariaLabel }, h("span", { class: `${linkBaseClass}__text` }, String(this.dsPage)))) : (h(this.DsLinkCta, { ...linkProps }))));
+        return (h(Host, null, this.isCurrent ? (h("span", { class: `${classes} ${linkBaseClass}--${this.paginationContext.colour}` }, h(this.DsVisuallyHidden, { dsTag: "span", "aria-current": "page" }, this.ariaLabel), h("span", { class: `${linkBaseClass}__text`, "aria-hidden": "true" }, String(this.dsPage)))) : (h(this.DsLinkCta, { ...linkProps }))));
     }
 };
-declareComponentDependencies([h("ds-link-cta", { dsText: "" })]);
+declareComponentDependencies([h("ds-link-cta", { dsText: "" }), h("ds-visually-hidden", null)]);
 DsPaginationPage.style = dsPaginationPageCss();
 export { DsPaginationPage as ds_pagination_page };

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

@@ -1,14 +1,14 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DHrlezow.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-BQNVQ-5E.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-CbD7OdM5.js';
-import { p as ellipsis } from './controlUtils-BT-SOH5c.js';
-import { p as pageNumber, a as currentPage, g as goToNextPage, b as goToPreviousPage, d as goToLastPage, e as goToFirstPage, n as nextPage, f as previousPage, l as lastPage, h as firstPage, i as pagination } from './paginationUtils-Dpdpnzur.js';
+import { c as cx } from './cx-BSJyf49W.js';
+import { p as ellipsis } from './controlUtils-DRWN7wuZ.js';
+import { p as pageNumber, a as currentPage, g as goToNextPage, b as goToPreviousPage, d as goToLastPage, e as goToFirstPage, n as nextPage, f as previousPage, l as lastPage, h as firstPage, i as pagination } from './paginationUtils-Bcl-v5zz.js';
 import { s as storePaginationContext, p as providePaginationContextToSlots } from './paginationContext-qNTLF-nM.js';
-import { c as componentFactory } from './componentFactory-DRKnB2By.js';
-import './store-DYWVDmmN.js';
+import { c as componentFactory } from './componentFactory-CZE58zDF.js';
+import './store-BFwlyS8J.js';
 import './utils-D5pGK2ZH.js';
-const dsPaginationCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%}@media (min-width: 30rem){:host{width:auto}}.ds-pagination__pA2cRq{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;justify-content:center;font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__pA2cRq__compact slot,.ds-pagination__pA2cRq__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__pA2cRq--compact .ds-pagination__pA2cRq__compact,.ds-pagination__pA2cRq--auto .ds-pagination__pA2cRq__compact{width:100%}@media (min-width: 30rem){.ds-pagination__pA2cRq--compact .ds-pagination__pA2cRq__compact,.ds-pagination__pA2cRq--auto .ds-pagination__pA2cRq__compact{width:auto}}.ds-pagination__pA2cRq--compact .ds-pagination__pA2cRq__compact slot,.ds-pagination__pA2cRq--auto .ds-pagination__pA2cRq__compact slot{display:grid;grid-template-columns:min-content min-content auto min-content min-content;gap:var(--ds-spacing-3xSmall);align-items:center;width:100%}.ds-pagination__pA2cRq ::slotted([class*=pagination-page-info]){padding:0 var(--ds-spacing-small);font-weight:var(--ds-fontWeight-semibold);text-align:center;align-self:center;white-space:nowrap}.ds-pagination__pA2cRq--white{--ds-pagination-ellipsis-colour:var(--ds-textColor-white)}.ds-pagination__pA2cRq--white ::slotted([class*=pagination-page-info]){color:var(--ds-textColor-white)}.ds-pagination__pA2cRq--compact .ds-pagination__pA2cRq__full{display:none}.ds-pagination__pA2cRq--full .ds-pagination__pA2cRq__compact{display:none}.ds-pagination__pA2cRq--auto .ds-pagination__pA2cRq__full{display:none}@media (min-width: 60rem){.ds-pagination__pA2cRq--auto .ds-pagination__pA2cRq__full{display:contents}.ds-pagination__pA2cRq--auto .ds-pagination__pA2cRq__compact{display:none}}`;
+const dsPaginationCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%}@media (min-width: 30rem){:host{width:auto}}.ds-pagination__0apwgA{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;justify-content:center;font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__0apwgA__compact slot,.ds-pagination__0apwgA__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__0apwgA--compact .ds-pagination__0apwgA__compact,.ds-pagination__0apwgA--auto .ds-pagination__0apwgA__compact{width:100%}@media (min-width: 30rem){.ds-pagination__0apwgA--compact .ds-pagination__0apwgA__compact,.ds-pagination__0apwgA--auto .ds-pagination__0apwgA__compact{width:auto}}.ds-pagination__0apwgA--compact .ds-pagination__0apwgA__compact slot,.ds-pagination__0apwgA--auto .ds-pagination__0apwgA__compact slot{display:grid;grid-template-columns:min-content min-content auto min-content min-content;gap:var(--ds-spacing-3xSmall);align-items:center;width:100%}.ds-pagination__0apwgA ::slotted([class*=pagination-page-info]){padding:0 var(--ds-spacing-small);font-weight:var(--ds-fontWeight-semibold);text-align:center;align-self:center;white-space:nowrap}.ds-pagination__0apwgA--white{--ds-pagination-ellipsis-colour:var(--ds-textColor-white)}.ds-pagination__0apwgA--white ::slotted([class*=pagination-page-info]){color:var(--ds-textColor-white)}.ds-pagination__0apwgA--compact .ds-pagination__0apwgA__full{display:none}.ds-pagination__0apwgA--full .ds-pagination__0apwgA__compact{display:none}.ds-pagination__0apwgA--auto .ds-pagination__0apwgA__full{display:none}@media (min-width: 60rem){.ds-pagination__0apwgA--auto .ds-pagination__0apwgA__full{display:contents}.ds-pagination__0apwgA--auto .ds-pagination__0apwgA__compact{display:none}}`;
 const DsPagination = class extends Mixin(componentFactory('ds-pagination', { stopRootTracking: true })) {
     constructor(hostRef) {
@@ -88,10 +88,10 @@ const DsPagination = class extends Mixin(componentFactory('ds-pagination', { sto
         const classes = classNames(baseClass, `${baseClass}--${this.dsVariant}`, `${baseClass}--${this.dsLayout}`, `${baseClass}--${this.dsColour}`);
         const fontSize = this.dsVariant === 'small' ? 'var(--ds-fontSize-16)' : 'var(--ds-fontSize-18)';
         const minSize = this.dsVariant === 'small' ? 'var(--ds-spacing-large)' : 'calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall))';
-        return (h("nav", { key: 'd6f4c55f6c76f7228be599b82e374afdcd5e65e3', class: classes, "aria-label": this.dsAriaLabel || pagination(), style: {
+        return (h("nav", { key: 'a518e5c01b64c3570ce8d3f02bc3bc19e439290e', class: classes, "aria-label": this.dsAriaLabel || pagination(), style: {
                 '--ds-pagination-font-size': fontSize,
                 '--ds-link-cta-min-width': minSize,
-            } }, h("div", { key: '0e90d104d1c4de83daf87f68991585b185c1338a', class: `${baseClass}__compact` }, h("slot", { key: '2b596870f3b8d3b646ba7e1fecca3bc5f923da86', name: "compact", onSlotchange: () => this.updateContext() })), h("div", { key: 'da211a880cbfef874fb8c5a9ea26261659ac1a63', class: `${baseClass}__full` }, h("slot", { key: '33a17c2b208424df85efe1c204d4c98fcbe15b78', name: "full", onSlotchange: () => this.updateContext() }))));
+            } }, h("div", { key: '393205559cdf4ac61b2e5f7b7bb123a2cdcc7b10', class: `${baseClass}__compact` }, h("slot", { key: '48f399ce3a2513054ea4a0105a6a70d82cbca872', name: "compact", onSlotchange: () => this.updateContext() })), h("div", { key: '2b1c91c0094ff9dea34cc35375f3d827a44bcce1', class: `${baseClass}__full` }, h("slot", { key: 'f5d91f5ae1d998a9824df9c47a3c93b3e210010f', name: "full", onSlotchange: () => this.updateContext() }))));
     }
     static get watchers() { return {
         "lang": [{

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

@@ -1,14 +1,14 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, H as Host } from './index-DHrlezow.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, H as Host } from './index-BQNVQ-5E.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
-import { d as disableEventsFactory } from './disableEventsFactory-BJnwRnJP.js';
+import { d as disableEventsFactory } from './disableEventsFactory-HWE-NFIz.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-Dzq9qJk7.js';
-import { g as getRequiredText, b as atLeastOneOption } from './controlUtils-BT-SOH5c.js';
-import { c as cx } from './cx-CbD7OdM5.js';
-import { c as componentFactory } from './componentFactory-DRKnB2By.js';
-import './store-DYWVDmmN.js';
+import { g as getRequiredText, b as atLeastOneOption } from './controlUtils-DRWN7wuZ.js';
+import { c as cx } from './cx-BSJyf49W.js';
+import { c as componentFactory } from './componentFactory-CZE58zDF.js';
+import './store-BFwlyS8J.js';
-const dsRadioButtonGroupCss = () => `.ds-no-style-leak.sc-ds-radio-button-group *.sc-ds-radio-button-group{all:unset;box-sizing:border-box;display:block}.ds-radio-button-group__pA2cRq.sc-ds-radio-button-group{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__pA2cRq__radio-buttons-slot.sc-ds-radio-button-group{display:inline-flex;flex-direction:column}.ds-radio-button-group__pA2cRq__radio-buttons-slot--horizontal.sc-ds-radio-button-group{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__pA2cRq__legend.sc-ds-radio-button-group{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__pA2cRq__assistive-text.sc-ds-radio-button-group{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}`;
+const dsRadioButtonGroupCss = () => `.ds-no-style-leak.sc-ds-radio-button-group *.sc-ds-radio-button-group{all:unset;box-sizing:border-box;display:block}.ds-radio-button-group__0apwgA.sc-ds-radio-button-group{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__0apwgA__radio-buttons-slot.sc-ds-radio-button-group{display:inline-flex;flex-direction:column}.ds-radio-button-group__0apwgA__radio-buttons-slot--horizontal.sc-ds-radio-button-group{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__0apwgA__legend.sc-ds-radio-button-group{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__0apwgA__assistive-text.sc-ds-radio-button-group{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}`;
 const DsRadioButtonGroup = class extends Mixin(componentFactory('ds-radio-button-group', { stopRootTracking: true }), disableEventsFactory) {
     constructor(hostRef) {
@@ -260,7 +260,7 @@ const DsRadioButtonGroup = class extends Mixin(componentFactory('ds-radio-button
         const { ['aria-describedby']: attrAriaDescribedBy, ...restInheritedAttributes } = this.inheritedAttributes;
         const ariaLabelledBy = [this.dsLabel && this.legendId, this.dsErrorText && this.errorTextId].filter(Boolean).join(' ');
         const ariaDescribedBy = [attrAriaDescribedBy, this.dsAssistiveText && this.assistiveTextId].filter(Boolean).join(' ');
-        return (h(Host, { key: '4d32dcbb25a83e86c134dbc6780457ca4f2374d8', "data-invalid": !!this.dsErrorText || undefined }, h("fieldset", { key: 'f594d5cf8ce980225d31faf51ec8a396fbaefba3', id: this.fieldsetId, class: classes, name: this.dsName, form: this.dsForm, ...ifDefined('aria-labelledby', ariaLabelledBy), ...ifDefined('aria-describedby', ariaDescribedBy), ...restInheritedAttributes }, h("legend", { key: '6691a598f5f96aef5536411278db980215b2c5a9', id: this.legendId, class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (h("small", { key: '4ba1eb67b85ede643e86fed2a1ec9989fc7e52a3', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), h("div", { key: 'fd380a18824662d6b24ec7d55b90d348c48ecbd1', class: radioButtonsSlotClasses }, h("slot", { key: '5644e7383517863ebc6bb3a6c514cbce726ec4c2' })), h("div", { key: 'e30dac91fc3373b0c1ec22f1442cde23242c4043', class: errorClasses }, h(DsInputValidity, { key: '30fb83a033c44668873ee7a70744bfbc06d2d0cd', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" })))));
+        return (h(Host, { key: '41ad8c6d09371ef46f6ba0ddd51b85565b821372', "data-invalid": !!this.dsErrorText || undefined }, h("fieldset", { key: '0521117891f95890b2b2946820b08dfac970537a', id: this.fieldsetId, class: classes, name: this.dsName, form: this.dsForm, ...ifDefined('aria-labelledby', ariaLabelledBy), ...ifDefined('aria-describedby', ariaDescribedBy), ...restInheritedAttributes }, h("legend", { key: '2d7215a87bce2fe963311221c856a5d9a85cfab3', id: this.legendId, class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (h("small", { key: '0ba374b6ed85b2c645db82b8c08f946c6111c765', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), h("div", { key: 'c52515a1ff7746c72fdd278b71e3fe8a126182f6', class: radioButtonsSlotClasses }, h("slot", { key: 'a7de3efdd0377695fe52227af3e53c17f101ca44' })), h("div", { key: 'e39736946c56183ed0780624afd66620e703b9a2', class: errorClasses }, h(DsInputValidity, { key: 'c672fd6e892e9fd89f63a785b9e7c3a835a6db64', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" })))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -1,15 +1,15 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h, F as Fragment } from './index-DHrlezow.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h, F as Fragment } from './index-BQNVQ-5E.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-Dzq9qJk7.js';
-import { v as validityMessage, g as getRequiredText } from './controlUtils-BT-SOH5c.js';
+import { v as validityMessage, g as getRequiredText } from './controlUtils-DRWN7wuZ.js';
 import { t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
-import { c as cx } from './cx-CbD7OdM5.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-BCnMwTu4.js';
-import { d as disableEventsFactory } from './disableEventsFactory-BJnwRnJP.js';
-import { c as componentFactory } from './componentFactory-DRKnB2By.js';
-import './store-DYWVDmmN.js';
+import { c as cx } from './cx-BSJyf49W.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-TuE-6EAk.js';
+import { d as disableEventsFactory } from './disableEventsFactory-HWE-NFIz.js';
+import { c as componentFactory } from './componentFactory-CZE58zDF.js';
+import './store-BFwlyS8J.js';
-const dsRadioButtonCss = () => `.ds-radio-button__pA2cRq.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__pA2cRq--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__pA2cRq.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__pA2cRq__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__pA2cRq__input-container.sc-ds-radio-button{display:contents}.ds-radio-button__pA2cRq__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__pA2cRq__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__pA2cRq__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__pA2cRq__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__pA2cRq__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__pA2cRq.sc-ds-radio-button:hover:not(.ds-radio-button__pA2cRq--disabled):not(.ds-radio-button__pA2cRq--invalid) .ds-radio-button__pA2cRq__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__pA2cRq.sc-ds-radio-button:hover:not(.ds-radio-button__pA2cRq--disabled):not(.ds-radio-button__pA2cRq--invalid) .ds-radio-button__pA2cRq__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__pA2cRq.sc-ds-radio-button:hover:not(.ds-radio-button__pA2cRq--disabled):not(.ds-radio-button__pA2cRq--invalid) .ds-radio-button__pA2cRq__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__pA2cRq.sc-ds-radio-button:active:not(.ds-radio-button__pA2cRq--disabled):not(.ds-radio-button__pA2cRq--invalid) .ds-radio-button__pA2cRq__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__pA2cRq.sc-ds-radio-button:active:not(.ds-radio-button__pA2cRq--disabled):not(.ds-radio-button__pA2cRq--invalid) .ds-radio-button__pA2cRq__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__pA2cRq.sc-ds-radio-button:active:not(.ds-radio-button__pA2cRq--disabled):not(.ds-radio-button__pA2cRq--invalid) .ds-radio-button__pA2cRq__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__pA2cRq--disabled.sc-ds-radio-button .ds-radio-button__pA2cRq__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__pA2cRq--disabled.sc-ds-radio-button .ds-radio-button__pA2cRq__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__pA2cRq--disabled.sc-ds-radio-button .ds-radio-button__pA2cRq__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__pA2cRq--invalid.sc-ds-radio-button .ds-radio-button__pA2cRq__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__pA2cRq--invalid.sc-ds-radio-button .ds-radio-button__pA2cRq__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__pA2cRq--invalid.sc-ds-radio-button .ds-radio-button__pA2cRq__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__pA2cRq--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__pA2cRq--disabled) .ds-radio-button__pA2cRq__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__pA2cRq--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__pA2cRq--disabled) .ds-radio-button__pA2cRq__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__pA2cRq--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__pA2cRq--disabled) .ds-radio-button__pA2cRq__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__pA2cRq--invalid.sc-ds-radio-button:active:not(.ds-radio-button__pA2cRq--disabled) .ds-radio-button__pA2cRq__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__pA2cRq--invalid.sc-ds-radio-button:active:not(.ds-radio-button__pA2cRq--disabled) .ds-radio-button__pA2cRq__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__pA2cRq--invalid.sc-ds-radio-button:active:not(.ds-radio-button__pA2cRq--disabled) .ds-radio-button__pA2cRq__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__pA2cRq-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__pA2cRq-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__pA2cRq-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__0apwgA.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__0apwgA--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__0apwgA.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__0apwgA__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__0apwgA__input-container.sc-ds-radio-button{display:contents}.ds-radio-button__0apwgA__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__0apwgA__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__0apwgA__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__0apwgA__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__0apwgA__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__0apwgA.sc-ds-radio-button:hover:not(.ds-radio-button__0apwgA--disabled):not(.ds-radio-button__0apwgA--invalid) .ds-radio-button__0apwgA__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__0apwgA.sc-ds-radio-button:hover:not(.ds-radio-button__0apwgA--disabled):not(.ds-radio-button__0apwgA--invalid) .ds-radio-button__0apwgA__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__0apwgA.sc-ds-radio-button:hover:not(.ds-radio-button__0apwgA--disabled):not(.ds-radio-button__0apwgA--invalid) .ds-radio-button__0apwgA__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__0apwgA.sc-ds-radio-button:active:not(.ds-radio-button__0apwgA--disabled):not(.ds-radio-button__0apwgA--invalid) .ds-radio-button__0apwgA__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__0apwgA.sc-ds-radio-button:active:not(.ds-radio-button__0apwgA--disabled):not(.ds-radio-button__0apwgA--invalid) .ds-radio-button__0apwgA__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__0apwgA.sc-ds-radio-button:active:not(.ds-radio-button__0apwgA--disabled):not(.ds-radio-button__0apwgA--invalid) .ds-radio-button__0apwgA__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__0apwgA--disabled.sc-ds-radio-button .ds-radio-button__0apwgA__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__0apwgA--disabled.sc-ds-radio-button .ds-radio-button__0apwgA__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__0apwgA--disabled.sc-ds-radio-button .ds-radio-button__0apwgA__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__0apwgA--invalid.sc-ds-radio-button .ds-radio-button__0apwgA__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__0apwgA--invalid.sc-ds-radio-button .ds-radio-button__0apwgA__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__0apwgA--invalid.sc-ds-radio-button .ds-radio-button__0apwgA__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__0apwgA--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__0apwgA--disabled) .ds-radio-button__0apwgA__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__0apwgA--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__0apwgA--disabled) .ds-radio-button__0apwgA__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__0apwgA--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__0apwgA--disabled) .ds-radio-button__0apwgA__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__0apwgA--invalid.sc-ds-radio-button:active:not(.ds-radio-button__0apwgA--disabled) .ds-radio-button__0apwgA__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__0apwgA--invalid.sc-ds-radio-button:active:not(.ds-radio-button__0apwgA--disabled) .ds-radio-button__0apwgA__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__0apwgA--invalid.sc-ds-radio-button:active:not(.ds-radio-button__0apwgA--disabled) .ds-radio-button__0apwgA__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__0apwgA-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__0apwgA-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__0apwgA-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}`;
 const DsRadioButton = class extends Mixin(componentFactory('ds-radio-button'), ariaDeprecationFactory, disableEventsFactory) {
     constructor(hostRef) {

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

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-DHrlezow.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-BQNVQ-5E.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { c as inheritSpecifiedAttributes, b as inheritAriaAttributes } from './attributes-Dzq9qJk7.js';
 import { g as idGenerator, t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
-import { c as cx } from './cx-CbD7OdM5.js';
-import { v as visuallyHiddenAssistiveText } from './linkUtils-BpuhVxQM.js';
-import { g as getLanguage, o as onChange } from './store-DYWVDmmN.js';
+import { c as cx } from './cx-BSJyf49W.js';
+import { v as visuallyHiddenAssistiveText } from './linkUtils-CyX7e037.js';
+import { g as getLanguage, o as onChange } from './store-BFwlyS8J.js';
 import { a as appData } from './data-gPkqWfeS.js';
-import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import { c as componentFactory } from './componentFactory-CZE58zDF.js';
 const convertToRibbonLinks = (links, ribbonData, lang = 'en') => {
     return links.map(link => ({
@@ -44,7 +44,7 @@ class DataService {
     }
 }
-const dsRibbonCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%;border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff);position:relative;z-index:1000}.ds-ribbon__pA2cRq{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-ribbon__pA2cRq__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__pA2cRq__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__pA2cRq__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__pA2cRq__container{grid-template-columns:auto auto}}.ds-ribbon__pA2cRq__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__pA2cRq__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__pA2cRq__mobile-toggle{display:none !important}}.ds-ribbon__pA2cRq__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__pA2cRq__drawer-backdrop{display:none}}.ds-ribbon__pA2cRq--drawer-open .ds-ribbon__pA2cRq__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__pA2cRq__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__pA2cRq__drawer-backdrop,.ds-ribbon__pA2cRq--drawer-open .ds-ribbon__pA2cRq__container .ds-ribbon__pA2cRq__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__pA2cRq--drawer-clicked .ds-ribbon__pA2cRq__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__pA2cRq--drawer-open .ds-ribbon__pA2cRq__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__pA2cRq__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__pA2cRq__desktop-nav{display:block}}.ds-ribbon__pA2cRq__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__pA2cRq__desktop-link-item{--ds-link-text-transform:uppercase;display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__pA2cRq__desktop-link{--ds-link-font-size:var(--ds-fontSize-12);white-space:nowrap}.ds-ribbon__pA2cRq__desktop-badge{font-size:var(--ds-fontSize-12);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none;position:absolute;top:0;right:100%}.ds-ribbon__pA2cRq__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__pA2cRq__desktop-badge>* span{font-size:var(--ds-fontSize-12);line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__pA2cRq__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__pA2cRq__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__pA2cRq--drawer-open .ds-ribbon__pA2cRq__drawer{transform:translateX(0%)}.ds-ribbon__pA2cRq__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__pA2cRq__drawer-header{display:none}}.ds-ribbon__pA2cRq__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__pA2cRq__drawer-branding{max-width:unset}}.ds-ribbon__pA2cRq__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__pA2cRq__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__pA2cRq__drawer-nav{padding:0}}.ds-ribbon__pA2cRq__top-scrim,.ds-ribbon__pA2cRq__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__pA2cRq__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__pA2cRq__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__pA2cRq__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__pA2cRq__bottom-scrim{display:block}.ds-ribbon__pA2cRq__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__pA2cRq__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;--ds-link-text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__pA2cRq__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__pA2cRq__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__pA2cRq__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__pA2cRq__drawer-link{--ds-link-font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__pA2cRq__drawer-link{--ds-link-font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__pA2cRq__drawer-badge{font-size:var(--ds-fontSize-12);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none}@media (min-width: 60rem){.ds-ribbon__pA2cRq__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__pA2cRq__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__pA2cRq__drawer-badge>* span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__pA2cRq--drawer-open) .ds-ribbon__pA2cRq__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__pA2cRq--drawer-open) .ds-ribbon__pA2cRq__drawer-backdrop{display:block}}:host(.ds-ribbon__pA2cRq--drawer-open) .ds-ribbon__pA2cRq__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__pA2cRq--drawer-open) .ds-ribbon__pA2cRq__drawer{transform:none}}`;
+const dsRibbonCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%;border-bottom:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light, #ccc);background-color:var(--ds-bgColor-white, #fff);position:relative;z-index:1000}.ds-ribbon__0apwgA{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-ribbon__0apwgA__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__0apwgA__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__0apwgA__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__0apwgA__container{grid-template-columns:auto auto}}.ds-ribbon__0apwgA__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__0apwgA__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__0apwgA__mobile-toggle{display:none !important}}.ds-ribbon__0apwgA__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__0apwgA__drawer-backdrop{display:none}}.ds-ribbon__0apwgA--drawer-open .ds-ribbon__0apwgA__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__0apwgA__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__0apwgA__drawer-backdrop,.ds-ribbon__0apwgA--drawer-open .ds-ribbon__0apwgA__container .ds-ribbon__0apwgA__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__0apwgA--drawer-clicked .ds-ribbon__0apwgA__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__0apwgA--drawer-open .ds-ribbon__0apwgA__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__0apwgA__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__0apwgA__desktop-nav{display:block}}.ds-ribbon__0apwgA__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__0apwgA__desktop-link-item{--ds-link-text-transform:uppercase;display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__0apwgA__desktop-link{--ds-link-font-size:var(--ds-fontSize-12);white-space:nowrap}.ds-ribbon__0apwgA__desktop-badge{font-size:var(--ds-fontSize-12);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none;position:absolute;top:0;right:100%}.ds-ribbon__0apwgA__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__0apwgA__desktop-badge>* span{font-size:var(--ds-fontSize-12);line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__0apwgA__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__0apwgA__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__0apwgA--drawer-open .ds-ribbon__0apwgA__drawer{transform:translateX(0%)}.ds-ribbon__0apwgA__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__0apwgA__drawer-header{display:none}}.ds-ribbon__0apwgA__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__0apwgA__drawer-branding{max-width:unset}}.ds-ribbon__0apwgA__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__0apwgA__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__0apwgA__drawer-nav{padding:0}}.ds-ribbon__0apwgA__top-scrim,.ds-ribbon__0apwgA__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__0apwgA__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__0apwgA__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__0apwgA__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__0apwgA__bottom-scrim{display:block}.ds-ribbon__0apwgA__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__0apwgA__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;--ds-link-text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__0apwgA__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__0apwgA__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__0apwgA__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__0apwgA__drawer-link{--ds-link-font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__0apwgA__drawer-link{--ds-link-font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__0apwgA__drawer-badge{font-size:var(--ds-fontSize-12);letter-spacing:var(--ds-letterSpacing-wide, 0);margin-left:var(--ds-spacing-2xSmall, 8px);text-transform:none}@media (min-width: 60rem){.ds-ribbon__0apwgA__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__0apwgA__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__0apwgA__drawer-badge>* span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__0apwgA--drawer-open) .ds-ribbon__0apwgA__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__0apwgA--drawer-open) .ds-ribbon__0apwgA__drawer-backdrop{display:block}}:host(.ds-ribbon__0apwgA--drawer-open) .ds-ribbon__0apwgA__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__0apwgA--drawer-open) .ds-ribbon__0apwgA__drawer{transform:none}}`;
 const fallbackRibbonData = appData.v1.ribbon;
 const DsRibbon = class extends Mixin(componentFactory('ds-ribbon', { stopRootTracking: true })) {
@@ -391,7 +391,7 @@ const DsRibbon = class extends Mixin(componentFactory('ds-ribbon', { stopRootTra
             [`${baseClass}--drawer-open`]: this.isMobileDrawerOpen,
             [`${baseClass}--drawer-clicked`]: this.isMobileDrawerClicked,
         });
-        return (h("div", { key: '12d219dfc716e0f7f0cfd88aec98b0f5d21c07e3', class: ribbonClasses }, h("nav", { key: 'd0369baded6629bb0ce8277a0cab60df23d7ccaa', "aria-label": this.localizedNavAriaLabel, ...(this.isMobileDrawerOpen ? { inert: true } : {}) }, h("div", { key: '9955c946fcafd302f8cd8d81b894e2226cafb235', class: `${baseClass}__container`, ...this.inheritedAttributes }, this.renderBranding(), this.renderDesktopNavigation(), this.renderMobileToggle())), this.renderMobileNavigation()));
+        return (h("div", { key: 'cec3c50ccfd1861c3f71d786f2c828472555ff09', class: ribbonClasses }, h("nav", { key: 'a9816e02b9f5e4b212936f4406e31f9269f81a5b', "aria-label": this.localizedNavAriaLabel, ...(this.isMobileDrawerOpen ? { inert: true } : {}) }, h("div", { key: '23af17bec0fc3bc353a5427cc4726f367781d27c', class: `${baseClass}__container`, ...this.inheritedAttributes }, this.renderBranding(), this.renderDesktopNavigation(), this.renderMobileToggle())), this.renderMobileNavigation()));
     }
     static get watchers() { return {
         "dsIcon": [{

package/dist/esm/ds-select-native.entry.js CHANGED Viewed

@@ -1,13 +1,13 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, H as Host } from './index-DHrlezow.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, H as Host } from './index-BQNVQ-5E.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
 import { i as inheritAttributes } from './attributes-Dzq9qJk7.js';
-import { c as cx } from './cx-CbD7OdM5.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-BCnMwTu4.js';
-import { b as atLeastOneOption } from './controlUtils-BT-SOH5c.js';
-import './store-DYWVDmmN.js';
+import { c as cx } from './cx-BSJyf49W.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-TuE-6EAk.js';
+import { b as atLeastOneOption } from './controlUtils-DRWN7wuZ.js';
+import './store-BFwlyS8J.js';
-const dsSelectNativeCss = () => `.ds-select__pA2cRq__host.sc-ds-select-native-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){.ds-select__pA2cRq__host.sc-ds-select-native-h{width:var(--ds-select-wide-width, 20rem)}}.ds-select__pA2cRq__host.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}@media (min-width: 30rem){.ds-select__pA2cRq__host--full-width.sc-ds-select-native-h{width:var(--ds-select-narrow-width, 100%)}}.ds-select__pA2cRq-native.sc-ds-select-native,.ds-select__pA2cRq-custom.sc-ds-select-native{position:relative;display:flex;align-items:center;border:var(--ds-select-borderWidth, var(--ds-borderWidth-thin)) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:var(--ds-select-height, 2.75rem);width:100%}.ds-select__pA2cRq-native__dropdown-icon.sc-ds-select-native,.ds-select__pA2cRq-custom__dropdown-icon.sc-ds-select-native{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-select-dropdown-icon-border-left, var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight));color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:var(--ds-select-dropdown-icon-padding, 0 var(--ds-spacing-2xSmall))}.ds-select__pA2cRq-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__pA2cRq-custom.sc-ds-select-native .ds-options__pA2cRq.sc-ds-select-native{display:block}.ds-select__pA2cRq-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__pA2cRq-custom-input-container.sc-ds-select-native:has(.ds-select__pA2cRq-custom__clear-button:hover) .ds-select__pA2cRq-custom.sc-ds-select-native{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__pA2cRq-custom.sc-ds-select-native:not(.ds-select__pA2cRq-custom--open,.ds-select__pA2cRq-custom--invalid.sc-ds-select-native,.ds-select__pA2cRq-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__pA2cRq-custom.sc-ds-select-native:active:not(.ds-select__pA2cRq-custom--open,.ds-select__pA2cRq-custom--invalid.sc-ds-select-native,.ds-select__pA2cRq-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__pA2cRq-custom--open.sc-ds-select-native,.ds-select__pA2cRq-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__pA2cRq-custom--open.sc-ds-select-native:not(.ds-select__pA2cRq-custom--open--invalid,.ds-select__pA2cRq-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__pA2cRq-custom.sc-ds-select-native:focus-visible:not(.ds-select__pA2cRq-custom--open--invalid,.ds-select__pA2cRq-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__pA2cRq-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__pA2cRq-custom--disabled.sc-ds-select-native .ds-select__pA2cRq-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__pA2cRq-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__pA2cRq-custom--invalid.sc-ds-select-native:not(.ds-select__pA2cRq-custom--invalid--open,.ds-select__pA2cRq-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__pA2cRq-custom--invalid.sc-ds-select-native:not(.ds-select__pA2cRq-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__pA2cRq-custom__dropdown-icon--has-clear-button.sc-ds-select-native{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__pA2cRq-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-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px)));padding-right:var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall))}.ds-select__pA2cRq-custom--has-icon.sc-ds-select-native .ds-select__pA2cRq-custom__selected-option.sc-ds-select-native{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__pA2cRq-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__pA2cRq-custom__selected-option__text.sc-ds-select-native{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__pA2cRq-custom__selected-option__text--none-selected.sc-ds-select-native{color:var(--ds-textColor-secondary)}.ds-select__pA2cRq-custom__selected-option__text--disabled.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight)}.ds-select__pA2cRq-custom.sc-ds-select-native input.sc-ds-select-native{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__pA2cRq-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__pA2cRq-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__pA2cRq-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__pA2cRq-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__pA2cRq-custom__clear-button.sc-ds-select-native{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);top:2px;bottom:2px;cursor:pointer}.ds-select__pA2cRq-custom__clear-button.sc-ds-select-native:has(button:focus){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 2)}.ds-select__pA2cRq-custom__badge-container.sc-ds-select-native{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__pA2cRq-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-default);background-color:var(--ds-bgColor-white)}.ds-select__pA2cRq-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__pA2cRq-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__pA2cRq-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__pA2cRq-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__pA2cRq-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__pA2cRq-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__pA2cRq-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__pA2cRq-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__pA2cRq-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__pA2cRq-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%)}.ds-select__pA2cRq-native.sc-ds-select-native:not(.ds-select__pA2cRq-native--invalid,.ds-select__pA2cRq-native--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__pA2cRq-native.sc-ds-select-native:has(.ds-select__pA2cRq-native__select:active):not(.ds-select__pA2cRq-native--invalid,.ds-select__pA2cRq-native--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__pA2cRq-native.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__pA2cRq-native--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__pA2cRq-native--disabled.sc-ds-select-native .ds-select__pA2cRq-native__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__pA2cRq-native--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__pA2cRq-native--invalid.sc-ds-select-native:not(.ds-select__pA2cRq-native--invalid--disabled):has(.ds-select__pA2cRq-native__select:active){background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__pA2cRq-native--invalid.sc-ds-select-native:not(.ds-select__pA2cRq-native--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__pA2cRq-native__dropdown-icon.sc-ds-select-native{color:var(--ds-select-selected-option-color, inherit)}.ds-select__pA2cRq-native__selected-text.sc-ds-select-native{flex:1;padding:0 var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall));margin-right:var(--ds-select-selected-text-margin-right, 0);font-family:var(--ds-fontFamily-body);font-size:var(--ds-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:var(--ds-select-selected-option-color, inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-select__pA2cRq-native__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__pA2cRq-native__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__pA2cRq-native__select.sc-ds-select-native:disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}`;
+const dsSelectNativeCss = () => `.ds-select__0apwgA__host.sc-ds-select-native-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){.ds-select__0apwgA__host.sc-ds-select-native-h{width:var(--ds-select-wide-width, 20rem)}}.ds-select__0apwgA__host.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}@media (min-width: 30rem){.ds-select__0apwgA__host--full-width.sc-ds-select-native-h{width:var(--ds-select-narrow-width, 100%)}}.ds-select__0apwgA-native.sc-ds-select-native,.ds-select__0apwgA-custom.sc-ds-select-native{position:relative;display:flex;align-items:center;border:var(--ds-select-borderWidth, var(--ds-borderWidth-thin)) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:var(--ds-select-height, 2.75rem);width:100%}.ds-select__0apwgA-native__dropdown-icon.sc-ds-select-native,.ds-select__0apwgA-custom__dropdown-icon.sc-ds-select-native{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-select-dropdown-icon-border-left, var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight));color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:var(--ds-select-dropdown-icon-padding, 0 var(--ds-spacing-2xSmall))}.ds-select__0apwgA-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__0apwgA-custom.sc-ds-select-native .ds-options__0apwgA.sc-ds-select-native{display:block}.ds-select__0apwgA-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__0apwgA-custom-input-container.sc-ds-select-native:has(.ds-select__0apwgA-custom__clear-button:hover) .ds-select__0apwgA-custom.sc-ds-select-native{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__0apwgA-custom.sc-ds-select-native:not(.ds-select__0apwgA-custom--open,.ds-select__0apwgA-custom--invalid.sc-ds-select-native,.ds-select__0apwgA-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__0apwgA-custom.sc-ds-select-native:active:not(.ds-select__0apwgA-custom--open,.ds-select__0apwgA-custom--invalid.sc-ds-select-native,.ds-select__0apwgA-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__0apwgA-custom--open.sc-ds-select-native,.ds-select__0apwgA-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__0apwgA-custom--open.sc-ds-select-native:not(.ds-select__0apwgA-custom--open--invalid,.ds-select__0apwgA-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__0apwgA-custom.sc-ds-select-native:focus-visible:not(.ds-select__0apwgA-custom--open--invalid,.ds-select__0apwgA-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__0apwgA-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__0apwgA-custom--disabled.sc-ds-select-native .ds-select__0apwgA-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__0apwgA-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__0apwgA-custom--invalid.sc-ds-select-native:not(.ds-select__0apwgA-custom--invalid--open,.ds-select__0apwgA-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__0apwgA-custom--invalid.sc-ds-select-native:not(.ds-select__0apwgA-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__0apwgA-custom__dropdown-icon--has-clear-button.sc-ds-select-native{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__0apwgA-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-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px)));padding-right:var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall))}.ds-select__0apwgA-custom--has-icon.sc-ds-select-native .ds-select__0apwgA-custom__selected-option.sc-ds-select-native{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__0apwgA-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__0apwgA-custom__selected-option__text.sc-ds-select-native{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__0apwgA-custom__selected-option__text--none-selected.sc-ds-select-native{color:var(--ds-textColor-secondary)}.ds-select__0apwgA-custom__selected-option__text--disabled.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight)}.ds-select__0apwgA-custom.sc-ds-select-native input.sc-ds-select-native{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__0apwgA-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__0apwgA-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__0apwgA-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__0apwgA-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__0apwgA-custom__clear-button.sc-ds-select-native{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);top:2px;bottom:2px;cursor:pointer}.ds-select__0apwgA-custom__clear-button.sc-ds-select-native:has(button:focus){box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 2)}.ds-select__0apwgA-custom__badge-container.sc-ds-select-native{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__0apwgA-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-default);background-color:var(--ds-bgColor-white)}.ds-select__0apwgA-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__0apwgA-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__0apwgA-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__0apwgA-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__0apwgA-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__0apwgA-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__0apwgA-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__0apwgA-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__0apwgA-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__0apwgA-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%)}.ds-select__0apwgA-native.sc-ds-select-native:not(.ds-select__0apwgA-native--invalid,.ds-select__0apwgA-native--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__0apwgA-native.sc-ds-select-native:has(.ds-select__0apwgA-native__select:active):not(.ds-select__0apwgA-native--invalid,.ds-select__0apwgA-native--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__0apwgA-native.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__0apwgA-native--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__0apwgA-native--disabled.sc-ds-select-native .ds-select__0apwgA-native__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__0apwgA-native--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__0apwgA-native--invalid.sc-ds-select-native:not(.ds-select__0apwgA-native--invalid--disabled):has(.ds-select__0apwgA-native__select:active){background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__0apwgA-native--invalid.sc-ds-select-native:not(.ds-select__0apwgA-native--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__0apwgA-native__dropdown-icon.sc-ds-select-native{color:var(--ds-select-selected-option-color, inherit)}.ds-select__0apwgA-native__selected-text.sc-ds-select-native{flex:1;padding:0 var(--ds-select-selected-option-padding, var(--ds-spacing-xSmall));margin-right:var(--ds-select-selected-text-margin-right, 0);font-family:var(--ds-fontFamily-body);font-size:var(--ds-select-selected-option-font-size, var(--ds-fontSize-16));font-weight:var(--ds-select-selected-option-font-weight, var(--ds-fontWeight-regular));color:var(--ds-select-selected-option-color, inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-select__0apwgA-native__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__0apwgA-native__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__0apwgA-native__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 extends Mixin(ariaDeprecationFactory) {
     constructor(hostRef) {
@@ -109,12 +109,12 @@ const DsSelectNative = class extends Mixin(ariaDeprecationFactory) {
         const { ['aria-describedby']: attrAriaDescribedby, ...restAttributes } = this.inheritedAttributes;
         const ariaDescribedby = this.dsAriaDescribedby ?? attrAriaDescribedby;
         const hasLabelSlot = !!this.el.querySelector('[slot="label"]');
-        return (h(Host, { key: '66fceef3d800cb9b293feaf93fb9ff0fa9c1bcb7', class: classNames(hostClass, {
+        return (h(Host, { key: '6c758a26999d09255d0a611c075080a821cfb8d6', class: classNames(hostClass, {
                 [`${hostClass}--full-width`]: this.dsFullWidth,
-            }) }, h("div", { key: '631d73d6b6066078e7650c4ffe5b9ed76047d867' }, (this.dsLabel || hasLabelSlot) && (h(DsControlLabel, { key: '36ce77f3c258a61f9e95ec9bb1920a0dea27b611', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsRequired: this.dsRequired }, h("slot", { key: '8e05ce78abf733dca07705f8abdae35824c77987', name: "label" }))), h("div", { key: '2705aec0958a80bfb85be7c6e650181f7a224fe5', class: classNames(`${nativeSelectClass}`, {
+            }) }, h("div", { key: '94ace0dfdc56b7314229c8296e107b45935d10f1' }, (this.dsLabel || hasLabelSlot) && (h(DsControlLabel, { key: '737929dc6a6c6cc6ac5d736e511fdc0a6f8788bb', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsRequired: this.dsRequired }, h("slot", { key: '1041e1172b606a2b0ac9a5c8b5d9c028acb5ae7e', name: "label" }))), h("div", { key: 'a6249c6ba749685dcc9620611a42050e22c23b81', class: classNames(`${nativeSelectClass}`, {
                 [`${nativeSelectClass}--disabled`]: this.dsDisabled,
                 [`${nativeSelectClass}--invalid`]: !!this.dsErrorText,
-            }) }, h("div", { key: '53ff980d818fdf98d51f0782deae270b6e922b52', class: `${nativeSelectClass}__selected-text`, "aria-hidden": "true" }, this.value ? this.nativeSelectRef?.selectedOptions[0]?.textContent || this.dsPlaceholder : this.dsPlaceholder), h("select", { key: 'a7c2b545e02acc8e37f562c694f8b5ab088cf3ed', ref: el => {
+            }) }, h("div", { key: '03bea559f1dd325c3d352b2608f6d251b88260e5', class: `${nativeSelectClass}__selected-text`, "aria-hidden": "true" }, this.value ? this.nativeSelectRef?.selectedOptions[0]?.textContent || this.dsPlaceholder : this.dsPlaceholder), h("select", { key: '9711c1b4ac385165ec855ecb4e51065f14f47a91', ref: el => {
                 this.nativeSelectRef = el;
                 if (el)
                     el.value = this.value;
@@ -122,7 +122,7 @@ const DsSelectNative = class extends Mixin(ariaDeprecationFactory) {
                 const target = event.target;
                 this.value = target.value;
                 this.dsChange.emit(target.value);
-            }, "aria-describedby": ariaDescribedby, ...restAttributes }, h("option", { key: 'b2d8ead4f38777e1a64f9c6cd396e1879c0578b3', value: "", disabled: true, style: { display: this.dsRequired ? 'none' : undefined }, selected: !this.value }, this.dsPlaceholder), h("slot", { key: 'cc2e1fce18a273278fd59caf667a5b0928439994', name: "native" })), h(this.DsIconTag, { key: 'c32c5a77803169f86f4d71a401bd11656cb9afe8', class: `${nativeSelectClass}__dropdown-icon`, dsName: "keyboard_arrow_down", dsSize: this.dsIconSize })), h(this.DsInputValidityTag, { key: '9d10ae99506bca21eb2ae76048e9c7d92eb939ec', id: this.inputValidityId, dsText: this.dsErrorText, dsType: "error" }))));
+            }, "aria-describedby": ariaDescribedby, ...restAttributes }, h("option", { key: 'ab59f2caab7441c1d71e4e83cf1e6f93a9fe5f1e', value: "", disabled: true, style: { display: this.dsRequired ? 'none' : undefined }, selected: !this.value }, this.dsPlaceholder), h("slot", { key: '6ed1ddbc757381fb30905c06d5b2ae71bf5801b8', name: "native" })), h(this.DsIconTag, { key: '4d444ea30d5559af4adb1de145d27958e7d26e6e', class: `${nativeSelectClass}__dropdown-icon`, dsName: "keyboard_arrow_down", dsSize: this.dsIconSize })), h(this.DsInputValidityTag, { key: 'b8ad69dbee9a9e24003f3edb5c53419da8201d86', id: this.inputValidityId, dsText: this.dsErrorText, dsType: "error" }))));
     }
     static get watchers() { return {
         "aria-describedby": [{