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

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

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 (2332) hide show

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

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h } from './index-CFKBuHGF.js';
+import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h } from './index-B4ZCBfpo.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-CoCfZwPE.js';
+import { c as cx } from './cx-hUnOoCpm.js';
 import { i as idGenerator, t as transformTagName, o as omit, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { g as getLanguage } from './store-DWYm2ny8.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-CS3vs3iM.js';
+import { g as getLanguage } from './store-I792JNgf.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DXsGmVd4.js';
-const dsNotificationCss = ".sc-ds-notification-h{display:block;width:100%}.ds-notification__1Vp5mb.sc-ds-notification{display:flex;padding:var(--ds-spacing-xSmall, 12px);gap:var(--ds-spacing-2xSmall, 8px)}.ds-notification__1Vp5mb.ds-notification__1Vp5mb--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__1Vp5mb.ds-notification__1Vp5mb--neutral.sc-ds-notification .ds-notification__1Vp5mb__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__1Vp5mb.ds-notification__1Vp5mb--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__1Vp5mb.ds-notification__1Vp5mb--neutralWhite.sc-ds-notification .ds-notification__1Vp5mb__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__1Vp5mb.ds-notification__1Vp5mb--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__1Vp5mb.ds-notification__1Vp5mb--info.sc-ds-notification .ds-notification__1Vp5mb__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__1Vp5mb.ds-notification__1Vp5mb--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__1Vp5mb.ds-notification__1Vp5mb--success.sc-ds-notification .ds-notification__1Vp5mb__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__1Vp5mb.ds-notification__1Vp5mb--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__1Vp5mb.ds-notification__1Vp5mb--attention.sc-ds-notification .ds-notification__1Vp5mb__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__1Vp5mb.ds-notification__1Vp5mb--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__1Vp5mb.ds-notification__1Vp5mb--danger.sc-ds-notification .ds-notification__1Vp5mb__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__1Vp5mb__content.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-notification__1Vp5mb__content__heading.sc-ds-notification,.ds-notification__1Vp5mb__content__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__1Vp5mb__content__description.sc-ds-notification{max-width:550px}";
+const dsNotificationCss = ".sc-ds-notification-h{display:block;width:100%}.ds-notification__oSBnIJ.sc-ds-notification{padding:var(--ds-spacing-xSmall, 12px)}.ds-notification__oSBnIJ.ds-notification__oSBnIJ--neutral.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__oSBnIJ.ds-notification__oSBnIJ--neutral.sc-ds-notification .ds-notification__oSBnIJ__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__oSBnIJ.ds-notification__oSBnIJ--neutralWhite.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-light);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__oSBnIJ.ds-notification__oSBnIJ--neutralWhite.sc-ds-notification .ds-notification__oSBnIJ__icon.sc-ds-notification{color:var(--ds-iconColor-default);margin-bottom:auto}.ds-notification__oSBnIJ.ds-notification__oSBnIJ--info.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-info);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__oSBnIJ.ds-notification__oSBnIJ--info.sc-ds-notification .ds-notification__oSBnIJ__icon.sc-ds-notification{color:var(--ds-iconColor-info);margin-bottom:auto}.ds-notification__oSBnIJ.ds-notification__oSBnIJ--success.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-success);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__oSBnIJ.ds-notification__oSBnIJ--success.sc-ds-notification .ds-notification__oSBnIJ__icon.sc-ds-notification{color:var(--ds-iconColor-success);margin-bottom:auto}.ds-notification__oSBnIJ.ds-notification__oSBnIJ--attention.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-attention);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__oSBnIJ.ds-notification__oSBnIJ--attention.sc-ds-notification .ds-notification__oSBnIJ__icon.sc-ds-notification{color:var(--ds-iconColor-attention);margin-bottom:auto}.ds-notification__oSBnIJ.ds-notification__oSBnIJ--danger.sc-ds-notification{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger);border:var(--ds-borderWidth-hairline, 1px) solid var(--ds-borderColor-danger);margin-top:calc(-1 * var(--ds-borderWidth-hairline, 1px))}.ds-notification__oSBnIJ.ds-notification__oSBnIJ--danger.sc-ds-notification .ds-notification__oSBnIJ__icon.sc-ds-notification{color:var(--ds-iconColor-danger);margin-bottom:auto}.ds-notification__oSBnIJ__content.sc-ds-notification{display:flex;gap:var(--ds-spacing-2xSmall, 8px);max-width:1376px;margin:0 auto}.ds-notification__oSBnIJ__content__text.sc-ds-notification{display:flex;padding:var(--ds-spacing-4xSmall, 2px) 0;flex-direction:column;align-items:flex-start;gap:var(--ds-spacing-4xSmall, 2px);flex:1 0 0}.ds-notification__oSBnIJ__content__text__heading.sc-ds-notification,.ds-notification__oSBnIJ__content__text__description.sc-ds-notification{font-family:var(--ds-fontFamily-body);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-notification__oSBnIJ__content__text__description.sc-ds-notification{max-width:var(--ds-notification-description-max-width, 550px)}";
 const notificationIdGenerator = idGenerator('ds-notification');
 const variants = ['neutral', 'neutralWhite', 'info', 'success', 'attention', 'danger'];
@@ -58,6 +58,7 @@ const DsNotification = class extends Mixin(ariaDeprecationFactory) {
         this.icon = this.variantIcon;
     }
     dsDescription;
+    dsDescriptionMaxWidth = '550px';
     get variantIcon() {
         switch (this.variant) {
             case 'info':
@@ -144,12 +145,13 @@ const DsNotification = class extends Mixin(ariaDeprecationFactory) {
     render() {
         const baseClass = cx('ds-notification');
         const contentClass = `${baseClass}__content`;
+        const textClass = `${contentClass}__text`;
         const classes = classNames(baseClass, `${baseClass}--${this.variant}`);
         const ariaLabel = this.dsAriaLabel ?? this.inheritedAttributes['aria-label'] ?? this.ariaLabel;
         const ariaLabelledby = this.dsAriaLabelledby ?? this.inheritedAttributes['aria-labelledby'] ?? this.ariaLabelledBy;
         const role = this.dsRole ?? this.inheritedAttributes['role'] ?? 'group';
         const restAttributes = omit(this.inheritedAttributes, ['aria-labelledby', 'aria-label', 'role']);
-        return (h("div", { key: '8e201a083dfe245b8a0c068244ef5db036c7aad7', class: classes, id: this.dsId, role: role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...restAttributes }, this.dsIcon && (h("div", { key: 'e06d5dc944970dc13497d1beb1089a52df5cf299', class: `${baseClass}__icon ds-p-3xs` }, h(this.DsIcon, { key: 'b1e09f5319d6374513abb03432f03386c689e536', dsName: this.dsIcon }))), h("div", { key: '6d43cafde7ce462412340bb4d25c6f598a300333', class: contentClass }, h("slot", { key: '645b319fd933c6d58add473be09144bc7a888bd9', name: "heading" }, this.dsHeading && (h("div", { key: '0261cac112dce957d9ad9969e1631587861ef50e', class: `${contentClass}__heading ds-text-semibold-lg`, id: this.headingId, role: this.dsDescription ? 'heading' : undefined, 'aria-level': this.dsDescription ? this.dsHeadingLevel : undefined }, this.dsHeading))), h("slot", { key: '6b32236fbbbc653bc14f90de968c0c5576e4672f', name: "description" }, this.dsDescription && h("div", { key: '6b599192a3b6508823add351655d0b17e2d4a002', class: `${contentClass}__description ds-text-regular-md` }, this.dsDescription)), h("slot", { key: '41939acae081c9c78e27ea9811822661be74d3cb' })), this.dsDismissable && (h(this.DsButton, { key: '5dbf763231f0adf9f818148a0528f347c2ca5e7b', dsId: `${this.dsId}-dismiss-button`, dsIcon: "close", dsVariant: "supplementary", dsColour: "black", dsSize: "small", dsAriaLabelledby: [`${this.dsId}-dismiss-button`, ariaLabelledby].filter(Boolean).join(' '), onClick: this.handleDismissButtonClick }, h(this.DsVisuallyHidden, { key: '80fb85513aaa132ff6928769fc19b89a58998431', slot: "suffix", dsTag: "span" }, this.dsDismissButtonHiddenAssistiveText || this.close)))));
+        return (h("div", { key: '4529db2a1680f233c8d155133a400830346bb7fe', class: classes, id: this.dsId, role: role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...restAttributes }, h("div", { key: '503e52c69422e97f41cfc4e107babfe297acb2b4', class: contentClass }, this.dsIcon && (h("div", { key: 'fad4654bae659b880dc961df9d413016d77a3bfb', class: `${baseClass}__icon ds-p-3xs` }, h(this.DsIcon, { key: '28e2b9e11a8457571e839e9a2c0eaf790b5944d3', dsName: this.dsIcon }))), h("div", { key: '90bd6f2ede1758a26f1171a02c6a7a9a0e895def', class: textClass }, h("slot", { key: 'be1760ff79c03a9de088e566fa37bb0ab6e78410', name: "heading" }, this.dsHeading && (h("div", { key: '60b168f1d0976970f93eed585a9557c4fd27a986', class: `${textClass}__heading ds-text-semibold-lg`, id: this.headingId, role: this.dsDescription ? 'heading' : undefined, 'aria-level': this.dsDescription ? this.dsHeadingLevel : undefined }, this.dsHeading))), h("slot", { key: '936e108671e19603d21caa4b6312a123bb3f1af7', name: "description" }, this.dsDescription && (h("div", { key: '75d188cabad83a0ac0c3c835c112559761710063', class: `${textClass}__description ds-text-regular-md`, style: { '--ds-notification-description-max-width': this.dsDescriptionMaxWidth } }, this.dsDescription))), h("slot", { key: '95b462dfc54784c44bd3aa3af8d671cd66421024' })), this.dsDismissable && (h(this.DsButton, { key: '87a7782e83cf61a5eb62101afca9b7923a498ba5', dsId: `${this.dsId}-dismiss-button`, dsIcon: "close", dsVariant: "supplementary", dsColour: "black", dsSize: "small", dsAriaLabelledby: [`${this.dsId}-dismiss-button`, ariaLabelledby].filter(Boolean).join(' '), onClick: this.handleDismissButtonClick }, h(this.DsVisuallyHidden, { key: 'd9131f6eefb593fe82e56b0205b453fe176716c2', slot: "suffix", dsTag: "span" }, this.dsDismissButtonHiddenAssistiveText || this.close))))));
     }
     static get watchers() { return {
         "aria-label": ["ariaAttributeObserver"],

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

@@ -1,10 +1,10 @@
-import { h, r as registerInstance, c as createEvent, d as getElement, F as Fragment } from './index-CFKBuHGF.js';
+import { h, r as registerInstance, c as createEvent, d as getElement, F as Fragment } from './index-B4ZCBfpo.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { i as idGenerator, d as declareComponentDependencies, t as transformTagName } from './utils-J5Ghj1_T.js';
-import { c as cx } from './cx-CoCfZwPE.js';
+import { c as cx } from './cx-hUnOoCpm.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-const dsOptionCss = ".ds-option__1Vp5mb.sc-ds-option{display:flex;align-items:center;justify-content:normal;min-height:2.5rem;padding:0.625rem var(--ds-spacing-xSmall);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__1Vp5mb.sc-ds-option:not(.ds-option__1Vp5mb--multiple){justify-content:space-between}.ds-option__1Vp5mb--hidden.sc-ds-option{display:none}.ds-option__1Vp5mb--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__1Vp5mb.sc-ds-option:hover:not(.ds-option__1Vp5mb--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__1Vp5mb.sc-ds-option:active:not(.ds-option__1Vp5mb--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__1Vp5mb--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__1Vp5mb--active.ds-option__1Vp5mb--selected.sc-ds-option:not(.ds-option__1Vp5mb--multiple){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-option__1Vp5mb--multiple.ds-option__1Vp5mb--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__1Vp5mb--multiple.sc-ds-option .ds-option__1Vp5mb__checkbox.sc-ds-option{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-option__1Vp5mb--multiple.ds-option__1Vp5mb--disabled.sc-ds-option .ds-option__1Vp5mb__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__1Vp5mb--multiple.ds-option__1Vp5mb--disabled.sc-ds-option:not(.ds-option__1Vp5mb--selected) .ds-option__1Vp5mb__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__1Vp5mb--selected.sc-ds-option .ds-option__1Vp5mb__checkbox.sc-ds-option{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent);color:var(--ds-textColor-white);padding:var(--ds-spacing-4xSmall)}.ds-option__1Vp5mb--selected.sc-ds-option:not(.ds-option__1Vp5mb--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__1Vp5mb--selected.sc-ds-option:not(.ds-option__1Vp5mb--multiple).ds-option__1Vp5mb--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__1Vp5mb--selected.sc-ds-option:not(.ds-option__1Vp5mb--multiple) .ds-option__1Vp5mb__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__1Vp5mb--selected.sc-ds-option:not(.ds-option__1Vp5mb--multiple) .ds-option__1Vp5mb__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__1Vp5mb--selected.sc-ds-option:not(.ds-option__1Vp5mb--multiple).ds-option__1Vp5mb--disabled .ds-option__1Vp5mb__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__1Vp5mb--selected.sc-ds-option:not(.ds-option__1Vp5mb--multiple):hover:not(.ds-option__1Vp5mb--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__1Vp5mb--selected.sc-ds-option:not(.ds-option__1Vp5mb--multiple):active:not(.ds-option__1Vp5mb--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__1Vp5mb__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__1Vp5mb__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__1Vp5mb__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__1Vp5mb__description.sc-ds-option:not(:empty){display:block}";
+const dsOptionCss = ".ds-option__oSBnIJ.sc-ds-option{display:flex;align-items:center;justify-content:normal;min-height:2.5rem;padding:0.625rem var(--ds-spacing-xSmall);position:relative;cursor:pointer;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-default);font-weight:var(--ds-fontWeight-regular);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-option__oSBnIJ.sc-ds-option:not(.ds-option__oSBnIJ--multiple){justify-content:space-between}.ds-option__oSBnIJ--hidden.sc-ds-option{display:none}.ds-option__oSBnIJ--disabled.sc-ds-option{cursor:not-allowed;user-select:none;color:var(--ds-textColor-disabled-onLight)}.ds-option__oSBnIJ.sc-ds-option:hover:not(.ds-option__oSBnIJ--disabled){background-color:var(--ds-bgColor-white-hover)}.ds-option__oSBnIJ.sc-ds-option:active:not(.ds-option__oSBnIJ--disabled){background-color:var(--ds-bgColor-white-active)}.ds-option__oSBnIJ--active.sc-ds-option{box-shadow:inset 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * 1)}.ds-option__oSBnIJ--active.ds-option__oSBnIJ--selected.sc-ds-option:not(.ds-option__oSBnIJ--multiple){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-option__oSBnIJ--multiple.ds-option__oSBnIJ--disabled.sc-ds-option{color:var(--ds-textColor-default)}.ds-option__oSBnIJ--multiple.sc-ds-option .ds-option__oSBnIJ__checkbox.sc-ds-option{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-right:var(--ds-spacing-xSmall);border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default);background-color:var(--ds-bgColor-white)}.ds-option__oSBnIJ--multiple.ds-option__oSBnIJ--disabled.sc-ds-option .ds-option__oSBnIJ__checkbox.sc-ds-option{border-color:var(--ds-borderColor-transparent);background-color:var(--ds-bgColor-disabled-onLight)}.ds-option__oSBnIJ--multiple.ds-option__oSBnIJ--disabled.sc-ds-option:not(.ds-option__oSBnIJ--selected) .ds-option__oSBnIJ__checkbox.sc-ds-option{border-color:var(--ds-borderColor-disabled-onLight)}.ds-option__oSBnIJ--selected.sc-ds-option .ds-option__oSBnIJ__checkbox.sc-ds-option{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent);color:var(--ds-textColor-white);padding:var(--ds-spacing-4xSmall)}.ds-option__oSBnIJ--selected.sc-ds-option:not(.ds-option__oSBnIJ--multiple){background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-option__oSBnIJ--selected.sc-ds-option:not(.ds-option__oSBnIJ--multiple).ds-option__oSBnIJ--disabled{background-color:var(--ds-bgColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-option__oSBnIJ--selected.sc-ds-option:not(.ds-option__oSBnIJ--multiple) .ds-option__oSBnIJ__description.sc-ds-option{color:var(--ds-textColor-white)}.ds-option__oSBnIJ--selected.sc-ds-option:not(.ds-option__oSBnIJ--multiple) .ds-option__oSBnIJ__check-icon.sc-ds-option{visibility:visible;color:var(--ds-textColor-white)}.ds-option__oSBnIJ--selected.sc-ds-option:not(.ds-option__oSBnIJ--multiple).ds-option__oSBnIJ--disabled .ds-option__oSBnIJ__check-icon.sc-ds-option{color:var(--ds-textColor-disabled-onLight)}.ds-option__oSBnIJ--selected.sc-ds-option:not(.ds-option__oSBnIJ--multiple):hover:not(.ds-option__oSBnIJ--disabled){background-color:var(--ds-bgColor-primary-hover)}.ds-option__oSBnIJ--selected.sc-ds-option:not(.ds-option__oSBnIJ--multiple):active:not(.ds-option__oSBnIJ--disabled){background-color:var(--ds-bgColor-primary-active)}.ds-option__oSBnIJ__label.sc-ds-option{display:flex;flex-direction:column;flex:1 1 auto;font-family:var(--ds-fontFamily-body);min-width:0;grid-column:1;grid-row:1}.ds-option__oSBnIJ__check-icon.sc-ds-option{margin-left:var(--ds-spacing-small);flex-shrink:0;display:flex;align-items:center;height:100%}.ds-option__oSBnIJ__description.sc-ds-option{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);margin-top:var(--ds-spacing-3xSmall);line-height:1.3;grid-column:1;grid-row:2}.ds-option__oSBnIJ__description.sc-ds-option:not(:empty){display:block}";
 const optionIdGenerator = idGenerator('ds-option');
 const DsOption = class {
@@ -99,13 +99,13 @@ const DsOption = class {
     render() {
         const baseClass = cx('ds-option');
         const DsIcon = transformTagName('ds-icon', 'ds-option', this.el);
-        return (h("div", { key: '617828c8b3b4b710d9072b25444228143758e22c', ref: el => (this.optionRef = el), id: this.dsId, class: classNames(baseClass, {
+        return (h("div", { key: 'bb04c65dc3caa755b68c857909841ba7e01062c9', ref: el => (this.optionRef = el), id: this.dsId, class: classNames(baseClass, {
                 [`${baseClass}--multiple`]: this.isMultiple,
                 [`${baseClass}--active`]: this.dsActive,
                 [`${baseClass}--selected`]: this.dsSelected,
                 [`${baseClass}--disabled`]: this.dsDisabled,
                 [`${baseClass}--hidden`]: this.dsHidden,
-            }), role: "option", "aria-selected": String(this.dsSelected), "aria-disabled": String(this.dsDisabled), "aria-hidden": String(this.dsHidden), tabIndex: this.internalTabIndex, ...this.inheritedAttributes }, this.isMultiple && (h("span", { key: '307d2ca0378710fcaa8fc40ccbd3f93902b42f7c', class: `${baseClass}__checkbox` }, this.dsSelected && (h(DsIcon, { key: 'eeb57d6628b70f26a9aad23dcb01422ecf591a74', class: `${baseClass}__checkbox__icon`, dsName: "check_small", dsSize: "1.25rem", dsColour: this.dsDisabled ? 'ds-textColor-disabled-onLight' : 'ds-textColor-white' })))), h(Fragment, { key: '432e557bf4c5087c713549e052879a98cb426163' }, h("span", { key: '7efeaed898dacd10df1828fb8d21cd24549034ef' }, h("span", { key: 'a434ea8915569f3531d961218469826d8d17070f', class: `${baseClass}__label`, ref: el => (this.optionLabelTextRef = el) }, h("slot", { key: 'd560ac070733192917b49dd7a669f1312ee50beb' }, this.dsLabel)), this.dsDescription && h("span", { key: 'f99bf6fab8d8af6bcffe51eeefe1b567ddb47ddf', class: `${baseClass}__description` }, this.dsDescription)), !this.isMultiple && this.dsSelected && h(DsIcon, { key: '56482d641c668355dc8628bd8188af1cf8ede038', dsName: "check", class: `${baseClass}__check-icon` }))));
+            }), role: "option", "aria-selected": String(this.dsSelected), "aria-disabled": String(this.dsDisabled), "aria-hidden": String(this.dsHidden), tabIndex: this.internalTabIndex, ...this.inheritedAttributes }, this.isMultiple && (h("span", { key: 'e9dd6caa4d6b1361bf2be12510009babf4ed6091', class: `${baseClass}__checkbox` }, this.dsSelected && (h(DsIcon, { key: '8dd1b3e8406c3b4a94aa0875be7471bf36619f60', class: `${baseClass}__checkbox__icon`, dsName: "check_small", dsSize: "1.25rem", dsColour: this.dsDisabled ? 'ds-textColor-disabled-onLight' : 'ds-textColor-white' })))), h(Fragment, { key: '500b7bfd93c36617382081a67d4e2ceae4e4bd48' }, h("span", { key: '71c0bcdc54ca94d20d92e0f935ecbcdeb070322f' }, h("span", { key: 'a53462d0aad23b33b5b5cb0177153319f179721a', class: `${baseClass}__label`, ref: el => (this.optionLabelTextRef = el) }, h("slot", { key: '702bd21da288d1bb6550e03581f5318929949bcc' }, this.dsLabel)), this.dsDescription && h("span", { key: 'e4ade35a738c189bbb9f72dbb7aede215dc7b942', class: `${baseClass}__description` }, this.dsDescription)), !this.isMultiple && this.dsSelected && h(DsIcon, { key: 'de13ceb3ffba87571d2785270480a17447e4df19', dsName: "check", class: `${baseClass}__check-icon` }))));
     }
     static get watchers() { return {
         "dsActive": ["dsActiveObserver"],
@@ -116,7 +116,7 @@ const DsOption = class {
 declareComponentDependencies([h("ds-icon", { dsName: "" })]);
 DsOption.style = dsOptionCss;
-const dsOptionGroupCss = ".ds-option-group__1Vp5mb.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__1Vp5mb--hidden.sc-ds-option-group{display:none}.ds-option-group__1Vp5mb.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__1Vp5mb__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__1Vp5mb__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";
+const dsOptionGroupCss = ".ds-option-group__oSBnIJ.sc-ds-option-group{display:block;font-family:var(--ds-fontFamily-body)}.ds-option-group__oSBnIJ--hidden.sc-ds-option-group{display:none}.ds-option-group__oSBnIJ.sc-ds-option-group ul.sc-ds-option-group{padding:0}.ds-option-group__oSBnIJ__label.sc-ds-option-group{position:sticky;display:block;top:0;background-color:var(--ds-bgColor-neutralLight);z-index:1;padding:var(--ds-spacing-2xSmall);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large)}.ds-option-group__oSBnIJ__label__shadow.sc-ds-option-group{box-shadow:var(--ds-shadow-overflow)}";
 const DsOptionGroup = class {
     constructor(hostRef) {
@@ -152,9 +152,9 @@ const DsOptionGroup = class {
     }
     render() {
         const baseClass = cx('ds-option-group');
-        return (h("div", { key: '79121a625288e2789ba1b043cc542b44062bf44a', class: classNames(`${baseClass}`, {
+        return (h("div", { key: '2522430be2d00681a6b28f0a8c381846c66eca06', class: classNames(`${baseClass}`, {
                 [`${baseClass}--hidden`]: this.dsHidden,
-            }), role: "group", "aria-labelledby": this.groupId, ...this.inheritedAttributes }, h("div", { key: '9f1ee4c542336e1b8e27b389b5c49c894cd87551', class: `${baseClass}__label`, id: this.groupId }, this.dsLabel), h("slot", { key: 'ecbc22896f968f94093d946603e7f9b2f387bac0' })));
+            }), role: "group", "aria-labelledby": this.groupId, ...this.inheritedAttributes }, h("div", { key: 'b5f646b7eeb45b942e2e65e6f59446371aff0363', class: `${baseClass}__label`, id: this.groupId }, this.dsLabel), h("slot", { key: '4d2777f84ba0b4d2725199785bab6e54a9fc4a34' })));
     }
     static get watchers() { return {
         "dsLabel": ["dsLabelObserver"]

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

@@ -1,10 +1,10 @@
-import { h, r as registerInstance, d as getElement } from './index-CFKBuHGF.js';
-import { g as getLanguage } from './store-DWYm2ny8.js';
-import { t as tryADifferentSearchTerm, n as noResultsFound, l as loadingOptions, f as tryAgainOrIfTheProblemPersists, w as weCouldNotLoadOptions } from './controlUtils-D6BTuvLI.js';
+import { h, r as registerInstance, d as getElement } from './index-B4ZCBfpo.js';
+import { g as getLanguage } from './store-I792JNgf.js';
+import { t as tryADifferentSearchTerm, n as noResultsFound, l as loadingOptions, f as tryAgainOrIfTheProblemPersists, w as weCouldNotLoadOptions } from './controlUtils-DOb1adhF.js';
 import { d as declareComponentDependencies, t as transformTagName } from './utils-J5Ghj1_T.js';
-import { c as cx } from './cx-CoCfZwPE.js';
+import { c as cx } from './cx-hUnOoCpm.js';
-const dsOptionsMessageCss = ".ds-options-message__1Vp5mb.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__1Vp5mb__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__1Vp5mb__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__1Vp5mb__error__title.sc-ds-options-message,.ds-options-message__1Vp5mb__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__1Vp5mb__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__1Vp5mb__error__text.sc-ds-options-message,.ds-options-message__1Vp5mb__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}";
+const dsOptionsMessageCss = ".ds-options-message__oSBnIJ.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__oSBnIJ__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__oSBnIJ__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__oSBnIJ__error__title.sc-ds-options-message,.ds-options-message__oSBnIJ__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__oSBnIJ__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__oSBnIJ__error__text.sc-ds-options-message,.ds-options-message__oSBnIJ__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}";
 const defaultTextFns = {
     dsErrorTitle: weCouldNotLoadOptions,

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

@@ -1,15 +1,15 @@
-import { r as registerInstance, c as createEvent, d as getElement, h, M as Mixin, f as forceUpdate, H as Host } from './index-CFKBuHGF.js';
+import { r as registerInstance, c as createEvent, d as getElement, h, M as Mixin, f as forceUpdate, H as Host } from './index-B4ZCBfpo.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { i as idGenerator, t as transformTagName, c as componentOnReady, b as debounce, a as ifDefined, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
-import { c as cx } from './cx-CoCfZwPE.js';
+import { c as cx } from './cx-hUnOoCpm.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, z 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-D6BTuvLI.js';
-import { m as multipleValueFactory } from './multipleValueFactory-Buerkvcm.js';
+import { m as multiselectable, z 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-DOb1adhF.js';
+import { m as multipleValueFactory } from './multipleValueFactory-eQMkUiXr.js';
 import { d as disableEventsFactory } from './disableEventsFactory-D5btmZkj.js';
-import './store-DWYm2ny8.js';
+import './store-I792JNgf.js';
-const dsOptionsCss = ".ds-options__1Vp5mb__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__1Vp5mb.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__1Vp5mb.sc-ds-options:focus{outline:none}.ds-options__1Vp5mb__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__1Vp5mb__top-scrim.sc-ds-options,.ds-options__1Vp5mb__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__1Vp5mb__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__1Vp5mb__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__1Vp5mb.has-top-scrim.sc-ds-options .ds-options__1Vp5mb__top-scrim.sc-ds-options{display:block}.ds-options__1Vp5mb.has-bottom-scrim.sc-ds-options .ds-options__1Vp5mb__bottom-scrim.sc-ds-options{display:block}.ds-options__1Vp5mb.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__1Vp5mb.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";
+const dsOptionsCss = ".ds-options__oSBnIJ__inner.sc-ds-options{max-height:20rem;overflow:hidden;box-sizing:border-box}.ds-options__oSBnIJ.sc-ds-options{position:relative;width:100%;padding:0;margin:0;z-index:0;font-family:var(--ds-fontFamily-body)}.ds-options__oSBnIJ.sc-ds-options:focus{outline:none}.ds-options__oSBnIJ__inner.sc-ds-options{overflow-y:auto;list-style-type:none;padding:0;margin:0;width:100%;position:relative;display:flex;flex-direction:column}.ds-options__oSBnIJ__top-scrim.sc-ds-options,.ds-options__oSBnIJ__bottom-scrim.sc-ds-options{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;min-height:0;position:sticky;z-index:1;display:none}.ds-options__oSBnIJ__top-scrim.sc-ds-options{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__oSBnIJ__bottom-scrim.sc-ds-options{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-options__oSBnIJ.has-top-scrim.sc-ds-options .ds-options__oSBnIJ__top-scrim.sc-ds-options{display:block}.ds-options__oSBnIJ.has-bottom-scrim.sc-ds-options .ds-options__oSBnIJ__bottom-scrim.sc-ds-options{display:block}.ds-options__oSBnIJ.sc-ds-options li.sc-ds-options{cursor:pointer}.ds-options__oSBnIJ.sc-ds-options li.sc-ds-options:hover{background-color:var(--ds-palette-black-05)}";
 const optionsIdGenerator = idGenerator('ds-options');
 const DsOptions = class {
@@ -141,10 +141,10 @@ const DsOptions = class {
     };
     render() {
         const baseClass = cx('ds-options');
-        return (h("div", { key: 'b9f13d73371005bbf70f11583c18b012fa88f700', id: this.dsId, class: classNames(baseClass, {
+        return (h("div", { key: '0c4a90874a5b1234c8be905faed7398b84e86593', id: this.dsId, class: classNames(baseClass, {
                 'has-bottom-scrim': this.hasBottomScrim,
                 'has-top-scrim': this.hasTopScrim,
-            }), role: "listbox", tabindex: 0, onKeyDown: this.handleKeyDown, ref: el => (this.optionsListRef = el), onScroll: this.handleScroll, onFocus: this.updateScrimClasses, "aria-multiselectable": this.dsAriaMultiselectable ? 'true' : 'false', "aria-label": this.dsAriaMultiselectable ? multiselectable() : undefined, "aria-labelledby": [this.dsLabelId, this.dsId].filter(Boolean).join(' '), ...this.inheritedAttributes }, h("div", { key: '8b01781bdee396e699773f00a005d5fa905b0697', class: `${baseClass}__inner`, ref: el => (this.optionsListInnerRef = el), onScroll: this.handleScroll }, h("div", { key: '8d11cd63f31bdfb7c20df01500898df7360ec973', class: `${baseClass}__top-scrim`, "aria-hidden": "true" }), h("slot", { key: 'b443551914771e71676171aacf6fecfc04b24cea' }), h("div", { key: '0f8b194e6b9c1890eb875890843edb14b634e6b7', class: `${baseClass}__bottom-scrim`, "aria-hidden": "true" }))));
+            }), role: "listbox", tabindex: 0, onKeyDown: this.handleKeyDown, ref: el => (this.optionsListRef = el), onScroll: this.handleScroll, onFocus: this.updateScrimClasses, "aria-multiselectable": this.dsAriaMultiselectable ? 'true' : 'false', "aria-label": this.dsAriaMultiselectable ? multiselectable() : undefined, "aria-labelledby": [this.dsLabelId, this.dsId].filter(Boolean).join(' '), ...this.inheritedAttributes }, h("div", { key: 'e64e68234dead6eb2e04ed7e1e0aadbfb3fb9e33', class: `${baseClass}__inner`, ref: el => (this.optionsListInnerRef = el), onScroll: this.handleScroll }, h("div", { key: 'a96c1a2316759ff352643f3ea0b1b2c8929646ea', class: `${baseClass}__top-scrim`, "aria-hidden": "true" }), h("slot", { key: '9955de9f75f9f466f5d99c3178f5a3f4ee716870' }), h("div", { key: '89078805f0daa8e28f0ffefe0e25623faf9105a5', class: `${baseClass}__bottom-scrim`, "aria-hidden": "true" }))));
     }
     static get watchers() { return {
         "dsActiveIndex": ["onActiveIndexChange"]
@@ -152,7 +152,7 @@ const DsOptions = class {
 };
 DsOptions.style = dsOptionsCss;
-const dsSelectCss = ".sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){:not(:has(.ds-select__1Vp5mb--full-width)).sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__1Vp5mb-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select__1Vp5mb-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__1Vp5mb-custom-wrapper.sc-ds-select{position:relative}.ds-select__1Vp5mb-custom.sc-ds-select .ds-options__1Vp5mb.sc-ds-select{display:block}.ds-select__1Vp5mb-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__1Vp5mb-custom-input-container.sc-ds-select:has(.ds-select__1Vp5mb-custom__clear-button:hover) .ds-select__1Vp5mb-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__1Vp5mb-custom.sc-ds-select:not(.ds-select__1Vp5mb-custom--open,.ds-select__1Vp5mb-custom--invalid.sc-ds-select,.ds-select__1Vp5mb-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__1Vp5mb-custom.sc-ds-select:active:not(.ds-select__1Vp5mb-custom--open,.ds-select__1Vp5mb-custom--invalid.sc-ds-select,.ds-select__1Vp5mb-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__1Vp5mb-custom--open.sc-ds-select,.ds-select__1Vp5mb-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__1Vp5mb-custom--open.sc-ds-select:not(.ds-select__1Vp5mb-custom--open--invalid,.ds-select__1Vp5mb-custom.sc-ds-select:focus-visible--invalid),.ds-select__1Vp5mb-custom.sc-ds-select:focus-visible:not(.ds-select__1Vp5mb-custom--open--invalid,.ds-select__1Vp5mb-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__1Vp5mb-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__1Vp5mb-custom--disabled.sc-ds-select .ds-select__1Vp5mb-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__1Vp5mb-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__1Vp5mb-custom--invalid.sc-ds-select:not(.ds-select__1Vp5mb-custom--invalid--open,.ds-select__1Vp5mb-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__1Vp5mb-custom--invalid.sc-ds-select:not(.ds-select__1Vp5mb-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__1Vp5mb-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__1Vp5mb-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-xSmall)}.ds-select__1Vp5mb-custom--has-icon.sc-ds-select .ds-select__1Vp5mb-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__1Vp5mb-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__1Vp5mb-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__1Vp5mb-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__1Vp5mb-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__1Vp5mb-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__1Vp5mb-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__1Vp5mb-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__1Vp5mb-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__1Vp5mb-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__1Vp5mb-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__1Vp5mb-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__1Vp5mb-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__1Vp5mb-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__1Vp5mb-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__1Vp5mb-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__1Vp5mb-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__1Vp5mb-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__1Vp5mb-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__1Vp5mb-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__1Vp5mb-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__1Vp5mb-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__1Vp5mb-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}";
+const dsSelectCss = ".sc-ds-select-h{display:inline-block;width:100%}@media (min-width: 30rem){:not(:has(.ds-select__oSBnIJ--full-width)).sc-ds-select-h{width:20rem}}.sc-ds-select-h>div.sc-ds-select{display:flex;flex-direction:column;position:relative}.ds-select__oSBnIJ-custom.sc-ds-select{position:relative;display:flex;align-items:center;border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-default);background-color:var(--ds-bgColor-white);color:var(--ds-textColor-secondary);cursor:pointer;box-sizing:border-box;height:2.75rem;width:100%}.ds-select__oSBnIJ-custom__dropdown-icon.sc-ds-select{cursor:pointer;align-items:center;align-self:stretch;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-secondary);z-index:2;pointer-events:none;padding:0 var(--ds-spacing-2xSmall)}.ds-select__oSBnIJ-custom-wrapper.sc-ds-select{position:relative}.ds-select__oSBnIJ-custom.sc-ds-select .ds-options__oSBnIJ.sc-ds-select{display:block}.ds-select__oSBnIJ-custom-input-container.sc-ds-select{display:flex;position:relative}.ds-select__oSBnIJ-custom-input-container.sc-ds-select:has(.ds-select__oSBnIJ-custom__clear-button:hover) .ds-select__oSBnIJ-custom.sc-ds-select{background-color:var(--ds-bgColor-white-hover) !important}.ds-select__oSBnIJ-custom.sc-ds-select:not(.ds-select__oSBnIJ-custom--open,.ds-select__oSBnIJ-custom--invalid.sc-ds-select,.ds-select__oSBnIJ-custom--disabled).sc-ds-select:hover{background-color:var(--ds-bgColor-white-hover)}.ds-select__oSBnIJ-custom.sc-ds-select:active:not(.ds-select__oSBnIJ-custom--open,.ds-select__oSBnIJ-custom--invalid.sc-ds-select,.ds-select__oSBnIJ-custom--disabled).sc-ds-select{background-color:var(--ds-bgColor-white-active)}.ds-select__oSBnIJ-custom--open.sc-ds-select,.ds-select__oSBnIJ-custom.sc-ds-select:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-select__oSBnIJ-custom--open.sc-ds-select:not(.ds-select__oSBnIJ-custom--open--invalid,.ds-select__oSBnIJ-custom.sc-ds-select:focus-visible--invalid),.ds-select__oSBnIJ-custom.sc-ds-select:focus-visible:not(.ds-select__oSBnIJ-custom--open--invalid,.ds-select__oSBnIJ-custom.sc-ds-select:focus-visible--invalid){border-color:var(--ds-borderColor-primary)}.ds-select__oSBnIJ-custom--disabled.sc-ds-select{background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight);cursor:not-allowed}.ds-select__oSBnIJ-custom--disabled.sc-ds-select .ds-select__oSBnIJ-custom__dropdown-icon.sc-ds-select{color:var(--ds-textColor-disabled-onLight);border-left-color:var(--ds-borderColor-disabled-onLight);cursor:not-allowed}.ds-select__oSBnIJ-custom--invalid.sc-ds-select{background-color:var(--ds-bgColor-danger);border-color:var(--ds-borderColor-danger)}.ds-select__oSBnIJ-custom--invalid.sc-ds-select:not(.ds-select__oSBnIJ-custom--invalid--open,.ds-select__oSBnIJ-custom--invalid--disabled).sc-ds-select:active{background-color:var(--ds-bgColor-danger-active);border-color:var(--ds-borderColor-danger)}.ds-select__oSBnIJ-custom--invalid.sc-ds-select:not(.ds-select__oSBnIJ-custom--invalid--disabled):hover{background-color:var(--ds-bgColor-danger-hover)}.ds-select__oSBnIJ-custom__dropdown-icon--has-clear-button.sc-ds-select{margin-left:var(--badge-container-offset, calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px))}.ds-select__oSBnIJ-custom__selected-option.sc-ds-select{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall);flex:1;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-xSmall)}.ds-select__oSBnIJ-custom--has-icon.sc-ds-select .ds-select__oSBnIJ-custom__selected-option.sc-ds-select{padding-left:var(--ds-select-selected-option-padding, calc(var(--ds-spacing-xSmall) - 2px));padding-right:var(--ds-spacing-2xSmall)}.ds-select__oSBnIJ-custom__selected-option__placeholder-icon.sc-ds-select{font-size:var(--ds-fontSize-16)}.ds-select__oSBnIJ-custom__selected-option__text.sc-ds-select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px;color:var(--ds-textColor-default)}.ds-select__oSBnIJ-custom__selected-option__text--none-selected.sc-ds-select{color:var(--ds-textColor-secondary)}.ds-select__oSBnIJ-custom__selected-option__text--disabled.sc-ds-select{color:var(--ds-textColor-disabled-onLight)}.ds-select__oSBnIJ-custom.sc-ds-select input.sc-ds-select{width:100%;height:100%;border:0;background:none;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);padding-left:var(--ds-spacing-xSmall);padding-right:var(--ds-spacing-xSmall);text-overflow:ellipsis}.ds-select__oSBnIJ-custom.sc-ds-select input.sc-ds-select::placeholder{color:var(--ds-textColor-secondary)}.ds-select__oSBnIJ-custom.sc-ds-select input.sc-ds-select:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight)}.ds-select__oSBnIJ-custom.sc-ds-select input.sc-ds-select:disabled::placeholder{color:var(--ds-textColor-disabled-onLight)}.ds-select__oSBnIJ-custom.sc-ds-select input.sc-ds-select:focus{outline:none}.ds-select__oSBnIJ-custom__clear-button.sc-ds-select{position:absolute;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px);cursor:pointer}.ds-select__oSBnIJ-custom__badge-container.sc-ds-select{position:absolute;z-index:2;pointer-events:none;right:calc(24px + var(--ds-spacing-2xSmall) * 2 + 2px + 1px + 40px + var(--ds-spacing-4xSmall) * 2);padding:10px 0}.ds-select__oSBnIJ-custom__options-container.sc-ds-select{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);background-color:var(--ds-bgColor-white)}.ds-select__oSBnIJ-custom__options-container--open.sc-ds-select{display:block;box-shadow:var(--ds-shadow-overlay)}.ds-select__oSBnIJ-custom__options-container__options.sc-ds-select{position:relative;display:block;width:100%;padding:0;margin:0;z-index:0;overflow:auto}.ds-select__oSBnIJ-custom__options-container__options__inner.sc-ds-select{position:relative;width:100%;max-height:20rem;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;padding:0;margin:0}.ds-select__oSBnIJ-custom__options-container__options__inner__top-scrim.sc-ds-select,.ds-select__oSBnIJ-custom__options-container__options__inner__bottom-scrim.sc-ds-select{pointer-events:none;width:100%;height:2.75rem;margin-top:-2.75rem;flex:0 0 auto;position:sticky;z-index:1;display:none}.ds-select__oSBnIJ-custom__options-container__options__inner__top-scrim--visible.sc-ds-select,.ds-select__oSBnIJ-custom__options-container__options__inner__bottom-scrim--visible.sc-ds-select{display:block}.ds-select__oSBnIJ-custom__options-container__options__inner__top-scrim.sc-ds-select{top:0;background:linear-gradient(to bottom, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}.ds-select__oSBnIJ-custom__options-container__options__inner__top-scrim--dark.sc-ds-select{height:calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));background:none;margin-top:calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));box-shadow:0 -2px 7px var(--ds-overlay-black-50)}.ds-select__oSBnIJ-custom__options-container__options__inner__bottom-scrim.sc-ds-select{bottom:0;background:linear-gradient(to top, var(--ds-bgColor-white) 0%, var(--ds-overlay-white-00) 100%)}";
 const selectIdGenerator = idGenerator('ds-select');
 const defaultTextFns = {
@@ -265,6 +265,7 @@ const DsSelect = class extends Mixin(multipleValueFactory, disableEventsFactory)
         }
     }
     componentWillLoad() {
+        this.setDisableEventEmits(true);
         this.setTexts();
         this.inheritedAttributes = {
             ...inheritAttributes(this, this.el),
@@ -280,9 +281,7 @@ const DsSelect = class extends Mixin(multipleValueFactory, disableEventsFactory)
         else {
             this.internals?.setValidity({ valueMissing: this.dsRequired && (!this.dsValue || (Array.isArray(this.dsValue) && this.dsValue.length === 0)) }, atLeastOneOption());
         }
-        this.setDisableEventEmits(true);
         this.value = this.toValue(this.dsValue);
-        this.setDisableEventEmits();
     }
     disconnectedCallback() {
         if (this.internals?.form && !this.isNative) {
@@ -336,6 +335,7 @@ const DsSelect = class extends Mixin(multipleValueFactory, disableEventsFactory)
     async handleOptionClick(option) {
         if (!option || option.dsDisabled)
             return;
+        this.setDisableEventEmits(false);
         if (this.inValue(option.dsValue) && this.isMultiple) {
             this.value = this.withoutValue(option.dsValue);
         }
@@ -361,19 +361,9 @@ const DsSelect = class extends Mixin(multipleValueFactory, disableEventsFactory)
         if (this.dsDisabled)
             return;
         this.activeIndex = null;
-        this.setDisableEventEmits(true);
-        this.selectedOptions = [];
-        const removedValues = [...this.value];
+        this.setDisableEventEmits(false);
         this.value = this.toValue(null);
         this.isOpen = false;
-        this.dsMultipleChange.emit({ values: [], added: null, removed: removedValues });
-        this.dsChange.emit(null);
-        if (this.dsRequired) {
-            this.dsValidity.emit({
-                flag: 'customError',
-                message: this.internals?.validationMessage,
-            });
-        }
         (this.customSelectRef || this.nativeSelectRef)?.focus();
     }
     handleKeyDown(event) {
@@ -447,19 +437,12 @@ const DsSelect = class extends Mixin(multipleValueFactory, disableEventsFactory)
         };
     }
     valueObserver(newValue) {
-        if (!this.isNative) {
-            this.setSelectedOptionsFromValue(newValue);
-        }
+        if (this.isNative)
+            return;
+        this.setSelectedOptionsFromValue(newValue);
     }
     dsValueObserver(newValue) {
-        const newNormalized = this.toValue(newValue);
-        const currentValues = this.value ?? [];
-        const newValues = newNormalized ?? [];
-        const isSameValue = currentValues.length === newValues.length && currentValues.every((v, i) => v === newValues[i]);
-        if (!isSameValue) {
-            this.setDisableEventEmits(true);
-        }
-        this.value = newNormalized;
+        this.value = this.toValue(newValue);
     }
     selectedOptionsObserver(newValue, oldValue) {
         const newValues = newValue.map(opt => opt.dsValue);
@@ -470,15 +453,15 @@ const DsSelect = class extends Mixin(multipleValueFactory, disableEventsFactory)
         oldValue?.forEach(opt => (opt.dsSelected = false));
         newValue.forEach(opt => (opt.dsSelected = true));
         const shouldEmit = this.getShouldEmit([hasChanged]);
-        this.setDisableEventEmits();
+        this.setDisableEventEmits(true);
         if (shouldEmit) {
             this.dsMultipleChange.emit({ values: newValues, added: addedValues, removed: removedValues });
             this.dsChange.emit(newValues[0] || null);
-            this.dsValidity.emit({
-                flag: this.internals?.validity.valid ? 'valid' : 'customError',
-                message: this.internals?.validationMessage,
-            });
         }
+        this.dsValidity.emit({
+            flag: this.internals?.validity.valid ? 'valid' : 'customError',
+            message: this.internals?.validationMessage,
+        });
     }
     hasFocusObserver(newValue) {
         if (newValue) {
@@ -620,7 +603,7 @@ const DsSelect = class extends Mixin(multipleValueFactory, disableEventsFactory)
     }
     render() {
         const baseClass = cx('ds-select');
-        return (h(Host, { key: 'de87b2da5ef596bb473da6086347f3657336a24f', ...ifDefined('name', this.isNative ? undefined : this.dsName) }, h("div", { key: '0c022d4a3716fa479ad146c92b51396c0b7bdb1c', tabIndex: -1 }, this.isNative ? this.renderNativeSelect() : this.renderCustomSelect(baseClass))));
+        return (h(Host, { key: '9fcca0b6884e5e3af688877d5cd922cd63da2e0a', ...ifDefined('name', this.isNative ? undefined : this.dsName) }, h("div", { key: 'f412bab458ed1029a85133848f0117ffca0ff304', tabIndex: -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, d as getElement, h, H as Host } from './index-CFKBuHGF.js';
-import { c as cx } from './cx-CoCfZwPE.js';
-import { p as paginationFactory } from './paginationFactory-CDzaDDbg.js';
+import { M as Mixin, r as registerInstance, d as getElement, h, H as Host } from './index-B4ZCBfpo.js';
+import { c as cx } from './cx-hUnOoCpm.js';
+import { p as paginationFactory } from './paginationFactory-B6dGDbGm.js';
 import './paginationContext-B834L-N9.js';
 import './utils-J5Ghj1_T.js';
-const dsPaginationEllipsisCss = ".sc-ds-pagination-ellipsis-h{display:inline-flex;align-items:center;justify-content:center}.ds-pagination-ellipsis__1Vp5mb.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__oSBnIJ.sc-ds-pagination-ellipsis{min-height:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));min-width:var(--ds-link-cta-min-width, calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall)));padding:0;color:var(--ds-textColor-default);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-18));align-content:center;text-align:center;user-select:none}";
 const DsPaginationEllipsis = class extends Mixin(paginationFactory) {
     constructor(hostRef) {
@@ -17,7 +17,7 @@ const DsPaginationEllipsis = class extends Mixin(paginationFactory) {
         const variant = this.paginationContext?.variant || 'medium';
         const hostClass = cx(`ds-pagination-ellipsis-variant--${variant}`);
         const ariaLabel = this.paginationContext?.texts.ellipsis || 'Ellipsis';
-        return (h(Host, { key: '5da3e17046f9e39a149b16cb93b2db12d7dd15b5', class: hostClass }, h("span", { key: '8e2e1cd26b0a1db07a4f81f6aa2c56e9e794b5af', class: baseClass, role: "img", "aria-label": ariaLabel }, "\u2026")));
+        return (h(Host, { key: 'ea9311999a955758465ba2a7d0d10ba48a67eb8e', class: hostClass }, h("span", { key: '515eaeabc3b28d150b010885c9a9a876274235ca', class: baseClass, role: "img", "aria-label": ariaLabel }, "\u2026")));
     }
 };
 DsPaginationEllipsis.style = dsPaginationEllipsisCss;

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

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, d as getElement, h, H as Host } from './index-CFKBuHGF.js';
+import { M as Mixin, r as registerInstance, d as getElement, h, H as Host } from './index-B4ZCBfpo.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-CoCfZwPE.js';
+import { c as cx } from './cx-hUnOoCpm.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
-import { p as paginationFactory } from './paginationFactory-CDzaDDbg.js';
+import { p as paginationFactory } from './paginationFactory-B6dGDbGm.js';
 import './paginationContext-B834L-N9.js';
-const dsPaginationItemCss = ".ds-pagination-item__1Vp5mb.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__1Vp5mb--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__1Vp5mb--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__1Vp5mb--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}";
+const dsPaginationItemCss = ".ds-pagination-item__oSBnIJ.sc-ds-pagination-item{display:inline-flex;align-items:center;gap:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-item__oSBnIJ--disabled.sc-ds-pagination-item{cursor:default}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__oSBnIJ--previous.sc-ds-pagination-item{--ds-link-cta-padding-inline-start:var(--ds-spacing-3xSmall)}[slot=full].sc-ds-pagination-item-h .ds-pagination-item__oSBnIJ--next.sc-ds-pagination-item{--ds-link-cta-padding-inline-end:var(--ds-spacing-3xSmall)}";
 const 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, d as getElement, h, H as Host } from './index-CFKBuHGF.js';
+import { M as Mixin, r as registerInstance, d as getElement, h, H as Host } from './index-B4ZCBfpo.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-CoCfZwPE.js';
+import { c as cx } from './cx-hUnOoCpm.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
-import { p as paginationFactory } from './paginationFactory-CDzaDDbg.js';
+import { p as paginationFactory } from './paginationFactory-B6dGDbGm.js';
 import './paginationContext-B834L-N9.js';
-const dsPaginationPageCss = ".sc-ds-pagination-page-h{display:inline-flex;align-items:center}.ds-pagination-page__1Vp5mb.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__1Vp5mb--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__oSBnIJ.sc-ds-pagination-page{--ds-link-cta-padding-inline:var(--ds-spacing-2xSmall);--ds-link-cta-padding-block:0;--ds-link-cta-text-decoration:none;--ds-link-cta-icon-size:1.25rem}.ds-pagination-page__oSBnIJ--current.sc-ds-pagination-page{pointer-events:none;--ds-link-cta-bg-color:var(--ds-bgColor-primary);--ds-link-cta-text-color:var(--ds-textColor-white)}";
 const DsPaginationPage = class extends Mixin(paginationFactory) {
     constructor(hostRef) {

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, d as getElement, h } from './index-CFKBuHGF.js';
+import { r as registerInstance, d as getElement, h } from './index-B4ZCBfpo.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-CoCfZwPE.js';
-import { p as ellipsis } from './controlUtils-D6BTuvLI.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-CDBisN88.js';
+import { c as cx } from './cx-hUnOoCpm.js';
+import { p as ellipsis } from './controlUtils-DOb1adhF.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-C7FIsQBi.js';
 import { s as storePaginationContext, p as providePaginationContextToSlots } from './paginationContext-B834L-N9.js';
-import './store-DWYm2ny8.js';
+import './store-I792JNgf.js';
 import './utils-J5Ghj1_T.js';
-const dsPaginationCss = ".ds-no-style-leak *,.ds-pagination__1Vp5mb,.ds-pagination__1Vp5mb :where([class*=__1Vp5mb]){all:unset;box-sizing:border-box}.ds-no-style-leak *{display:block}:host{display:block;width:100%}@media (min-width: 30rem){:host{width:auto}}.ds-pagination__1Vp5mb{display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__1Vp5mb__compact slot,.ds-pagination__1Vp5mb__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__1Vp5mb--compact .ds-pagination__1Vp5mb__compact,.ds-pagination__1Vp5mb--auto .ds-pagination__1Vp5mb__compact{width:100%}@media (min-width: 30rem){.ds-pagination__1Vp5mb--compact .ds-pagination__1Vp5mb__compact,.ds-pagination__1Vp5mb--auto .ds-pagination__1Vp5mb__compact{width:auto}}.ds-pagination__1Vp5mb--compact .ds-pagination__1Vp5mb__compact slot,.ds-pagination__1Vp5mb--auto .ds-pagination__1Vp5mb__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__1Vp5mb ::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__1Vp5mb--compact .ds-pagination__1Vp5mb__full{display:none}.ds-pagination__1Vp5mb--full .ds-pagination__1Vp5mb__compact{display:none}.ds-pagination__1Vp5mb--auto .ds-pagination__1Vp5mb__full{display:none}@media (min-width: 60rem){.ds-pagination__1Vp5mb--auto .ds-pagination__1Vp5mb__full{display:contents}.ds-pagination__1Vp5mb--auto .ds-pagination__1Vp5mb__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__oSBnIJ{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:flex;align-items:center;justify-content:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__oSBnIJ__compact slot,.ds-pagination__oSBnIJ__full slot{display:flex;align-items:center;gap:var(--ds-spacing-3xSmall);flex-wrap:wrap}.ds-pagination__oSBnIJ--compact .ds-pagination__oSBnIJ__compact,.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__compact{width:100%}@media (min-width: 30rem){.ds-pagination__oSBnIJ--compact .ds-pagination__oSBnIJ__compact,.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__compact{width:auto}}.ds-pagination__oSBnIJ--compact .ds-pagination__oSBnIJ__compact slot,.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__compact slot{display:grid;grid-template-columns:min-content min-content auto min-content min-content;gap:var(--ds-spacing-3xSmall);align-items:center;width:100%}.ds-pagination__oSBnIJ ::slotted([class*=pagination-page-info]){padding:0 var(--ds-spacing-small);font-size:var(--ds-pagination-font-size, var(--ds-fontSize-16));font-weight:var(--ds-fontWeight-semibold, 600);text-align:center;align-self:center}.ds-pagination__oSBnIJ--compact .ds-pagination__oSBnIJ__full{display:none}.ds-pagination__oSBnIJ--full .ds-pagination__oSBnIJ__compact{display:none}.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__full{display:none}@media (min-width: 60rem){.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__full{display:contents}.ds-pagination__oSBnIJ--auto .ds-pagination__oSBnIJ__compact{display:none}}";
 const DsPagination = class {
     constructor(hostRef) {
@@ -96,10 +96,10 @@ const DsPagination = class {
         const classes = classNames(baseClass, `${baseClass}--${this.dsVariant}`, `${baseClass}--${this.dsLayout}`);
         const fontSize = this.dsVariant === 'small' ? 'var(--ds-fontSize-16)' : 'var(--ds-fontSize-18)';
         const minSize = this.dsVariant === 'small' ? 'var(--ds-spacing-large)' : 'calc(var(--ds-spacing-large) + var(--ds-spacing-xSmall))';
-        return (h("nav", { key: '76c0552832f7624b8e8305da6f81a434c898a57d', class: classes, "aria-label": this.dsAriaLabel || pagination(), style: {
+        return (h("nav", { key: '9f1221279f81ec729d51208b75f3b6adf8f4a54e', class: classes, "aria-label": this.dsAriaLabel || pagination(), style: {
                 '--ds-pagination-font-size': fontSize,
                 '--ds-link-cta-min-width': minSize,
-            } }, h("div", { key: '2b74fd509c8aacdd2a23f9ab73335123cafdd9a4', class: `${baseClass}__compact` }, h("slot", { key: 'a2652723a0b7f6121299b74dc7804a10d0751b2f', name: "compact", onSlotchange: () => this.updateContext() })), h("div", { key: 'da1cdd283f3c489df7af3bc40c6091477d3269d3', class: `${baseClass}__full` }, h("slot", { key: 'affbe3c2bda9362accd81a1cb4b9fdf55007d64b', name: "full", onSlotchange: () => this.updateContext() }))));
+            } }, h("div", { key: 'c244a4f485a8a668b0e183977636466401faad6c', class: `${baseClass}__compact` }, h("slot", { key: 'e3cfc1d693a5e7aef1a186d9863aea496a9bb8dd', name: "compact", onSlotchange: () => this.updateContext() })), h("div", { key: '387cd14a25f5b742513c25721847b0a52248a916', class: `${baseClass}__full` }, h("slot", { key: '258fb704a43c0afc52981ed8fb0eb697bdd5c5e8', name: "full", onSlotchange: () => this.updateContext() }))));
     }
     static get watchers() { return {
         "dsCurrentPage": ["dsCurrentPageObserver"],

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

@@ -1,13 +1,13 @@
-import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, h, H as Host } from './index-CFKBuHGF.js';
+import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, h, H as Host } from './index-B4ZCBfpo.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { i as idGenerator, t as transformTagName, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
 import { d as disableEventsFactory } from './disableEventsFactory-D5btmZkj.js';
 import { b as inheritAriaAttributes, i as inheritAttributes } from './attributes-DfbgRyXR.js';
-import { g as getRequiredText, b as atLeastOneOption } from './controlUtils-D6BTuvLI.js';
-import { c as cx } from './cx-CoCfZwPE.js';
-import './store-DWYm2ny8.js';
+import { g as getRequiredText, b as atLeastOneOption } from './controlUtils-DOb1adhF.js';
+import { c as cx } from './cx-hUnOoCpm.js';
+import './store-I792JNgf.js';
-const dsRadioButtonGroupCss = ".ds-radio-button-group__1Vp5mb{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__1Vp5mb__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__1Vp5mb__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__1Vp5mb__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__1Vp5mb__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}";
+const dsRadioButtonGroupCss = ".ds-radio-button-group__oSBnIJ{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-radio-button-group__oSBnIJ__radio-buttons-slot{display:inline-flex;flex-direction:column}.ds-radio-button-group__oSBnIJ__radio-buttons-slot--horizontal{flex-flow:row wrap;gap:var(--ds-spacing-small)}.ds-radio-button-group__oSBnIJ__legend{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button-group__oSBnIJ__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}";
 const radioButtonGroupIdGenerator = idGenerator('ds-radio-button-group');
 const DsRadioButtonGroup = class extends Mixin(disableEventsFactory) {
@@ -241,7 +241,7 @@ const DsRadioButtonGroup = class extends Mixin(disableEventsFactory) {
         });
         const errorClasses = classNames(`${baseClass}__error`);
         const DsInputValidity = transformTagName('ds-input-validity', 'ds-radio-button-group', this.el);
-        return (h(Host, { key: 'c32e010ee9876d68b856eaf3353b4a39f32083a2', "data-invalid": !!this.dsErrorText || undefined }, h("fieldset", { key: '7f0a5e560087bdd5ac3f113d3d33aab1c0bc142e', class: classes, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, h("legend", { key: '1f9733ba0b888896d29574c4336d80a27830b11f', id: this.legendId, class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (h("small", { key: '262c484ba7db03d7e1a54bdf1566418b8da96e7b', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), h("div", { key: '73ac33d0a98fa7d458bc298fc81cf46165534ffa', class: radioButtonsSlotClasses }, h("slot", { key: '004639794b78de9b0a075e88ce8ad4643dd51045', onSlotchange: this.updateFocusableRadioButton })), !!this.dsErrorText && (h("div", { key: 'e114b2df6ff270ddca4ba46b7dc47ee7b980319b', class: errorClasses }, h(DsInputValidity, { key: '296daba5ca5469937711bc84be349daf695be4bb', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" }))))));
+        return (h(Host, { key: 'bedefe79e57524a5b5655d06b73456dcedfa7984', "data-invalid": !!this.dsErrorText || undefined }, h("fieldset", { key: '6bc3a8edb473b606b4590c929c515de7c70118e7', class: classes, name: this.dsName, form: this.dsForm, "aria-labelledby": `${this.legendId} ${this.dsErrorText && this.errorTextId}`, ...this.inheritedAttributes }, h("legend", { key: 'b3d7b8d0f43236a20c721ec0b69ade20261c4165', id: this.legendId, class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (h("small", { key: '35f79343044a15e9deb6cff6b6959e0f95a79dfb', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), h("div", { key: '80bad16e1c065426ffe7ffdd6f18d81681feb026', class: radioButtonsSlotClasses }, h("slot", { key: '6d82e10ca13db950cc78975c269b5c248df4d09b', onSlotchange: this.updateFocusableRadioButton })), !!this.dsErrorText && (h("div", { key: 'f19909cd15f4580b5b4bf78a6c0d01463550f4a7', class: errorClasses }, h(DsInputValidity, { key: 'bc59e09ae37368cba41bb31ec1c4fc6228e109c1', id: this.errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" }))))));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }

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

@@ -1,14 +1,14 @@
-import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h, F as Fragment } from './index-CFKBuHGF.js';
+import { M as Mixin, r as registerInstance, c as createEvent, d as getElement, f as forceUpdate, h, F as Fragment } from './index-B4ZCBfpo.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-D6BTuvLI.js';
+import { v as validityMessage, g as getRequiredText } from './controlUtils-DOb1adhF.js';
 import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './utils-J5Ghj1_T.js';
-import { c as cx } from './cx-CoCfZwPE.js';
-import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-CS3vs3iM.js';
+import { c as cx } from './cx-hUnOoCpm.js';
+import { a as ariaDeprecationFactory } from './ariaDeprecationFactory-DXsGmVd4.js';
 import { d as disableEventsFactory } from './disableEventsFactory-D5btmZkj.js';
-import './store-DWYm2ny8.js';
+import './store-I792JNgf.js';
-const dsRadioButtonCss = ".ds-radio-button__1Vp5mb.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__1Vp5mb--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__1Vp5mb.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__1Vp5mb__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__1Vp5mb__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__1Vp5mb__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__1Vp5mb__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__1Vp5mb__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__1Vp5mb__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__1Vp5mb.sc-ds-radio-button:hover:not(.ds-radio-button__1Vp5mb--disabled):not(.ds-radio-button__1Vp5mb--invalid) .ds-radio-button__1Vp5mb__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__1Vp5mb.sc-ds-radio-button:hover:not(.ds-radio-button__1Vp5mb--disabled):not(.ds-radio-button__1Vp5mb--invalid) .ds-radio-button__1Vp5mb__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__1Vp5mb.sc-ds-radio-button:hover:not(.ds-radio-button__1Vp5mb--disabled):not(.ds-radio-button__1Vp5mb--invalid) .ds-radio-button__1Vp5mb__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__1Vp5mb.sc-ds-radio-button:active:not(.ds-radio-button__1Vp5mb--disabled):not(.ds-radio-button__1Vp5mb--invalid) .ds-radio-button__1Vp5mb__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__1Vp5mb.sc-ds-radio-button:active:not(.ds-radio-button__1Vp5mb--disabled):not(.ds-radio-button__1Vp5mb--invalid) .ds-radio-button__1Vp5mb__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__1Vp5mb.sc-ds-radio-button:active:not(.ds-radio-button__1Vp5mb--disabled):not(.ds-radio-button__1Vp5mb--invalid) .ds-radio-button__1Vp5mb__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__1Vp5mb--disabled.sc-ds-radio-button .ds-radio-button__1Vp5mb__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__1Vp5mb--disabled.sc-ds-radio-button .ds-radio-button__1Vp5mb__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__1Vp5mb--disabled.sc-ds-radio-button .ds-radio-button__1Vp5mb__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__1Vp5mb--invalid.sc-ds-radio-button .ds-radio-button__1Vp5mb__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__1Vp5mb--invalid.sc-ds-radio-button .ds-radio-button__1Vp5mb__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__1Vp5mb--invalid.sc-ds-radio-button .ds-radio-button__1Vp5mb__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__1Vp5mb--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__1Vp5mb--disabled) .ds-radio-button__1Vp5mb__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__1Vp5mb--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__1Vp5mb--disabled) .ds-radio-button__1Vp5mb__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__1Vp5mb--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__1Vp5mb--disabled) .ds-radio-button__1Vp5mb__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__1Vp5mb--invalid.sc-ds-radio-button:active:not(.ds-radio-button__1Vp5mb--disabled) .ds-radio-button__1Vp5mb__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__1Vp5mb--invalid.sc-ds-radio-button:active:not(.ds-radio-button__1Vp5mb--disabled) .ds-radio-button__1Vp5mb__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__1Vp5mb--invalid.sc-ds-radio-button:active:not(.ds-radio-button__1Vp5mb--disabled) .ds-radio-button__1Vp5mb__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__1Vp5mb-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__1Vp5mb-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__1Vp5mb-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__oSBnIJ.sc-ds-radio-button{box-sizing:border-box;display:inline-flex;color:var(--ds-textColor-default)}.ds-radio-button__oSBnIJ--disabled.sc-ds-radio-button{color:var(--ds-textColor-disabled-onLight)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:has(input:focus-visible) .ds-radio-button__oSBnIJ__icon.sc-ds-radio-button{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-bgColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-bgColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 0.5)}.ds-radio-button__oSBnIJ__icon.sc-ds-radio-button{border-radius:50%;height:24px;width:24px;margin:10px 10px 10px 0}.ds-radio-button__oSBnIJ__text.sc-ds-radio-button{margin-top:10px;padding-right:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide)}.ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white)}.ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-primary);fill:var(--ds-bgColor-white)}.ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:hover:not(.ds-radio-button__oSBnIJ--disabled):not(.ds-radio-button__oSBnIJ--invalid) .ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-hover)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:hover:not(.ds-radio-button__oSBnIJ--disabled):not(.ds-radio-button__oSBnIJ--invalid) .ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-80);fill:var(--ds-bgColor-white)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:hover:not(.ds-radio-button__oSBnIJ--disabled):not(.ds-radio-button__oSBnIJ--invalid) .ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-hover)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:active:not(.ds-radio-button__oSBnIJ--disabled):not(.ds-radio-button__oSBnIJ--invalid) .ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-default);fill:var(--ds-bgColor-white-active)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:active:not(.ds-radio-button__oSBnIJ--disabled):not(.ds-radio-button__oSBnIJ--invalid) .ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-palette-mainBlue-90);fill:var(--ds-bgColor-white)}.ds-radio-button__oSBnIJ.sc-ds-radio-button:active:not(.ds-radio-button__oSBnIJ--disabled):not(.ds-radio-button__oSBnIJ--invalid) .ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-primary-active)}.ds-radio-button__oSBnIJ--disabled.sc-ds-radio-button .ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__oSBnIJ--disabled.sc-ds-radio-button .ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-disabled-onLight);fill:var(--ds-bgColor-disabled-onLight)}.ds-radio-button__oSBnIJ--disabled.sc-ds-radio-button .ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-bgColor-transparent-onLight-active)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button .ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button .ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button .ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__oSBnIJ--disabled) .ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__oSBnIJ--disabled) .ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-hover)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button:hover:not(.ds-radio-button__oSBnIJ--disabled) .ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button:active:not(.ds-radio-button__oSBnIJ--disabled) .ds-radio-button__oSBnIJ__icon__outer-circle.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button:active:not(.ds-radio-button__oSBnIJ--disabled) .ds-radio-button__oSBnIJ__icon__outer-circle--checked.sc-ds-radio-button{stroke:var(--ds-borderColor-danger);fill:var(--ds-bgColor-danger-active)}.ds-radio-button__oSBnIJ--invalid.sc-ds-radio-button:active:not(.ds-radio-button__oSBnIJ--disabled) .ds-radio-button__oSBnIJ__icon__inner-circle.sc-ds-radio-button{stroke:unset;fill:var(--ds-iconColor-danger)}.ds-radio-button__oSBnIJ-fieldset.sc-ds-radio-button{display:inline-flex;flex-direction:column;border:none;margin:0;padding:0}.ds-radio-button__oSBnIJ-fieldset__legend.sc-ds-radio-button{padding-inline:0;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-3xSmall)}.ds-radio-button__oSBnIJ-fieldset__assistive-text.sc-ds-radio-button{display:inline;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large)}";
 const radioButtonIdGenerator = idGenerator('ds-radio-button');
 const DsRadioButton = class extends Mixin(ariaDeprecationFactory, disableEventsFactory) {