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

@uh-design-system/component-library 1.5.2-rc.0 → 1.5.2-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 (1947) hide show

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

@@ -1,16 +1,16 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, f as forceUpdate, H as Host } from './index-CooQbSxe.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, f as forceUpdate, H as Host } from './index-D_ut7INJ.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, c as componentOnReady, a as debounce, i as ifDefined, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { c as cx } from './cx-DXV-q3iL.js';
+import { c as cx } from './cx-Zg0uXZCP.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
 import { S as SCRIM_HEIGHT, F as FEEDBACK_RESET_TIMEOUT } from './constants-CLNvzo86.js';
-import { m as multiselectable, 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-CyKca018.js';
-import { c as componentFactory } from './componentFactory-B9vhYQjA.js';
-import { m as multipleValueFactory } from './multipleValueFactory-z-Iw15aF.js';
-import { d as disableEventsFactory } from './disableEventsFactory-D5btmZkj.js';
-import './store-CwvEVFVT.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-BoSkytI_.js';
+import { c as componentFactory } from './componentFactory-C0IsUSzH.js';
+import { m as multipleValueFactory } from './multipleValueFactory-CRjd71kC.js';
+import { d as disableEventsFactory } from './disableEventsFactory-CDKs_RuX.js';
+import './store-Cwb-vuk0.js';
-const dsOptionsCss = () => `.ds-options__b8qnxH__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__b8qnxH.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__b8qnxH.sc-ds-options:focus{outline:none}.ds-options__b8qnxH__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__b8qnxH__top-scrim.sc-ds-options,.ds-options__b8qnxH__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__b8qnxH__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__b8qnxH__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__b8qnxH.has-top-scrim.sc-ds-options .ds-options__b8qnxH__top-scrim.sc-ds-options{display:block}.ds-options__b8qnxH.has-bottom-scrim.sc-ds-options .ds-options__b8qnxH__bottom-scrim.sc-ds-options{display:block}.ds-options__b8qnxH.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__b8qnxH.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}`;
+const dsOptionsCss = () => `.ds-options__m9sbXh__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__m9sbXh.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__m9sbXh.sc-ds-options:focus{outline:none}.ds-options__m9sbXh__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__m9sbXh__top-scrim.sc-ds-options,.ds-options__m9sbXh__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__m9sbXh__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__m9sbXh__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__m9sbXh.has-top-scrim.sc-ds-options .ds-options__m9sbXh__top-scrim.sc-ds-options{display:block}.ds-options__m9sbXh.has-bottom-scrim.sc-ds-options .ds-options__m9sbXh__bottom-scrim.sc-ds-options{display:block}.ds-options__m9sbXh.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__m9sbXh.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) {
@@ -155,7 +155,7 @@ const DsOptions = class extends Mixin(componentFactory('ds-options')) {
 };
 DsOptions.style = dsOptionsCss();
-const dsSelectCss = () => `.sc-ds-select-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){:not(:has(.ds-select__b8qnxH--full-width)).sc-ds-select-h{width:var(--ds-select-wide-width, 20rem)}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__b8qnxH-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__b8qnxH-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__b8qnxH-custom-wrapper.sc-ds-select{position:relative}.ds-select__b8qnxH-custom.sc-ds-select .ds-options__b8qnxH.sc-ds-select{display:block}.ds-select__b8qnxH-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__b8qnxH-custom-input-container.sc-ds-select:has(.ds-select__b8qnxH-custom__clear-button:hover) .ds-select__b8qnxH-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__b8qnxH-custom.sc-ds-select:not(.ds-select__b8qnxH-custom--open,.ds-select__b8qnxH-custom--invalid.sc-ds-select,.ds-select__b8qnxH-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__b8qnxH-custom.sc-ds-select:active:not(.ds-select__b8qnxH-custom--open,.ds-select__b8qnxH-custom--invalid.sc-ds-select,.ds-select__b8qnxH-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__b8qnxH-custom--open.sc-ds-select,.ds-select__b8qnxH-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__b8qnxH-custom--open.sc-ds-select:not(.ds-select__b8qnxH-custom--open--invalid,.ds-select__b8qnxH-custom.sc-ds-select:focus-visible--invalid),.ds-select__b8qnxH-custom.sc-ds-select:focus-visible:not(.ds-select__b8qnxH-custom--open--invalid,.ds-select__b8qnxH-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__b8qnxH-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__b8qnxH-custom--disabled.sc-ds-select .ds-select__b8qnxH-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__b8qnxH-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__b8qnxH-custom--invalid.sc-ds-select:not(.ds-select__b8qnxH-custom--invalid--open,.ds-select__b8qnxH-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__b8qnxH-custom--invalid.sc-ds-select:not(.ds-select__b8qnxH-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__b8qnxH-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__b8qnxH-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__b8qnxH-custom--has-icon.sc-ds-select .ds-select__b8qnxH-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__b8qnxH-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__b8qnxH-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__b8qnxH-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__b8qnxH-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__b8qnxH-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__b8qnxH-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__b8qnxH-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__b8qnxH-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__b8qnxH-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__b8qnxH-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__b8qnxH-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__b8qnxH-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__b8qnxH-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__b8qnxH-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__b8qnxH-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__b8qnxH-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__b8qnxH-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__b8qnxH-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__b8qnxH-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__b8qnxH-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__b8qnxH-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__b8qnxH-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__b8qnxH-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:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){:not(:has(.ds-select__m9sbXh--full-width)).sc-ds-select-h{width:var(--ds-select-wide-width, 20rem)}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__m9sbXh-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__m9sbXh-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__m9sbXh-custom-wrapper.sc-ds-select{position:relative}.ds-select__m9sbXh-custom.sc-ds-select .ds-options__m9sbXh.sc-ds-select{display:block}.ds-select__m9sbXh-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__m9sbXh-custom-input-container.sc-ds-select:has(.ds-select__m9sbXh-custom__clear-button:hover) .ds-select__m9sbXh-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__m9sbXh-custom.sc-ds-select:not(.ds-select__m9sbXh-custom--open,.ds-select__m9sbXh-custom--invalid.sc-ds-select,.ds-select__m9sbXh-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__m9sbXh-custom.sc-ds-select:active:not(.ds-select__m9sbXh-custom--open,.ds-select__m9sbXh-custom--invalid.sc-ds-select,.ds-select__m9sbXh-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__m9sbXh-custom--open.sc-ds-select,.ds-select__m9sbXh-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__m9sbXh-custom--open.sc-ds-select:not(.ds-select__m9sbXh-custom--open--invalid,.ds-select__m9sbXh-custom.sc-ds-select:focus-visible--invalid),.ds-select__m9sbXh-custom.sc-ds-select:focus-visible:not(.ds-select__m9sbXh-custom--open--invalid,.ds-select__m9sbXh-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__m9sbXh-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__m9sbXh-custom--disabled.sc-ds-select .ds-select__m9sbXh-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__m9sbXh-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__m9sbXh-custom--invalid.sc-ds-select:not(.ds-select__m9sbXh-custom--invalid--open,.ds-select__m9sbXh-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__m9sbXh-custom--invalid.sc-ds-select:not(.ds-select__m9sbXh-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__m9sbXh-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__m9sbXh-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__m9sbXh-custom--has-icon.sc-ds-select .ds-select__m9sbXh-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__m9sbXh-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__m9sbXh-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__m9sbXh-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__m9sbXh-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__m9sbXh-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__m9sbXh-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__m9sbXh-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__m9sbXh-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__m9sbXh-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__m9sbXh-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__m9sbXh-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__m9sbXh-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__m9sbXh-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__m9sbXh-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__m9sbXh-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__m9sbXh-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__m9sbXh-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__m9sbXh-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__m9sbXh-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__m9sbXh-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__m9sbXh-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__m9sbXh-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__m9sbXh-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,
@@ -264,7 +264,7 @@ const DsSelect = class extends Mixin(componentFactory('ds-select', { stopRootTra
         }
     }
     componentWillLoad() {
-        this.setDisableEventEmits(true);
+        this._setDisableEventEmits(true);
         this.inheritedAttributes = {
             ...inheritAttributes(this, this.el),
             ...inheritAriaAttributes(this.el, this.isNative
@@ -331,7 +331,7 @@ const DsSelect = class extends Mixin(componentFactory('ds-select', { stopRootTra
     async handleOptionClick(option) {
         if (!option || option.dsDisabled)
             return;
-        this.setDisableEventEmits(false);
+        this._setDisableEventEmits(false);
         if (this.inValue(option.dsValue) && this.isMultiple) {
             this.value = this.withoutValue(option.dsValue);
         }
@@ -357,7 +357,7 @@ const DsSelect = class extends Mixin(componentFactory('ds-select', { stopRootTra
         if (this.dsDisabled)
             return;
         this.activeIndex = null;
-        this.setDisableEventEmits(false);
+        this._setDisableEventEmits(false);
         this.value = this.toValue(null);
         this.isOpen = false;
         (this.customSelectRef || this.nativeSelectRef)?.focus();
@@ -427,7 +427,7 @@ const DsSelect = class extends Mixin(componentFactory('ds-select', { stopRootTra
         oldValue?.forEach(opt => (opt.dsSelected = false));
         newValue.forEach(opt => (opt.dsSelected = true));
         const shouldEmit = this.getShouldEmit([hasChanged]);
-        this.setDisableEventEmits(true);
+        this._setDisableEventEmits(true);
         if (shouldEmit) {
             this.dsMultipleChange.emit({ values: newValues, added: addedValues, removed: removedValues });
             this.dsChange.emit(newValues[0] || null);
@@ -576,7 +576,7 @@ const DsSelect = class extends Mixin(componentFactory('ds-select', { stopRootTra
     }
     render() {
         const baseClass = cx('ds-select');
-        return (h(Host, { key: '65c5f49df7f308aeec6e1fe553de5652c4004030', ...ifDefined('name', this.isNative ? undefined : this.dsName) }, h("div", { key: 'b22af40d055e22d5e6712f76d04cecc6423877a9', tabIndex: this.isNative ? undefined : -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
+        return (h(Host, { key: '3c2dd72616c0c522d4c8bc90e24049fdbba9ba51', ...ifDefined('name', this.isNative ? undefined : this.dsName) }, h("div", { key: 'b9c1004ca24fe0735b18f41a376c37d8c4b431d7', 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-CooQbSxe.js';
-import { c as cx } from './cx-DXV-q3iL.js';
-import { p as paginationFactory } from './paginationFactory-NxMxcvW_.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-D_ut7INJ.js';
+import { c as cx } from './cx-Zg0uXZCP.js';
+import { p as paginationFactory } from './paginationFactory-ysYAnN-H.js';
 import './paginationContext-BTvEDwAJ.js';
 import './utils-BGPSuOgq.js';
-const dsPaginationEllipsisCss = () => `.sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__b8qnxH.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__m9sbXh.sc-ds-pagination-ellipsis{min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-textColor-default);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));align-content:center;text-align:center;user-select:none}`;
 const DsPaginationEllipsis = class extends Mixin(paginationFactory) {
     constructor(hostRef) {

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

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-CooQbSxe.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-D_ut7INJ.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-DXV-q3iL.js';
+import { c as cx } from './cx-Zg0uXZCP.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { p as paginationFactory } from './paginationFactory-NxMxcvW_.js';
+import { p as paginationFactory } from './paginationFactory-ysYAnN-H.js';
 import './paginationContext-BTvEDwAJ.js';
-const dsPaginationItemCss = () => `.ds-pagination-item__b8qnxH.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__b8qnxH--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__b8qnxH--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__b8qnxH--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}`;
+const dsPaginationItemCss = () => `.ds-pagination-item__m9sbXh.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__m9sbXh--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__m9sbXh--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__m9sbXh--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}`;
 const DsPaginationItem = class extends Mixin(paginationFactory) {
     constructor(hostRef) {

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

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-CooQbSxe.js';
+import { M as Mixin, r as registerInstance, e as getElement, h, H as Host } from './index-D_ut7INJ.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-DXV-q3iL.js';
+import { c as cx } from './cx-Zg0uXZCP.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { p as paginationFactory } from './paginationFactory-NxMxcvW_.js';
+import { p as paginationFactory } from './paginationFactory-ysYAnN-H.js';
 import './paginationContext-BTvEDwAJ.js';
-const dsPaginationPageCss = () => `.sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__b8qnxH.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__b8qnxH--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__m9sbXh.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__m9sbXh--current.sc-ds-pagination-page{pointer-events:none;--ds-link-cta-bg-color:var(--ds-bgColor-primary);--ds-link-cta-text-color:var(--ds-textColor-white)}`;
 const DsPaginationPage = class extends Mixin(paginationFactory) {
     constructor(hostRef) {

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

@@ -1,14 +1,14 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-CooQbSxe.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-D_ut7INJ.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-DXV-q3iL.js';
-import { p as ellipsis } from './controlUtils-CyKca018.js';
-import { a as currentPage, g as goToNextPage, b as goToPreviousPage, d as goToLastPage, e as goToFirstPage, n as nextPage, p as previousPage, l as lastPage, f as firstPage, h as pagination } from './paginationUtils-BaQxV5Gi.js';
+import { c as cx } from './cx-Zg0uXZCP.js';
+import { p as ellipsis } from './controlUtils-BoSkytI_.js';
+import { a as currentPage, g as goToNextPage, b as goToPreviousPage, d as goToLastPage, e as goToFirstPage, n as nextPage, p as previousPage, l as lastPage, f as firstPage, h as pagination } from './paginationUtils-DjVgQlxY.js';
 import { s as storePaginationContext, p as providePaginationContextToSlots } from './paginationContext-BTvEDwAJ.js';
-import { c as componentFactory } from './componentFactory-B9vhYQjA.js';
-import './store-CwvEVFVT.js';
+import { c as componentFactory } from './componentFactory-C0IsUSzH.js';
+import './store-Cwb-vuk0.js';
 import './utils-BGPSuOgq.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__b8qnxH{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__b8qnxH__compact slot,.ds-pagination__b8qnxH__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__b8qnxH--compact .ds-pagination__b8qnxH__compact,.ds-pagination__b8qnxH--auto .ds-pagination__b8qnxH__compact{width:100%}@media (min-width: 30rem){.ds-pagination__b8qnxH--compact .ds-pagination__b8qnxH__compact,.ds-pagination__b8qnxH--auto .ds-pagination__b8qnxH__compact{width:auto}}.ds-pagination__b8qnxH--compact .ds-pagination__b8qnxH__compact slot,.ds-pagination__b8qnxH--auto .ds-pagination__b8qnxH__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__b8qnxH ::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__b8qnxH--compact .ds-pagination__b8qnxH__full{display:none}.ds-pagination__b8qnxH--full .ds-pagination__b8qnxH__compact{display:none}.ds-pagination__b8qnxH--auto .ds-pagination__b8qnxH__full{display:none}@media (min-width: 60rem){.ds-pagination__b8qnxH--auto .ds-pagination__b8qnxH__full{display:contents}.ds-pagination__b8qnxH--auto .ds-pagination__b8qnxH__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__m9sbXh{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__m9sbXh__compact slot,.ds-pagination__m9sbXh__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__m9sbXh--compact .ds-pagination__m9sbXh__compact,.ds-pagination__m9sbXh--auto .ds-pagination__m9sbXh__compact{width:100%}@media (min-width: 30rem){.ds-pagination__m9sbXh--compact .ds-pagination__m9sbXh__compact,.ds-pagination__m9sbXh--auto .ds-pagination__m9sbXh__compact{width:auto}}.ds-pagination__m9sbXh--compact .ds-pagination__m9sbXh__compact slot,.ds-pagination__m9sbXh--auto .ds-pagination__m9sbXh__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__m9sbXh ::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__m9sbXh--compact .ds-pagination__m9sbXh__full{display:none}.ds-pagination__m9sbXh--full .ds-pagination__m9sbXh__compact{display:none}.ds-pagination__m9sbXh--auto .ds-pagination__m9sbXh__full{display:none}@media (min-width: 60rem){.ds-pagination__m9sbXh--auto .ds-pagination__m9sbXh__full{display:contents}.ds-pagination__m9sbXh--auto .ds-pagination__m9sbXh__compact{display:none}}`;
 const DsPagination = class extends Mixin(componentFactory('ds-pagination', { stopRootTracking: true })) {
     constructor(hostRef) {

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-CooQbSxe.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, H as Host } from './index-D_ut7INJ.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { d as disableEventsFactory } from './disableEventsFactory-D5btmZkj.js';
+import { d as disableEventsFactory } from './disableEventsFactory-CDKs_RuX.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { g as getRequiredText, b as atLeastOneOption } from './controlUtils-CyKca018.js';
-import { c as cx } from './cx-DXV-q3iL.js';
-import { c as componentFactory } from './componentFactory-B9vhYQjA.js';
-import './store-CwvEVFVT.js';
+import { g as getRequiredText, b as atLeastOneOption } from './controlUtils-BoSkytI_.js';
+import { c as cx } from './cx-Zg0uXZCP.js';
+import { c as componentFactory } from './componentFactory-C0IsUSzH.js';
+import './store-Cwb-vuk0.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__b8qnxH.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__b8qnxH__radio-buttons-slot.sc-ds-radio-button-group{display:inline-flex;flex-direction:column}.ds-radio-button-group__b8qnxH__radio-buttons-slot--horizontal.sc-ds-radio-button-group{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__b8qnxH__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__b8qnxH__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__m9sbXh.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__m9sbXh__radio-buttons-slot.sc-ds-radio-button-group{display:inline-flex;flex-direction:column}.ds-radio-button-group__m9sbXh__radio-buttons-slot--horizontal.sc-ds-radio-button-group{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__m9sbXh__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__m9sbXh__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) {
@@ -150,7 +150,7 @@ const DsRadioButtonGroup = class extends Mixin(componentFactory('ds-radio-button
             ...inheritAriaAttributes(this.el, ['aria-labelledby']),
         };
         this.updateFocusableRadioButton();
-        this.setDisableEventEmits(true);
+        this._setDisableEventEmits(true);
     }
     componentDidLoad() {
         this.componentMounted();
@@ -178,7 +178,7 @@ const DsRadioButtonGroup = class extends Mixin(componentFactory('ds-radio-button
     dsValueObserver(value) {
         this.dsRadioButtonGroupValueChange.emit(value);
         const shouldEmit = this.getShouldEmit();
-        this.setDisableEventEmits(true);
+        this._setDisableEventEmits(true);
         if (shouldEmit) {
             this.dsChange.emit({ value });
         }
@@ -209,7 +209,7 @@ const DsRadioButtonGroup = class extends Mixin(componentFactory('ds-radio-button
     handleDsCheck(e) {
         e.stopPropagation();
         const targetElem = e.target;
-        this.setDisableEventEmits(false);
+        this._setDisableEventEmits(false);
         this.dsValue = targetElem.dsValue;
         this.dsRadioButtonGroupValueChange.emit(this.dsValue);
         this.updateFocusableRadioButton();
@@ -224,7 +224,7 @@ const DsRadioButtonGroup = class extends Mixin(componentFactory('ds-radio-button
             }
         }, 0);
     }
-    handleKeyDown(e) {
+    async handleKeyDown(e) {
         if (!['ArrowUp', 'ArrowLeft', 'ArrowDown', 'ArrowRight'].includes(e.key)) {
             return;
         }
@@ -244,6 +244,7 @@ const DsRadioButtonGroup = class extends Mixin(componentFactory('ds-radio-button
         }
         const nextElem = radios[nextIndex];
         nextElem.setFocus();
+        await nextElem.setDisableEventEmits(false);
         nextElem.setChecked();
     }
     render() {
@@ -256,7 +257,7 @@ const DsRadioButtonGroup = class extends Mixin(componentFactory('ds-radio-button
         });
         const errorClasses = classNames(`${baseClass}__error`);
         const DsInputValidity = transformTagName('ds-input-validity', 'ds-radio-button-group', this.el);
-        return (h(Host, { key: 'cb2e9dd3554c7f1ddc1afc4b0dfbdcf7d56890dc', "data-invalid": !!this.dsErrorText || undefined }, h("fieldset", { key: 'b141e2b81b6ac86d5839ac6f1f7a75ad6aab8193', id: this.fieldsetId, class: classes, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, h("legend", { key: '9de4c208dd43bc19665e37fff59cb9df488e987e', id: this.legendId, class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (h("small", { key: 'ba3ecad81df1d155167ad66f386b62bc39df92b6', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), h("div", { key: '25fb61adfde34813c1bd16d26bbc2de801532359', class: radioButtonsSlotClasses }, h("slot", { key: '516a172a9e0c88c2f2bf4aee34bf78ea153e2f05' })), h("div", { key: 'cbfbff37bd34f591abdf049f942b19fe3f1dd238', class: errorClasses }, h(DsInputValidity, { key: '102fbc9a855f2b7f44ea804181afff1ffea58146', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" })))));
+        return (h(Host, { key: '492bdd624d08b1a3f74ed610296b0a8401f8479b', "data-invalid": !!this.dsErrorText || undefined }, h("fieldset", { key: 'dc95e240361d7e3539588660fe87d34053fee1e6', id: this.fieldsetId, class: classes, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, h("legend", { key: '5deb758f5a4e5adb4a2a50f357c5759e51ece66a', id: this.legendId, class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (h("small", { key: 'b384fbf9b8591844f01b4df44066f1de199a2d79', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), h("div", { key: '226a55d6f44e882e7a0bdf61b10fdc572a1518c1', class: radioButtonsSlotClasses }, h("slot", { key: '5de33b42d3ec92dfe1d43d43e952a679a4a4df4d' })), h("div", { key: '9cfe8b0934aebfb930883987c06e978b3650306c', class: errorClasses }, h(DsInputValidity, { key: '2434f28ca9d1c80bc6d489c719f03131869e0f7e', 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-CooQbSxe.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, f as forceUpdate, h, F as Fragment } from './index-D_ut7INJ.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { v as validityMessage, g as getRequiredText } from './controlUtils-CyKca018.js';
+import { v as validityMessage, g as getRequiredText } from './controlUtils-BoSkytI_.js';
 import { t as transformTagName, i as ifDefined, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { c as cx } from './cx-DXV-q3iL.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-CVIjxfQX.js';
-import { d as disableEventsFactory } from './disableEventsFactory-D5btmZkj.js';
-import { c as componentFactory } from './componentFactory-B9vhYQjA.js';
-import './store-CwvEVFVT.js';
+import { c as cx } from './cx-Zg0uXZCP.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DrG5p_uT.js';
+import { d as disableEventsFactory } from './disableEventsFactory-CDKs_RuX.js';
+import { c as componentFactory } from './componentFactory-C0IsUSzH.js';
+import './store-Cwb-vuk0.js';
-const dsRadioButtonCss = () => `.ds-radio-button__b8qnxH.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__b8qnxH--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__b8qnxH.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__b8qnxH__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__b8qnxH__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__b8qnxH__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__b8qnxH__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__b8qnxH__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__b8qnxH__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__b8qnxH.sc-ds-radio-button:hover:not(.ds-radio-button__b8qnxH--disabled):not(.ds-radio-button__b8qnxH--invalid) .ds-radio-button__b8qnxH__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__b8qnxH.sc-ds-radio-button:hover:not(.ds-radio-button__b8qnxH--disabled):not(.ds-radio-button__b8qnxH--invalid) .ds-radio-button__b8qnxH__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__b8qnxH.sc-ds-radio-button:hover:not(.ds-radio-button__b8qnxH--disabled):not(.ds-radio-button__b8qnxH--invalid) .ds-radio-button__b8qnxH__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__b8qnxH.sc-ds-radio-button:active:not(.ds-radio-button__b8qnxH--disabled):not(.ds-radio-button__b8qnxH--invalid) .ds-radio-button__b8qnxH__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__b8qnxH.sc-ds-radio-button:active:not(.ds-radio-button__b8qnxH--disabled):not(.ds-radio-button__b8qnxH--invalid) .ds-radio-button__b8qnxH__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__b8qnxH.sc-ds-radio-button:active:not(.ds-radio-button__b8qnxH--disabled):not(.ds-radio-button__b8qnxH--invalid) .ds-radio-button__b8qnxH__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__b8qnxH--disabled.sc-ds-radio-button .ds-radio-button__b8qnxH__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__b8qnxH--disabled.sc-ds-radio-button .ds-radio-button__b8qnxH__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__b8qnxH--disabled.sc-ds-radio-button .ds-radio-button__b8qnxH__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__b8qnxH--invalid.sc-ds-radio-button .ds-radio-button__b8qnxH__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__b8qnxH--invalid.sc-ds-radio-button .ds-radio-button__b8qnxH__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__b8qnxH--invalid.sc-ds-radio-button .ds-radio-button__b8qnxH__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__b8qnxH--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__b8qnxH--disabled) .ds-radio-button__b8qnxH__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__b8qnxH--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__b8qnxH--disabled) .ds-radio-button__b8qnxH__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__b8qnxH--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__b8qnxH--disabled) .ds-radio-button__b8qnxH__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__b8qnxH--invalid.sc-ds-radio-button:active:not(.ds-radio-button__b8qnxH--disabled) .ds-radio-button__b8qnxH__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__b8qnxH--invalid.sc-ds-radio-button:active:not(.ds-radio-button__b8qnxH--disabled) .ds-radio-button__b8qnxH__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__b8qnxH--invalid.sc-ds-radio-button:active:not(.ds-radio-button__b8qnxH--disabled) .ds-radio-button__b8qnxH__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__b8qnxH-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__b8qnxH-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__b8qnxH-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__m9sbXh.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__m9sbXh--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__m9sbXh.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__m9sbXh__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__m9sbXh__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__m9sbXh__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__m9sbXh__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__m9sbXh__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__m9sbXh__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__m9sbXh.sc-ds-radio-button:hover:not(.ds-radio-button__m9sbXh--disabled):not(.ds-radio-button__m9sbXh--invalid) .ds-radio-button__m9sbXh__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__m9sbXh.sc-ds-radio-button:hover:not(.ds-radio-button__m9sbXh--disabled):not(.ds-radio-button__m9sbXh--invalid) .ds-radio-button__m9sbXh__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__m9sbXh.sc-ds-radio-button:hover:not(.ds-radio-button__m9sbXh--disabled):not(.ds-radio-button__m9sbXh--invalid) .ds-radio-button__m9sbXh__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__m9sbXh.sc-ds-radio-button:active:not(.ds-radio-button__m9sbXh--disabled):not(.ds-radio-button__m9sbXh--invalid) .ds-radio-button__m9sbXh__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__m9sbXh.sc-ds-radio-button:active:not(.ds-radio-button__m9sbXh--disabled):not(.ds-radio-button__m9sbXh--invalid) .ds-radio-button__m9sbXh__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__m9sbXh.sc-ds-radio-button:active:not(.ds-radio-button__m9sbXh--disabled):not(.ds-radio-button__m9sbXh--invalid) .ds-radio-button__m9sbXh__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__m9sbXh--disabled.sc-ds-radio-button .ds-radio-button__m9sbXh__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__m9sbXh--disabled.sc-ds-radio-button .ds-radio-button__m9sbXh__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__m9sbXh--disabled.sc-ds-radio-button .ds-radio-button__m9sbXh__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__m9sbXh--invalid.sc-ds-radio-button .ds-radio-button__m9sbXh__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__m9sbXh--invalid.sc-ds-radio-button .ds-radio-button__m9sbXh__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__m9sbXh--invalid.sc-ds-radio-button .ds-radio-button__m9sbXh__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__m9sbXh--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__m9sbXh--disabled) .ds-radio-button__m9sbXh__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__m9sbXh--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__m9sbXh--disabled) .ds-radio-button__m9sbXh__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__m9sbXh--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__m9sbXh--disabled) .ds-radio-button__m9sbXh__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__m9sbXh--invalid.sc-ds-radio-button:active:not(.ds-radio-button__m9sbXh--disabled) .ds-radio-button__m9sbXh__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__m9sbXh--invalid.sc-ds-radio-button:active:not(.ds-radio-button__m9sbXh--disabled) .ds-radio-button__m9sbXh__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__m9sbXh--invalid.sc-ds-radio-button:active:not(.ds-radio-button__m9sbXh--disabled) .ds-radio-button__m9sbXh__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__m9sbXh-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__m9sbXh-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__m9sbXh-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) {
@@ -75,7 +75,7 @@ const DsRadioButton = class extends Mixin(componentFactory('ds-radio-button'), a
     }
     dsCheckedObserver(isChecked) {
         const shouldEmit = this.getShouldEmit();
-        this.setDisableEventEmits(true);
+        this._setDisableEventEmits(true);
         if (shouldEmit) {
             this.dsChange.emit({ checked: isChecked, value: this.dsValue });
         }
@@ -108,7 +108,7 @@ const DsRadioButton = class extends Mixin(componentFactory('ds-radio-button'), a
             ...inheritAriaAttributes(this.el, ['aria-invalid']),
         };
         this.initialChecked = this.dsChecked;
-        this.setDisableEventEmits(true);
+        this._setDisableEventEmits(true);
     }
     componentDidLoad() {
         this.componentMounted();
@@ -165,7 +165,7 @@ const DsRadioButton = class extends Mixin(componentFactory('ds-radio-button'), a
         this.dsErrorText = e.detail;
     };
     handleInput = () => {
-        this.setDisableEventEmits(false);
+        this._setDisableEventEmits(false);
         this.setChecked();
     };
     handleFocus = () => {

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-CooQbSxe.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-D_ut7INJ.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { c as inheritSpecifiedAttributes, b as inheritAriaAttributes } from './attributes-DfbgRyXR.js';
 import { b as idGenerator, t as transformTagName, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { c as cx } from './cx-DXV-q3iL.js';
-import { v as visuallyHiddenAssistiveText } from './linkUtils-CYoNbaMC.js';
-import { g as getLanguage, o as onChange } from './store-CwvEVFVT.js';
+import { c as cx } from './cx-Zg0uXZCP.js';
+import { v as visuallyHiddenAssistiveText } from './linkUtils-COKAyJVy.js';
+import { g as getLanguage, o as onChange } from './store-Cwb-vuk0.js';
 import { a as appData } from './data-gPkqWfeS.js';
-import { c as componentFactory } from './componentFactory-B9vhYQjA.js';
+import { c as componentFactory } from './componentFactory-C0IsUSzH.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__b8qnxH{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-ribbon__b8qnxH__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__b8qnxH__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__b8qnxH__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__b8qnxH__container{grid-template-columns:auto auto}}.ds-ribbon__b8qnxH__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__b8qnxH__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__b8qnxH__mobile-toggle{display:none}}.ds-ribbon__b8qnxH__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__b8qnxH__drawer-backdrop{display:none}}.ds-ribbon__b8qnxH--drawer-open .ds-ribbon__b8qnxH__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__b8qnxH__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__b8qnxH__drawer-backdrop,.ds-ribbon__b8qnxH--drawer-open .ds-ribbon__b8qnxH__container .ds-ribbon__b8qnxH__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__b8qnxH--drawer-clicked .ds-ribbon__b8qnxH__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__b8qnxH--drawer-open .ds-ribbon__b8qnxH__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__b8qnxH__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__b8qnxH__desktop-nav{display:block}}.ds-ribbon__b8qnxH__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__b8qnxH__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__b8qnxH__desktop-link{font-size:var(--ds-fontSize-12);white-space:nowrap}.ds-ribbon__b8qnxH__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__b8qnxH__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__b8qnxH__desktop-badge>* span{font-size:var(--ds-fontSize-12);line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__b8qnxH__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__b8qnxH__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__b8qnxH--drawer-open .ds-ribbon__b8qnxH__drawer{transform:translateX(0%)}.ds-ribbon__b8qnxH__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__b8qnxH__drawer-header{display:none}}.ds-ribbon__b8qnxH__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__b8qnxH__drawer-branding{max-width:unset}}.ds-ribbon__b8qnxH__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__b8qnxH__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__b8qnxH__drawer-nav{padding:0}}.ds-ribbon__b8qnxH__top-scrim,.ds-ribbon__b8qnxH__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__b8qnxH__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__b8qnxH__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__b8qnxH__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__b8qnxH__bottom-scrim{display:block}.ds-ribbon__b8qnxH__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__b8qnxH__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__b8qnxH__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__b8qnxH__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__b8qnxH__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__b8qnxH__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__b8qnxH__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__b8qnxH__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__b8qnxH__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__b8qnxH__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__b8qnxH__drawer-badge>* span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__b8qnxH--drawer-open) .ds-ribbon__b8qnxH__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__b8qnxH--drawer-open) .ds-ribbon__b8qnxH__drawer-backdrop{display:block}}:host(.ds-ribbon__b8qnxH--drawer-open) .ds-ribbon__b8qnxH__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__b8qnxH--drawer-open) .ds-ribbon__b8qnxH__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__m9sbXh{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-ribbon__m9sbXh__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__m9sbXh__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__m9sbXh__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__m9sbXh__container{grid-template-columns:auto auto}}.ds-ribbon__m9sbXh__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__m9sbXh__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__m9sbXh__mobile-toggle{display:none}}.ds-ribbon__m9sbXh__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__m9sbXh__drawer-backdrop{display:none}}.ds-ribbon__m9sbXh--drawer-open .ds-ribbon__m9sbXh__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__m9sbXh__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__m9sbXh__drawer-backdrop,.ds-ribbon__m9sbXh--drawer-open .ds-ribbon__m9sbXh__container .ds-ribbon__m9sbXh__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__m9sbXh--drawer-clicked .ds-ribbon__m9sbXh__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__m9sbXh--drawer-open .ds-ribbon__m9sbXh__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__m9sbXh__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__m9sbXh__desktop-nav{display:block}}.ds-ribbon__m9sbXh__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__m9sbXh__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__m9sbXh__desktop-link{font-size:var(--ds-fontSize-12);white-space:nowrap}.ds-ribbon__m9sbXh__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__m9sbXh__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__m9sbXh__desktop-badge>* span{font-size:var(--ds-fontSize-12);line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__m9sbXh__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__m9sbXh__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__m9sbXh--drawer-open .ds-ribbon__m9sbXh__drawer{transform:translateX(0%)}.ds-ribbon__m9sbXh__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__m9sbXh__drawer-header{display:none}}.ds-ribbon__m9sbXh__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__m9sbXh__drawer-branding{max-width:unset}}.ds-ribbon__m9sbXh__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__m9sbXh__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__m9sbXh__drawer-nav{padding:0}}.ds-ribbon__m9sbXh__top-scrim,.ds-ribbon__m9sbXh__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__m9sbXh__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__m9sbXh__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__m9sbXh__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__m9sbXh__bottom-scrim{display:block}.ds-ribbon__m9sbXh__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__m9sbXh__drawer-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-color-border-subtle);height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__m9sbXh__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__m9sbXh__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__m9sbXh__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__m9sbXh__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__m9sbXh__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__m9sbXh__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__m9sbXh__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__m9sbXh__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__m9sbXh__drawer-badge>* span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__m9sbXh--drawer-open) .ds-ribbon__m9sbXh__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__m9sbXh--drawer-open) .ds-ribbon__m9sbXh__drawer-backdrop{display:block}}:host(.ds-ribbon__m9sbXh--drawer-open) .ds-ribbon__m9sbXh__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__m9sbXh--drawer-open) .ds-ribbon__m9sbXh__drawer{transform:none}}`;
 const fallbackRibbonData = appData.v1.ribbon;
 const DsRibbon = class extends Mixin(componentFactory('ds-ribbon', { stopRootTracking: true })) {

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 } from './index-CooQbSxe.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-D_ut7INJ.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
 import { i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { c as cx } from './cx-DXV-q3iL.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-CVIjxfQX.js';
-import { b as atLeastOneOption } from './controlUtils-CyKca018.js';
-import './store-CwvEVFVT.js';
+import { c as cx } from './cx-Zg0uXZCP.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DrG5p_uT.js';
+import { b as atLeastOneOption } from './controlUtils-BoSkytI_.js';
+import './store-Cwb-vuk0.js';
-const dsSelectNativeCss = () => `.sc-ds-select-native-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){:not(:has(.ds-select__b8qnxH--full-width)).sc-ds-select-native-h{width:var(--ds-select-wide-width, 20rem)}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select__b8qnxH-native.sc-ds-select-native,.ds-select__b8qnxH-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__b8qnxH-native__dropdown-icon.sc-ds-select-native,.ds-select__b8qnxH-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__b8qnxH-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__b8qnxH-custom.sc-ds-select-native .ds-options__b8qnxH.sc-ds-select-native{display:block}.ds-select__b8qnxH-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__b8qnxH-custom-input-container.sc-ds-select-native:has(.ds-select__b8qnxH-custom__clear-button:hover) .ds-select__b8qnxH-custom.sc-ds-select-native{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__b8qnxH-custom.sc-ds-select-native:not(.ds-select__b8qnxH-custom--open,.ds-select__b8qnxH-custom--invalid.sc-ds-select-native,.ds-select__b8qnxH-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__b8qnxH-custom.sc-ds-select-native:active:not(.ds-select__b8qnxH-custom--open,.ds-select__b8qnxH-custom--invalid.sc-ds-select-native,.ds-select__b8qnxH-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__b8qnxH-custom--open.sc-ds-select-native,.ds-select__b8qnxH-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__b8qnxH-custom--open.sc-ds-select-native:not(.ds-select__b8qnxH-custom--open--invalid,.ds-select__b8qnxH-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__b8qnxH-custom.sc-ds-select-native:focus-visible:not(.ds-select__b8qnxH-custom--open--invalid,.ds-select__b8qnxH-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__b8qnxH-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__b8qnxH-custom--disabled.sc-ds-select-native .ds-select__b8qnxH-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__b8qnxH-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__b8qnxH-custom--invalid.sc-ds-select-native:not(.ds-select__b8qnxH-custom--invalid--open,.ds-select__b8qnxH-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__b8qnxH-custom--invalid.sc-ds-select-native:not(.ds-select__b8qnxH-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__b8qnxH-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__b8qnxH-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__b8qnxH-custom--has-icon.sc-ds-select-native .ds-select__b8qnxH-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__b8qnxH-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__b8qnxH-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__b8qnxH-custom__selected-option__text--none-selected.sc-ds-select-native{color:var(--ds-textColor-secondary)}.ds-select__b8qnxH-custom__selected-option__text--disabled.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight)}.ds-select__b8qnxH-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__b8qnxH-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__b8qnxH-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__b8qnxH-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__b8qnxH-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__b8qnxH-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__b8qnxH-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__b8qnxH-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__b8qnxH-custom__options-container.sc-ds-select-native{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__b8qnxH-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__b8qnxH-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__b8qnxH-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__b8qnxH-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__b8qnxH-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__b8qnxH-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__b8qnxH-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__b8qnxH-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__b8qnxH-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__b8qnxH-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__b8qnxH-native.sc-ds-select-native:not(.ds-select__b8qnxH-native--invalid,.ds-select__b8qnxH-native--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__b8qnxH-native.sc-ds-select-native:has(.ds-select__b8qnxH-native__select:active):not(.ds-select__b8qnxH-native--invalid,.ds-select__b8qnxH-native--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__b8qnxH-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__b8qnxH-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__b8qnxH-native--disabled.sc-ds-select-native .ds-select__b8qnxH-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__b8qnxH-native--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__b8qnxH-native--invalid.sc-ds-select-native:not(.ds-select__b8qnxH-native--invalid--disabled):has(.ds-select__b8qnxH-native__select:active){background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__b8qnxH-native--invalid.sc-ds-select-native:not(.ds-select__b8qnxH-native--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__b8qnxH-native__dropdown-icon.sc-ds-select-native{color:var(--ds-select-selected-option-color, inherit)}.ds-select__b8qnxH-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__b8qnxH-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__b8qnxH-native__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__b8qnxH-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 = () => `.sc-ds-select-native-h{display:inline-block;width:var(--ds-select-narrow-width, 100%)}@media (min-width: 30rem){:not(:has(.ds-select__m9sbXh--full-width)).sc-ds-select-native-h{width:var(--ds-select-wide-width, 20rem)}}.sc-ds-select-native-h>div.sc-ds-select-native{display:flex;flex-direction:column;position:relative}.ds-select__m9sbXh-native.sc-ds-select-native,.ds-select__m9sbXh-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__m9sbXh-native__dropdown-icon.sc-ds-select-native,.ds-select__m9sbXh-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__m9sbXh-custom-wrapper.sc-ds-select-native{position:relative}.ds-select__m9sbXh-custom.sc-ds-select-native .ds-options__m9sbXh.sc-ds-select-native{display:block}.ds-select__m9sbXh-custom-input-container.sc-ds-select-native{display:flex;position:relative}.ds-select__m9sbXh-custom-input-container.sc-ds-select-native:has(.ds-select__m9sbXh-custom__clear-button:hover) .ds-select__m9sbXh-custom.sc-ds-select-native{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__m9sbXh-custom.sc-ds-select-native:not(.ds-select__m9sbXh-custom--open,.ds-select__m9sbXh-custom--invalid.sc-ds-select-native,.ds-select__m9sbXh-custom--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__m9sbXh-custom.sc-ds-select-native:active:not(.ds-select__m9sbXh-custom--open,.ds-select__m9sbXh-custom--invalid.sc-ds-select-native,.ds-select__m9sbXh-custom--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__m9sbXh-custom--open.sc-ds-select-native,.ds-select__m9sbXh-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__m9sbXh-custom--open.sc-ds-select-native:not(.ds-select__m9sbXh-custom--open--invalid,.ds-select__m9sbXh-custom.sc-ds-select-native:focus-visible--invalid),.ds-select__m9sbXh-custom.sc-ds-select-native:focus-visible:not(.ds-select__m9sbXh-custom--open--invalid,.ds-select__m9sbXh-custom.sc-ds-select-native:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__m9sbXh-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__m9sbXh-custom--disabled.sc-ds-select-native .ds-select__m9sbXh-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__m9sbXh-custom--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__m9sbXh-custom--invalid.sc-ds-select-native:not(.ds-select__m9sbXh-custom--invalid--open,.ds-select__m9sbXh-custom--invalid--disabled).sc-ds-select-native:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__m9sbXh-custom--invalid.sc-ds-select-native:not(.ds-select__m9sbXh-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__m9sbXh-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__m9sbXh-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__m9sbXh-custom--has-icon.sc-ds-select-native .ds-select__m9sbXh-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__m9sbXh-custom__selected-option__placeholder-icon.sc-ds-select-native{font-size:var(--ds-fontSize-16)}.ds-select__m9sbXh-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__m9sbXh-custom__selected-option__text--none-selected.sc-ds-select-native{color:var(--ds-textColor-secondary)}.ds-select__m9sbXh-custom__selected-option__text--disabled.sc-ds-select-native{color:var(--ds-textColor-disabled-onLight)}.ds-select__m9sbXh-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__m9sbXh-custom.sc-ds-select-native input.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__m9sbXh-custom.sc-ds-select-native input.sc-ds-select-native:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__m9sbXh-custom.sc-ds-select-native input.sc-ds-select-native:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__m9sbXh-custom.sc-ds-select-native input.sc-ds-select-native:focus{outline:none}.ds-select__m9sbXh-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__m9sbXh-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__m9sbXh-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__m9sbXh-custom__options-container.sc-ds-select-native{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__m9sbXh-custom__options-container--open.sc-ds-select-native{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__m9sbXh-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__m9sbXh-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__m9sbXh-custom__options-container__options__inner__top-scrim.sc-ds-select-native,.ds-select__m9sbXh-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__m9sbXh-custom__options-container__options__inner__top-scrim--visible.sc-ds-select-native,.ds-select__m9sbXh-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select-native{display:block}.ds-select__m9sbXh-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__m9sbXh-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__m9sbXh-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__m9sbXh-native.sc-ds-select-native:not(.ds-select__m9sbXh-native--invalid,.ds-select__m9sbXh-native--disabled).sc-ds-select-native:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__m9sbXh-native.sc-ds-select-native:has(.ds-select__m9sbXh-native__select:active):not(.ds-select__m9sbXh-native--invalid,.ds-select__m9sbXh-native--disabled).sc-ds-select-native{background-color:var(--ds-bgColor-white-active)}.ds-select__m9sbXh-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__m9sbXh-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__m9sbXh-native--disabled.sc-ds-select-native .ds-select__m9sbXh-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__m9sbXh-native--invalid.sc-ds-select-native{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__m9sbXh-native--invalid.sc-ds-select-native:not(.ds-select__m9sbXh-native--invalid--disabled):has(.ds-select__m9sbXh-native__select:active){background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__m9sbXh-native--invalid.sc-ds-select-native:not(.ds-select__m9sbXh-native--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__m9sbXh-native__dropdown-icon.sc-ds-select-native{color:var(--ds-select-selected-option-color, inherit)}.ds-select__m9sbXh-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__m9sbXh-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__m9sbXh-native__select.sc-ds-select-native::placeholder{color:var(--ds-textColor-secondary)}.ds-select__m9sbXh-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) {

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

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-CooQbSxe.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-D_ut7INJ.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { c as cx } from './cx-DXV-q3iL.js';
-import { c as componentFactory } from './componentFactory-B9vhYQjA.js';
-import './store-CwvEVFVT.js';
+import { c as cx } from './cx-Zg0uXZCP.js';
+import { c as componentFactory } from './componentFactory-C0IsUSzH.js';
+import './store-Cwb-vuk0.js';
-const dsSpinnerCss = () => `.ds-font{}.ds-font-heading{font-family:var(--ds-fontFamily-heading)}.ds-font-body{font-family:var(--ds-fontFamily-body)}.ds-font{}.ds-font-regular{font-weight:var(--ds-fontWeight-regular)}.ds-font-semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-font-semibold-plus{font-weight:var(--ds-fontWeight-semiboldPlus)}.ds-font-bold{font-weight:var(--ds-fontWeight-bold)}.ds-tracking-xs{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking-sm{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking-md{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking-lg{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking-xl{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading-sm{line-height:var(--ds-lineHeight-small)}.ds-leading-md{line-height:var(--ds-lineHeight-medium)}.ds-leading-lg{line-height:var(--ds-lineHeight-large)}.ds-leading-xl{line-height:var(--ds-lineHeight-xLarge)}.ds-width-md{font-stretch:var(--ds-fontWidth-normal)}.ds-width-sm{font-stretch:var(--ds-fontWidth-condense)}.ds-number-proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph-16{margin-bottom:var(--ds-marginBottom, 16px)}.ds-paragraph-20{margin-bottom:var(--ds-marginBottom, 20px)}.ds-list-spacing{gap:4px}.ds-text-color-default{color:var(--ds-textColor-default)}.ds-text{}.ds-text-regular-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text{}.ds-text-semibold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text{}.ds-text-bold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-spinner__b8qnxH{display:inline-block}.ds-spinner__b8qnxH:has(.ds-spinner__b8qnxH__text){display:inline-flex;align-items:center;gap:calc(var(--spinner-size) / 2)}.ds-spinner__b8qnxH{}.ds-spinner__b8qnxH--small{padding:1.5px}.ds-spinner__b8qnxH--medium{padding:3px}.ds-spinner__b8qnxH--large{padding:3px}.ds-spinner__b8qnxH--xLarge{padding:5.5px}.ds-spinner__b8qnxH--2xLarge{padding:5.5px}.ds-spinner__b8qnxH--custom{padding:calc(var(--spinner-size) / 8)}.ds-spinner__b8qnxH{}.ds-spinner__b8qnxH--below{flex-direction:column;align-items:center}.ds-spinner__b8qnxH--right{flex-direction:row;align-items:center}.ds-spinner__b8qnxH__spinner{width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border-radius:50%;border:calc(var(--spinner-size, 24px) / 6) solid var(--ds-borderColor-disabled-onLight);position:relative;display:flex;align-items:center;justify-content:center}.ds-spinner__b8qnxH__text{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body)}.ds-spinner__b8qnxH__text--white{color:var(--ds-textColor-white)}.ds-spinner__b8qnxH__segment{display:block;position:absolute;width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border:calc(var(--spinner-size, 24px) / 6) solid var(--spinner-color, #005a94);border-radius:50%;animation:ds-spinner-rotate 1.1s cubic-bezier(0.7, 0.15, 0.3, 0.8) infinite;border-color:var(--spinner-color, #005a94) var(--spinner-border-color) var(--spinner-border-color) var(--spinner-border-color)}.ds-spinner__b8qnxH__segment--1{animation-delay:-0.3s}.ds-spinner__b8qnxH__segment--2{animation-delay:-0.2s}.ds-spinner__b8qnxH__segment--3{animation-delay:-0.1s}@keyframes ds-spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ds-spinner__b8qnxH__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__b8qnxH__segment--1{animation-delay:-0.6s}.ds-spinner__b8qnxH__segment--2{animation-delay:-0.4s}.ds-spinner__b8qnxH__segment--3{animation-delay:-0.2s}}`;
+const dsSpinnerCss = () => `.ds-font{}.ds-font-heading{font-family:var(--ds-fontFamily-heading)}.ds-font-body{font-family:var(--ds-fontFamily-body)}.ds-font{}.ds-font-regular{font-weight:var(--ds-fontWeight-regular)}.ds-font-semibold{font-weight:var(--ds-fontWeight-semibold)}.ds-font-semibold-plus{font-weight:var(--ds-fontWeight-semiboldPlus)}.ds-font-bold{font-weight:var(--ds-fontWeight-bold)}.ds-tracking-xs{letter-spacing:var(--ds-letterSpacing-xTight)}.ds-tracking-sm{letter-spacing:var(--ds-letterSpacing-tight)}.ds-tracking-md{letter-spacing:var(--ds-letterSpacing-normal)}.ds-tracking-lg{letter-spacing:var(--ds-letterSpacing-wide)}.ds-tracking-xl{letter-spacing:var(--ds-letterSpacing-xWide)}.ds-leading-sm{line-height:var(--ds-lineHeight-small)}.ds-leading-md{line-height:var(--ds-lineHeight-medium)}.ds-leading-lg{line-height:var(--ds-lineHeight-large)}.ds-leading-xl{line-height:var(--ds-lineHeight-xLarge)}.ds-width-md{font-stretch:var(--ds-fontWidth-normal)}.ds-width-sm{font-stretch:var(--ds-fontWidth-condense)}.ds-number-proportional{font-variant-numeric:var(--ds-number-style)}.ds-paragraph-16{margin-bottom:var(--ds-marginBottom, 16px)}.ds-paragraph-20{margin-bottom:var(--ds-marginBottom, 20px)}.ds-list-spacing{gap:4px}.ds-text-color-default{color:var(--ds-textColor-default)}.ds-text{}.ds-text-regular-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular)}.ds-text-regular-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-regular)}.ds-text{}.ds-text-semibold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold)}.ds-text-semibold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-semibold)}.ds-text{}.ds-text-bold-2xl{font-size:var(--ds-fontSize-22);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xl{font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-lg{font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-md{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-sm{font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-bold)}.ds-text-bold-xs{font-size:var(--ds-fontSize-12);font-weight:var(--ds-fontWeight-bold)}.ds-spinner__m9sbXh{display:inline-block}.ds-spinner__m9sbXh:has(.ds-spinner__m9sbXh__text){display:inline-flex;align-items:center;gap:calc(var(--spinner-size) / 2)}.ds-spinner__m9sbXh{}.ds-spinner__m9sbXh--small{padding:1.5px}.ds-spinner__m9sbXh--medium{padding:3px}.ds-spinner__m9sbXh--large{padding:3px}.ds-spinner__m9sbXh--xLarge{padding:5.5px}.ds-spinner__m9sbXh--2xLarge{padding:5.5px}.ds-spinner__m9sbXh--custom{padding:calc(var(--spinner-size) / 8)}.ds-spinner__m9sbXh{}.ds-spinner__m9sbXh--below{flex-direction:column;align-items:center}.ds-spinner__m9sbXh--right{flex-direction:row;align-items:center}.ds-spinner__m9sbXh__spinner{width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border-radius:50%;border:calc(var(--spinner-size, 24px) / 6) solid var(--ds-borderColor-disabled-onLight);position:relative;display:flex;align-items:center;justify-content:center}.ds-spinner__m9sbXh__text{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body)}.ds-spinner__m9sbXh__text--white{color:var(--ds-textColor-white)}.ds-spinner__m9sbXh__segment{display:block;position:absolute;width:var(--spinner-size, 24px);height:var(--spinner-size, 24px);border:calc(var(--spinner-size, 24px) / 6) solid var(--spinner-color, #005a94);border-radius:50%;animation:ds-spinner-rotate 1.1s cubic-bezier(0.7, 0.15, 0.3, 0.8) infinite;border-color:var(--spinner-color, #005a94) var(--spinner-border-color) var(--spinner-border-color) var(--spinner-border-color)}.ds-spinner__m9sbXh__segment--1{animation-delay:-0.3s}.ds-spinner__m9sbXh__segment--2{animation-delay:-0.2s}.ds-spinner__m9sbXh__segment--3{animation-delay:-0.1s}@keyframes ds-spinner-rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ds-spinner__m9sbXh__segment{animation-duration:2.2s;animation-timing-function:linear;}.ds-spinner__m9sbXh__segment--1{animation-delay:-0.6s}.ds-spinner__m9sbXh__segment--2{animation-delay:-0.4s}.ds-spinner__m9sbXh__segment--3{animation-delay:-0.2s}}`;
 const SPINNER_SIZES = {
     'small': 10,

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent } from './index-CooQbSxe.js';
-import { d as defaultLanguage, i as initialize, s as setLanguage, g as getLanguage } from './store-CwvEVFVT.js';
+import { r as registerInstance, c as createEvent } from './index-D_ut7INJ.js';
+import { d as defaultLanguage, i as initialize, s as setLanguage, g as getLanguage } from './store-Cwb-vuk0.js';
 const DsStore = class {
     constructor(hostRef) {

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

@@ -1,14 +1,14 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-CooQbSxe.js';
-import { c as cx } from './cx-DXV-q3iL.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-D_ut7INJ.js';
+import { c as cx } from './cx-Zg0uXZCP.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-BGPSuOgq.js';
-import { t as tabsFactory } from './tabsFactory-Ca5Xj1W6.js';
+import { t as tabsFactory } from './tabsFactory-Cym7fzr2.js';
 import { g as getIconColourVariable } from './iconList-BeuglwyX.js';
-import { c as componentFactory } from './componentFactory-B9vhYQjA.js';
+import { c as componentFactory } from './componentFactory-C0IsUSzH.js';
 import './tabsContext-RZ5fuCaf.js';
-import './store-CwvEVFVT.js';
+import './store-Cwb-vuk0.js';
-const dsTabCss = () => `.ds-no-style-leak.sc-ds-tab *.sc-ds-tab{all:unset;box-sizing:border-box;display:block}.sc-ds-tab-h{display:contents}.ds-tab__b8qnxH.sc-ds-tab{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative;display:inline-flex;flex-direction:row;flex-shrink:0;min-width:44px;min-height:44px;padding:var(--ds-spacing-xSmall);background-color:var(--ds-bgColor-transparent-onLight);color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-style:normal;font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);cursor:default}@media (min-width: 60rem){.ds-tab__b8qnxH.sc-ds-tab{font-size:var(--ds-fontSize-18)}}.ds-tab__b8qnxH--selected.sc-ds-tab,.ds-tab__b8qnxH.sc-ds-tab:hover:not(.ds-tab__b8qnxH--selected),.ds-tab__b8qnxH.sc-ds-tab:active:not(.ds-tab__b8qnxH--selected){color:var(--ds-textColor-default)}.ds-tab__b8qnxH--container.sc-ds-tab:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-tab__b8qnxH--container.ds-tab__b8qnxH--selected.sc-ds-tab{background-color:var(--ds-bgColor-white)}.ds-tab__b8qnxH--container.ds-tab__b8qnxH--selected.sc-ds-tab::after{content:"";position:absolute;top:0;left:0;right:0;border-block-start:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__b8qnxH--container.ds-tab__b8qnxH--selected.sc-ds-tab:not(:focus-visible)::before{content:"";position:absolute;inset:0;border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tab__b8qnxH--container.sc-ds-tab:hover:not(.ds-tab__b8qnxH--selected){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-tab__b8qnxH--container.sc-ds-tab:active:not(.ds-tab__b8qnxH--selected){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-tab__b8qnxH--line.sc-ds-tab:focus-visible .ds-tab__b8qnxH__content.sc-ds-tab{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-tab__b8qnxH--line.ds-tab__b8qnxH--selected.sc-ds-tab::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__b8qnxH--line.sc-ds-tab:hover:not(.ds-tab__b8qnxH--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-default)}.ds-tab__b8qnxH--line.sc-ds-tab:active:not(.ds-tab__b8qnxH--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-black)}.ds-tab__b8qnxH.sc-ds-tab .ds-tab__b8qnxH__content.sc-ds-tab{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall)}`;
+const dsTabCss = () => `.ds-no-style-leak.sc-ds-tab *.sc-ds-tab{all:unset;box-sizing:border-box;display:block}.sc-ds-tab-h{display:contents}.ds-tab__m9sbXh.sc-ds-tab{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);position:relative;display:inline-flex;flex-direction:row;flex-shrink:0;min-width:44px;min-height:44px;padding:var(--ds-spacing-xSmall);background-color:var(--ds-bgColor-transparent-onLight);color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-style:normal;font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);cursor:default}@media (min-width: 60rem){.ds-tab__m9sbXh.sc-ds-tab{font-size:var(--ds-fontSize-18)}}.ds-tab__m9sbXh--selected.sc-ds-tab,.ds-tab__m9sbXh.sc-ds-tab:hover:not(.ds-tab__m9sbXh--selected),.ds-tab__m9sbXh.sc-ds-tab:active:not(.ds-tab__m9sbXh--selected){color:var(--ds-textColor-default)}.ds-tab__m9sbXh--container.sc-ds-tab:focus-visible{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-tab__m9sbXh--container.ds-tab__m9sbXh--selected.sc-ds-tab{background-color:var(--ds-bgColor-white)}.ds-tab__m9sbXh--container.ds-tab__m9sbXh--selected.sc-ds-tab::after{content:"";position:absolute;top:0;left:0;right:0;border-block-start:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__m9sbXh--container.ds-tab__m9sbXh--selected.sc-ds-tab:not(:focus-visible)::before{content:"";position:absolute;inset:0;border-inline:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default)}.ds-tab__m9sbXh--container.sc-ds-tab:hover:not(.ds-tab__m9sbXh--selected){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-tab__m9sbXh--container.sc-ds-tab:active:not(.ds-tab__m9sbXh--selected){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-tab__m9sbXh--line.sc-ds-tab:focus-visible .ds-tab__m9sbXh__content.sc-ds-tab{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-tab__m9sbXh--line.ds-tab__m9sbXh--selected.sc-ds-tab::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-primary)}.ds-tab__m9sbXh--line.sc-ds-tab:hover:not(.ds-tab__m9sbXh--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-default)}.ds-tab__m9sbXh--line.sc-ds-tab:active:not(.ds-tab__m9sbXh--selected)::after{content:"";position:absolute;bottom:0;left:0;right:0;border-block-end:var(--ds-borderWidth-thick) solid var(--ds-borderColor-black)}.ds-tab__m9sbXh.sc-ds-tab .ds-tab__m9sbXh__content.sc-ds-tab{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall)}`;
 const DsTab = class extends Mixin(componentFactory('ds-tab'), tabsFactory) {
     constructor(hostRef) {