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

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

@@ -1,24 +1,24 @@
 'use strict';
 
-var index = require('./index-Cwc95KFn.js');
+var index = require('./index-BSwr4Ukh.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-DOIzXqfM.js');
-var cx = require('./cx-BxEHiZno.js');
+var cx = require('./cx-D-SFhp5j.js');
 var attributes = require('./attributes-5eBKMo1N.js');
 var constants = require('./constants-DQ8n-aJY.js');
-var controlUtils = require('./controlUtils-BU68DU8D.js');
-var multipleValueFactory = require('./multipleValueFactory-DkEytg6Q.js');
+var controlUtils = require('./controlUtils-BLiRltjz.js');
+var multipleValueFactory = require('./multipleValueFactory-CYxWLtWJ.js');
 var disableEventsFactory = require('./disableEventsFactory-B1wvz4el.js');
-require('./store-CZlFszsx.js');
+require('./store-X-DFw257.js');
 
-const dsOptionsCss = ".ds-options__oSBnIJ__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__oSBnIJ.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__oSBnIJ.sc-ds-options:focus{outline:none}.ds-options__oSBnIJ__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__oSBnIJ__top-scrim.sc-ds-options,.ds-options__oSBnIJ__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__oSBnIJ__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__oSBnIJ__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__oSBnIJ.has-top-scrim.sc-ds-options .ds-options__oSBnIJ__top-scrim.sc-ds-options{display:block}.ds-options__oSBnIJ.has-bottom-scrim.sc-ds-options .ds-options__oSBnIJ__bottom-scrim.sc-ds-options{display:block}.ds-options__oSBnIJ.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__oSBnIJ.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";
+const dsOptionsCss = () => `.ds-options__SPFJ1E__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__SPFJ1E.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__SPFJ1E.sc-ds-options:focus{outline:none}.ds-options__SPFJ1E__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__SPFJ1E__top-scrim.sc-ds-options,.ds-options__SPFJ1E__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__SPFJ1E__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__SPFJ1E__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__SPFJ1E.has-top-scrim.sc-ds-options .ds-options__SPFJ1E__top-scrim.sc-ds-options{display:block}.ds-options__SPFJ1E.has-bottom-scrim.sc-ds-options .ds-options__SPFJ1E__bottom-scrim.sc-ds-options{display:block}.ds-options__SPFJ1E.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__SPFJ1E.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}`;
 
 const optionsIdGenerator = utils.idGenerator('ds-options');
 const DsOptions = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.dsEsc = index.createEvent(this, "dsEsc");
-        this.dsActiveIndexChange = index.createEvent(this, "dsActiveIndexChange");
+        this.dsEsc = index.createEvent(this, "dsEsc", 7);
+        this.dsActiveIndexChange = index.createEvent(this, "dsActiveIndexChange", 7);
     }
     get el() { return index.getElement(this); }
     optionsListRef;
@@ -143,18 +143,20 @@ const DsOptions = class {
     };
     render() {
         const baseClass = cx.cx('ds-options');
-        return (index.h("div", { key: '0c4a90874a5b1234c8be905faed7398b84e86593', id: this.dsId, class: index$1.classNames(baseClass, {
+        return (index.h("div", { key: '4f80bb50699d40e29e4aa324283aa33dd6edbfe8', id: this.dsId, class: index$1.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 ? controlUtils.multiselectable() : undefined, "aria-labelledby": [this.dsLabelId, this.dsId].filter(Boolean).join(' '), ...this.inheritedAttributes }, index.h("div", { key: 'e64e68234dead6eb2e04ed7e1e0aadbfb3fb9e33', class: `${baseClass}__inner`, ref: el => (this.optionsListInnerRef = el), onScroll: this.handleScroll }, index.h("div", { key: 'a96c1a2316759ff352643f3ea0b1b2c8929646ea', class: `${baseClass}__top-scrim`, "aria-hidden": "true" }), index.h("slot", { key: '9955de9f75f9f466f5d99c3178f5a3f4ee716870' }), index.h("div", { key: '89078805f0daa8e28f0ffefe0e25623faf9105a5', 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 ? controlUtils.multiselectable() : undefined, "aria-labelledby": [this.dsLabelId, this.dsId].filter(Boolean).join(' '), ...this.inheritedAttributes }, index.h("div", { key: 'a6068ce067d03e84e66b2be1cbad17f1c7e41e5b', class: `${baseClass}__inner`, ref: el => (this.optionsListInnerRef = el), onScroll: this.handleScroll }, index.h("div", { key: '61c1c263360d6d30a510e890276467ebf2cfe922', class: `${baseClass}__top-scrim`, "aria-hidden": "true" }), index.h("slot", { key: 'e437ed4db445c341a83c64bfcaca11bac65c154a' }), index.h("div", { key: '682abdf277fe537fa38e18d450a9f33eb6ddea1f', class: `${baseClass}__bottom-scrim`, "aria-hidden": "true" }))));
     }
     static get watchers() { return {
-        "dsActiveIndex": ["onActiveIndexChange"]
+        "dsActiveIndex": [{
+                "onActiveIndexChange": 0
+            }]
     }; }
 };
-DsOptions.style = dsOptionsCss;
+DsOptions.style = dsOptionsCss();
 
-const dsSelectCss = ".sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){:not(:has(.ds-select__oSBnIJ--full-width)).sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__oSBnIJ-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select__oSBnIJ-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__oSBnIJ-custom-wrapper.sc-ds-select{position:relative}.ds-select__oSBnIJ-custom.sc-ds-select .ds-options__oSBnIJ.sc-ds-select{display:block}.ds-select__oSBnIJ-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__oSBnIJ-custom-input-container.sc-ds-select:has(.ds-select__oSBnIJ-custom__clear-button:hover) .ds-select__oSBnIJ-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__oSBnIJ-custom.sc-ds-select:not(.ds-select__oSBnIJ-custom--open,.ds-select__oSBnIJ-custom--invalid.sc-ds-select,.ds-select__oSBnIJ-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__oSBnIJ-custom.sc-ds-select:active:not(.ds-select__oSBnIJ-custom--open,.ds-select__oSBnIJ-custom--invalid.sc-ds-select,.ds-select__oSBnIJ-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__oSBnIJ-custom--open.sc-ds-select,.ds-select__oSBnIJ-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__oSBnIJ-custom--open.sc-ds-select:not(.ds-select__oSBnIJ-custom--open--invalid,.ds-select__oSBnIJ-custom.sc-ds-select:focus-visible--invalid),.ds-select__oSBnIJ-custom.sc-ds-select:focus-visible:not(.ds-select__oSBnIJ-custom--open--invalid,.ds-select__oSBnIJ-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__oSBnIJ-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__oSBnIJ-custom--disabled.sc-ds-select .ds-select__oSBnIJ-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__oSBnIJ-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__oSBnIJ-custom--invalid.sc-ds-select:not(.ds-select__oSBnIJ-custom--invalid--open,.ds-select__oSBnIJ-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__oSBnIJ-custom--invalid.sc-ds-select:not(.ds-select__oSBnIJ-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__oSBnIJ-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__oSBnIJ-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-xSmall)}.ds-select__oSBnIJ-custom--has-icon.sc-ds-select .ds-select__oSBnIJ-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__oSBnIJ-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__oSBnIJ-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__oSBnIJ-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__oSBnIJ-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__oSBnIJ-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__oSBnIJ-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__oSBnIJ-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__oSBnIJ-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__oSBnIJ-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__oSBnIJ-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__oSBnIJ-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__oSBnIJ-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__oSBnIJ-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__oSBnIJ-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__oSBnIJ-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__oSBnIJ-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__oSBnIJ-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__oSBnIJ-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__oSBnIJ-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__oSBnIJ-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__oSBnIJ-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__oSBnIJ-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}";
+const dsSelectCss = () => `.sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){:not(:has(.ds-select__SPFJ1E--full-width)).sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__SPFJ1E-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select__SPFJ1E-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__SPFJ1E-custom-wrapper.sc-ds-select{position:relative}.ds-select__SPFJ1E-custom.sc-ds-select .ds-options__SPFJ1E.sc-ds-select{display:block}.ds-select__SPFJ1E-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__SPFJ1E-custom-input-container.sc-ds-select:has(.ds-select__SPFJ1E-custom__clear-button:hover) .ds-select__SPFJ1E-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__SPFJ1E-custom.sc-ds-select:not(.ds-select__SPFJ1E-custom--open,.ds-select__SPFJ1E-custom--invalid.sc-ds-select,.ds-select__SPFJ1E-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__SPFJ1E-custom.sc-ds-select:active:not(.ds-select__SPFJ1E-custom--open,.ds-select__SPFJ1E-custom--invalid.sc-ds-select,.ds-select__SPFJ1E-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__SPFJ1E-custom--open.sc-ds-select,.ds-select__SPFJ1E-custom.sc-ds-select:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__SPFJ1E-custom--open.sc-ds-select:not(.ds-select__SPFJ1E-custom--open--invalid,.ds-select__SPFJ1E-custom.sc-ds-select:focus-visible--invalid),.ds-select__SPFJ1E-custom.sc-ds-select:focus-visible:not(.ds-select__SPFJ1E-custom--open--invalid,.ds-select__SPFJ1E-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__SPFJ1E-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__SPFJ1E-custom--disabled.sc-ds-select .ds-select__SPFJ1E-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__SPFJ1E-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__SPFJ1E-custom--invalid.sc-ds-select:not(.ds-select__SPFJ1E-custom--invalid--open,.ds-select__SPFJ1E-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__SPFJ1E-custom--invalid.sc-ds-select:not(.ds-select__SPFJ1E-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__SPFJ1E-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__SPFJ1E-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-xSmall)}.ds-select__SPFJ1E-custom--has-icon.sc-ds-select .ds-select__SPFJ1E-custom__selected-option.sc-ds-select{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__SPFJ1E-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__SPFJ1E-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__SPFJ1E-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__SPFJ1E-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__SPFJ1E-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__SPFJ1E-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__SPFJ1E-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__SPFJ1E-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__SPFJ1E-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__SPFJ1E-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__SPFJ1E-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__SPFJ1E-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__SPFJ1E-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__SPFJ1E-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__SPFJ1E-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__SPFJ1E-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__SPFJ1E-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__SPFJ1E-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__SPFJ1E-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__SPFJ1E-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__SPFJ1E-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__SPFJ1E-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}`;
 
 const selectIdGenerator = utils.idGenerator('ds-select');
 const defaultTextFns = {
@@ -165,12 +167,12 @@ const DsSelect = class extends index.Mixin(multipleValueFactory.multipleValueFac
     constructor(hostRef) {
         super();
         index.registerInstance(this, hostRef);
-        this.dsMultipleChange = index.createEvent(this, "dsMultipleChange");
-        this.dsChange = index.createEvent(this, "dsChange");
-        this.dsSubmitInvalid = index.createEvent(this, "dsSubmitInvalid");
-        this.dsValidity = index.createEvent(this, "dsValidity");
-        this.dsBlur = index.createEvent(this, "dsBlur");
-        this.dsFocus = index.createEvent(this, "dsFocus");
+        this.dsMultipleChange = index.createEvent(this, "dsMultipleChange", 7);
+        this.dsChange = index.createEvent(this, "dsChange", 7);
+        this.dsSubmitInvalid = index.createEvent(this, "dsSubmitInvalid", 7);
+        this.dsValidity = index.createEvent(this, "dsValidity", 7);
+        this.dsBlur = index.createEvent(this, "dsBlur", 7);
+        this.dsFocus = index.createEvent(this, "dsFocus", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
         }
@@ -373,28 +375,12 @@ const DsSelect = class extends index.Mixin(multipleValueFactory.multipleValueFac
             event.preventDefault();
             this.isOpen = true;
             this.updateActiveIndex();
-            this.scrollToActiveOption();
             window.requestAnimationFrame(() => {
                 const optionsList = this.el.querySelector(`.${cx.cx('ds-options')}`);
                 optionsList?.focus();
             });
         }
     }
-    scrollToActiveOption() {
-        if (this.activeIndex === null)
-            return;
-        const optionsList = this.el.querySelector(`.${cx.cx('ds-options')}`);
-        const allOptions = optionsList?.querySelectorAll(`.${cx.cx('ds-option')}`);
-        if (!allOptions || this.activeIndex >= allOptions.length)
-            return;
-        const activeOption = allOptions[this.activeIndex];
-        if (activeOption) {
-            window.requestAnimationFrame(() => {
-                activeOption.focus();
-                activeOption.scrollIntoView({ behavior: 'instant', block: 'center' });
-            });
-        }
-    }
     getBadgeContainerWidthOffset = async () => {
         await utils.componentOnReady(this.clearButtonRef);
         await utils.componentOnReady(this.badgeRef);
@@ -601,28 +587,48 @@ const DsSelect = class extends index.Mixin(multipleValueFactory.multipleValueFac
                 this.isOpen = false;
             }, dsLabelId: labelId, dsAriaMultiselectable: this.isMultiple }, index.h("slot", null)))), this.internals?.form &&
             this.internals?.validity.valid &&
-            this.selectedOptions.map(option => index.h("input", { type: "hidden", name: this.dsName, value: option.dsValue, key: option.dsValue })), !!this.dsErrorText && index.h(this.DsInputValidity, { id: this.getInputValidityId(), dsText: this.dsErrorText, dsType: "error" }), index.h(this.DsFeedback, { dsSrOnly: true, dsSrOnlyTag: "span" }, this.getFeedbackMessage())));
+            this.selectedOptions.map(option => index.h("input", { type: "hidden", name: this.dsName, value: option.dsValue, key: option.dsValue })), index.h(this.DsInputValidity, { id: this.getInputValidityId(), dsText: this.dsErrorText, dsType: "error" }), index.h(this.DsFeedback, { dsSrOnly: true, dsSrOnlyTag: "span" }, this.getFeedbackMessage())));
     }
     render() {
         const baseClass = cx.cx('ds-select');
-        return (index.h(index.Host, { key: '9fcca0b6884e5e3af688877d5cd922cd63da2e0a', ...utils.ifDefined('name', this.isNative ? undefined : this.dsName) }, index.h("div", { key: 'f412bab458ed1029a85133848f0117ffca0ff304', tabIndex: -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
+        return (index.h(index.Host, { key: '3d3b24db037bfcc1799c04694dd66226cbf7db51', ...utils.ifDefined('name', this.isNative ? undefined : this.dsName) }, index.h("div", { key: '3ee46f44fb1489380eb1759a1ada5f8f7493f678', tabIndex: -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {
-        "activeIndex": ["activeIndexObserver"],
-        "clearButtonRef": ["clearButtonRefObserver"],
-        "badgeRef": ["clearButtonRefObserver"],
-        "dsPlaceholder": ["textPropObserver"],
-        "value": ["valueObserver"],
-        "dsValue": ["dsValueObserver"],
-        "selectedOptions": ["selectedOptionsObserver"],
-        "hasFocus": ["hasFocusObserver"],
-        "dsLoading": ["optionsMessagePropertyObserver"],
-        "dsOptionsError": ["optionsMessagePropertyObserver"]
+        "activeIndex": [{
+                "activeIndexObserver": 0
+            }],
+        "clearButtonRef": [{
+                "clearButtonRefObserver": 0
+            }],
+        "badgeRef": [{
+                "clearButtonRefObserver": 0
+            }],
+        "dsPlaceholder": [{
+                "textPropObserver": 0
+            }],
+        "value": [{
+                "valueObserver": 0
+            }],
+        "dsValue": [{
+                "dsValueObserver": 0
+            }],
+        "selectedOptions": [{
+                "selectedOptionsObserver": 0
+            }],
+        "hasFocus": [{
+                "hasFocusObserver": 0
+            }],
+        "dsLoading": [{
+                "optionsMessagePropertyObserver": 0
+            }],
+        "dsOptionsError": [{
+                "optionsMessagePropertyObserver": 0
+            }]
     }; }
 };
 utils.declareComponentDependencies([index.h("ds-select-native", null), index.h("ds-icon", { dsName: "" }), index.h("ds-input-validity", null), index.h("ds-button", null), index.h("ds-options", null), index.h("ds-control-label", null), index.h("ds-feedback", null)]);
-DsSelect.style = dsSelectCss;
+DsSelect.style = dsSelectCss();
 
 exports.ds_options = DsOptions;
 exports.ds_select = DsSelect;

package/dist/cjs/ds-pagination-ellipsis.cjs.entry.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-Cwc95KFn.js');
-var cx = require('./cx-BxEHiZno.js');
-var paginationFactory = require('./paginationFactory-BgHYJyN5.js');
+var index = require('./index-BSwr4Ukh.js');
+var cx = require('./cx-D-SFhp5j.js');
+var paginationFactory = require('./paginationFactory-BdmK4Pho.js');
 require('./paginationContext-B180TuuP.js');
 require('./utils-DOIzXqfM.js');
 
-const dsPaginationEllipsisCss = ".sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__oSBnIJ.sc-ds-pagination-ellipsis{min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-textColor-default);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));align-content:center;text-align:center;user-select:none}";
+const dsPaginationEllipsisCss = () => `.sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__SPFJ1E.sc-ds-pagination-ellipsis{min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-textColor-default);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));align-content:center;text-align:center;user-select:none}`;
 
 const DsPaginationEllipsis = class extends index.Mixin(paginationFactory.paginationFactory) {
     constructor(hostRef) {
@@ -19,9 +19,9 @@ const DsPaginationEllipsis = class extends index.Mixin(paginationFactory.paginat
         const variant = this.paginationContext?.variant || 'medium';
         const hostClass = cx.cx(`ds-pagination-ellipsis-variant--${variant}`);
         const ariaLabel = this.paginationContext?.texts.ellipsis || 'Ellipsis';
-        return (index.h(index.Host, { key: 'ea9311999a955758465ba2a7d0d10ba48a67eb8e', class: hostClass }, index.h("span", { key: '515eaeabc3b28d150b010885c9a9a876274235ca', class: baseClass, role: "img", "aria-label": ariaLabel }, "\u2026")));
+        return (index.h(index.Host, { key: '0a3e284f6c60c4b36ac53d0b42de4e52f9e1e989', class: hostClass }, index.h("span", { key: '879286f1d496200d403161b0039fca97e6e2133c', class: baseClass, role: "img", "aria-label": ariaLabel }, "\u2026")));
     }
 };
-DsPaginationEllipsis.style = dsPaginationEllipsisCss;
+DsPaginationEllipsis.style = dsPaginationEllipsisCss();
 
 exports.ds_pagination_ellipsis = DsPaginationEllipsis;

package/dist/cjs/ds-pagination-item.cjs.entry.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-Cwc95KFn.js');
+var index = require('./index-BSwr4Ukh.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-BxEHiZno.js');
+var cx = require('./cx-D-SFhp5j.js');
 var utils = require('./utils-DOIzXqfM.js');
-var paginationFactory = require('./paginationFactory-BgHYJyN5.js');
+var paginationFactory = require('./paginationFactory-BdmK4Pho.js');
 require('./paginationContext-B180TuuP.js');
 
-const dsPaginationItemCss = ".ds-pagination-item__oSBnIJ.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-item__oSBnIJ--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__oSBnIJ--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__oSBnIJ--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}";
+const dsPaginationItemCss = () => `.ds-pagination-item__SPFJ1E.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-item__SPFJ1E--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__SPFJ1E--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__SPFJ1E--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}`;
 
 const DsPaginationItem = class extends index.Mixin(paginationFactory.paginationFactory) {
     constructor(hostRef) {
@@ -113,6 +113,6 @@ const DsPaginationItem = class extends index.Mixin(paginationFactory.paginationF
     }
 };
 utils.declareComponentDependencies([index.h("ds-link-cta", { dsText: "" })]);
-DsPaginationItem.style = dsPaginationItemCss;
+DsPaginationItem.style = dsPaginationItemCss();
 
 exports.ds_pagination_item = DsPaginationItem;

package/dist/cjs/ds-pagination-page.cjs.entry.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-Cwc95KFn.js');
+var index = require('./index-BSwr4Ukh.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-BxEHiZno.js');
+var cx = require('./cx-D-SFhp5j.js');
 var utils = require('./utils-DOIzXqfM.js');
-var paginationFactory = require('./paginationFactory-BgHYJyN5.js');
+var paginationFactory = require('./paginationFactory-BdmK4Pho.js');
 require('./paginationContext-B180TuuP.js');
 
-const dsPaginationPageCss = ".sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__oSBnIJ.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__oSBnIJ--current.sc-ds-pagination-page{pointer-events:none;--ds-link-cta-bg-color:var(--ds-bgColor-primary);--ds-link-cta-text-color:var(--ds-textColor-white)}";
+const dsPaginationPageCss = () => `.sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__SPFJ1E.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__SPFJ1E--current.sc-ds-pagination-page{pointer-events:none;--ds-link-cta-bg-color:var(--ds-bgColor-primary);--ds-link-cta-text-color:var(--ds-textColor-white)}`;
 
 const DsPaginationPage = class extends index.Mixin(paginationFactory.paginationFactory) {
     constructor(hostRef) {
@@ -54,6 +54,6 @@ const DsPaginationPage = class extends index.Mixin(paginationFactory.paginationF
     }
 };
 utils.declareComponentDependencies([index.h("ds-link-cta", { dsText: "" })]);
-DsPaginationPage.style = dsPaginationPageCss;
+DsPaginationPage.style = dsPaginationPageCss();
 
 exports.ds_pagination_page = DsPaginationPage;

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-Cwc95KFn.js');
+var index = require('./index-BSwr4Ukh.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-BxEHiZno.js');
-var controlUtils = require('./controlUtils-BU68DU8D.js');
-var paginationUtils = require('./paginationUtils-B7Y_qNSR.js');
+var cx = require('./cx-D-SFhp5j.js');
+var controlUtils = require('./controlUtils-BLiRltjz.js');
+var paginationUtils = require('./paginationUtils-DIpA_ywV.js');
 var paginationContext = require('./paginationContext-B180TuuP.js');
-require('./store-CZlFszsx.js');
+require('./store-X-DFw257.js');
 require('./utils-DOIzXqfM.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__oSBnIJ{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__oSBnIJ__compact slot,.ds-pagination__oSBnIJ__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__oSBnIJ--compact .ds-pagination__oSBnIJ__compact,.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__compact{width:100%}@media (min-width: 30rem){.ds-pagination__oSBnIJ--compact .ds-pagination__oSBnIJ__compact,.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__compact{width:auto}}.ds-pagination__oSBnIJ--compact .ds-pagination__oSBnIJ__compact slot,.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__compact slot{display:grid;grid-template-columns:min-content min-content auto min-content min-content;gap:var(--ds-spacing-3xSmall);align-items:center;width:100%}.ds-pagination__oSBnIJ ::slotted([class*=pagination-page-info]){padding:0 var(--ds-spacing-small);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold, 600);text-align:center;align-self:center}.ds-pagination__oSBnIJ--compact .ds-pagination__oSBnIJ__full{display:none}.ds-pagination__oSBnIJ--full .ds-pagination__oSBnIJ__compact{display:none}.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__full{display:none}@media (min-width: 60rem){.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__full{display:contents}.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__compact{display:none}}";
+const dsPaginationCss = () => `.ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:block;width:100%}@media (min-width: 30rem){:host{width:auto}}.ds-pagination__SPFJ1E{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__SPFJ1E__compact slot,.ds-pagination__SPFJ1E__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__SPFJ1E--compact .ds-pagination__SPFJ1E__compact,.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__compact{width:100%}@media (min-width: 30rem){.ds-pagination__SPFJ1E--compact .ds-pagination__SPFJ1E__compact,.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__compact{width:auto}}.ds-pagination__SPFJ1E--compact .ds-pagination__SPFJ1E__compact slot,.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__compact slot{display:grid;grid-template-columns:min-content min-content auto min-content min-content;gap:var(--ds-spacing-3xSmall);align-items:center;width:100%}.ds-pagination__SPFJ1E ::slotted([class*=pagination-page-info]){padding:0 var(--ds-spacing-small);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold, 600);text-align:center;align-self:center}.ds-pagination__SPFJ1E--compact .ds-pagination__SPFJ1E__full{display:none}.ds-pagination__SPFJ1E--full .ds-pagination__SPFJ1E__compact{display:none}.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__full{display:none}@media (min-width: 60rem){.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__full{display:contents}.ds-pagination__SPFJ1E--auto .ds-pagination__SPFJ1E__compact{display:none}}`;
 
 const DsPagination = class {
     constructor(hostRef) {
@@ -98,16 +98,20 @@ const DsPagination = class {
         const classes = index$1.classNames(baseClass, `${baseClass}--${this.dsVariant}`, `${baseClass}--${this.dsLayout}`);
         const fontSize = this.dsVariant === 'small' ? 'var(--ds-fontSize-16)' : 'var(--ds-fontSize-18)';
         const minSize = this.dsVariant === 'small' ? 'var(--ds-spacing-large)' : 'calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall))';
-        return (index.h("nav", { key: '9f1221279f81ec729d51208b75f3b6adf8f4a54e', class: classes, "aria-label": this.dsAriaLabel || paginationUtils.pagination(), style: {
+        return (index.h("nav", { key: '13154d7bb5db1dd611d978201cadc8e1c53025d4', class: classes, "aria-label": this.dsAriaLabel || paginationUtils.pagination(), style: {
                 '--ds-pagination-font-size': fontSize,
                 '--ds-link-cta-min-width': minSize,
-            } }, index.h("div", { key: 'c244a4f485a8a668b0e183977636466401faad6c', class: `${baseClass}__compact` }, index.h("slot", { key: 'e3cfc1d693a5e7aef1a186d9863aea496a9bb8dd', name: "compact", onSlotchange: () => this.updateContext() })), index.h("div", { key: '387cd14a25f5b742513c25721847b0a52248a916', class: `${baseClass}__full` }, index.h("slot", { key: '258fb704a43c0afc52981ed8fb0eb697bdd5c5e8', name: "full", onSlotchange: () => this.updateContext() }))));
+            } }, index.h("div", { key: '044c3297eda5b36b6bf8f094dcca244002c3daa3', class: `${baseClass}__compact` }, index.h("slot", { key: '1a8293fe80d2f7e639f9b46cfa37c51c90244cd8', name: "compact", onSlotchange: () => this.updateContext() })), index.h("div", { key: 'e93e090e3386db2cdaa478f99718574166febe41', class: `${baseClass}__full` }, index.h("slot", { key: 'ad39a4e5b068e72d98ef8551f6f9ec92de275641', name: "full", onSlotchange: () => this.updateContext() }))));
     }
     static get watchers() { return {
-        "dsCurrentPage": ["dsCurrentPageObserver"],
-        "dsTotalPages": ["dsTotalPagesObserver"]
+        "dsCurrentPage": [{
+                "dsCurrentPageObserver": 0
+            }],
+        "dsTotalPages": [{
+                "dsTotalPagesObserver": 0
+            }]
     }; }
 };
-DsPagination.style = dsPaginationCss;
+DsPagination.style = dsPaginationCss();
 
 exports.ds_pagination = DsPagination;

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

@@ -1,26 +1,26 @@
 'use strict';
 
-var index = require('./index-Cwc95KFn.js');
+var index = require('./index-BSwr4Ukh.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-DOIzXqfM.js');
 var disableEventsFactory = require('./disableEventsFactory-B1wvz4el.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var controlUtils = require('./controlUtils-BU68DU8D.js');
-var cx = require('./cx-BxEHiZno.js');
-require('./store-CZlFszsx.js');
+var controlUtils = require('./controlUtils-BLiRltjz.js');
+var cx = require('./cx-D-SFhp5j.js');
+require('./store-X-DFw257.js');
 
-const dsRadioButtonGroupCss = ".ds-radio-button-group__oSBnIJ{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__oSBnIJ__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__oSBnIJ__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__oSBnIJ__legend{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__oSBnIJ__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}";
+const dsRadioButtonGroupCss = () => `.ds-radio-button-group__SPFJ1E{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__SPFJ1E__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__SPFJ1E__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__SPFJ1E__legend{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__SPFJ1E__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}`;
 
 const radioButtonGroupIdGenerator = utils.idGenerator('ds-radio-button-group');
 const DsRadioButtonGroup = class extends index.Mixin(disableEventsFactory.disableEventsFactory) {
     constructor(hostRef) {
         super();
         index.registerInstance(this, hostRef);
-        this.dsRadioButtonGroupValueChange = index.createEvent(this, "dsRadioButtonGroupValueChange");
-        this.dsRadioButtonGroupInvalidStateChange = index.createEvent(this, "dsRadioButtonGroupInvalidStateChange");
-        this.dsChange = index.createEvent(this, "dsChange");
-        this.dsSubmitInvalid = index.createEvent(this, "dsSubmitInvalid");
-        this.dsValidity = index.createEvent(this, "dsValidity");
+        this.dsRadioButtonGroupValueChange = index.createEvent(this, "dsRadioButtonGroupValueChange", 7);
+        this.dsRadioButtonGroupInvalidStateChange = index.createEvent(this, "dsRadioButtonGroupInvalidStateChange", 7);
+        this.dsChange = index.createEvent(this, "dsChange", 7);
+        this.dsSubmitInvalid = index.createEvent(this, "dsSubmitInvalid", 7);
+        this.dsValidity = index.createEvent(this, "dsValidity", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
         }
@@ -243,19 +243,29 @@ const DsRadioButtonGroup = class extends index.Mixin(disableEventsFactory.disabl
         });
         const errorClasses = index$1.classNames(`${baseClass}__error`);
         const DsInputValidity = utils.transformTagName('ds-input-validity', 'ds-radio-button-group', this.el);
-        return (index.h(index.Host, { key: 'bedefe79e57524a5b5655d06b73456dcedfa7984', "data-invalid": !!this.dsErrorText || undefined }, index.h("fieldset", { key: '6bc3a8edb473b606b4590c929c515de7c70118e7', class: classes, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, index.h("legend", { key: 'b3d7b8d0f43236a20c721ec0b69ade20261c4165', id: this.legendId, class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (index.h("small", { key: '35f79343044a15e9deb6cff6b6959e0f95a79dfb', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), index.h("div", { key: '80bad16e1c065426ffe7ffdd6f18d81681feb026', class: radioButtonsSlotClasses }, index.h("slot", { key: '6d82e10ca13db950cc78975c269b5c248df4d09b', onSlotchange: this.updateFocusableRadioButton })), !!this.dsErrorText && (index.h("div", { key: 'f19909cd15f4580b5b4bf78a6c0d01463550f4a7', class: errorClasses }, index.h(DsInputValidity, { key: 'bc59e09ae37368cba41bb31ec1c4fc6228e109c1', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" }))))));
+        return (index.h(index.Host, { key: 'bfc004f27594e8f9d7a35e591cd6f8f8d5ce20f4', "data-invalid": !!this.dsErrorText || undefined }, index.h("fieldset", { key: '2fc540ce180279ed112755593db055160a2126fd', class: classes, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, index.h("legend", { key: 'd4f408aa4697f93c98a2388fb34e27c92035ad5f', id: this.legendId, class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (index.h("small", { key: '11e343143059e91b42699e2d83c867bca2ba22a9', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), index.h("div", { key: 'f3f5c95b6969c35657638a435a855fcb4fc80617', class: radioButtonsSlotClasses }, index.h("slot", { key: '9ab636880f3cf6db34f2e0015c38e9f3a1644471', onSlotchange: this.updateFocusableRadioButton })), index.h("div", { key: '48d8c84ef7365d463a3b33e2b7cd55bc3c948aba', class: errorClasses }, index.h(DsInputValidity, { key: 'd7cc1919ac771a9a7f824ab2035e22909d1baced', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" })))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
     static get watchers() { return {
-        "dsErrorText": ["errorObserver"],
-        "dsValue": ["dsValueObserver"],
-        "focusedChildRadioButton": ["focusedChildRadioButtonObserver"],
-        "dsForm": ["dsFormAssociatedPropObserver"],
-        "dsName": ["dsFormAssociatedPropObserver"]
+        "dsErrorText": [{
+                "errorObserver": 0
+            }],
+        "dsValue": [{
+                "dsValueObserver": 0
+            }],
+        "focusedChildRadioButton": [{
+                "focusedChildRadioButtonObserver": 0
+            }],
+        "dsForm": [{
+                "dsFormAssociatedPropObserver": 0
+            }],
+        "dsName": [{
+                "dsFormAssociatedPropObserver": 0
+            }]
     }; }
 };
 utils.declareComponentDependencies([index.h("ds-input-validity", null)]);
-DsRadioButtonGroup.style = dsRadioButtonGroupCss;
+DsRadioButtonGroup.style = dsRadioButtonGroupCss();
 
 exports.ds_radio_button_group = DsRadioButtonGroup;

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

@@ -1,28 +1,28 @@
 'use strict';
 
-var index = require('./index-Cwc95KFn.js');
+var index = require('./index-BSwr4Ukh.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var controlUtils = require('./controlUtils-BU68DU8D.js');
+var controlUtils = require('./controlUtils-BLiRltjz.js');
 var utils = require('./utils-DOIzXqfM.js');
-var cx = require('./cx-BxEHiZno.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-BWenwbgw.js');
+var cx = require('./cx-D-SFhp5j.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-xH9mSaws.js');
 var disableEventsFactory = require('./disableEventsFactory-B1wvz4el.js');
-require('./store-CZlFszsx.js');
+require('./store-X-DFw257.js');
 
-const dsRadioButtonCss = ".ds-radio-button__oSBnIJ.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__oSBnIJ--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__oSBnIJ__icon.sc-ds-radio-button{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0.5)}.ds-radio-button__oSBnIJ__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__oSBnIJ__text.sc-ds-radio-button{margin-top:10px;padding-right:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:hover:not(.ds-radio-button__oSBnIJ--disabled):not(.ds-radio-button__oSBnIJ--invalid) .ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:hover:not(.ds-radio-button__oSBnIJ--disabled):not(.ds-radio-button__oSBnIJ--invalid) .ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:hover:not(.ds-radio-button__oSBnIJ--disabled):not(.ds-radio-button__oSBnIJ--invalid) .ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:active:not(.ds-radio-button__oSBnIJ--disabled):not(.ds-radio-button__oSBnIJ--invalid) .ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:active:not(.ds-radio-button__oSBnIJ--disabled):not(.ds-radio-button__oSBnIJ--invalid) .ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:active:not(.ds-radio-button__oSBnIJ--disabled):not(.ds-radio-button__oSBnIJ--invalid) .ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__oSBnIJ--disabled.sc-ds-radio-button .ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__oSBnIJ--disabled.sc-ds-radio-button .ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__oSBnIJ--disabled.sc-ds-radio-button .ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button .ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button .ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button .ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__oSBnIJ--disabled) .ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__oSBnIJ--disabled) .ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__oSBnIJ--disabled) .ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button:active:not(.ds-radio-button__oSBnIJ--disabled) .ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button:active:not(.ds-radio-button__oSBnIJ--disabled) .ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button:active:not(.ds-radio-button__oSBnIJ--disabled) .ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__oSBnIJ-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__oSBnIJ-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button__oSBnIJ-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}";
+const dsRadioButtonCss = () => `.ds-radio-button__SPFJ1E.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__SPFJ1E--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__SPFJ1E__icon.sc-ds-radio-button{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0.5)}.ds-radio-button__SPFJ1E__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__SPFJ1E__text.sc-ds-radio-button{margin-top:10px;padding-right:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:hover:not(.ds-radio-button__SPFJ1E--disabled):not(.ds-radio-button__SPFJ1E--invalid) .ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:hover:not(.ds-radio-button__SPFJ1E--disabled):not(.ds-radio-button__SPFJ1E--invalid) .ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:hover:not(.ds-radio-button__SPFJ1E--disabled):not(.ds-radio-button__SPFJ1E--invalid) .ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:active:not(.ds-radio-button__SPFJ1E--disabled):not(.ds-radio-button__SPFJ1E--invalid) .ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:active:not(.ds-radio-button__SPFJ1E--disabled):not(.ds-radio-button__SPFJ1E--invalid) .ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__SPFJ1E.sc-ds-radio-button:active:not(.ds-radio-button__SPFJ1E--disabled):not(.ds-radio-button__SPFJ1E--invalid) .ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__SPFJ1E--disabled.sc-ds-radio-button .ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__SPFJ1E--disabled.sc-ds-radio-button .ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__SPFJ1E--disabled.sc-ds-radio-button .ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button .ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button .ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button .ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__SPFJ1E--disabled) .ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__SPFJ1E--disabled) .ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__SPFJ1E--disabled) .ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button:active:not(.ds-radio-button__SPFJ1E--disabled) .ds-radio-button__SPFJ1E__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button:active:not(.ds-radio-button__SPFJ1E--disabled) .ds-radio-button__SPFJ1E__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__SPFJ1E--invalid.sc-ds-radio-button:active:not(.ds-radio-button__SPFJ1E--disabled) .ds-radio-button__SPFJ1E__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__SPFJ1E-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__SPFJ1E-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button__SPFJ1E-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}`;
 
 const radioButtonIdGenerator = utils.idGenerator('ds-radio-button');
 const DsRadioButton = class extends index.Mixin(ariaDeprecationFactory.ariaDeprecationFactory, disableEventsFactory.disableEventsFactory) {
     constructor(hostRef) {
         super();
         index.registerInstance(this, hostRef);
-        this.dsChange = index.createEvent(this, "dsChange");
-        this.dsCheck = index.createEvent(this, "dsCheck");
-        this.dsFocus = index.createEvent(this, "dsFocus");
-        this.dsBlur = index.createEvent(this, "dsBlur");
-        this.dsSubmitInvalid = index.createEvent(this, "dsSubmitInvalid");
-        this.dsValidity = index.createEvent(this, "dsValidity");
+        this.dsChange = index.createEvent(this, "dsChange", 7);
+        this.dsCheck = index.createEvent(this, "dsCheck", 7);
+        this.dsFocus = index.createEvent(this, "dsFocus", 7);
+        this.dsBlur = index.createEvent(this, "dsBlur", 7);
+        this.dsSubmitInvalid = index.createEvent(this, "dsSubmitInvalid", 7);
+        this.dsValidity = index.createEvent(this, "dsValidity", 7);
     }
     dsAriaLabel;
     dsAriaDescribedby;
@@ -212,7 +212,7 @@ const DsRadioButton = class extends index.Mixin(ariaDeprecationFactory.ariaDepre
         const ariaLabel = this.dsAriaLabel ?? attrAriaLabel;
         const ariaDescribedby = this.dsAriaDescribedby ?? attrAriaDescribedby;
         const ariaInvalid = this.dsErrorText ? 'true' : this.inheritedAttributes['aria-invalid'];
-        return (index.h(index.Fragment, null, index.h("div", null, index.h("label", { class: classes }, index.h(DsVisuallyHidden, null, index.h("input", { ref: ref => (this.inputElement = ref), type: "radio", class: inputClasses, id: this.dsId, name: this.dsName, form: this.dsForm, value: this.dsValue, disabled: this.dsDisabled, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, checked: this.dsChecked, tabIndex: tabindex, required: this.dsRequired, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, ...restAttributes })), this.renderRadioIcon(baseClass), index.h("span", { class: textClasses }, index.h("slot", null, this.dsText)))), !this.dsErrorsDisabled && (index.h("slot", { name: "validity" }, index.h("div", { class: `${baseClass}__validity` }, index.h(DsInputValidity, { id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" }))))));
+        return (index.h(index.Fragment, null, index.h("div", null, index.h("label", { class: classes }, index.h(DsVisuallyHidden, null, index.h("input", { ref: ref => (this.inputElement = ref), type: "radio", class: inputClasses, id: this.dsId, name: this.dsName, form: this.dsForm, value: this.dsValue, disabled: this.dsDisabled, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, checked: this.dsChecked, tabIndex: tabindex, required: this.dsRequired, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-invalid": ariaInvalid, ...restAttributes })), this.renderRadioIcon(baseClass), index.h("span", { class: textClasses }, index.h("slot", null, this.dsText)))), !this.dsErrorsDisabled && (index.h("slot", { name: "validity" }, index.h("div", { class: `${baseClass}__validity` }, index.h(DsInputValidity, { id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" }))))));
     }
     renderFieldset(baseClass) {
         const fieldsetClasses = index$1.classNames(`${baseClass}-fieldset`);
@@ -230,12 +230,18 @@ const DsRadioButton = class extends index.Mixin(ariaDeprecationFactory.ariaDepre
     }
     static get formAssociated() { return true; }
     static get watchers() { return {
-        "dsChecked": ["dsCheckedObserver"],
-        "aria-label": ["ariaAttributeObserver"],
-        "aria-describedby": ["ariaAttributeObserver"]
+        "dsChecked": [{
+                "dsCheckedObserver": 0
+            }],
+        "aria-label": [{
+                "ariaAttributeObserver": 0
+            }],
+        "aria-describedby": [{
+                "ariaAttributeObserver": 0
+            }]
     }; }
 };
 utils.declareComponentDependencies([index.h("ds-visually-hidden", null), index.h("ds-input-validity", null)]);
-DsRadioButton.style = dsRadioButtonCss;
+DsRadioButton.style = dsRadioButtonCss();
 
 exports.ds_radio_button = DsRadioButton;