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

@uh-design-system/component-library 0.6.0 → 0.6.1-rc.0

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

package/dist/cjs/component-library.cjs.js CHANGED Viewed

@@ -1,11 +1,11 @@
 'use strict';
-var index = require('./index-Mjp9Y-Sw.js');
+var index = require('./index-CsSCWgdp.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.30.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.31.0 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["ds-card.cjs",[[1,"ds-card",{"dsVariant":[1,"ds-variant"],"dsHeading":[1,"ds-heading"],"dsHeadingLevel":[2,"ds-heading-level"],"dsDescription":[1,"ds-description"],"dsUrl":[1,"ds-url"],"dsUrlTarget":[1,"ds-url-target"],"dsImageUrl":[1,"ds-image-url"],"dsImageAlt":[1,"ds-image-alt"],"dsEyebrow":[1,"ds-eyebrow"],"dsSubtitle":[1,"ds-subtitle"],"dsShowArrow":[4,"ds-show-arrow"]},[[2,"click","handleClick"],[2,"keydown","handleKeydown"]]]]],["ds-input-validity.cjs",[[0,"ds-input-validity",{"dsText":[1,"ds-text"],"dsType":[1,"ds-type"],"dsValidityRole":[1,"ds-validity-role"],"dsAriaLive":[1,"ds-aria-live"],"dsAriaAtomic":[1,"ds-aria-atomic"],"identifier":[32]}]]],["ds-radio-button.cjs",[[65,"ds-radio-button",{"dsId":[1,"ds-id"],"dsErrorsDisabled":[4,"ds-errors-disabled"],"dsValue":[1,"ds-value"],"dsLegend":[1,"ds-legend"],"dsAssistiveText":[1,"ds-assistive-text"],"dsText":[1,"ds-text"],"dsRequired":[4,"ds-required"],"dsDisabled":[4,"ds-disabled"],"dsChecked":[4,"ds-checked"],"dsErrorText":[1,"ds-error-text"],"focusable":[32],"invalid":[32],"initialChecked":[32],"validationMessage":[32],"dsFocus":[64],"setFocusable":[64],"setChecked":[64]},null,{"dsChecked":["dsCheckedObserver"]}]]],["ds-checkbox.cjs",[[65,"ds-checkbox",{"dsId":[1,"ds-id"],"dsChecked":[1028,"ds-checked"],"dsLegend":[1,"ds-legend"],"dsAssistiveText":[1,"ds-assistive-text"],"dsText":[1,"ds-text"],"dsIndeterminate":[4,"ds-indeterminate"],"dsDisabled":[4,"ds-disabled"],"dsErrorText":[1,"ds-error-text"],"dsErrorsDisabled":[4,"ds-errors-disabled"],"dsRequired":[4,"ds-required"],"dsOptional":[4,"ds-optional"],"dsOptionalText":[1,"ds-optional-text"],"dsAriaLabel":[1,"ds-aria-label"],"invalid":[32],"initialChecked":[32],"validationMessage":[32]},null,{"dsChecked":["dsCheckedObserver"]}]]],["ds-checkbox-group.cjs",[[65,"ds-checkbox-group",{"dsLegend":[1,"ds-legend"],"dsAssistiveText":[1,"ds-assistive-text"],"dsDirection":[1,"ds-direction"],"dsErrorText":[1,"ds-error-text"],"dsText":[1,"ds-text"],"dsChecked":[4,"ds-checked"],"dsDisabled":[4,"ds-disabled"],"dsRequired":[4,"ds-required"],"dsAllRequired":[4,"ds-all-required"],"dsOptional":[4,"ds-optional"],"dsOptionalText":[1,"ds-optional-text"],"childElementsCount":[32],"checkedChildElementCount":[32],"isIndeterminate":[32],"indeterminateChildCheckboxCount":[32],"showInternalsValidationMessage":[32],"setChecked":[64]},[[0,"dsCheckboxGroupIndeterminateChildChange","listenIndeterminateChildChange"],[0,"input","listenCheckboxChange"],[0,"dsCheckboxGroupChange","listenCheckboxGroupChange"]],{"dsDisabled":["watchCheckboxDisabledChange"],"dsChecked":["watchCheckedChange"],"isIndeterminate":["watchIndeterminateChange"],"dsErrorText":["errorTextObserver"],"checkedChildElementCount":["watchCheckedChildElementCountChange"]}]]],["ds-visually-hidden.cjs",[[1,"ds-visually-hidden"]]],["ds-spinner.cjs",[[1,"ds-spinner",{"dsText":[1,"ds-text"],"dsSize":[1,"ds-size"],"dsSpinnerTextPosition":[1,"ds-spinner-text-position"],"dsSpinnerColor":[1,"ds-spinner-color"],"dsUseRoleAlert":[4,"ds-use-role-alert"],"dsUseAriaLive":[4,"ds-use-aria-live"],"dsHiddenAssistiveText":[1,"ds-hidden-assistive-text"]}]]],["ds-icon.cjs",[[1,"ds-icon",{"dsName":[1,"ds-name"],"dsColour":[1,"ds-colour"],"dsSize":[1,"ds-size"],"dsTitle":[1,"ds-title"],"dsRole":[1,"ds-role"],"dsHidden":[4,"ds-hidden"],"message":[32]}]]],["ds-button.cjs",[[6,"ds-button",{"dsValue":[1,"ds-value"],"dsVariant":[1,"ds-variant"],"dsColour":[1,"ds-colour"],"dsSize":[1,"ds-size"],"dsIcon":[1,"ds-icon"],"dsIconPosition":[1,"ds-icon-position"],"dsType":[1,"ds-type"],"dsDisabled":[4,"ds-disabled"],"dsIsLoading":[4,"ds-is-loading"],"dsUseSpinner":[4,"ds-use-spinner"],"dsSpinnerHiddenText":[1,"ds-spinner-hidden-text"],"dsFullWidth":[4,"ds-full-width"],"dsAriaDisabled":[1,"ds-aria-disabled"],"dsFocus":[64]}]]],["ds-text-input.cjs",[[70,"ds-text-input",{"dsLabel":[1,"ds-label"],"dsPlaceholder":[1,"ds-placeholder"],"dsId":[1,"ds-id"],"dsName":[1,"ds-name"],"dsDisabled":[4,"ds-disabled"],"dsOptional":[4,"ds-optional"],"dsRequired":[4,"ds-required"],"dsReadonly":[4,"ds-readonly"],"dsValue":[1,"ds-value"],"dsMin":[2,"ds-min"],"dsMax":[2,"ds-max"],"dsMaxLength":[2,"ds-max-length"],"dsPattern":[1,"ds-pattern"],"dsAutocomplete":[1,"ds-autocomplete"],"dsOptionalText":[1,"ds-optional-text"],"dsErrorText":[1,"ds-error-text"],"dsSuccessText":[1,"ds-success-text"],"dsAssistiveText":[1,"ds-assistive-text"],"dsActionButtonAriaLabel":[1,"ds-action-button-aria-label"],"dsHiddenAssistiveText":[1,"ds-hidden-assistive-text"],"dsPrefixText":[1,"ds-prefix-text"],"dsSuffixText":[1,"ds-suffix-text"],"dsIcon":[1,"ds-icon"],"dsType":[1,"ds-type"],"dsAriaLabel":[1,"ds-aria-label"],"dsAriaLabelledby":[1,"ds-aria-labelledby"],"dsAriaDescribedby":[1,"ds-aria-describedby"],"hasFocus":[32],"clearButtonVisible":[32],"passwordInputVisible":[32],"inputActive":[32],"validationMessage":[32],"togglePasswordVisibility":[64],"clearInput":[64]},null,{"value":["valueObserver"]}]]],["ds-accordion.cjs",[[1,"ds-accordion",{"dsVariant":[1,"ds-variant"],"dsBorderAligned":[4,"ds-border-aligned"],"dsOpenByDefault":[4,"ds-open-by-default"],"dsAccordionId":[1,"ds-accordion-id"],"dsHeadingLevel":[2,"ds-heading-level"],"dsUseCloseButton":[4,"ds-use-close-button"],"dsCloseButtonLabel":[1,"ds-close-button-label"],"dsHideTopBorder":[4,"ds-hide-top-border"],"dsHideBottomBorder":[4,"ds-hide-bottom-border"],"isExpanded":[32]},null,{"isExpanded":["watchHandler"]}]]],["ds-link.cjs",[[1,"ds-link",{"dsText":[1,"ds-text"],"dsSize":[1,"ds-size"],"dsVariant":[1,"ds-variant"],"dsWeight":[1,"ds-weight"],"dsIcon":[1025,"ds-icon"],"dsIconPosition":[1025,"ds-icon-position"],"dsIconTitle":[1,"ds-icon-title"],"dsIconHidden":[4,"ds-icon-hidden"],"dsHref":[1,"ds-href"],"dsTarget":[1,"ds-target"],"dsDownload":[4,"ds-download"],"dsAriaLabel":[1,"ds-aria-label"],"dsColour":[1,"ds-colour"]}]]],["ds-link-with-arrow.cjs",[[1,"ds-link-with-arrow",{"dsText":[1,"ds-text"],"dsIconPosition":[1,"ds-icon-position"],"dsHref":[1,"ds-href"],"dsTarget":[1,"ds-target"],"dsAriaLabel":[1,"ds-aria-label"]}]]],["ds-radio-button-group.cjs",[[65,"ds-radio-button-group",{"dsLegend":[1,"ds-legend"],"dsAssistiveText":[1,"ds-assistive-text"],"dsValue":[1025,"ds-value"],"dsDirection":[1,"ds-direction"],"dsErrorText":[1,"ds-error-text"],"dsRequired":[4,"ds-required"],"showInternalsValidationMessage":[32],"getValue":[64]},[[0,"dsRadioButtonChecked","onInputChange"],[4,"keydown","onKeyDown"]],{"dsErrorText":["errorTextObserver"],"dsValue":["dsValueObserver"]}]]]], options);
+  return index.bootstrapLazy([["ds-card.cjs",[[1,"ds-card",{"dsVariant":[1,"ds-variant"],"dsHeading":[1,"ds-heading"],"dsHeadingLevel":[2,"ds-heading-level"],"dsDescription":[1,"ds-description"],"dsUrl":[1,"ds-url"],"dsUrlTarget":[1,"ds-url-target"],"dsImageUrl":[1,"ds-image-url"],"dsImageAlt":[1,"ds-image-alt"],"dsEyebrow":[1,"ds-eyebrow"],"dsSubtitle":[1,"ds-subtitle"],"dsShowArrow":[4,"ds-show-arrow"]},[[2,"click","handleClick"],[2,"keydown","handleKeydown"]]]]],["ds-grid.cjs",[[4,"ds-grid",{"dsContainer":[4,"ds-container"],"dsSize":[2,"ds-size"],"dsSizeMobile":[2,"ds-size-mobile"],"dsSizeTablet":[2,"ds-size-tablet"],"dsSizeDesktop":[2,"ds-size-desktop"],"dsParentSizeMobile":[2,"ds-parent-size-mobile"],"dsParentSizeTablet":[2,"ds-parent-size-tablet"],"dsParentSizeDesktop":[2,"ds-parent-size-desktop"]}]]],["ds-input-validity.cjs",[[0,"ds-input-validity",{"dsText":[1,"ds-text"],"dsType":[1,"ds-type"],"dsValidityRole":[1,"ds-validity-role"],"dsAriaLive":[1,"ds-aria-live"],"dsAriaAtomic":[1,"ds-aria-atomic"],"identifier":[32]}]]],["ds-radio-button.cjs",[[81,"ds-radio-button",{"dsId":[1,"ds-id"],"dsErrorsDisabled":[4,"ds-errors-disabled"],"dsValue":[1,"ds-value"],"dsLegend":[1,"ds-legend"],"dsAssistiveText":[1,"ds-assistive-text"],"dsText":[1,"ds-text"],"dsRequired":[4,"ds-required"],"dsDisabled":[4,"ds-disabled"],"dsChecked":[4,"ds-checked"],"dsErrorText":[1,"ds-error-text"],"focusable":[32],"groupInvalid":[32],"validationMessage":[32],"showInvalidState":[32],"dsFocus":[64],"setFocusable":[64],"setChecked":[64]},null,{"dsChecked":["dsCheckedObserver"]}]]],["ds-checkbox.cjs",[[81,"ds-checkbox",{"dsId":[1,"ds-id"],"dsValue":[1,"ds-value"],"dsChecked":[1028,"ds-checked"],"dsLegend":[1,"ds-legend"],"dsAssistiveText":[1,"ds-assistive-text"],"dsText":[1,"ds-text"],"dsIndeterminate":[4,"ds-indeterminate"],"dsDisabled":[4,"ds-disabled"],"dsErrorText":[1,"ds-error-text"],"dsErrorsDisabled":[4,"ds-errors-disabled"],"dsRequired":[4,"ds-required"],"dsOptional":[4,"ds-optional"],"dsOptionalText":[1,"ds-optional-text"],"dsAriaLabel":[1,"ds-aria-label"],"groupInvalid":[32],"validationMessage":[32],"showInvalidState":[32]},null,{"dsChecked":["dsCheckedObserver"]}]]],["ds-checkbox-group.cjs",[[81,"ds-checkbox-group",{"dsLegend":[1,"ds-legend"],"dsAssistiveText":[1,"ds-assistive-text"],"dsDirection":[1,"ds-direction"],"dsErrorText":[1,"ds-error-text"],"dsText":[1,"ds-text"],"dsChecked":[4,"ds-checked"],"dsDisabled":[4,"ds-disabled"],"dsRequired":[4,"ds-required"],"dsAllRequired":[4,"ds-all-required"],"dsOptional":[4,"ds-optional"],"dsOptionalText":[1,"ds-optional-text"],"validationMessage":[32],"childElementsCount":[32],"checkedChildElementCount":[32],"isIndeterminate":[32],"indeterminateChildCheckboxCount":[32],"showInternalsValidationMessage":[32],"focusedChildCheckbox":[32],"setChecked":[64]},[[0,"dsCheckboxGroupIndeterminateChildChange","listenIndeterminateChildChange"],[0,"input","listenCheckboxChange"],[0,"dsCheckboxGroupChange","listenCheckboxGroupChange"],[0,"dsCheckboxFocused","listenFocus"],[0,"dsCheckboxBlurred","listenBlur"]],{"dsDisabled":["watchCheckboxDisabledChange"],"dsAllRequired":["watchCheckboxAllRequiredChange"],"dsChecked":["watchCheckedChange"],"isIndeterminate":["watchIndeterminateChange"],"validationMessage":["errorObserver"],"dsErrorText":["errorObserver"],"checkedChildElementCount":["watchCheckedChildElementCountChange"],"focusedChildCheckbox":["focusedChildCheckboxObserver"]}]]],["ds-visually-hidden.cjs",[[1,"ds-visually-hidden"]]],["ds-spinner.cjs",[[1,"ds-spinner",{"dsText":[1,"ds-text"],"dsSize":[1,"ds-size"],"dsSpinnerTextPosition":[1,"ds-spinner-text-position"],"dsSpinnerColor":[1,"ds-spinner-color"],"dsUseRoleAlert":[4,"ds-use-role-alert"],"dsUseAriaLive":[4,"ds-use-aria-live"],"dsHiddenAssistiveText":[1,"ds-hidden-assistive-text"]}]]],["ds-icon.cjs",[[1,"ds-icon",{"dsName":[1,"ds-name"],"dsColour":[1,"ds-colour"],"dsSize":[1,"ds-size"],"dsTitle":[1,"ds-title"],"dsRole":[1,"ds-role"],"dsHidden":[4,"ds-hidden"],"message":[32]}]]],["ds-button.cjs",[[6,"ds-button",{"dsValue":[1,"ds-value"],"dsVariant":[1,"ds-variant"],"dsColour":[1,"ds-colour"],"dsSize":[1,"ds-size"],"dsIcon":[1,"ds-icon"],"dsIconPosition":[1,"ds-icon-position"],"dsType":[1,"ds-type"],"dsDisabled":[4,"ds-disabled"],"dsIsLoading":[4,"ds-is-loading"],"dsUseSpinner":[4,"ds-use-spinner"],"dsSpinnerHiddenText":[1,"ds-spinner-hidden-text"],"dsFullWidth":[4,"ds-full-width"],"dsAriaDisabled":[1,"ds-aria-disabled"],"dsFocus":[64]}]]],["ds-text-input.cjs",[[6,"ds-text-input",{"dsLabel":[1,"ds-label"],"dsPlaceholder":[1,"ds-placeholder"],"dsId":[1,"ds-id"],"dsName":[1,"ds-name"],"dsDisabled":[4,"ds-disabled"],"dsOptional":[4,"ds-optional"],"dsRequired":[4,"ds-required"],"dsReadonly":[4,"ds-readonly"],"dsValue":[1,"ds-value"],"dsMin":[2,"ds-min"],"dsMax":[2,"ds-max"],"dsMaxLength":[2,"ds-max-length"],"dsPattern":[1,"ds-pattern"],"dsAutocomplete":[1,"ds-autocomplete"],"dsOptionalText":[1,"ds-optional-text"],"dsErrorText":[1,"ds-error-text"],"dsSuccessText":[1,"ds-success-text"],"dsAssistiveText":[1,"ds-assistive-text"],"dsActionButtonAriaLabel":[1,"ds-action-button-aria-label"],"dsHiddenAssistiveText":[1,"ds-hidden-assistive-text"],"dsPrefixText":[1,"ds-prefix-text"],"dsSuffixText":[1,"ds-suffix-text"],"dsIcon":[1,"ds-icon"],"dsType":[1,"ds-type"],"dsAriaLabel":[1,"ds-aria-label"],"dsAriaLabelledby":[1,"ds-aria-labelledby"],"dsAriaDescribedby":[1,"ds-aria-describedby"],"hasFocus":[32],"clearButtonVisible":[32],"passwordInputVisible":[32],"inputActive":[32],"validationMessage":[32],"togglePasswordVisibility":[64],"clearInput":[64]},null,{"value":["valueObserver"]}]]],["ds-accordion.cjs",[[6,"ds-accordion",{"dsVariant":[1,"ds-variant"],"dsBorderAligned":[4,"ds-border-aligned"],"dsOpenByDefault":[4,"ds-open-by-default"],"dsAccordionId":[1,"ds-accordion-id"],"dsHeadingLevel":[2,"ds-heading-level"],"dsUseCloseButton":[4,"ds-use-close-button"],"dsCloseButtonLabel":[1,"ds-close-button-label"],"dsHideTopBorder":[4,"ds-hide-top-border"],"dsHideBottomBorder":[4,"ds-hide-bottom-border"],"isExpanded":[32]},null,{"isExpanded":["watchHandler"]}]]],["ds-link.cjs",[[1,"ds-link",{"dsText":[1,"ds-text"],"dsSize":[1,"ds-size"],"dsVariant":[1,"ds-variant"],"dsWeight":[1,"ds-weight"],"dsIcon":[1025,"ds-icon"],"dsIconPosition":[1025,"ds-icon-position"],"dsIconTitle":[1,"ds-icon-title"],"dsIconHidden":[4,"ds-icon-hidden"],"dsHref":[1,"ds-href"],"dsTarget":[1,"ds-target"],"dsDownload":[4,"ds-download"],"dsAriaLabel":[1,"ds-aria-label"],"dsColour":[1,"ds-colour"],"dsTag":[1,"ds-tag"]}]]],["ds-link-with-arrow.cjs",[[1,"ds-link-with-arrow",{"dsText":[1,"ds-text"],"dsIconPosition":[1,"ds-icon-position"],"dsHref":[1,"ds-href"],"dsTarget":[1,"ds-target"],"dsAriaLabel":[1,"ds-aria-label"],"dsTag":[1,"ds-tag"]}]]],["ds-radio-button-group.cjs",[[81,"ds-radio-button-group",{"dsLegend":[1,"ds-legend"],"dsAssistiveText":[1,"ds-assistive-text"],"dsValue":[1025,"ds-value"],"dsDirection":[1,"ds-direction"],"dsErrorText":[1,"ds-error-text"],"dsRequired":[4,"ds-required"],"validationMessage":[32],"showInternalsValidationMessage":[32],"focusedChildRadioButton":[32],"getValue":[64]},[[0,"dsRadioButtonChecked","onInputChange"],[0,"dsRadioButtonFocused","listenFocus"],[0,"dsRadioButtonBlurred","listenBlur"],[4,"keydown","onKeyDown"]],{"validationMessage":["errorObserver"],"dsErrorText":["errorObserver"],"dsValue":["dsValueObserver"],"focusedChildRadioButton":["focusedChildRadioButtonObserver"]}]]]], options);
 });
 exports.setNonce = index.setNonce;

package/dist/cjs/{controlUtils-ofqiQxRF.js → controlUtils-CBILjwNF.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DwLFyR5p.js');
+var index = require('./index-D56lnXzC.js');
 const getOptionalText = (text, optionalText) => {
     let defaultText = '(optional)';
@@ -15,6 +15,16 @@ const getOptionalText = (text, optionalText) => {
     return [text, optionalText || defaultText].join(' ');
 };
 const getRequiredText = (text) => [text, '*'].join(' ');
+const required = () => {
+    switch (index.getLanguage()) {
+        case 'fi':
+            return 'Pakollinen kenttä.';
+        case 'sv':
+            return 'Obligatoriskt fält.';
+        default:
+            return 'Required field.';
+    }
+};
 const atLeastOneOption = () => {
     switch (index.getLanguage()) {
         case 'fi':
@@ -40,3 +50,4 @@ exports.allOptions = allOptions;
 exports.atLeastOneOption = atLeastOneOption;
 exports.getOptionalText = getOptionalText;
 exports.getRequiredText = getRequiredText;
+exports.required = required;

package/dist/cjs/ds-accordion.cjs.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-Mjp9Y-Sw.js');
+var index = require('./index-CsSCWgdp.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-const dsAccordionCss = ":root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.ds-accordion__open-button{color:var(--ds-palette-black-95);outline:var(--ds-borderWidth-thick) solid transparent;fill:var(--ds-palette-black-95);position:relative;all:unset;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);position:relative;width:100%}.ds-accordion__open-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-accordion__open-button:hover:not(:focus-visible).ds-accordion--border-aligned::before,.ds-accordion__open-button:hover:not(:focus-visible).ds-accordion--border-aligned::after{content:\"\";position:absolute;top:0;width:var(--ds-spacing-small);height:100%}.ds-accordion__open-button:hover:not(:focus-visible).ds-accordion--border-aligned::before{left:calc(var(--ds-spacing-small) * -1)}.ds-accordion__open-button:hover:not(:focus-visible).ds-accordion--border-aligned::after{right:calc(var(--ds-spacing-small) * -1)}.ds-accordion__open-button:hover{cursor:pointer}.ds-accordion__open-button:hover,.ds-accordion__open-button:hover::before,.ds-accordion__open-button:hover::after{background:var(--ds-overlay-black-10)}.ds-accordion__open-button:active,.ds-accordion__open-button:active::before,.ds-accordion__open-button:active::after{background:var(--ds-overlay-black-15)}.ds-accordion__open-button:focus-visible{z-index:1}.ds-accordion__open-button.ds-accordion--default{padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__open-button.ds-accordion--compact{font-size:var(--ds-fontSize-16);padding:var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);line-height:var(--ds-lineHeight-large);font-weight:var(--ds-fontWeight-semibold)}.ds-accordion__open-button.ds-accordion--border-aligned:not(:focus-visible){padding-inline:0;margin-inline:var(--ds-spacing-small);position:relative;width:calc(100% - var(--ds-spacing-large))}:host(:first-child) .ds-accordion__open-button:not(.ds-accordion--hide-top-border){border-top:var(--ds-borderWidth-hairline) solid var(--ds-palette-black-20)}:host(:first-child) .ds-accordion__open-button:not(.ds-accordion--hide-top-border):focus-visible{border-top-color:transparent}.ds-accordion__open-button:not(.ds-accordion--hide-bottom-border)[aria-expanded=false]{border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-palette-black-20)}.ds-accordion__panel--border-aligned{position:relative;width:calc(100% - 32px)}.ds-accordion__panel--border-aligned::before{display:inline-block;content:\" \";position:absolute;bottom:-1px;height:1px;left:0;background:var(--ds-palette-white);width:var(--ds-spacing-small)}.ds-accordion__panel--border-aligned::after{display:inline-block;content:\" \";position:absolute;bottom:-1px;height:1px;right:0;background:var(--ds-palette-white);width:var(--ds-spacing-small)}.ds-accordion__panel--expanded{display:block;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-palette-black-20);padding-inline:var(--ds-spacing-small)}.ds-accordion__panel--expanded.ds-accordion__panel--hide-bottom-border{border-bottom:0}::slotted([slot=header]){color:var(--ds-palette-black-95)}.ds-accordion__content{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);padding-block:var(--ds-spacing-small)}.ds-accordion__content .ds-accordion--default{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-xLarge);letter-spacing:var(--ds-letterSpacing-wide)}@media (min-width: 30rem){.ds-accordion__content .ds-accordion--default{font-size:var(--ds-fontSize-18)}}.ds-accordion__content .ds-accordion--compact{font-size:var(--fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__close-button{display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}";
+const dsAccordionCss = ".sc-ds-accordion:root,.sc-ds-accordion-h{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.ds-accordion__open-button.sc-ds-accordion{color:var(--ds-palette-black-95);outline:var(--ds-borderWidth-thick) solid transparent;fill:var(--ds-palette-black-95);position:relative;all:unset;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);position:relative;width:100%}.ds-accordion__open-button.sc-ds-accordion:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-accordion__open-button.sc-ds-accordion:hover:not(:focus-visible).ds-accordion--border-aligned::before,.ds-accordion__open-button.sc-ds-accordion:hover:not(:focus-visible).ds-accordion--border-aligned::after{content:\"\";position:absolute;top:0;width:var(--ds-spacing-small);height:100%}.ds-accordion__open-button.sc-ds-accordion:hover:not(:focus-visible).ds-accordion--border-aligned::before{left:calc(var(--ds-spacing-small) * -1)}.ds-accordion__open-button.sc-ds-accordion:hover:not(:focus-visible).ds-accordion--border-aligned::after{right:calc(var(--ds-spacing-small) * -1)}.ds-accordion__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__open-button.sc-ds-accordion:hover,.ds-accordion__open-button.sc-ds-accordion:hover::before,.ds-accordion__open-button.sc-ds-accordion:hover::after{background:var(--ds-overlay-black-10)}.ds-accordion__open-button.sc-ds-accordion:active,.ds-accordion__open-button.sc-ds-accordion:active::before,.ds-accordion__open-button.sc-ds-accordion:active::after{background:var(--ds-overlay-black-15)}.ds-accordion__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__open-button.ds-accordion--default.sc-ds-accordion{padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__open-button.ds-accordion--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16);padding:var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);line-height:var(--ds-lineHeight-large);font-weight:var(--ds-fontWeight-semibold)}.ds-accordion__open-button.ds-accordion--border-aligned.sc-ds-accordion:not(:focus-visible){padding-inline:0;margin-inline:var(--ds-spacing-small);position:relative;width:calc(100% - var(--ds-spacing-large))}.sc-ds-accordion-h:first-child .ds-accordion__open-button.sc-ds-accordion:not(.ds-accordion--hide-top-border){border-top:var(--ds-borderWidth-hairline) solid var(--ds-palette-black-20)}.sc-ds-accordion-h:first-child .ds-accordion__open-button.sc-ds-accordion:not(.ds-accordion--hide-top-border):focus-visible{border-top-color:transparent}.ds-accordion__open-button.sc-ds-accordion:not(.ds-accordion--hide-bottom-border)[aria-expanded=false]{border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-palette-black-20)}.ds-accordion__panel--border-aligned.sc-ds-accordion{position:relative;width:calc(100% - 32px)}.ds-accordion__panel--border-aligned.sc-ds-accordion::before{display:inline-block;content:\" \";position:absolute;bottom:-1px;height:1px;left:0;background:var(--ds-palette-white);width:var(--ds-spacing-small)}.ds-accordion__panel--border-aligned.sc-ds-accordion::after{display:inline-block;content:\" \";position:absolute;bottom:-1px;height:1px;right:0;background:var(--ds-palette-white);width:var(--ds-spacing-small)}.ds-accordion__panel--expanded.sc-ds-accordion{display:block;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-palette-black-20);padding-inline:var(--ds-spacing-small)}.ds-accordion__panel--expanded.ds-accordion__panel--hide-bottom-border.sc-ds-accordion{border-bottom:0}.sc-ds-accordion-s>[slot=header]{color:var(--ds-palette-black-95)}.ds-accordion__content.sc-ds-accordion{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);padding-block:var(--ds-spacing-small)}.ds-accordion__content.sc-ds-accordion .ds-accordion--default.sc-ds-accordion{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-xLarge);letter-spacing:var(--ds-letterSpacing-wide)}@media (min-width: 30rem){.ds-accordion__content.sc-ds-accordion .ds-accordion--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__content.sc-ds-accordion .ds-accordion--compact.sc-ds-accordion{font-size:var(--fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__close-button.sc-ds-accordion{display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}";
 const DsAccordion = class {
     constructor(hostRef) {
@@ -56,17 +56,17 @@ const DsAccordion = class {
     render() {
         const iconSize = this.dsVariant === 'compact' ? '1.5rem' : '2rem';
         const buttonSize = this.dsVariant === 'compact' ? 'small' : 'medium';
-        return (index.h("div", { key: '3f11aeec4a4941f0dcce0380b05a515c3b9c89e6', class: index$1.classNames('ds-accordion', `ds-accordion--${this.dsVariant}`, {
+        return (index.h("div", { key: 'b22d1bd44c2b861231ddfd2bed26b2727ca0ab6a', class: index$1.classNames('ds-accordion', `ds-accordion--${this.dsVariant}`, {
                 'ds-accordion--border-aligned': this.dsBorderAligned,
-            }) }, index.h("div", { key: '6a8ca7a66d2f43c970b359972cc5e2830252edb1', class: "ds-accordion__item" }, index.h("div", { key: '378a67aa57baf72f491370e2e357828d516832d2', role: "heading", "aria-level": this.dsHeadingLevel, class: "ds-accordion__title" }, index.h("button", { key: '3d495833ea4e1b31ac730947268850d7ba04a15d', class: index$1.classNames('ds-accordion__open-button', `ds-accordion--${this.dsVariant}`, {
+            }) }, index.h("div", { key: '5c563853ea9b90c81e53ae2e4e64bbe08d06f515', class: "ds-accordion__item" }, index.h("div", { key: '1f4f430d589bc3951dd53e4d727afb18cf97d5c9', role: "heading", "aria-level": this.dsHeadingLevel, class: "ds-accordion__title" }, index.h("button", { key: '1720a0fb679307719e7a3d5f77dfa5898c01e510', class: index$1.classNames('ds-accordion__open-button', `ds-accordion--${this.dsVariant}`, {
                 'ds-accordion--border-aligned': this.dsBorderAligned,
                 'ds-accordion--hide-top-border': this.dsHideTopBorder,
                 'ds-accordion--hide-bottom-border': this.dsHideBottomBorder,
-            }), onClick: this.handleClick, onKeyDown: this.handleKeyDown, "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-controls": `${this.dsAccordionId}-panel`, id: this.dsAccordionId, ref: el => (this.headerButtonRef = el) }, index.h("span", { key: 'e720c9480de197083d4c3c956c6129caeb01a033', class: "ds-accordion__icon", "aria-hidden": "true" }, this.isExpanded ? index.h("ds-icon", { dsSize: iconSize, dsHidden: true, dsName: "keyboard_arrow_up" }) : index.h("ds-icon", { dsSize: iconSize, dsHidden: true, dsName: "keyboard_arrow_down" })), index.h("slot", { key: 'b406436f9de56d89e343150a19c0d133e8b9e2da', name: "header" }))), index.h("div", { key: 'a51a019dbc6e9401aaf1552edc127226cecb0b7c', id: `${this.dsAccordionId}-panel`, role: "region", "aria-labelledby": this.dsAccordionId, class: index$1.classNames('ds-accordion__panel', `ds-accordion__panel--${this.dsVariant}`, {
+            }), onClick: this.handleClick, onKeyDown: this.handleKeyDown, "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-controls": `${this.dsAccordionId}-panel`, id: this.dsAccordionId, ref: el => (this.headerButtonRef = el) }, index.h("span", { key: '1f7134041474c174a993c0b321b92bbc0fdc723e', class: "ds-accordion__icon", "aria-hidden": "true" }, this.isExpanded ? index.h("ds-icon", { dsSize: iconSize, dsHidden: true, dsName: "keyboard_arrow_up" }) : index.h("ds-icon", { dsSize: iconSize, dsHidden: true, dsName: "keyboard_arrow_down" })), index.h("slot", { key: 'ae388275e1a3ee8a26d871bfaf2911e6431c3bcc', name: "header" }))), index.h("div", { key: '46e0b89da2ece71db2cd5fcc878be0ceb756e0fd', id: `${this.dsAccordionId}-panel`, role: "region", "aria-labelledby": this.dsAccordionId, class: index$1.classNames('ds-accordion__panel', `ds-accordion__panel--${this.dsVariant}`, {
                 'ds-accordion__panel--border-aligned': this.dsBorderAligned,
                 'ds-accordion__panel--expanded': this.isExpanded,
                 'ds-accordion__panel--hide-bottom-border': this.dsHideBottomBorder,
-            }), hidden: !this.isExpanded }, index.h("div", { key: 'a7d46ee04bbe43fbfdea6ac0ec3a760aeb17ba64', class: "ds-accordion__content" }, index.h("slot", { key: '00e8c609cc32ed726226547af724295884e40bb7', name: "content" })), this.dsUseCloseButton && (index.h("ds-button", { key: '7b03bc58471493bc89501753e35238b770eaf563', "aria-labelledby": `${this.dsAccordionId}-close-button ${this.dsAccordionId}`, id: `${this.dsAccordionId}-close-button`, class: index$1.classNames('ds-accordion__close-button', `ds-accordion--${this.dsVariant}`, {
+            }), hidden: !this.isExpanded }, index.h("div", { key: 'db9ae52bda5ea3c8039fc17c43720cdbfcf2f854', class: "ds-accordion__content" }, index.h("slot", { key: '005f91037508984f77e8bcafa807762a0fde8fad', name: "content" })), this.dsUseCloseButton && (index.h("ds-button", { key: 'c862cfba7fce4f7653148dae7098cfe21a715255', "aria-labelledby": `${this.dsAccordionId}-close-button ${this.dsAccordionId}`, id: `${this.dsAccordionId}-close-button`, class: index$1.classNames('ds-accordion__close-button', `ds-accordion--${this.dsVariant}`, {
                 'ds-accordion--border-aligned': this.dsBorderAligned,
             }), dsVariant: "supplementary", dsColour: "black", dsIcon: "keyboard_arrow_up", dsIconPosition: "start", onClick: this.handleClick, onKeyDown: this.handleKeyDown, dsValue: this.dsCloseButtonLabel, dsSize: buttonSize, dsType: "button" }))))));
     }

package/dist/cjs/ds-button.cjs.entry.js CHANGED Viewed

@@ -1,10 +1,10 @@
 'use strict';
-var index = require('./index-Mjp9Y-Sw.js');
+var index = require('./index-CsSCWgdp.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-BMbXzbwU.js');
-const dsButtonCss = ".sc-ds-button-h *.sc-ds-button,.ds-no-style-leak.sc-ds-button *.sc-ds-button{all:unset;box-sizing:border-box;display:block}.sc-ds-button:root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.sc-ds-button-h{display:inline-block}[dsFullWidth].sc-ds-button-h,[ds-full-width].sc-ds-button-h{width:100%}.ds-button.sc-ds-button{width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center}.ds-button.sc-ds-button:not(.supplementary) .button-value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button.supplementary.sc-ds-button:has(ds-spinner) .button-value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button.sc-ds-button ds-icon.sc-ds-button{height:1.5rem}.ds-button.sc-ds-button:has(ds-spinner):not(.small) .button-value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button.icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button.sc-ds-button:not(.small):not(.secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button.sc-ds-button:not(.small).secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button.sc-ds-button:not(.small).icon-only{padding-left:0;padding-right:0}.ds-button.small.sc-ds-button:not(.secondary){border-width:0px;font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button.small.secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button.small.icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button.small.sc-ds-button ds-icon.sc-ds-button{height:1rem}.ds-button.icon-start.sc-ds-button:not(.small) ds-icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button.icon-end.sc-ds-button:not(.small) ds-icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button.primary.blue.sc-ds-button{background-color:var(--ds-palette-mainBlue-70);border-color:transparent;color:var(--ds-palette-white)}.ds-button.primary.blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.primary.blue.sc-ds-button:hover{background-color:var(--ds-palette-mainBlue-80)}.ds-button.primary.blue.sc-ds-button:active,.ds-button.primary.blue--active.sc-ds-button{background-color:var(--ds-palette-mainBlue-90)}.ds-button.primary.blue.disabled.sc-ds-button,.ds-button.primary.blue.sc-ds-button:disabled{background-color:var(--ds-overlay-black-10);border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.primary.black.sc-ds-button{background-color:var(--ds-palette-black-95);border-color:transparent;color:var(--ds-palette-white)}.ds-button.primary.black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.primary.black.sc-ds-button:hover{background-color:var(--ds-palette-black-80)}.ds-button.primary.black.sc-ds-button:active,.ds-button.primary.black--active.sc-ds-button{background-color:var(--ds-palette-white-70)}.ds-button.primary.black.disabled.sc-ds-button,.ds-button.primary.black.sc-ds-button:disabled{background-color:var(--ds-overlay-black-10);border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.primary.white.sc-ds-button{background-color:var(--ds-palette-white);border-color:transparent;color:var(--ds-palette-black-95)}.ds-button.primary.white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-black-95);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.primary.white.sc-ds-button:hover{background-color:var(--ds-palette-black-10)}.ds-button.primary.white.sc-ds-button:active,.ds-button.primary.white--active.sc-ds-button{background-color:var(--ds-palette-black-20)}.ds-button.primary.white.disabled.sc-ds-button,.ds-button.primary.white.sc-ds-button:disabled{background-color:var(--ds-overlay-white-10);border-color:transparent;color:var(--ds-overlay-white-40)}.ds-button.secondary.blue.sc-ds-button{background-color:var(--ds-palette-white);border-color:var(--ds-palette-mainBlue-70);color:var(--ds-palette-mainBlue-70)}.ds-button.secondary.blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.secondary.blue.sc-ds-button:hover{background-color:var(--ds-palette-mainBlue-05)}.ds-button.secondary.blue.sc-ds-button:active,.ds-button.secondary.blue--active.sc-ds-button{background-color:var(--ds-palette-mainBlue-10)}.ds-button.secondary.blue.disabled.sc-ds-button,.ds-button.secondary.blue.sc-ds-button:disabled{background-color:var(--ds-palette-white);border-color:var(--ds-overlay-black-15);color:var(--ds-palette-black-40)}.ds-button.secondary.black.sc-ds-button{background-color:transparent;border-color:var(--ds-palette-black-95);color:var(--ds-palette-black-95)}.ds-button.secondary.black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.secondary.black.sc-ds-button:hover{background-color:var(--ds-overlay-black-10)}.ds-button.secondary.black.sc-ds-button:active,.ds-button.secondary.black--active.sc-ds-button{background-color:var(--ds-overlay-black-15)}.ds-button.secondary.black.disabled.sc-ds-button,.ds-button.secondary.black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-overlay-black-15);color:var(--ds-palette-black-40)}.ds-button.secondary.white.sc-ds-button{background-color:transparent;border-color:var(--ds-palette-white);color:var(--ds-palette-white)}.ds-button.secondary.white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-black-95);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.secondary.white.sc-ds-button:hover{background-color:var(--ds-overlay-white-30)}.ds-button.secondary.white.sc-ds-button:active,.ds-button.secondary.white--active.sc-ds-button{background-color:var(--ds-overlay-white-40)}.ds-button.secondary.white.disabled.sc-ds-button,.ds-button.secondary.white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-overlay-white-15);color:var(--ds-overlay-white-40)}.ds-button.supplementary.blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-palette-mainBlue-70);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button.supplementary.blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.supplementary.blue.sc-ds-button:hover{background-color:var(--ds-palette-mainBlue-05)}.ds-button.supplementary.blue.sc-ds-button:active,.ds-button.supplementary.blue--active.sc-ds-button{background-color:var(--ds-palette-mainBlue-10)}.ds-button.supplementary.blue.disabled.sc-ds-button,.ds-button.supplementary.blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.supplementary.black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-palette-black-95);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button.supplementary.black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.supplementary.black.sc-ds-button:hover{background-color:var(--ds-overlay-black-10)}.ds-button.supplementary.black.sc-ds-button:active,.ds-button.supplementary.black--active.sc-ds-button{background-color:var(--ds-overlay-black-15)}.ds-button.supplementary.black.disabled.sc-ds-button,.ds-button.supplementary.black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.supplementary.white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-palette-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button.supplementary.white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-black-95);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.supplementary.white.sc-ds-button:hover{background-color:var(--ds-overlay-white-30)}.ds-button.supplementary.white.sc-ds-button:active,.ds-button.supplementary.white--active.sc-ds-button{background-color:var(--ds-overlay-white-40)}.ds-button.supplementary.white.disabled.sc-ds-button,.ds-button.supplementary.white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-overlay-white-40)}";
+const dsButtonCss = ".sc-ds-button-h *.sc-ds-button,.ds-no-style-leak.sc-ds-button *.sc-ds-button{all:unset;box-sizing:border-box;display:block}.sc-ds-button:root,.sc-ds-button-h{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}.sc-ds-button-h{display:inline-block}[dsFullWidth].sc-ds-button-h,[ds-full-width].sc-ds-button-h{width:100%}.ds-button.sc-ds-button{width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center}.ds-button.sc-ds-button:not(.supplementary) .button-value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button.supplementary.sc-ds-button:has(ds-spinner) .button-value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button.sc-ds-button ds-icon.sc-ds-button{height:1.5rem}.ds-button.sc-ds-button:has(ds-spinner):not(.small) .button-value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button.icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button.sc-ds-button:not(.small):not(.secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button.sc-ds-button:not(.small).secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button.sc-ds-button:not(.small).icon-only{padding-left:0;padding-right:0}.ds-button.small.sc-ds-button:not(.secondary){border-width:0px;font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button.small.secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button.small.icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button.small.sc-ds-button ds-icon.sc-ds-button{height:1rem}.ds-button.icon-start.sc-ds-button:not(.small) ds-icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button.icon-end.sc-ds-button:not(.small) ds-icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button.primary.blue.sc-ds-button{background-color:var(--ds-palette-mainBlue-70);border-color:transparent;color:var(--ds-palette-white)}.ds-button.primary.blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.primary.blue.sc-ds-button:hover{background-color:var(--ds-palette-mainBlue-80)}.ds-button.primary.blue.sc-ds-button:active,.ds-button.primary.blue--active.sc-ds-button{background-color:var(--ds-palette-mainBlue-90)}.ds-button.primary.blue.disabled.sc-ds-button,.ds-button.primary.blue.sc-ds-button:disabled{background-color:var(--ds-overlay-black-10);border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.primary.black.sc-ds-button{background-color:var(--ds-palette-black-95);border-color:transparent;color:var(--ds-palette-white)}.ds-button.primary.black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.primary.black.sc-ds-button:hover{background-color:var(--ds-palette-black-80)}.ds-button.primary.black.sc-ds-button:active,.ds-button.primary.black--active.sc-ds-button{background-color:var(--ds-palette-white-70)}.ds-button.primary.black.disabled.sc-ds-button,.ds-button.primary.black.sc-ds-button:disabled{background-color:var(--ds-overlay-black-10);border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.primary.white.sc-ds-button{background-color:var(--ds-palette-white);border-color:transparent;color:var(--ds-palette-black-95)}.ds-button.primary.white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-black-95);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.primary.white.sc-ds-button:hover{background-color:var(--ds-palette-black-10)}.ds-button.primary.white.sc-ds-button:active,.ds-button.primary.white--active.sc-ds-button{background-color:var(--ds-palette-black-20)}.ds-button.primary.white.disabled.sc-ds-button,.ds-button.primary.white.sc-ds-button:disabled{background-color:var(--ds-overlay-white-10);border-color:transparent;color:var(--ds-overlay-white-40)}.ds-button.secondary.blue.sc-ds-button{background-color:var(--ds-palette-white);border-color:var(--ds-palette-mainBlue-70);color:var(--ds-palette-mainBlue-70)}.ds-button.secondary.blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.secondary.blue.sc-ds-button:hover{background-color:var(--ds-palette-mainBlue-05)}.ds-button.secondary.blue.sc-ds-button:active,.ds-button.secondary.blue--active.sc-ds-button{background-color:var(--ds-palette-mainBlue-10)}.ds-button.secondary.blue.disabled.sc-ds-button,.ds-button.secondary.blue.sc-ds-button:disabled{background-color:var(--ds-palette-white);border-color:var(--ds-overlay-black-15);color:var(--ds-palette-black-40)}.ds-button.secondary.black.sc-ds-button{background-color:transparent;border-color:var(--ds-palette-black-95);color:var(--ds-palette-black-95)}.ds-button.secondary.black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.secondary.black.sc-ds-button:hover{background-color:var(--ds-overlay-black-10)}.ds-button.secondary.black.sc-ds-button:active,.ds-button.secondary.black--active.sc-ds-button{background-color:var(--ds-overlay-black-15)}.ds-button.secondary.black.disabled.sc-ds-button,.ds-button.secondary.black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-overlay-black-15);color:var(--ds-palette-black-40)}.ds-button.secondary.white.sc-ds-button{background-color:transparent;border-color:var(--ds-palette-white);color:var(--ds-palette-white)}.ds-button.secondary.white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-black-95);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.secondary.white.sc-ds-button:hover{background-color:var(--ds-overlay-white-30)}.ds-button.secondary.white.sc-ds-button:active,.ds-button.secondary.white--active.sc-ds-button{background-color:var(--ds-overlay-white-40)}.ds-button.secondary.white.disabled.sc-ds-button,.ds-button.secondary.white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-overlay-white-15);color:var(--ds-overlay-white-40)}.ds-button.supplementary.blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-palette-mainBlue-70);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button.supplementary.blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.supplementary.blue.sc-ds-button:hover{background-color:var(--ds-palette-mainBlue-05)}.ds-button.supplementary.blue.sc-ds-button:active,.ds-button.supplementary.blue--active.sc-ds-button{background-color:var(--ds-palette-mainBlue-10)}.ds-button.supplementary.blue.disabled.sc-ds-button,.ds-button.supplementary.blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.supplementary.black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-palette-black-95);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button.supplementary.black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.supplementary.black.sc-ds-button:hover{background-color:var(--ds-overlay-black-10)}.ds-button.supplementary.black.sc-ds-button:active,.ds-button.supplementary.black--active.sc-ds-button{background-color:var(--ds-overlay-black-15)}.ds-button.supplementary.black.disabled.sc-ds-button,.ds-button.supplementary.black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-palette-black-40)}.ds-button.supplementary.white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-palette-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button.supplementary.white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-palette-black-95);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button.supplementary.white.sc-ds-button:hover{background-color:var(--ds-overlay-white-30)}.ds-button.supplementary.white.sc-ds-button:active,.ds-button.supplementary.white--active.sc-ds-button{background-color:var(--ds-overlay-white-40)}.ds-button.supplementary.white.disabled.sc-ds-button,.ds-button.supplementary.white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-overlay-white-40)}";
 const DsButton = class {
     constructor(hostRef) {

package/dist/cjs/ds-card.cjs.entry.js CHANGED Viewed

@@ -1,10 +1,10 @@
 'use strict';
-var index = require('./index-Mjp9Y-Sw.js');
+var index = require('./index-CsSCWgdp.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-BjZTECpy.js');
-const dsCardCss = ":root{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:host{display:block}.ds-card{background-color:var(--ds-palette-white);border:1px solid var(--ds-palette-black-20);color:var(--ds-palette-black-95);display:flex;flex-direction:column;hyphens:auto;margin-bottom:var(--ds-spacing-2xSmall)}.ds-card:focus-within{box-shadow:false 0 0 0 var(--ds-borderWidth-thick) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * -1)}.ds-card:focus-within .ds-card__heading{text-decoration:underline;text-underline-offset:2px}.ds-card.ds-card--link:hover{border-color:var(--ds-palette-black-50);cursor:pointer}.ds-card.ds-card--link:hover ds-icon{color:var(--ds-palette-black-80)}.ds-card.ds-card--link:hover .ds-card__heading{text-decoration:underline;text-underline-offset:2px}.ds-card.ds-card--link:active{border-color:var(--ds-palette-black-95)}.ds-card.ds-card--link:active ds-icon{color:var(--ds-palette-black-80)}.ds-card.ds-card--link{text-decoration:none}.ds-card.ds-card--link:focus-within ds-icon{color:var(--ds-palette-black-80)}.ds-card--filled{background-color:var(--ds-palette-black-05)}.ds-card__image-container{aspect-ratio:16/9;position:relative;width:100%;overflow:hidden}.ds-card__image{width:100%;height:100%;object-fit:cover}.ds-card__content--top{align-items:center;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__content--top__text{display:flex;flex-direction:column;gap:var(--ds-spacing-3xSmall)}.ds-card__eyebrow{color:var(--ds-palette-black-70);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:1px;line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-3xSmall);order:1}.ds-card__heading{align-items:center;color:var(--ds-palette-black-95);display:flex;font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold);margin:0;order:2;justify-content:space-between;text-wrap:balance}.ds-card__heading__link{all:unset}.ds-card__subtitle{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__description{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);color:var(--ds-palette-black-95);padding:0 var(--ds-spacing-small);margin:0 0 var(--ds-spacing-small) 0;text-wrap:pretty}.ds-card ds-icon{color:var(--ds-palette-mainBlue-70);font-size:var(--ds-fontSize-20);font-weight:normal}";
+const dsCardCss = ":root,:host{--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem}:host{display:block}.ds-card{background-color:var(--ds-palette-white);border:1px solid var(--ds-palette-black-20);color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;hyphens:auto;margin-bottom:var(--ds-spacing-2xSmall)}.ds-card:focus-within{box-shadow:false 0 0 0 var(--ds-borderWidth-thick) var(--ds-palette-white);outline:var(--ds-borderWidth-thin) solid var(--ds-palette-black-95);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * -1)}.ds-card:focus-within .ds-card__heading{text-decoration:underline;text-underline-offset:2px}.ds-card.ds-card--link:hover{border-color:var(--ds-palette-black-50);cursor:pointer}.ds-card.ds-card--link:hover ds-icon{color:var(--ds-palette-black-80)}.ds-card.ds-card--link:hover .ds-card__heading{text-decoration:underline;text-underline-offset:2px}.ds-card.ds-card--link:active{border-color:var(--ds-palette-black-95)}.ds-card.ds-card--link:active ds-icon{color:var(--ds-palette-black-80)}.ds-card.ds-card--link{text-decoration:none}.ds-card.ds-card--link:focus-within ds-icon{color:var(--ds-palette-black-80)}.ds-card--filled{background-color:var(--ds-palette-black-05)}.ds-card__image-container{aspect-ratio:16/9;position:relative;width:100%;overflow:hidden}.ds-card__image{width:100%;height:100%;object-fit:cover}.ds-card__content--top{align-items:center;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__content--top__text{display:flex;flex-direction:column;gap:var(--ds-spacing-3xSmall)}.ds-card__eyebrow{color:var(--ds-palette-black-70);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:1px;line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-3xSmall);order:1}.ds-card__heading{align-items:center;color:var(--ds-palette-black-95);display:flex;font-size:var(--ds-fontSize-20);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);margin:0;order:2;justify-content:space-between;text-wrap:balance}.ds-card__heading__link{all:unset}.ds-card__subtitle{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__description{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);color:var(--ds-palette-black-95);padding:0 var(--ds-spacing-small);margin:0 0 var(--ds-spacing-small) 0;text-wrap:pretty}.ds-card ds-icon{color:var(--ds-palette-mainBlue-70);font-size:var(--ds-fontSize-20);font-weight:normal}";
 const DsCard = class {
     constructor(hostRef) {

package/dist/cjs/ds-checkbox-group.cjs.entry.js CHANGED Viewed

@@ -1,11 +1,11 @@
 'use strict';
-var index = require('./index-Mjp9Y-Sw.js');
+var index = require('./index-CsSCWgdp.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-BMbXzbwU.js');
 var utils = require('./utils-BjZTECpy.js');
-var controlUtils = require('./controlUtils-ofqiQxRF.js');
-require('./index-DwLFyR5p.js');
+var controlUtils = require('./controlUtils-CBILjwNF.js');
+require('./index-D56lnXzC.js');
 const dsCheckboxGroupCss = ".ds-checkbox-group{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__legend{padding-inline:0;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-group__assistive-text{font-size:var(--ds-fontSize-14);color:var(--ds-palette-black-70);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}.ds-checkbox-group__error{display:flex}.ds-checkbox-group__error--visible{padding-top:var(--ds-spacing-3xSmall)}.ds-checkbox-group>.ds-checkbox-group__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group--inset{margin-left:var(--ds-spacing-large)}.ds-checkbox-group--horizontal>.ds-checkbox-group__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";
@@ -30,6 +30,7 @@ const DsCheckboxGroup = class {
     errorTextId = `${this.fieldsetId}-error`;
     assistiveTextId = `${this.fieldsetId}-assistive-text`;
     nestedId = `${this.fieldsetId}-nested`;
+    childBlurTimeout = null;
     inheritedAttributes = {};
     get el() { return index.getElement(this); }
     internals;
@@ -47,11 +48,13 @@ const DsCheckboxGroup = class {
     dsAllRequired = false;
     dsOptional = false;
     dsOptionalText;
+    validationMessage;
     childElementsCount = 1;
     checkedChildElementCount = 0;
     isIndeterminate = false;
     indeterminateChildCheckboxCount = 0;
     showInternalsValidationMessage = false;
+    focusedChildCheckbox;
     elementIs = (localName) => (element) => element.localName === localName;
     elementIsCheckbox = this.elementIs('ds-checkbox');
     elementIsCheckboxGroup = this.elementIs('ds-checkbox-group');
@@ -64,13 +67,12 @@ const DsCheckboxGroup = class {
         }
         return this.dsLegend;
     };
-    getAriaDescribedBy = () => [
-        !!this.dsAssistiveText && this.assistiveTextId,
-        (!!this.dsErrorText || (this.showInternalsValidationMessage && !!this.internals?.validationMessage)) && this.errorTextId,
-    ]
+    getAriaDescribedBy = () => [!!this.dsAssistiveText && this.assistiveTextId, (!!this.dsErrorText || (this.showInternalsValidationMessage && !!this.internals?.validationMessage)) && this.errorTextId]
         .filter(Boolean)
         .join(' ');
-    getValidationMessage = () => this.dsErrorText || (this.showInternalsValidationMessage ? this.internals?.validationMessage : '');
+    getValidationMessage() {
+        return this.dsErrorText || (this.showInternalsValidationMessage ? this.internals?.validationMessage : '');
+    }
     getChildElements = () => {
         const slot = this.el.shadowRoot.querySelector('slot');
         return (slot?.assignedElements() || []);
@@ -103,14 +105,19 @@ const DsCheckboxGroup = class {
             element.dsDisabled = newValue;
         });
     }
+    watchCheckboxAllRequiredChange(newValue) {
+        this.updateChildElements((element) => {
+            element.dsRequired = newValue;
+        });
+    }
     watchCheckedChange(newValue) {
         this.updateChildElementsChecked(newValue);
     }
     watchIndeterminateChange(newValue) {
         this.dsCheckboxGroupIndeterminateChildChange.emit({ id: this.fieldsetId, indeterminate: newValue });
     }
-    errorTextObserver(errorText) {
-        this.dsCheckboxGroupInvalidStateChange.emit(!!errorText);
+    errorObserver(newValue) {
+        this.dsCheckboxGroupInvalidStateChange.emit(!!newValue);
     }
     listenIndeterminateChildChange(event) {
         this.indeterminateChildCheckboxCount = event.detail.indeterminate ? this.indeterminateChildCheckboxCount + 1 : this.indeterminateChildCheckboxCount - 1;
@@ -126,6 +133,7 @@ const DsCheckboxGroup = class {
         else {
             this.internals?.setValidity({ valueMissing: false });
         }
+        this.validationMessage = this.getValidationMessage();
     }
     updateCheckedChildElementCount = (checked) => {
         if (checked) {
@@ -162,8 +170,41 @@ const DsCheckboxGroup = class {
             this.updateCheckedChildElementCount(event.detail.checked);
         }
     }
+    focusedChildCheckboxObserver(newValue) {
+        if (!newValue && !this.showInternalsValidationMessage) {
+            this.showInternalsValidationMessage = true;
+            this.validationMessage = this.getValidationMessage();
+        }
+    }
+    listenFocus(e) {
+        this.focusedChildCheckbox = e.detail;
+    }
+    listenBlur(e) {
+        this.childBlurTimeout = setTimeout(() => {
+            if (e.detail === this.focusedChildCheckbox) {
+                this.focusedChildCheckbox = undefined;
+            }
+        }, 0);
+    }
     formResetCallback() {
-        this.internals?.setValidity({});
+        this.validationMessage = undefined;
+        this.childElementsCount = 1;
+        this.checkedChildElementCount = 0;
+        this.isIndeterminate = false;
+        this.indeterminateChildCheckboxCount = 0;
+        this.showInternalsValidationMessage = false;
+        if (this.dsRequired) {
+            this.internals?.setValidity({ valueMissing: true }, controlUtils.atLeastOneOption(), this.getChildCheckboxElements()?.[0].shadowRoot.querySelector('input'));
+        }
+        else if (this.dsAllRequired) {
+            this.internals?.setValidity({ valueMissing: true }, controlUtils.allOptions(), this.getChildCheckboxElements()?.[0].shadowRoot.querySelector('input'));
+        }
+    }
+    disconnectedCallback() {
+        if (this.childBlurTimeout) {
+            clearTimeout(this.childBlurTimeout);
+        }
+        this.childBlurTimeout = null;
     }
     componentWillLoad() {
         this.inheritedAttributes = attributes.inheritAriaAttributes(this.el, ['aria-labelledby']);
@@ -172,6 +213,9 @@ const DsCheckboxGroup = class {
         this.childElementsCount = this.getChildElements().length;
         this.updateChildCheckboxes(element => {
             element.setAttribute('ds-errors-disabled', 'true');
+            if (this.dsAllRequired) {
+                element.setAttribute('ds-required', 'true');
+            }
         });
         if (this.dsRequired) {
             this.internals?.setValidity({ valueMissing: true }, controlUtils.atLeastOneOption(), this.getChildCheckboxElements()?.[0].shadowRoot.querySelector('input'));
@@ -179,6 +223,7 @@ const DsCheckboxGroup = class {
         else if (this.dsAllRequired) {
             this.internals?.setValidity({ valueMissing: true }, controlUtils.allOptions(), this.getChildCheckboxElements()?.[0].shadowRoot.querySelector('input'));
         }
+        this.validationMessage = this.dsErrorText;
     }
     componentDidUpdate() {
         const childElementCount = this.getChildElements().length;
@@ -193,20 +238,24 @@ const DsCheckboxGroup = class {
         const legendClasses = index$1.classNames('ds-checkbox-group__legend');
         const assistiveTextClasses = index$1.classNames('ds-checkbox-group__assistive-text');
         const errorClasses = index$1.classNames('ds-checkbox-group__error', {
-            'ds-checkbox-group__error--visible': Boolean(this.dsErrorText),
+            'ds-checkbox-group__error--visible': !!this.validationMessage,
         });
         const nestedClasses = index$1.classNames('ds-checkbox-group', 'ds-checkbox-group--inset');
         const checkboxesClasses = index$1.classNames('ds-checkbox-group__checkboxes');
         const ariaDescribedBy = this.getAriaDescribedBy();
-        return (index.h("fieldset", { key: '98ff7c5dd5c36c163ed1dfb177d5c0b28b93971a', id: this.fieldsetId, class: classes, "aria-describedby": ariaDescribedBy, ...this.inheritedAttributes }, this.dsLegend && index.h("legend", { key: '22274e3c85262fd08f69a9aa548d2910eaf30ce2', class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (index.h("small", { key: '4566b9d66b0be262548ddecd11f6eda5acc6d399', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), this.dsText ? (index.h(index.Fragment, null, index.h("ds-checkbox", { ref: checkboxElem => (this.checkboxElem = checkboxElem), dsId: this.checkboxId, dsText: this.dsText, dsChecked: this.checkedChildElementCount === this.childElementsCount, dsDisabled: this.dsDisabled, dsIndeterminate: this.indeterminateChildCheckboxCount > 0 || this.isIndeterminate }), index.h("fieldset", { id: this.nestedId, "aria-labelledby": this.checkboxId, class: nestedClasses }, index.h("slot", null)))) : (index.h("div", { class: checkboxesClasses }, index.h("slot", null))), (!!this.dsErrorText || this.dsRequired || this.dsAllRequired) && (index.h("div", { key: 'd0a2dbc9d46967de609096d9a398b040f5228807', class: errorClasses }, index.h("ds-input-validity", { key: '409b5d8fbd59b26245cb828146f28eec3d010aaa', id: this.errorTextId, dsText: this.getValidationMessage(), dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })))));
+        return (index.h("fieldset", { key: 'ae18bc3a8f997f54a9c35205536ac52b8a2261c7', id: this.fieldsetId, class: classes, "aria-describedby": ariaDescribedBy, ...this.inheritedAttributes }, this.dsLegend && index.h("legend", { key: 'ee7c5a8e0c794e38e9af0d73217282d0543e75c0', class: legendClasses }, this.getLegendText()), this.dsAssistiveText && (index.h("small", { key: '23da317a5729f9e63843765f8ae871a646d8b2f5', class: assistiveTextClasses, id: this.assistiveTextId }, this.dsAssistiveText)), this.dsText ? (index.h(index.Fragment, null, index.h("ds-checkbox", { ref: checkboxElem => (this.checkboxElem = checkboxElem), dsId: this.checkboxId, dsText: this.dsText, dsChecked: this.checkedChildElementCount === this.childElementsCount, dsDisabled: this.dsDisabled, dsIndeterminate: this.indeterminateChildCheckboxCount > 0 || this.isIndeterminate }), index.h("fieldset", { id: this.nestedId, "aria-label": this.dsText, class: nestedClasses }, index.h("slot", null)))) : (index.h("div", { class: checkboxesClasses }, index.h("slot", null))), (!!this.validationMessage || this.dsRequired || this.dsAllRequired) && (index.h("div", { key: '847594c18944fc186ad74e433bd103632e10b8d8', class: errorClasses }, index.h("ds-input-validity", { key: '1c61490c57eef1534085663e6d76fa701cb34dfa', id: this.errorTextId, dsText: this.validationMessage, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })))));
     }
+    static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
     static get watchers() { return {
         "dsDisabled": ["watchCheckboxDisabledChange"],
+        "dsAllRequired": ["watchCheckboxAllRequiredChange"],
         "dsChecked": ["watchCheckedChange"],
         "isIndeterminate": ["watchIndeterminateChange"],
-        "dsErrorText": ["errorTextObserver"],
-        "checkedChildElementCount": ["watchCheckedChildElementCountChange"]
+        "validationMessage": ["errorObserver"],
+        "dsErrorText": ["errorObserver"],
+        "checkedChildElementCount": ["watchCheckedChildElementCountChange"],
+        "focusedChildCheckbox": ["focusedChildCheckboxObserver"]
     }; }
 };
 DsCheckboxGroup.style = dsCheckboxGroupCss;