@uh-design-system/component-library 1.5.1 → 1.5.2-rc.1

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

@@ -1,18 +1,18 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
+var index = require('./index-DE2Ldy1x.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var utils = require('./utils-DMgbvnde.js');
-var cx = require('./cx-Cz3_rrTb.js');
+var utils = require('./utils-DK6WJuOa.js');
+var cx = require('./cx-BBpAADWN.js');
 var attributes = require('./attributes-5eBKMo1N.js');
 var constants = require('./constants-DQ8n-aJY.js');
-var controlUtils = require('./controlUtils-CoQTII1L.js');
-var componentFactory = require('./componentFactory-CZKUWyB_.js');
-var multipleValueFactory = require('./multipleValueFactory-roIlyl4_.js');
-var disableEventsFactory = require('./disableEventsFactory-B1wvz4el.js');
-require('./store-ChbNbns4.js');
+var controlUtils = require('./controlUtils-CGR3YULS.js');
+var componentFactory = require('./componentFactory-B6Dmvf9l.js');
+var multipleValueFactory = require('./multipleValueFactory-CaHM2uLj.js');
+var disableEventsFactory = require('./disableEventsFactory-DcUxMsJw.js');
+require('./store-B6QgBSUx.js');
 
-const dsOptionsCss = () => `.ds-options__bQiYWO__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__bQiYWO.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__bQiYWO.sc-ds-options:focus{outline:none}.ds-options__bQiYWO__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__bQiYWO__top-scrim.sc-ds-options,.ds-options__bQiYWO__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__bQiYWO__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__bQiYWO__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__bQiYWO.has-top-scrim.sc-ds-options .ds-options__bQiYWO__top-scrim.sc-ds-options{display:block}.ds-options__bQiYWO.has-bottom-scrim.sc-ds-options .ds-options__bQiYWO__bottom-scrim.sc-ds-options{display:block}.ds-options__bQiYWO.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__bQiYWO.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 index.Mixin(componentFactory.componentFactory('ds-options')) {
     constructor(hostRef) {
@@ -157,7 +157,7 @@ const DsOptions = class extends index.Mixin(componentFactory.componentFactory('d
 };
 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__bQiYWO--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__bQiYWO-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__bQiYWO-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__bQiYWO-custom-wrapper.sc-ds-select{position:relative}.ds-select__bQiYWO-custom.sc-ds-select .ds-options__bQiYWO.sc-ds-select{display:block}.ds-select__bQiYWO-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__bQiYWO-custom-input-container.sc-ds-select:has(.ds-select__bQiYWO-custom__clear-button:hover) .ds-select__bQiYWO-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__bQiYWO-custom.sc-ds-select:not(.ds-select__bQiYWO-custom--open,.ds-select__bQiYWO-custom--invalid.sc-ds-select,.ds-select__bQiYWO-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__bQiYWO-custom.sc-ds-select:active:not(.ds-select__bQiYWO-custom--open,.ds-select__bQiYWO-custom--invalid.sc-ds-select,.ds-select__bQiYWO-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__bQiYWO-custom--open.sc-ds-select,.ds-select__bQiYWO-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__bQiYWO-custom--open.sc-ds-select:not(.ds-select__bQiYWO-custom--open--invalid,.ds-select__bQiYWO-custom.sc-ds-select:focus-visible--invalid),.ds-select__bQiYWO-custom.sc-ds-select:focus-visible:not(.ds-select__bQiYWO-custom--open--invalid,.ds-select__bQiYWO-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__bQiYWO-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__bQiYWO-custom--disabled.sc-ds-select .ds-select__bQiYWO-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__bQiYWO-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__bQiYWO-custom--invalid.sc-ds-select:not(.ds-select__bQiYWO-custom--invalid--open,.ds-select__bQiYWO-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__bQiYWO-custom--invalid.sc-ds-select:not(.ds-select__bQiYWO-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__bQiYWO-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__bQiYWO-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__bQiYWO-custom--has-icon.sc-ds-select .ds-select__bQiYWO-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__bQiYWO-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__bQiYWO-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__bQiYWO-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__bQiYWO-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__bQiYWO-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__bQiYWO-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__bQiYWO-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__bQiYWO-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__bQiYWO-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__bQiYWO-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__bQiYWO-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__bQiYWO-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__bQiYWO-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__bQiYWO-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__bQiYWO-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__bQiYWO-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__bQiYWO-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__bQiYWO-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__bQiYWO-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__bQiYWO-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__bQiYWO-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__bQiYWO-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: controlUtils.selectAnOption,
@@ -266,7 +266,7 @@ const DsSelect = class extends index.Mixin(componentFactory.componentFactory('ds
         }
     }
     componentWillLoad() {
-        this.setDisableEventEmits(true);
+        this._setDisableEventEmits(true);
         this.inheritedAttributes = {
             ...attributes.inheritAttributes(this, this.el),
             ...attributes.inheritAriaAttributes(this.el, this.isNative
@@ -333,7 +333,7 @@ const DsSelect = class extends index.Mixin(componentFactory.componentFactory('ds
     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);
         }
@@ -359,7 +359,7 @@ const DsSelect = class extends index.Mixin(componentFactory.componentFactory('ds
         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();
@@ -429,7 +429,7 @@ const DsSelect = class extends index.Mixin(componentFactory.componentFactory('ds
         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);
@@ -562,7 +562,7 @@ const DsSelect = class extends index.Mixin(componentFactory.componentFactory('ds
                     event.stopPropagation();
                     this.handleClearSelection();
                 }
-            }, dsAriaLabel: clearButtonAriaLabel, dsAriaDescribedby: selectedOptionId }))), index.h("div", { id: optionsContainerId, class: {
+            }, dsAriaLabel: clearButtonAriaLabel, dsAriaDescribedby: selectedOptionId, dsInInput: true, dsNoFocusRing: true }))), index.h("div", { id: optionsContainerId, class: {
                 [`${customSelectClass}__options-container`]: true,
                 [`${customSelectClass}__options-container--open`]: this.isOpen,
             }, onClick: e => {
@@ -578,7 +578,7 @@ const DsSelect = class extends index.Mixin(componentFactory.componentFactory('ds
     }
     render() {
         const baseClass = cx.cx('ds-select');
-        return (index.h(index.Host, { key: '049829fc522f3e1fbed4b078a3e7648e6dcef3c0', ...utils.ifDefined('name', this.isNative ? undefined : this.dsName) }, index.h("div", { key: '00bbb3a9f4c9ad16b0e81f87ed9253ae2dbf0ef1', tabIndex: this.isNative ? undefined : -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
+        return (index.h(index.Host, { key: '3c2dd72616c0c522d4c8bc90e24049fdbba9ba51', ...utils.ifDefined('name', this.isNative ? undefined : this.dsName) }, index.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/cjs/ds-pagination-ellipsis.cjs.entry.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
-var cx = require('./cx-Cz3_rrTb.js');
-var paginationFactory = require('./paginationFactory-DIJjVokv.js');
-require('./paginationContext-CEG8A2nR.js');
-require('./utils-DMgbvnde.js');
+var index = require('./index-DE2Ldy1x.js');
+var cx = require('./cx-BBpAADWN.js');
+var paginationFactory = require('./paginationFactory-QgGFY7xD.js');
+require('./paginationContext-ipc_3HhT.js');
+require('./utils-DK6WJuOa.js');
 
-const dsPaginationEllipsisCss = () => `.sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__bQiYWO.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 index.Mixin(paginationFactory.paginationFactory) {
     constructor(hostRef) {

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
+var index = require('./index-DE2Ldy1x.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-Cz3_rrTb.js');
-var utils = require('./utils-DMgbvnde.js');
-var paginationFactory = require('./paginationFactory-DIJjVokv.js');
-require('./paginationContext-CEG8A2nR.js');
+var cx = require('./cx-BBpAADWN.js');
+var utils = require('./utils-DK6WJuOa.js');
+var paginationFactory = require('./paginationFactory-QgGFY7xD.js');
+require('./paginationContext-ipc_3HhT.js');
 
-const dsPaginationItemCss = () => `.ds-pagination-item__bQiYWO.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__bQiYWO--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__bQiYWO--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__bQiYWO--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 index.Mixin(paginationFactory.paginationFactory) {
     constructor(hostRef) {

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
+var index = require('./index-DE2Ldy1x.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-Cz3_rrTb.js');
-var utils = require('./utils-DMgbvnde.js');
-var paginationFactory = require('./paginationFactory-DIJjVokv.js');
-require('./paginationContext-CEG8A2nR.js');
+var cx = require('./cx-BBpAADWN.js');
+var utils = require('./utils-DK6WJuOa.js');
+var paginationFactory = require('./paginationFactory-QgGFY7xD.js');
+require('./paginationContext-ipc_3HhT.js');
 
-const dsPaginationPageCss = () => `.sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__bQiYWO.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__bQiYWO--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 index.Mixin(paginationFactory.paginationFactory) {
     constructor(hostRef) {

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

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
+var index = require('./index-DE2Ldy1x.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-Cz3_rrTb.js');
-var controlUtils = require('./controlUtils-CoQTII1L.js');
-var paginationUtils = require('./paginationUtils-DfolokZ0.js');
-var paginationContext = require('./paginationContext-CEG8A2nR.js');
-var componentFactory = require('./componentFactory-CZKUWyB_.js');
-require('./store-ChbNbns4.js');
-require('./utils-DMgbvnde.js');
+var cx = require('./cx-BBpAADWN.js');
+var controlUtils = require('./controlUtils-CGR3YULS.js');
+var paginationUtils = require('./paginationUtils-CFgXa548.js');
+var paginationContext = require('./paginationContext-ipc_3HhT.js');
+var componentFactory = require('./componentFactory-B6Dmvf9l.js');
+require('./store-B6QgBSUx.js');
+require('./utils-DK6WJuOa.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__bQiYWO{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__bQiYWO__compact slot,.ds-pagination__bQiYWO__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__bQiYWO--compact .ds-pagination__bQiYWO__compact,.ds-pagination__bQiYWO--auto .ds-pagination__bQiYWO__compact{width:100%}@media (min-width: 30rem){.ds-pagination__bQiYWO--compact .ds-pagination__bQiYWO__compact,.ds-pagination__bQiYWO--auto .ds-pagination__bQiYWO__compact{width:auto}}.ds-pagination__bQiYWO--compact .ds-pagination__bQiYWO__compact slot,.ds-pagination__bQiYWO--auto .ds-pagination__bQiYWO__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__bQiYWO ::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__bQiYWO--compact .ds-pagination__bQiYWO__full{display:none}.ds-pagination__bQiYWO--full .ds-pagination__bQiYWO__compact{display:none}.ds-pagination__bQiYWO--auto .ds-pagination__bQiYWO__full{display:none}@media (min-width: 60rem){.ds-pagination__bQiYWO--auto .ds-pagination__bQiYWO__full{display:contents}.ds-pagination__bQiYWO--auto .ds-pagination__bQiYWO__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 index.Mixin(componentFactory.componentFactory('ds-pagination', { stopRootTracking: true })) {
     constructor(hostRef) {

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

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
+var index = require('./index-DE2Ldy1x.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var utils = require('./utils-DMgbvnde.js');
-var disableEventsFactory = require('./disableEventsFactory-B1wvz4el.js');
+var utils = require('./utils-DK6WJuOa.js');
+var disableEventsFactory = require('./disableEventsFactory-DcUxMsJw.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var controlUtils = require('./controlUtils-CoQTII1L.js');
-var cx = require('./cx-Cz3_rrTb.js');
-var componentFactory = require('./componentFactory-CZKUWyB_.js');
-require('./store-ChbNbns4.js');
+var controlUtils = require('./controlUtils-CGR3YULS.js');
+var cx = require('./cx-BBpAADWN.js');
+var componentFactory = require('./componentFactory-B6Dmvf9l.js');
+require('./store-B6QgBSUx.js');
 
-const dsRadioButtonGroupCss = () => `.ds-radio-button-group__bQiYWO{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__bQiYWO__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__bQiYWO__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__bQiYWO__legend{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__bQiYWO__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}`;
+const dsRadioButtonGroupCss = () => `.ds-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 index.Mixin(componentFactory.componentFactory('ds-radio-button-group', { stopRootTracking: true }), disableEventsFactory.disableEventsFactory) {
     constructor(hostRef) {
@@ -120,8 +120,27 @@ const DsRadioButtonGroup = class extends index.Mixin(componentFactory.componentF
         }
         this.childBlurTimeout = null;
     }
+    async childConnected() {
+        this.updateFocusableRadioButton();
+        this.syncErrorAriaDescribedby();
+    }
+    async childDisconnected() {
+        this.updateFocusableRadioButton();
+        this.syncErrorAriaDescribedby();
+    }
+    syncErrorAriaDescribedby = () => {
+        this.updateRadios((element, index) => {
+            if (index === 0 && this.dsErrorText) {
+                element.setAttribute('aria-describedby', this.errorTextId);
+            }
+            else if (index === 0) {
+                element.removeAttribute('aria-describedby');
+            }
+        });
+    };
     handleInvalid = async (e) => {
         e.preventDefault();
+        this.getEnabledRadios()?.[0]?.setFocus();
         this.dsSubmitInvalid.emit({
             flag: 'customError',
             message: this.internals?.validationMessage ?? '',
@@ -133,19 +152,20 @@ const DsRadioButtonGroup = class extends index.Mixin(componentFactory.componentF
             ...attributes.inheritAriaAttributes(this.el, ['aria-labelledby']),
         };
         this.updateFocusableRadioButton();
-        this.setDisableEventEmits(true);
+        this._setDisableEventEmits(true);
     }
     componentDidLoad() {
         this.componentMounted();
-        this.updateRadios((element, index) => {
+        this.updateRadios(element => {
             element.dsErrorsDisabled = true;
-            if (index === 0 && this.dsErrorText) {
-                element.setAttribute('aria-describedby', this.errorTextId);
-            }
             if (this.dsForm) {
                 element.dsForm = this.dsForm;
             }
+            if (this.dsName) {
+                element.dsName = this.dsName;
+            }
         });
+        this.syncErrorAriaDescribedby();
         if (this.dsRequired) {
             this.internals?.setValidity({ valueMissing: true }, controlUtils.atLeastOneOption(), this.getRadios()?.[0]?.querySelector('input'));
         }
@@ -154,20 +174,13 @@ const DsRadioButtonGroup = class extends index.Mixin(componentFactory.componentF
         return this.dsValue;
     }
     errorObserver(newValue) {
-        this.updateRadios((element, index) => {
-            if (index === 0 && newValue) {
-                element.setAttribute('aria-describedby', this.errorTextId);
-            }
-            else if (index === 0 && !newValue) {
-                element.removeAttribute('aria-describedby');
-            }
-        });
+        this.syncErrorAriaDescribedby();
         this.dsRadioButtonGroupInvalidStateChange.emit(newValue);
     }
     dsValueObserver(value) {
         this.dsRadioButtonGroupValueChange.emit(value);
         const shouldEmit = this.getShouldEmit();
-        this.setDisableEventEmits(true);
+        this._setDisableEventEmits(true);
         if (shouldEmit) {
             this.dsChange.emit({ value });
         }
@@ -198,7 +211,7 @@ const DsRadioButtonGroup = class extends index.Mixin(componentFactory.componentF
     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();
@@ -213,7 +226,7 @@ const DsRadioButtonGroup = class extends index.Mixin(componentFactory.componentF
             }
         }, 0);
     }
-    handleKeyDown(e) {
+    async handleKeyDown(e) {
         if (!['ArrowUp', 'ArrowLeft', 'ArrowDown', 'ArrowRight'].includes(e.key)) {
             return;
         }
@@ -233,6 +246,7 @@ const DsRadioButtonGroup = class extends index.Mixin(componentFactory.componentF
         }
         const nextElem = radios[nextIndex];
         nextElem.setFocus();
+        await nextElem.setDisableEventEmits(false);
         nextElem.setChecked();
     }
     render() {
@@ -245,9 +259,8 @@ const DsRadioButtonGroup = class extends index.Mixin(componentFactory.componentF
         });
         const errorClasses = index$1.classNames(`${baseClass}__error`);
         const DsInputValidity = utils.transformTagName('ds-input-validity', 'ds-radio-button-group', this.el);
-        return (index.h(index.Host, { key: '8f19523c48c40680400deeb3f08f6b77a83bba68', "data-invalid": !!this.dsErrorText || undefined }, index.h("fieldset", { key: 'f34dbd0000df05b2842e839b01e118a33568b074', id: this.fieldsetId, class: classes, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, index.h("legend", { key: 'b2e2233ddc6ff917d671299236d762e6a240724a', id: this.legendId, class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (index.h("small", { key: '9b87d836459381435771bc994d2e5c45f335cbab', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), index.h("div", { key: 'aeda54077d2e66eb87dfd9cfac8fcc8033dc058c', class: radioButtonsSlotClasses }, index.h("slot", { key: '6c8e55878d71040f2ce047a4fee520174bd00f82', onSlotchange: this.updateFocusableRadioButton })), index.h("div", { key: 'fa9e041e501e148d4d40b720ce735b289cdc7ed4', class: errorClasses }, index.h(DsInputValidity, { key: '6fc6ac13f20e9e60976473a3882ec2a50b5070c9', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" })))));
+        return (index.h(index.Host, { key: '492bdd624d08b1a3f74ed610296b0a8401f8479b', "data-invalid": !!this.dsErrorText || undefined }, index.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 }, index.h("legend", { key: '5deb758f5a4e5adb4a2a50f357c5759e51ece66a', id: this.legendId, class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (index.h("small", { key: 'b384fbf9b8591844f01b4df44066f1de199a2d79', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), index.h("div", { key: '226a55d6f44e882e7a0bdf61b10fdc572a1518c1', class: radioButtonsSlotClasses }, index.h("slot", { key: '5de33b42d3ec92dfe1d43d43e952a679a4a4df4d' })), index.h("div", { key: '9cfe8b0934aebfb930883987c06e978b3650306c', class: errorClasses }, index.h(DsInputValidity, { key: '2434f28ca9d1c80bc6d489c719f03131869e0f7e', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error" })))));
     }
-    static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
     static get watchers() { return {
         "dsErrorText": [{

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

@@ -1,17 +1,17 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
+var index = require('./index-DE2Ldy1x.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var controlUtils = require('./controlUtils-CoQTII1L.js');
-var utils = require('./utils-DMgbvnde.js');
-var cx = require('./cx-Cz3_rrTb.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-DzwFC3gz.js');
-var disableEventsFactory = require('./disableEventsFactory-B1wvz4el.js');
-var componentFactory = require('./componentFactory-CZKUWyB_.js');
-require('./store-ChbNbns4.js');
+var controlUtils = require('./controlUtils-CGR3YULS.js');
+var utils = require('./utils-DK6WJuOa.js');
+var cx = require('./cx-BBpAADWN.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-BtT0vOfN.js');
+var disableEventsFactory = require('./disableEventsFactory-DcUxMsJw.js');
+var componentFactory = require('./componentFactory-B6Dmvf9l.js');
+require('./store-B6QgBSUx.js');
 
-const dsRadioButtonCss = () => `.ds-radio-button__bQiYWO.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__bQiYWO--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__bQiYWO.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__bQiYWO__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__bQiYWO__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__bQiYWO__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__bQiYWO__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__bQiYWO__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__bQiYWO__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__bQiYWO.sc-ds-radio-button:hover:not(.ds-radio-button__bQiYWO--disabled):not(.ds-radio-button__bQiYWO--invalid) .ds-radio-button__bQiYWO__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__bQiYWO.sc-ds-radio-button:hover:not(.ds-radio-button__bQiYWO--disabled):not(.ds-radio-button__bQiYWO--invalid) .ds-radio-button__bQiYWO__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__bQiYWO.sc-ds-radio-button:hover:not(.ds-radio-button__bQiYWO--disabled):not(.ds-radio-button__bQiYWO--invalid) .ds-radio-button__bQiYWO__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__bQiYWO.sc-ds-radio-button:active:not(.ds-radio-button__bQiYWO--disabled):not(.ds-radio-button__bQiYWO--invalid) .ds-radio-button__bQiYWO__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__bQiYWO.sc-ds-radio-button:active:not(.ds-radio-button__bQiYWO--disabled):not(.ds-radio-button__bQiYWO--invalid) .ds-radio-button__bQiYWO__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__bQiYWO.sc-ds-radio-button:active:not(.ds-radio-button__bQiYWO--disabled):not(.ds-radio-button__bQiYWO--invalid) .ds-radio-button__bQiYWO__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__bQiYWO--disabled.sc-ds-radio-button .ds-radio-button__bQiYWO__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__bQiYWO--disabled.sc-ds-radio-button .ds-radio-button__bQiYWO__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__bQiYWO--disabled.sc-ds-radio-button .ds-radio-button__bQiYWO__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__bQiYWO--invalid.sc-ds-radio-button .ds-radio-button__bQiYWO__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__bQiYWO--invalid.sc-ds-radio-button .ds-radio-button__bQiYWO__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__bQiYWO--invalid.sc-ds-radio-button .ds-radio-button__bQiYWO__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__bQiYWO--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__bQiYWO--disabled) .ds-radio-button__bQiYWO__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__bQiYWO--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__bQiYWO--disabled) .ds-radio-button__bQiYWO__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__bQiYWO--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__bQiYWO--disabled) .ds-radio-button__bQiYWO__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__bQiYWO--invalid.sc-ds-radio-button:active:not(.ds-radio-button__bQiYWO--disabled) .ds-radio-button__bQiYWO__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__bQiYWO--invalid.sc-ds-radio-button:active:not(.ds-radio-button__bQiYWO--disabled) .ds-radio-button__bQiYWO__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__bQiYWO--invalid.sc-ds-radio-button:active:not(.ds-radio-button__bQiYWO--disabled) .ds-radio-button__bQiYWO__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__bQiYWO-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__bQiYWO-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__bQiYWO-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 index.Mixin(componentFactory.componentFactory('ds-radio-button'), ariaDeprecationFactory.ariaDeprecationFactory, disableEventsFactory.disableEventsFactory) {
     constructor(hostRef) {
@@ -39,7 +39,7 @@ const DsRadioButton = class extends index.Mixin(componentFactory.componentFactor
     dsForm;
     dsId = this.getUniqueId();
     _dsName = this.dsId;
-    async setName(newValue) {
+    setName(newValue) {
         this._dsName = this.radioGroup?.dsName || newValue || this._dsName;
     }
     get dsName() {
@@ -77,7 +77,7 @@ const DsRadioButton = class extends index.Mixin(componentFactory.componentFactor
     }
     dsCheckedObserver(isChecked) {
         const shouldEmit = this.getShouldEmit();
-        this.setDisableEventEmits(true);
+        this._setDisableEventEmits(true);
         if (shouldEmit) {
             this.dsChange.emit({ checked: isChecked, value: this.dsValue });
         }
@@ -110,7 +110,7 @@ const DsRadioButton = class extends index.Mixin(componentFactory.componentFactor
             ...attributes.inheritAriaAttributes(this.el, ['aria-invalid']),
         };
         this.initialChecked = this.dsChecked;
-        this.setDisableEventEmits(true);
+        this._setDisableEventEmits(true);
     }
     componentDidLoad() {
         this.componentMounted();
@@ -130,12 +130,14 @@ const DsRadioButton = class extends index.Mixin(componentFactory.componentFactor
             this.dsErrorText = this.radioGroup.dsErrorText;
             this.radioGroup.addEventListener('dsRadioButtonGroupValueChange', this.updateCheckedState);
             this.radioGroup.addEventListener('dsRadioButtonGroupInvalidStateChange', this.updateGroupInvalidState);
+            this.radioGroup.childConnected();
         }
     }
     disconnectedCallback() {
         if (this.radioGroup) {
             this.radioGroup.removeEventListener('dsRadioButtonGroupValueChange', this.updateCheckedState);
             this.radioGroup.removeEventListener('dsRadioButtonGroupInvalidStateChange', this.updateGroupInvalidState);
+            this.radioGroup.childDisconnected();
         }
         this.radioGroup = null;
     }
@@ -165,7 +167,7 @@ const DsRadioButton = class extends index.Mixin(componentFactory.componentFactor
         this.dsErrorText = e.detail;
     };
     handleInput = () => {
-        this.setDisableEventEmits(false);
+        this._setDisableEventEmits(false);
         this.setChecked();
     };
     handleFocus = () => {

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-D6M-AWTV.js');
+var index = require('./index-DE2Ldy1x.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var utils = require('./utils-DMgbvnde.js');
-var cx = require('./cx-Cz3_rrTb.js');
-var linkUtils = require('./linkUtils-BfiUAg0m.js');
-var store = require('./store-ChbNbns4.js');
+var utils = require('./utils-DK6WJuOa.js');
+var cx = require('./cx-BBpAADWN.js');
+var linkUtils = require('./linkUtils-CRvrSuyn.js');
+var store = require('./store-B6QgBSUx.js');
 var data = require('./data-CZn97vqo.js');
-var componentFactory = require('./componentFactory-CZKUWyB_.js');
+var componentFactory = require('./componentFactory-B6Dmvf9l.js');
 
 const convertToRibbonLinks = (links, ribbonData, lang = 'en') => {
     return links.map(link => ({
@@ -46,7 +46,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__bQiYWO{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block}.ds-ribbon__bQiYWO__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__bQiYWO__container{grid-template-columns:auto auto}}@media (min-width: 60rem){.ds-ribbon__bQiYWO__container{grid-template-columns:145px auto;padding:0 var(--ds-spacing-large, 32px)}}@media (min-width: 75rem){.ds-ribbon__bQiYWO__container{grid-template-columns:auto auto}}.ds-ribbon__bQiYWO__branding{display:flex;align-items:center;flex-shrink:0}.ds-ribbon__bQiYWO__mobile-toggle{display:block;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__bQiYWO__mobile-toggle{display:none}}.ds-ribbon__bQiYWO__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__bQiYWO__drawer-backdrop{display:none}}.ds-ribbon__bQiYWO--drawer-open .ds-ribbon__bQiYWO__drawer-backdrop{cursor:pointer;pointer-events:auto}@media (min-width: 60rem){.ds-ribbon__bQiYWO__drawer-backdrop{pointer-events:auto;z-index:1}.ds-ribbon__bQiYWO__drawer-backdrop,.ds-ribbon__bQiYWO--drawer-open .ds-ribbon__bQiYWO__container .ds-ribbon__bQiYWO__drawer-backdrop{position:static;background-color:unset;backdrop-filter:unset;opacity:1;transition:none}}.ds-ribbon__bQiYWO--drawer-clicked .ds-ribbon__bQiYWO__drawer-backdrop{transition:background-color 0.3s, opacity 0s 0.3s}.ds-ribbon__bQiYWO--drawer-open .ds-ribbon__bQiYWO__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__bQiYWO__desktop-nav{display:none;grid-column-end:-1}@media (min-width: 60rem){.ds-ribbon__bQiYWO__desktop-nav{display:block}}.ds-ribbon__bQiYWO__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__bQiYWO__desktop-link-item{display:flex;align-items:center;position:relative;text-transform:uppercase;height:var(--ds-spacing-2xLarge, 3rem)}.ds-ribbon__bQiYWO__desktop-link{font-size:var(--ds-fontSize-12);white-space:nowrap}.ds-ribbon__bQiYWO__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__bQiYWO__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__bQiYWO__desktop-badge>* span{font-size:var(--ds-fontSize-12);line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}.ds-ribbon__bQiYWO__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__bQiYWO__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__bQiYWO--drawer-open .ds-ribbon__bQiYWO__drawer{transform:translateX(0%)}.ds-ribbon__bQiYWO__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__bQiYWO__drawer-header{display:none}}.ds-ribbon__bQiYWO__drawer-branding{display:flex;align-items:center;flex-shrink:0;max-width:8rem}@media (min-width: 30rem){.ds-ribbon__bQiYWO__drawer-branding{max-width:unset}}.ds-ribbon__bQiYWO__drawer-close{flex-shrink:0;margin-left:var(--ds-spacing-small, 16px)}.ds-ribbon__bQiYWO__drawer-nav{display:block;padding:var(--ds-spacing-medium, 24px);position:relative}@media (min-width: 60rem){.ds-ribbon__bQiYWO__drawer-nav{padding:0}}.ds-ribbon__bQiYWO__top-scrim,.ds-ribbon__bQiYWO__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__bQiYWO__top-scrim{top:3rem;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-ribbon__bQiYWO__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__bQiYWO__top-scrim{display:block}.has-bottom-scrim .ds-ribbon__bQiYWO__bottom-scrim{display:block}.ds-ribbon__bQiYWO__drawer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ds-spacing-4xSmall, 2px)}.ds-ribbon__bQiYWO__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__bQiYWO__drawer-link-item:last-child{border-bottom:none}@media (min-width: 60rem){.ds-ribbon__bQiYWO__drawer-link-item{justify-content:flex-start;padding:0;border-bottom:none}.ds-ribbon__bQiYWO__drawer-link-item:last-child{border-bottom:none}}.ds-ribbon__bQiYWO__drawer-link{font-size:var(--ds-fontSize-14, 0.875rem);white-space:nowrap}@media (min-width: 60rem){.ds-ribbon__bQiYWO__drawer-link{font-size:var(--ds-fontSize-12, 0.75rem)}}.ds-ribbon__bQiYWO__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__bQiYWO__drawer-badge{position:absolute;top:0;right:100%}}.ds-ribbon__bQiYWO__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__bQiYWO__drawer-badge>* span{font-size:inherit;line-height:0;font-weight:600;color:var(--ds-textColor-info, #005b80)}:host(.ds-ribbon__bQiYWO--drawer-open) .ds-ribbon__bQiYWO__drawer-backdrop{display:block}@media (min-width: 60rem){:host(.ds-ribbon__bQiYWO--drawer-open) .ds-ribbon__bQiYWO__drawer-backdrop{display:block}}:host(.ds-ribbon__bQiYWO--drawer-open) .ds-ribbon__bQiYWO__drawer{transform:translateX(0)}@media (min-width: 60rem){:host(.ds-ribbon__bQiYWO--drawer-open) .ds-ribbon__bQiYWO__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 = data.appData.v1.ribbon;
 const DsRibbon = class extends index.Mixin(componentFactory.componentFactory('ds-ribbon', { stopRootTracking: true })) {