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

@uh-design-system/component-library 1.2.0 → 1.3.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2063) hide show

package/dist/cjs/{controlUtils-B4bSDE16.js → controlUtils-DpFk-qaZ.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var store = require('./store-CTjYWCVx.js');
+var store = require('./store-Duh7hgdm.js');
 const valueMissing = () => {
     switch (store.getLanguage()) {

package/dist/cjs/{cx-B5kkNAYU.js → cx-CgURfcQd.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B7RrBMcl.js');
+var index = require('./index-DyEKOoZQ.js');
 const cx = (className) => `${className}__${index.Env.PACKAGE_VERSION}`;

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

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-B7RrBMcl.js');
+var index = require('./index-DyEKOoZQ.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-B5kkNAYU.js');
+var utils = require('./utils-B3pm7qU-.js');
+var cx = require('./cx-CgURfcQd.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var store = require('./store-CTjYWCVx.js');
+var store = require('./store-Duh7hgdm.js');
-const dsAccordionCss = ".ds-accordion__DFAX9n.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__DFAX9n--with-background.ds-accordion__DFAX9n--expanded.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__DFAX9n__title.sc-ds-accordion{position:relative;display:flex;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__DFAX9n__title.sc-ds-accordion:not(.ds-accordion__DFAX9n__title--hide-top-border) .ds-accordion__DFAX9n__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__DFAX9n__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__DFAX9n__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__DFAX9n__title--border-aligned.ds-accordion__DFAX9n__title--with-background.sc-ds-accordion::before{content:\"\";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__DFAX9n__title--border-aligned.ds-accordion__DFAX9n__title--with-background.sc-ds-accordion::after{content:\"\";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__DFAX9n__title--border-aligned.ds-accordion__DFAX9n__title--with-background.sc-ds-accordion:has(.ds-accordion__DFAX9n__open-button[aria-expanded=true])::before,.ds-accordion__DFAX9n__title--border-aligned.ds-accordion__DFAX9n__title--with-background.sc-ds-accordion:has(.ds-accordion__DFAX9n__open-button[aria-expanded=true])::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__DFAX9n__title.sc-ds-accordion:has(.ds-accordion__DFAX9n__open-button[aria-expanded=true].ds-accordion__DFAX9n__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__DFAX9n__title.sc-ds-accordion:has(.ds-accordion__DFAX9n__open-button:hover:not(.ds-accordion__DFAX9n__open-button--icon-button)){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__DFAX9n__title.sc-ds-accordion:has(.ds-accordion__DFAX9n__open-button:active:not(.ds-accordion__DFAX9n__open-button--icon-button)){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__DFAX9n__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__DFAX9n__header-slot--icon-button.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__DFAX9n__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__DFAX9n__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__DFAX9n__open-button.sc-ds-accordion{all:unset;position:relative;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:row;gap:var(--ds-spacing-xSmall);width:100%;color:var(--ds-textColor-default);fill:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall)}.ds-accordion__DFAX9n__open-button.sc-ds-accordion: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) * 0)}.ds-accordion__DFAX9n__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__DFAX9n__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__DFAX9n__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__DFAX9n__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__DFAX9n__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__DFAX9n__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button){padding-inline:0}.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button)::before{content:\"\";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button)::after{content:\"\";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button):hover::before,.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button):hover::after{background-color:var(--ds-bgColor-transparent-onLight-hover);z-index:1}.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button):active::before,.ds-accordion__DFAX9n__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__DFAX9n__open-button--icon-button):active::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__DFAX9n__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__DFAX9n__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;order:1}.ds-accordion__DFAX9n__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__DFAX9n__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__DFAX9n__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__DFAX9n__open-button__header-slot.sc-ds-accordion{display:inline-block}.ds-accordion__DFAX9n__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__DFAX9n__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__DFAX9n__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__DFAX9n__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__DFAX9n__panel.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__DFAX9n__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__DFAX9n__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__DFAX9n__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__DFAX9n__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__DFAX9n.sc-ds-accordion-s>[slot=header],.ds-accordion__DFAX9n .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__DFAX9n__content.sc-ds-accordion{position:relative;color:var(--ds-textColor-default);padding:var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__DFAX9n__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__DFAX9n__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__DFAX9n__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__DFAX9n__content--border-aligned.sc-ds-accordion::before{content:\"\";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__DFAX9n__content--border-aligned.sc-ds-accordion::after{content:\"\";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__DFAX9n__content--with-background.sc-ds-accordion::before,.ds-accordion__DFAX9n__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__DFAX9n__close-button.sc-ds-accordion{display:flex;flex-direction:row;padding-block-start:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}";
+const dsAccordionCss = ".ds-accordion__rbEY9j.sc-ds-accordion{box-sizing:border-box;position:relative}.ds-accordion__rbEY9j--with-background.ds-accordion__rbEY9j--expanded.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__rbEY9j__title.sc-ds-accordion{position:relative;display:flex;border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__rbEY9j__title.sc-ds-accordion:not(.ds-accordion__rbEY9j__title--hide-top-border) .ds-accordion__rbEY9j__open-button.sc-ds-accordion{border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__rbEY9j__title--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__rbEY9j__title--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__rbEY9j__title--border-aligned.ds-accordion__rbEY9j__title--with-background.sc-ds-accordion::before{content:\"\";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__rbEY9j__title--border-aligned.ds-accordion__rbEY9j__title--with-background.sc-ds-accordion::after{content:\"\";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__rbEY9j__title--border-aligned.ds-accordion__rbEY9j__title--with-background.sc-ds-accordion:has(.ds-accordion__rbEY9j__open-button[aria-expanded=true])::before,.ds-accordion__rbEY9j__title--border-aligned.ds-accordion__rbEY9j__title--with-background.sc-ds-accordion:has(.ds-accordion__rbEY9j__open-button[aria-expanded=true])::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__rbEY9j__title.sc-ds-accordion:has(.ds-accordion__rbEY9j__open-button[aria-expanded=true].ds-accordion__rbEY9j__open-button--icon-button){background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__rbEY9j__title.sc-ds-accordion:has(.ds-accordion__rbEY9j__open-button:hover:not(.ds-accordion__rbEY9j__open-button--icon-button)){background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__rbEY9j__title.sc-ds-accordion:has(.ds-accordion__rbEY9j__open-button:active:not(.ds-accordion__rbEY9j__open-button--icon-button)){background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__rbEY9j__header-slot.sc-ds-accordion{order:2;position:relative;display:block;width:100%}.ds-accordion__rbEY9j__header-slot--icon-button.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__rbEY9j__header-slot--hide-top-border.sc-ds-accordion{border-top:0}.ds-accordion__rbEY9j__header-slot--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__rbEY9j__open-button.sc-ds-accordion{all:unset;position:relative;box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:row;gap:var(--ds-spacing-xSmall);width:100%;color:var(--ds-textColor-default);fill:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);padding:calc(var(--ds-spacing-xSmall) - var(--ds-borderWidth-hairline)) var(--ds-spacing-xSmall)}.ds-accordion__rbEY9j__open-button.sc-ds-accordion: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) * 0)}.ds-accordion__rbEY9j__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__rbEY9j__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__rbEY9j__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-16)}@media (min-width: 60rem){.ds-accordion__rbEY9j__open-button--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__rbEY9j__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-accordion__rbEY9j__open-button--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16)}}.ds-accordion__rbEY9j__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__rbEY9j__open-button--icon-button){padding-inline:0}.ds-accordion__rbEY9j__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__rbEY9j__open-button--icon-button)::before{content:\"\";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__rbEY9j__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__rbEY9j__open-button--icon-button)::after{content:\"\";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__rbEY9j__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__rbEY9j__open-button--icon-button):hover::before,.ds-accordion__rbEY9j__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__rbEY9j__open-button--icon-button):hover::after{background-color:var(--ds-bgColor-transparent-onLight-hover);z-index:1}.ds-accordion__rbEY9j__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__rbEY9j__open-button--icon-button):active::before,.ds-accordion__rbEY9j__open-button--border-aligned.sc-ds-accordion:not(.ds-accordion__rbEY9j__open-button--icon-button):active::after{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__rbEY9j__open-button--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__rbEY9j__open-button--icon-button.sc-ds-accordion{display:inline-flex;width:auto;order:1}.ds-accordion__rbEY9j__open-button--icon-button.sc-ds-accordion:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__rbEY9j__open-button--icon-button.sc-ds-accordion:active{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__rbEY9j__open-button__icon--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}.ds-accordion__rbEY9j__open-button__header-slot.sc-ds-accordion{display:inline-block;width:100%}.ds-accordion__rbEY9j__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-3xSmall)}@media (min-width: 60rem){.ds-accordion__rbEY9j__open-button__header-slot--default.sc-ds-accordion{padding-block:var(--ds-spacing-4xSmall)}}.ds-accordion__rbEY9j__open-button__header-slot--compact.sc-ds-accordion{padding-block:0.0625rem}@media (min-width: 60rem){.ds-accordion__rbEY9j__open-button__header-slot--compact.sc-ds-accordion{padding-block:0}}.ds-accordion__rbEY9j__panel.sc-ds-accordion{border-left:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);border-right:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__rbEY9j__panel--hide-right-border.sc-ds-accordion{border-right:0}.ds-accordion__rbEY9j__panel--hide-left-border.sc-ds-accordion{border-left:0}.ds-accordion__rbEY9j__panel--expanded.sc-ds-accordion{display:block}.ds-accordion__rbEY9j__panel--with-background.sc-ds-accordion{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__rbEY9j.sc-ds-accordion-s>[slot=header],.ds-accordion__rbEY9j .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__rbEY9j__content.sc-ds-accordion{position:relative;color:var(--ds-textColor-default);padding:var(--ds-accordion-content-padding, var(--ds-spacing-2xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall));border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__rbEY9j__content--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__rbEY9j__content--has-close-button.sc-ds-accordion{padding-block-end:var(--ds-spacing-2xSmall)}.ds-accordion__rbEY9j__content--border-aligned.sc-ds-accordion{padding-inline:0}.ds-accordion__rbEY9j__content--border-aligned.sc-ds-accordion::before{content:\"\";position:absolute;display:block;top:0;left:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__rbEY9j__content--border-aligned.sc-ds-accordion::after{content:\"\";position:absolute;display:block;top:0;right:calc(-1 * var(--ds-spacing-small));bottom:0;width:var(--ds-spacing-small)}.ds-accordion__rbEY9j__content--with-background.sc-ds-accordion::before,.ds-accordion__rbEY9j__content--with-background.sc-ds-accordion::after{background-color:var(--ds-bgColor-neutralLight)}.ds-accordion__rbEY9j__close-button.sc-ds-accordion{display:flex;flex-direction:row;padding-block-start:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}";
 const dsAccordionIdGenerator = utils.idGenerator('ds-accordion');
 const DsAccordion = class {
@@ -136,7 +136,7 @@ const DsAccordion = class {
                 [`${baseClass}__content--with-background`]: this.dsContentHasBackground,
                 [`${baseClass}__content--hide-bottom-border`]: this.dsHideBottomBorder || this.dsHideContentBorders,
                 [`${baseClass}__content--has-close-button`]: this.dsUseCloseButton,
-            }) }, index.h("slot", { key: 'fe6b99b309eddc21acdc12f4889a84cbd867e4e2', name: "content" }), this.dsUseCloseButton && (index.h(this.DsButton, { key: 'b45cf3700221e352f0e0a2ab0dbcf3aa9434ae97', id: `${this.dsId}-close-button`, class: `${baseClass}__close-button`, dsVariant: "supplementary", dsColour: "black", dsIcon: "keyboard_arrow_up", dsIconPosition: "start", onClick: this.handleClick, onKeyDown: this.handleKeyDown, dsText: this.dsCloseButtonLabel || this.close, dsSize: this.dsVariant === 'compact' ? 'small' : 'medium', dsType: "button" })))))));
+            }) }, index.h("slot", { key: 'fe6b99b309eddc21acdc12f4889a84cbd867e4e2', name: "content" }), this.dsUseCloseButton && (index.h(this.DsButton, { key: 'a7027c8a18cc4a692ec4a1a82f02a02952af7ae4', id: `${this.dsId}-close-button`, class: `${baseClass}__close-button`, dsVariant: "supplementary", dsColour: "black", dsIcon: "keyboard_arrow_up", dsIconPosition: "start", onClick: this.handleClick, onKeyDown: this.handleKeyDown, dsText: this.dsCloseButtonLabel || this.close, dsSize: "small", dsType: "button" })))))));
     }
     static get watchers() { return {
         "isExpanded": ["watchHandler"]

package/dist/cjs/ds-assistive-text.cjs.entry.js CHANGED Viewed

@@ -1,10 +1,10 @@
 'use strict';
-var index = require('./index-B7RrBMcl.js');
-var cx = require('./cx-B5kkNAYU.js');
-var utils = require('./utils-CEhBgrbV.js');
+var index = require('./index-DyEKOoZQ.js');
+var cx = require('./cx-CgURfcQd.js');
+var utils = require('./utils-B3pm7qU-.js');
-const dsAssistiveTextCss = ".ds-assistive-text__DFAX9n.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}";
+const dsAssistiveTextCss = ".ds-assistive-text__rbEY9j.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}";
 const dsAssistiveTextIdGenerator = utils.idGenerator('ds-assistive-text');
 const DsAssistiveText = class {

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

@@ -1,11 +1,11 @@
 'use strict';
-var index = require('./index-B7RrBMcl.js');
+var index = require('./index-DyEKOoZQ.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-B5kkNAYU.js');
-var utils = require('./utils-CEhBgrbV.js');
+var cx = require('./cx-CgURfcQd.js');
+var utils = require('./utils-B3pm7qU-.js');
-const dsBadgeCss = ".ds-badge__DFAX9n.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__DFAX9n--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__DFAX9n--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__DFAX9n--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__DFAX9n--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__DFAX9n--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__DFAX9n--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__DFAX9n--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__DFAX9n--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__DFAX9n__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__DFAX9n__content__text.sc-ds-badge{white-space:nowrap}";
+const dsBadgeCss = ".ds-badge__rbEY9j.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__rbEY9j--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__rbEY9j--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__rbEY9j--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__rbEY9j--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__rbEY9j--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__rbEY9j--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__rbEY9j--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__rbEY9j--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__rbEY9j__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__rbEY9j__content__text.sc-ds-badge{white-space:nowrap}";
 const dsBadgeIdGenerator = utils.idGenerator('ds-badge');
 const DsBadge = class {

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

@@ -1,12 +1,12 @@
 'use strict';
-var index = require('./index-B7RrBMcl.js');
+var index = require('./index-DyEKOoZQ.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var utils = require('./utils-CEhBgrbV.js');
-var linkFactory = require('./linkFactory-D3qRUHA9.js');
-var cx = require('./cx-B5kkNAYU.js');
+var utils = require('./utils-B3pm7qU-.js');
+var linkFactory = require('./linkFactory-COkZUs2E.js');
+var cx = require('./cx-CgURfcQd.js');
-const dsBreadcrumbCss = ".sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__DFAX9n.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__DFAX9n--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__DFAX9n__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__DFAX9n__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__DFAX9n__content__link.sc-ds-breadcrumb [part~=\"link\"]{vertical-align:middle}.ds-breadcrumb__DFAX9n__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}";
+const dsBreadcrumbCss = ".sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__rbEY9j.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__rbEY9j--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__rbEY9j__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__rbEY9j__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__rbEY9j__content__link.sc-ds-breadcrumb [part~=\"link\"]{vertical-align:middle}.ds-breadcrumb__rbEY9j__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}";
 const DsBreadcrumb = class extends index.Mixin(linkFactory.linkFactory) {
     constructor(hostRef) {

package/dist/cjs/ds-breadcrumbs-collapsible.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-B7RrBMcl.js');
-var utils = require('./utils-CEhBgrbV.js');
+var index = require('./index-DyEKOoZQ.js');
+var utils = require('./utils-B3pm7qU-.js');
 const dsBreadcrumbsCollapsibleCss = ":host{display:contents}";

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

@@ -1,12 +1,12 @@
 'use strict';
-var index = require('./index-B7RrBMcl.js');
+var index = require('./index-DyEKOoZQ.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var store = require('./store-CTjYWCVx.js');
-var cx = require('./cx-B5kkNAYU.js');
-var utils = require('./utils-CEhBgrbV.js');
+var store = require('./store-Duh7hgdm.js');
+var cx = require('./cx-CgURfcQd.js');
+var utils = require('./utils-B3pm7qU-.js');
-const dsBreadcrumbsExpandButtonCss = ".ds-breadcrumbs-expand-button__DFAX9n.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__DFAX9n--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__DFAX9n__button.sc-ds-breadcrumbs-expand-button: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-breadcrumbs-expand-button__DFAX9n__button.sc-ds-breadcrumbs-expand-button{background:none;border:none;padding:0;margin:0;overflow:visible;text-transform:none;display:inline;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:inherit;font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);vertical-align:middle;line-height:1.375;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-breadcrumbs-expand-button__DFAX9n__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__DFAX9n__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}";
+const dsBreadcrumbsExpandButtonCss = ".ds-breadcrumbs-expand-button__rbEY9j.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__rbEY9j--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__rbEY9j__button.sc-ds-breadcrumbs-expand-button: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-breadcrumbs-expand-button__rbEY9j__button.sc-ds-breadcrumbs-expand-button{background:none;border:none;padding:0;margin:0;overflow:visible;text-transform:none;display:inline;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:inherit;font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);vertical-align:middle;line-height:1.375;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-breadcrumbs-expand-button__rbEY9j__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__rbEY9j__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}";
 const DsBreadcrumbsExpandButton = class {
     constructor(hostRef) {

package/dist/cjs/ds-breadcrumbs-separator.cjs.entry.js CHANGED Viewed

@@ -1,10 +1,10 @@
 'use strict';
-var index = require('./index-B7RrBMcl.js');
-var cx = require('./cx-B5kkNAYU.js');
-var utils = require('./utils-CEhBgrbV.js');
+var index = require('./index-DyEKOoZQ.js');
+var cx = require('./cx-CgURfcQd.js');
+var utils = require('./utils-B3pm7qU-.js');
-const dsBreadcrumbsSeparatorCss = ".ds-breadcrumbs-separator__DFAX9n.sc-ds-breadcrumbs-separator{display:inline-block;line-height:var(--ds-lineHeight-large);vertical-align:middle;margin-left:var(--ds-spacing-3xSmall, 4px);margin-right:var(--ds-spacing-3xSmall, 4px)}@media (min-width: 60rem){.ds-breadcrumbs-separator__DFAX9n.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}";
+const dsBreadcrumbsSeparatorCss = ".ds-breadcrumbs-separator__rbEY9j.sc-ds-breadcrumbs-separator{display:inline-block;line-height:var(--ds-lineHeight-large);vertical-align:middle;margin-left:var(--ds-spacing-3xSmall, 4px);margin-right:var(--ds-spacing-3xSmall, 4px)}@media (min-width: 60rem){.ds-breadcrumbs-separator__rbEY9j.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}";
 const DsBreadcrumbsSeparator = class {
     constructor(hostRef) {

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

@@ -1,11 +1,11 @@
 'use strict';
-var index = require('./index-B7RrBMcl.js');
-var cx = require('./cx-B5kkNAYU.js');
-var store = require('./store-CTjYWCVx.js');
+var index = require('./index-DyEKOoZQ.js');
+var cx = require('./cx-CgURfcQd.js');
+var store = require('./store-Duh7hgdm.js');
 var utils = require('./utils-Bn8hsElG.js');
-const dsBreadcrumbsCss = ".ds-breadcrumbs__DFAX9n{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__DFAX9n{min-height:32px}}.ds-breadcrumbs__DFAX9n__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__DFAX9n__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}";
+const dsBreadcrumbsCss = ".ds-breadcrumbs__rbEY9j{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__rbEY9j{min-height:32px}}.ds-breadcrumbs__rbEY9j__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__rbEY9j__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}";
 const DsBreadcrumbs = class {
     constructor(hostRef) {

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

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-B7RrBMcl.js');
+var index = require('./index-DyEKOoZQ.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-B5kkNAYU.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-rm9q60ql.js');
+var utils = require('./utils-B3pm7qU-.js');
+var cx = require('./cx-CgURfcQd.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-CLRaCtXV.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-h{display:inline-block}.sc-ds-button-h:has(.ds-button__DFAX9n--full-width){width:100%}.ds-button__DFAX9n.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__DFAX9n.sc-ds-button:not(.ds-button__DFAX9n--supplementary) .ds-button__DFAX9n__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__DFAX9n--supplementary.sc-ds-button:has(.ds-button__DFAX9n__spinner) .ds-button__DFAX9n__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__DFAX9n__icon.sc-ds-button{height:1.5rem}.ds-button__DFAX9n.sc-ds-button:has(.ds-button__DFAX9n__spinner):not(.ds-button__DFAX9n--small) .ds-button__DFAX9n__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__DFAX9n__spinner.sc-ds-button{display:flex}.ds-button__DFAX9n--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__DFAX9n.sc-ds-button:not(.ds-button__DFAX9n--small):not(.ds-button__DFAX9n--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__DFAX9n.sc-ds-button:not(.ds-button__DFAX9n--small).ds-button__DFAX9n--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__DFAX9n.sc-ds-button:not(.ds-button__DFAX9n--small).ds-button__DFAX9n--icon-only{padding-left:0;padding-right:0}.ds-button__DFAX9n--small.ds-button__DFAX9n--icon-start.sc-ds-button,.ds-button__DFAX9n--small.ds-button__DFAX9n--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__DFAX9n--small.sc-ds-button:not(.ds-button__DFAX9n--secondary){border-width:0px;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__DFAX9n--small.ds-button__DFAX9n--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__DFAX9n--small.ds-button__DFAX9n--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__DFAX9n--small.sc-ds-button .ds-button__DFAX9n__icon.sc-ds-button{height:auto}.ds-button__DFAX9n--icon-start.sc-ds-button:not(.ds-button__DFAX9n--small) .ds-button__DFAX9n__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__DFAX9n--icon-end.sc-ds-button:not(.ds-button__DFAX9n--small) .ds-button__DFAX9n__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue.sc-ds-button: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-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black.sc-ds-button: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-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--primary.ds-button__DFAX9n--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue.sc-ds-button: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-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black.sc-ds-button: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-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--secondary.ds-button__DFAX9n--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue.sc-ds-button: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-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black.sc-ds-button: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-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white.sc-ds-button:active,.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white.ds-button__DFAX9n--disabled.sc-ds-button,.ds-button__DFAX9n.ds-button__DFAX9n--supplementary.ds-button__DFAX9n--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}";
+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-h{display:inline-block}.sc-ds-button-h:has(.ds-button__rbEY9j--full-width){width:100%}.ds-button__rbEY9j.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__rbEY9j.sc-ds-button:not(.ds-button__rbEY9j--supplementary) .ds-button__rbEY9j__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__rbEY9j--supplementary.sc-ds-button:has(.ds-button__rbEY9j__spinner) .ds-button__rbEY9j__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__rbEY9j__icon.sc-ds-button{height:1.5rem}.ds-button__rbEY9j.sc-ds-button:has(.ds-button__rbEY9j__spinner):not(.ds-button__rbEY9j--small) .ds-button__rbEY9j__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__rbEY9j__spinner.sc-ds-button{display:flex}.ds-button__rbEY9j--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__rbEY9j.sc-ds-button:not(.ds-button__rbEY9j--small):not(.ds-button__rbEY9j--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__rbEY9j.sc-ds-button:not(.ds-button__rbEY9j--small).ds-button__rbEY9j--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__rbEY9j.sc-ds-button:not(.ds-button__rbEY9j--small).ds-button__rbEY9j--icon-only{padding-left:0;padding-right:0}.ds-button__rbEY9j--small.ds-button__rbEY9j--icon-start.sc-ds-button,.ds-button__rbEY9j--small.ds-button__rbEY9j--icon-end.sc-ds-button{gap:var(--ds-spacing-3xSmall)}.ds-button__rbEY9j--small.sc-ds-button:not(.ds-button__rbEY9j--secondary){border-width:0px;font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__rbEY9j--small.ds-button__rbEY9j--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:150%;letter-spacing:var(--ds-letterSpacing-wide, 0);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__rbEY9j--small.ds-button__rbEY9j--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__rbEY9j--small.sc-ds-button .ds-button__rbEY9j__icon.sc-ds-button{height:auto}.ds-button__rbEY9j--icon-start.sc-ds-button:not(.ds-button__rbEY9j--small) .ds-button__rbEY9j__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__rbEY9j--icon-end.sc-ds-button:not(.ds-button__rbEY9j--small) .ds-button__rbEY9j__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--blue.sc-ds-button: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-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--blue.sc-ds-button:active,.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--blue.ds-button__rbEY9j--disabled.sc-ds-button,.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--black.sc-ds-button: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-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--black.sc-ds-button:active,.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--black.ds-button__rbEY9j--disabled.sc-ds-button,.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--white.sc-ds-button:active,.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--white.ds-button__rbEY9j--disabled.sc-ds-button,.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--danger.sc-ds-button: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-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--danger.sc-ds-button{background-color:var(--ds-bgColor-danger-bold);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger-bold-hover)}.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--danger.sc-ds-button:active,.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-bold-active)}.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--danger.ds-button__rbEY9j--disabled.sc-ds-button,.ds-button__rbEY9j.ds-button__rbEY9j--primary.ds-button__rbEY9j--danger.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--blue.sc-ds-button: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-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--blue.sc-ds-button:active,.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--blue.ds-button__rbEY9j--disabled.sc-ds-button,.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--black.sc-ds-button: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-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--black.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--black.sc-ds-button:active,.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--black.ds-button__rbEY9j--disabled.sc-ds-button,.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--white.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--white.sc-ds-button:active,.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--white.ds-button__rbEY9j--disabled.sc-ds-button,.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--danger.sc-ds-button: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-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--danger.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-danger);color:var(--ds-textColor-danger)}.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--danger.sc-ds-button:active,.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--danger.ds-button__rbEY9j--disabled.sc-ds-button,.ds-button__rbEY9j.ds-button__rbEY9j--secondary.ds-button__rbEY9j--danger.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--blue.sc-ds-button: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-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--blue.sc-ds-button:active,.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--blue.ds-button__rbEY9j--disabled.sc-ds-button,.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--black.sc-ds-button: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-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--black.sc-ds-button:active,.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--black.ds-button__rbEY9j--disabled.sc-ds-button,.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--white.sc-ds-button:active,.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--white.ds-button__rbEY9j--disabled.sc-ds-button,.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--danger.sc-ds-button: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-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--danger.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-danger);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--danger.sc-ds-button:hover{background-color:var(--ds-bgColor-danger)}.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--danger.sc-ds-button:active,.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--danger--active.sc-ds-button{background-color:var(--ds-bgColor-danger-hover)}.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--danger.ds-button__rbEY9j--disabled.sc-ds-button,.ds-button__rbEY9j.ds-button__rbEY9j--supplementary.ds-button__rbEY9j--danger.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}";
 const buttonIdGenerator = utils.idGenerator('ds-button');
 const DsButton = class extends index.Mixin(ariaDeprecationFactory.ariaDeprecationFactory) {
@@ -37,6 +37,7 @@ const DsButton = class extends index.Mixin(ariaDeprecationFactory.ariaDeprecatio
     dsUseSpinner = false;
     dsSpinnerHiddenText;
     dsFullWidth = false;
+    dsRole;
     dsAriaDisabled;
     dsAriaLabel;
     dsAriaLabelledby;
@@ -126,6 +127,8 @@ const DsButton = class extends index.Mixin(ariaDeprecationFactory.ariaDeprecatio
                 return 'black';
             if (this.dsColour === 'black')
                 return 'white';
+            if (this.dsColour === 'danger')
+                return 'white';
         }
         return this.dsColour;
     };
@@ -147,7 +150,8 @@ const DsButton = class extends index.Mixin(ariaDeprecationFactory.ariaDeprecatio
         });
         const DsSpinner = utils.transformTagName('ds-spinner', 'ds-button', this.el);
         const DsVisuallyHidden = utils.transformTagName('ds-visually-hidden', 'ds-button', this.el);
-        const { ['aria-label']: inheritedAriaLabel, ['aria-labelledby']: inheritedAriaLabelledby, ['aria-describedby']: inheritedAriaDescribedby, ['aria-disabled']: inheritedAriaDisabled, ['aria-expanded']: inheritedAriaExpanded, ['aria-pressed']: inheritedAriaPressed, ...restAttributes } = this.inheritedAttributes;
+        const { role: inheritedRole, ['aria-label']: inheritedAriaLabel, ['aria-labelledby']: inheritedAriaLabelledby, ['aria-describedby']: inheritedAriaDescribedby, ['aria-disabled']: inheritedAriaDisabled, ['aria-expanded']: inheritedAriaExpanded, ['aria-pressed']: inheritedAriaPressed, ...restAttributes } = this.inheritedAttributes;
+        const role = this.dsRole ?? inheritedRole;
         const ariaLabel = this.dsAriaLabel || inheritedAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || inheritedAriaLabelledby;
         const ariaDescribedby = this.dsAriaDescribedby || inheritedAriaDescribedby;
@@ -166,7 +170,7 @@ const DsButton = class extends index.Mixin(ariaDeprecationFactory.ariaDeprecatio
         }
         const ariaExpanded = this.dsAriaExpanded !== undefined ? (this.dsAriaExpanded ? 'true' : 'false') : inheritedAriaExpanded;
         const ariaPressed = this.dsAriaPressed !== undefined ? (this.dsAriaPressed ? 'true' : 'false') : inheritedAriaPressed;
-        return (index.h("button", { ref: el => (this.buttonEl = el), class: classes, id: this.dsId, value: this.dsValue, name: this.dsName, form: this.dsForm, type: this.dsType, disabled: this.dsDisabled, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, ...utils.ifDefined('aria-disabled', ariaDisabled), ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-labelledby', ariaLabelledby), ...utils.ifDefined('aria-describedby', ariaDescribedby), ...utils.ifDefined('aria-expanded', ariaExpanded), ...utils.ifDefined('aria-pressed', ariaPressed), ...restAttributes }, index.h("slot", { name: "prefix" }, !this.dsLoading && this.dsIcon && this.dsIconPosition === 'start' && this.renderIcon(baseClass), this.dsLoading && (index.h(DsSpinner, { class: `${baseClass}__spinner`, dsHiddenAssistiveText: this.dsSpinnerHiddenText, dsColour: this.getSpinnerColour(), dsSize: this.dsSize === 'medium' ? 'medium' : null, dsCustomSize: this.dsSize === 'small' ? '1.25rem' : null }))), this.hasContent && (index.h("span", { class: `${baseClass}__value` }, index.h("slot", null, this.text, this.dsHiddenAssistiveText && index.h(DsVisuallyHidden, { dsTag: "span" }, this.dsHiddenAssistiveText)))), index.h("slot", { name: "suffix" }, this.dsIcon && this.dsIconPosition === 'end' && this.renderIcon(baseClass))));
+        return (index.h("button", { ref: el => (this.buttonEl = el), class: classes, id: this.dsId, value: this.dsValue, name: this.dsName, form: this.dsForm, type: this.dsType, disabled: this.dsDisabled, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, ...utils.ifDefined('role', role), ...utils.ifDefined('aria-disabled', ariaDisabled), ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-labelledby', ariaLabelledby), ...utils.ifDefined('aria-describedby', ariaDescribedby), ...utils.ifDefined('aria-expanded', ariaExpanded), ...utils.ifDefined('aria-pressed', ariaPressed), ...restAttributes }, index.h("slot", { name: "prefix" }, !this.dsLoading && this.dsIcon && this.dsIconPosition === 'start' && this.renderIcon(baseClass), this.dsLoading && (index.h(DsSpinner, { class: `${baseClass}__spinner`, dsHiddenAssistiveText: this.dsSpinnerHiddenText, dsColour: this.getSpinnerColour(), dsSize: this.dsSize === 'medium' ? 'medium' : null, dsCustomSize: this.dsSize === 'small' ? '1.25rem' : null }))), this.hasContent && (index.h("span", { class: `${baseClass}__value` }, index.h("slot", null, this.text, this.dsHiddenAssistiveText && index.h(DsVisuallyHidden, { dsTag: "span" }, this.dsHiddenAssistiveText)))), index.h("slot", { name: "suffix" }, this.dsIcon && this.dsIconPosition === 'end' && this.renderIcon(baseClass))));
     };
     render() {
         const buttonElement = this.renderButton();

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

@@ -1,14 +1,14 @@
 'use strict';
-var index = require('./index-B7RrBMcl.js');
+var index = require('./index-DyEKOoZQ.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var utils = require('./utils-CEhBgrbV.js');
-var linkUtils = require('./linkUtils-iNbzjvv9.js');
-var cx = require('./cx-B5kkNAYU.js');
+var utils = require('./utils-B3pm7qU-.js');
+var linkUtils = require('./linkUtils-C-Gq3bnA.js');
+var cx = require('./cx-CgURfcQd.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-require('./store-CTjYWCVx.js');
+require('./store-Duh7hgdm.js');
-const dsCardCss = ".sc-ds-card-h{display:block}.ds-card__DFAX9n.sc-ds-card{background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);display:flex;flex-direction:column;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);hyphens:auto;height:auto;position:relative}.ds-card__DFAX9n--fluid-height.sc-ds-card{height:100%}.ds-card__DFAX9n.ds-card__DFAX9n--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__DFAX9n.ds-card__DFAX9n--link--full.sc-ds-card:hover .ds-card__DFAX9n__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__DFAX9n.ds-card__DFAX9n--link--full.sc-ds-card:hover .ds-card__DFAX9n__image-container--has-image.sc-ds-card::after{content:\"\";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__DFAX9n.ds-card__DFAX9n--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__DFAX9n.ds-card__DFAX9n--link--full.sc-ds-card:active .ds-card__DFAX9n__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__DFAX9n.ds-card__DFAX9n--link--full.sc-ds-card:active .ds-card__DFAX9n__image-container--has-image.sc-ds-card::after{content:\"\";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__DFAX9n.ds-card__DFAX9n--link--full.sc-ds-card:focus{box-shadow:false 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-card__DFAX9n.sc-ds-card .ds-card__DFAX9n__link--full.sc-ds-card:after{content:\"\";position:absolute;inset:0}.ds-card__DFAX9n--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__DFAX9n--horizontal.sc-ds-card{display:grid;grid-template:\"image content\" auto \"image contentBottom\" auto/auto 1fr}.ds-card__DFAX9n--horizontal.sc-ds-card .ds-card__DFAX9n__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__DFAX9n--horizontal.sc-ds-card .ds-card__DFAX9n__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__DFAX9n--horizontal.sc-ds-card .ds-card__DFAX9n__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__DFAX9n--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__DFAX9n__image-container.sc-ds-card{display:none}.ds-card__DFAX9n__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__DFAX9n.sc-ds-card:not(.ds-card__DFAX9n--vertical) .ds-card__DFAX9n__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__DFAX9n.sc-ds-card:not(.ds-card__DFAX9n--horizontal) .ds-card__DFAX9n__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__DFAX9n--link--full.sc-ds-card .ds-card__DFAX9n__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__DFAX9n__tag.sc-ds-card{background-color:var(--ds-bgColor-black);color:var(--ds-textColor-white);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);left:-10px;letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);min-height:24px;padding-block:1.5px;padding-inline:var(--ds-spacing-2xSmall);position:absolute;top:1rem;z-index:2}.ds-card__DFAX9n__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__DFAX9n__content.sc-ds-card{display:flex;flex-direction:column;order:2;min-height:128px;width:100%}.ds-card__DFAX9n__content--top.sc-ds-card{align-items:flex-start;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;order:2;padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__DFAX9n__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__DFAX9n__content--bottom.sc-ds-card{order:4}.ds-card__DFAX9n__eyebrow.sc-ds-card{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-2xSmall);order:1}.ds-card__DFAX9n__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__DFAX9n__heading.sc-ds-card{align-items:center;color:var(--ds-textColor-default);display:flex;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold);margin:0;margin-bottom:var(--ds-spacing-3xSmall);justify-content:space-between;order:2;text-wrap:balance}.ds-card__DFAX9n__heading.sc-ds-card .ds-card__DFAX9n__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__DFAX9n__heading.sc-ds-card .ds-card__DFAX9n__link.sc-ds-card:hover,.ds-card__DFAX9n__heading.sc-ds-card .ds-card__DFAX9n__link.sc-ds-card:active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:13%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__DFAX9n__heading.sc-ds-card .ds-card__DFAX9n__link--heading.sc-ds-card{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__DFAX9n__subtitle.sc-ds-card,.ds-card__DFAX9n__slot-subtitle.sc-ds-card{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__DFAX9n__description.sc-ds-card{-webkit-box-orient:vertical;-webkit-line-clamp:var(--description-line-clamp, \"none\");color:var(--ds-textColor-default);display:-webkit-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);letter-spacing:var(--ds-letterSpacing-wide);line-clamp:var(--description-line-clamp, \"none\");line-height:var(--ds-lineHeight-large);margin:0 0 var(--ds-spacing-small) 0;overflow:hidden;padding:0 var(--ds-spacing-small);text-wrap:pretty;order:3}.ds-card__DFAX9n__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__DFAX9n__slot-subtitle--hidden.sc-ds-card{display:none}";
+const dsCardCss = ".sc-ds-card-h{display:block}.ds-card__rbEY9j.sc-ds-card{background-color:var(--ds-bgColor-white);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);display:flex;flex-direction:column;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);hyphens:auto;height:auto;position:relative}.ds-card__rbEY9j--fluid-height.sc-ds-card{height:100%}.ds-card__rbEY9j.ds-card__rbEY9j--link--full.sc-ds-card:hover{background-color:var(--ds-bgColor-neutralLight-hover);cursor:pointer}.ds-card__rbEY9j.ds-card__rbEY9j--link--full.sc-ds-card:hover .ds-card__rbEY9j__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__rbEY9j.ds-card__rbEY9j--link--full.sc-ds-card:hover .ds-card__rbEY9j__image-container--has-image.sc-ds-card::after{content:\"\";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-card__rbEY9j.ds-card__rbEY9j--link--full.sc-ds-card:hover .ds-card__rbEY9j__link--heading.sc-ds-card{text-decoration:none}.ds-card__rbEY9j.ds-card__rbEY9j--link--full.sc-ds-card:active{background-color:var(--ds-bgColor-neutralLight-active);outline:none}.ds-card__rbEY9j.ds-card__rbEY9j--link--full.sc-ds-card:active .ds-card__rbEY9j__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__rbEY9j.ds-card__rbEY9j--link--full.sc-ds-card:active .ds-card__rbEY9j__image-container--has-image.sc-ds-card::after{content:\"\";position:absolute;inset:0;background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-card__rbEY9j.ds-card__rbEY9j--link--full.sc-ds-card:active .ds-card__rbEY9j__link--heading.sc-ds-card{text-decoration:none}.ds-card__rbEY9j.ds-card__rbEY9j--link--full.sc-ds-card:focus-within{box-shadow:false 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-card__rbEY9j.sc-ds-card .ds-card__rbEY9j__link--full.sc-ds-card:after{content:\"\";position:absolute;inset:0}.ds-card__rbEY9j--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__rbEY9j--horizontal.sc-ds-card{display:grid;grid-template:\"image content\" auto \"image contentBottom\" auto/auto 1fr}.ds-card__rbEY9j--horizontal.sc-ds-card .ds-card__rbEY9j__image-container.sc-ds-card{grid-area:image;height:100%;order:initial}.ds-card__rbEY9j--horizontal.sc-ds-card .ds-card__rbEY9j__content.sc-ds-card{grid-area:content;height:100%;order:initial}.ds-card__rbEY9j--horizontal.sc-ds-card .ds-card__rbEY9j__content--bottom.sc-ds-card{grid-area:contentBottom;order:initial}}.ds-card__rbEY9j--filled.sc-ds-card{background-color:var(--ds-bgColor-neutralLight)}.ds-card__rbEY9j__image-container.sc-ds-card{display:none}.ds-card__rbEY9j__image-container--has-image.sc-ds-card{display:block;height:auto;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__rbEY9j.sc-ds-card:not(.ds-card__rbEY9j--vertical) .ds-card__rbEY9j__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__rbEY9j.sc-ds-card:not(.ds-card__rbEY9j--horizontal) .ds-card__rbEY9j__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__rbEY9j--link--full.sc-ds-card .ds-card__rbEY9j__image-container--has-image.sc-ds-card{pointer-events:none}.ds-card__rbEY9j__tag.sc-ds-card{background-color:var(--ds-bgColor-black);color:var(--ds-textColor-white);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);left:-10px;letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);min-height:24px;padding-block:1.5px;padding-inline:var(--ds-spacing-2xSmall);position:absolute;top:1rem;z-index:2}.ds-card__rbEY9j__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__rbEY9j__content.sc-ds-card{display:flex;flex-direction:column;order:2;min-height:128px;width:100%}.ds-card__rbEY9j__content--top.sc-ds-card{align-items:flex-start;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;order:2;padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__rbEY9j__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__rbEY9j__content--bottom.sc-ds-card{order:4}.ds-card__rbEY9j__eyebrow.sc-ds-card{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-2xSmall);order:1}.ds-card__rbEY9j__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__rbEY9j__heading.sc-ds-card{align-items:center;color:var(--ds-textColor-default);display:flex;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semibold);margin:0;margin-bottom:var(--ds-spacing-3xSmall);justify-content:space-between;order:2;text-wrap:balance}.ds-card__rbEY9j__heading.sc-ds-card .ds-card__rbEY9j__link.sc-ds-card{color:var(--ds-textColor-default);text-decoration:none;outline:none}.ds-card__rbEY9j__heading.sc-ds-card .ds-card__rbEY9j__link.sc-ds-card:not(.ds-card__rbEY9j__link--full):hover,.ds-card__rbEY9j__heading.sc-ds-card .ds-card__rbEY9j__link.sc-ds-card:not(.ds-card__rbEY9j__link--full):active{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:13%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__rbEY9j__heading.sc-ds-card .ds-card__rbEY9j__link--heading.sc-ds-card{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-card__rbEY9j__heading.sc-ds-card .ds-card__rbEY9j__link--heading.sc-ds-card: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-card__rbEY9j__subtitle.sc-ds-card,.ds-card__rbEY9j__slot-subtitle.sc-ds-card{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__rbEY9j__description.sc-ds-card{-webkit-box-orient:vertical;-webkit-line-clamp:var(--description-line-clamp, \"none\");color:var(--ds-textColor-default);display:-webkit-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);letter-spacing:var(--ds-letterSpacing-wide);line-clamp:var(--description-line-clamp, \"none\");line-height:var(--ds-lineHeight-large);margin:0 0 var(--ds-spacing-small) 0;overflow:hidden;padding:0 var(--ds-spacing-small);text-wrap:pretty;order:3}.ds-card__rbEY9j__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__rbEY9j__slot-subtitle--hidden.sc-ds-card{display:none}";
 const cardIdGenerator = utils.idGenerator('ds-card');
 const DsCard = class {
@@ -113,12 +113,12 @@ const DsCard = class {
                 [`${baseClass}__content--top--has-link`]: Boolean(this.dsUrl),
             } }, index.h("div", { key: '51caac9fa0643dd253e8ec9585395aef1def1d26', class: `${baseClass}__heading-container` }, this.dsHeading && this.dsUrl && this.dsLinkType !== 'none' ? (index.h(HeadingTag, { class: `${baseClass}__heading`, id: headingId }, index.h("a", { href: this.dsUrl, target: this.dsUrlTarget, class: linkClasses }, index.h("slot", { name: "heading" }, this.dsHeading)))) : (index.h(HeadingTag, { class: `${baseClass}__heading` }, index.h("slot", { name: "heading" }, this.dsHeading))), this.dsTag && this.hasImageSlot && index.h("span", { key: '76a24245b22c4a9fd840322908bdd782991a3002', class: `${baseClass}__tag` }, this.dsTag), this.dsEyebrow && index.h("div", { key: '326c79599beba73cbacbc4a844049866e3bcdf94', class: `${baseClass}__eyebrow` }, this.dsEyebrow), this.dsSubtitle && index.h("div", { key: 'f71fd3c85d38bdaa3bf2fca02930fe8acc9b66a3', class: `${baseClass}__subtitle` }, this.dsSubtitle), index.h("div", { key: 'd33762c291ca18a15e05bea3932dac522c9435fe', class: index$1.classNames(`${baseClass}__slot-subtitle`, {
                 [`${baseClass}__slot-subtitle--hidden`]: !this.hasSubtitleSlot,
-            }) }, index.h("slot", { key: '2ab2a87769c607f90817103a8231952d144de2d8', name: "subtitle", onSlotchange: () => this.checkSubtitleSlot() }))), this.dsUrl && this.dsShowArrow && index.h(DsIcon, { key: '82383404c23387648e4d23e026b8e349649e2c68', dsSize: "2rem", class: `${baseClass}__icon`, dsName: this.linkIcon })), this.dsDescription && index.h("p", { key: 'b382b6a403e4e859fc706d7015e2bce7814234c4', class: `${baseClass}__description` }, this.dsDescription)), index.h("div", { key: '9d8879cd76bfcfde2c6191b9e3111617e287b95a', class: index$1.classNames(`${baseClass}__content--bottom`, {
+            }) }, index.h("slot", { key: '2ab2a87769c607f90817103a8231952d144de2d8', name: "subtitle", onSlotchange: () => this.checkSubtitleSlot() }))), this.dsUrl && this.dsShowArrow && this.dsLinkType !== 'heading' && index.h(DsIcon, { key: 'c29c39cd25df01d0cc2f2d95b0230346d85ccb0b', dsSize: "2rem", class: `${baseClass}__icon`, dsName: this.linkIcon })), this.dsDescription && index.h("p", { key: 'ac268b30d3da0a5abed1da11657d2d8b193fe7dc', class: `${baseClass}__description` }, this.dsDescription)), index.h("div", { key: '1e3897e6d592c290b816f19519d5dd745f682a4b', class: index$1.classNames(`${baseClass}__content--bottom`, {
                 [`${baseClass}__content--bottom--has-slot-content`]: this.hasSlotContent,
-            }) }, index.h("div", { key: 'c97f393cac1f8cb9470be0f5b5dd3c4498f20760', class: `${baseClass}__slot--content` }, index.h("slot", { key: '8a9eb68198c7abfb3fd3b9e07fa04a20b009409b', name: "content" })), index.h("div", { key: 'fab536134313ceae9c566751275393afa25cde31', class: `${baseClass}__slot--footer` }, index.h("slot", { key: 'cf44ec191cf23ed5cc4b4d1224daa5d10df35e9f', name: "footer" }))), index.h("div", { key: '33df77a3ea91342108783a10ce4848dbf9150bc9', class: {
+            }) }, index.h("div", { key: '8d38c894fd8f56244f2e9ab5ecbb977d377c98aa', class: `${baseClass}__slot--content` }, index.h("slot", { key: '9d8a7407043f884bce0c6af875d87d377c206ce4', name: "content" })), index.h("div", { key: '5ae2a9bc5835122b7b4037238606a4fd28d3ef27', class: `${baseClass}__slot--footer` }, index.h("slot", { key: 'fca07ed543c46e20d8f9639eb74c21b61f12e90b', name: "footer" }))), index.h("div", { key: 'b69cea411555c95a9f0e9d723bcc22471f9463ab', class: {
                 [`${baseClass}__image-container`]: true,
                 [`${baseClass}__image-container--has-image`]: this.hasImageSlot,
-            } }, index.h("slot", { key: 'c1a19694af399222dc3831bffc83c623dbb7f98e', name: "image", onSlotchange: () => this.checkImageSlot() }))));
+            } }, index.h("slot", { key: 'bf355beb8c4e060b995ae44a6c7ecbe7c8132a94', name: "image", onSlotchange: () => this.checkImageSlot() }))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-icon", { dsName: "" })]);

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

@@ -1,14 +1,14 @@
 'use strict';
-var index = require('./index-B7RrBMcl.js');
+var index = require('./index-DyEKOoZQ.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var utils = require('./utils-CEhBgrbV.js');
-var controlUtils = require('./controlUtils-B4bSDE16.js');
-var cx = require('./cx-B5kkNAYU.js');
-require('./store-CTjYWCVx.js');
+var utils = require('./utils-B3pm7qU-.js');
+var controlUtils = require('./controlUtils-DpFk-qaZ.js');
+var cx = require('./cx-CgURfcQd.js');
+require('./store-Duh7hgdm.js');
-const dsCheckboxGroupCss = ".ds-checkbox-group__DFAX9n{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__DFAX9n__legend{color:var(--ds-textColor-default);padding-inline:0;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)}.ds-checkbox-group__DFAX9n__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)}.ds-checkbox-group__DFAX9n__error{display:flex}.ds-checkbox-group__DFAX9n__error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__DFAX9n>.ds-checkbox-group__DFAX9n__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group__DFAX9n--inset{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__DFAX9n--horizontal>.ds-checkbox-group__DFAX9n__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";
+const dsCheckboxGroupCss = ".ds-checkbox-group__rbEY9j{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__rbEY9j__legend{color:var(--ds-textColor-default);padding-inline:0;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)}.ds-checkbox-group__rbEY9j__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)}.ds-checkbox-group__rbEY9j__error{display:flex}.ds-checkbox-group__rbEY9j__error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__rbEY9j>.ds-checkbox-group__rbEY9j__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group__rbEY9j--inset{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__rbEY9j--horizontal>.ds-checkbox-group__rbEY9j__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";
 const fieldsetIdGenerator = utils.idGenerator('ds-checkbox-group');
 const DsCheckboxGroup = class {

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

@@ -1,15 +1,15 @@
 'use strict';
-var index = require('./index-B7RrBMcl.js');
+var index = require('./index-DyEKOoZQ.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var controlUtils = require('./controlUtils-B4bSDE16.js');
-var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-B5kkNAYU.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-rm9q60ql.js');
-require('./store-CTjYWCVx.js');
+var controlUtils = require('./controlUtils-DpFk-qaZ.js');
+var utils = require('./utils-B3pm7qU-.js');
+var cx = require('./cx-CgURfcQd.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-CLRaCtXV.js');
+require('./store-Duh7hgdm.js');
-const dsCheckboxCss = ".ds-checkbox__DFAX9n-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__DFAX9n-fieldset__legend.sc-ds-checkbox{padding-inline:0;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)}.ds-checkbox__DFAX9n-fieldset__assistive-text.sc-ds-checkbox{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)}.ds-checkbox__DFAX9n.sc-ds-checkbox{font-family:var(--ds-fontFamily-body);box-sizing:border-box;color:var(--ds-textColor-default);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;cursor:pointer;user-select:none;width:auto;padding:var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-4xSmall);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox{cursor:pointer;appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox: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-checkbox__DFAX9n__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:hover,.ds-checkbox__DFAX9n__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__DFAX9n__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__DFAX9n__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__DFAX9n__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__DFAX9n__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__DFAX9n__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__DFAX9n__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__DFAX9n__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__DFAX9n__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__DFAX9n__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__DFAX9n__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:not(.ds-checkbox__DFAX9n__input--invalid):checked,.ds-checkbox__DFAX9n__input.sc-ds-checkbox:not(.ds-checkbox__DFAX9n__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:not(.ds-checkbox__DFAX9n__input--invalid):checked:hover,.ds-checkbox__DFAX9n__input.sc-ds-checkbox:not(.ds-checkbox__DFAX9n__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:not(.ds-checkbox__DFAX9n__input--invalid):checked:active,.ds-checkbox__DFAX9n__input.sc-ds-checkbox:not(.ds-checkbox__DFAX9n__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:not(.ds-checkbox__DFAX9n__input--invalid):checked:disabled,.ds-checkbox__DFAX9n__input.sc-ds-checkbox:not(.ds-checkbox__DFAX9n__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__DFAX9n__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:checked::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>\")}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:indeterminate::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>\")}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:checked:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>\")}.ds-checkbox__DFAX9n__input.sc-ds-checkbox:indeterminate:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>\")}.ds-checkbox__DFAX9n--no-margin.sc-ds-checkbox .ds-checkbox__DFAX9n__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__DFAX9n--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__DFAX9n__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__DFAX9n.sc-ds-checkbox:has(.ds-checkbox__DFAX9n__input:disabled){cursor:not-allowed}.ds-checkbox__DFAX9n-error.sc-ds-checkbox{display:flex}.ds-checkbox__DFAX9n-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}";
+const dsCheckboxCss = ".ds-checkbox__rbEY9j-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__rbEY9j-fieldset__legend.sc-ds-checkbox{padding-inline:0;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)}.ds-checkbox__rbEY9j-fieldset__assistive-text.sc-ds-checkbox{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)}.ds-checkbox__rbEY9j.sc-ds-checkbox{font-family:var(--ds-fontFamily-body);box-sizing:border-box;color:var(--ds-textColor-default);display:inline-flex;align-self:flex-start;align-items:flex-start;flex-flow:row nowrap;text-wrap:wrap;word-wrap:break-word;white-space:normal;position:relative;user-select:none;width:auto;padding:var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-xSmall) var(--ds-spacing-4xSmall);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large)}.ds-checkbox__rbEY9j__input.sc-ds-checkbox{appearance:none;background-color:var(--ds-bgColor-white);margin:0;display:grid;place-content:center;height:24px;width:24px;flex-shrink:0;margin-right:var(--ds-spacing-xSmall)}.ds-checkbox__rbEY9j__input.sc-ds-checkbox: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-checkbox__rbEY9j__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__rbEY9j__input.sc-ds-checkbox:hover,.ds-checkbox__rbEY9j__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__rbEY9j__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__rbEY9j__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__rbEY9j__input.sc-ds-checkbox:disabled{cursor:not-allowed;color:var(--ds-textColor-disabled-onLight);background-color:var(--ds-bgColor-disabled-onLight);border-color:var(--ds-borderColor-disabled-onLight)}@media (forced-colors: active){.ds-checkbox__rbEY9j__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__rbEY9j__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__rbEY9j__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__rbEY9j__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__rbEY9j__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__rbEY9j__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__rbEY9j__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__rbEY9j__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__rbEY9j__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__rbEY9j__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__rbEY9j__input.sc-ds-checkbox:not(.ds-checkbox__rbEY9j__input--invalid):checked,.ds-checkbox__rbEY9j__input.sc-ds-checkbox:not(.ds-checkbox__rbEY9j__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__rbEY9j__input.sc-ds-checkbox:not(.ds-checkbox__rbEY9j__input--invalid):checked:hover,.ds-checkbox__rbEY9j__input.sc-ds-checkbox:not(.ds-checkbox__rbEY9j__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__rbEY9j__input.sc-ds-checkbox:not(.ds-checkbox__rbEY9j__input--invalid):checked:active,.ds-checkbox__rbEY9j__input.sc-ds-checkbox:not(.ds-checkbox__rbEY9j__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__rbEY9j__input.sc-ds-checkbox:not(.ds-checkbox__rbEY9j__input--invalid):checked:disabled,.ds-checkbox__rbEY9j__input.sc-ds-checkbox:not(.ds-checkbox__rbEY9j__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__rbEY9j__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__rbEY9j__input.sc-ds-checkbox:checked::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23ffffff' /></svg>\")}.ds-checkbox__rbEY9j__input.sc-ds-checkbox:indeterminate::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23ffffff' /></svg>\")}.ds-checkbox__rbEY9j__input.sc-ds-checkbox:checked:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='16' height='13' viewBox='0 0 16 13' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.99997 7.87871L13.606 0.272705L15.7273 2.39403L5.99997 12.1214L0.272644 6.39402L2.39396 4.27271L5.99997 7.87871Z' fill='%23999999' /></svg>\")}.ds-checkbox__rbEY9j__input.sc-ds-checkbox:indeterminate:disabled::before{background-image:url(\"data:image/svg+xml;charset=utf-8,<svg width='14' height='4' viewBox='0 0 14 4' xmlns='http://www.w3.org/2000/svg'><rect width='13.3333' height='3' transform='matrix(1 0 0 -1 0.333313 3.5)' fill='%23999999' /></svg>\")}.ds-checkbox__rbEY9j--no-margin.sc-ds-checkbox .ds-checkbox__rbEY9j__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__rbEY9j--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__rbEY9j__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__rbEY9j.sc-ds-checkbox:has(.ds-checkbox__rbEY9j__input:disabled){cursor:not-allowed}.ds-checkbox__rbEY9j-error.sc-ds-checkbox{display:flex}.ds-checkbox__rbEY9j-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}";
 const checkboxIdGenerator = utils.idGenerator('ds-checkbox');
 const DsCheckbox = class extends index.Mixin(ariaDeprecationFactory.ariaDeprecationFactory) {

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

@@ -1,14 +1,14 @@
 'use strict';
-var index = require('./index-B7RrBMcl.js');
-var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-B5kkNAYU.js');
+var index = require('./index-DyEKOoZQ.js');
+var utils = require('./utils-B3pm7qU-.js');
+var cx = require('./cx-CgURfcQd.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var controlUtils = require('./controlUtils-B4bSDE16.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-rm9q60ql.js');
-require('./store-CTjYWCVx.js');
+var controlUtils = require('./controlUtils-DpFk-qaZ.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-CLRaCtXV.js');
+require('./store-Duh7hgdm.js');
-const dsChipGroupCss = ".ds-chip-group__DFAX9n__chips.sc-ds-chip-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";
+const dsChipGroupCss = ".ds-chip-group__rbEY9j__chips.sc-ds-chip-group{display:inline-flex;flex-flow:row wrap;gap:var(--ds-spacing-xSmall) var(--ds-spacing-2xSmall);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-xSmall);list-style:none;padding:0}";
 const chipGroupIdGenerator = utils.idGenerator('ds-chip-group');
 const DsChipGroup = class extends index.Mixin(ariaDeprecationFactory.ariaDeprecationFactory) {
@@ -36,6 +36,7 @@ const DsChipGroup = class extends index.Mixin(ariaDeprecationFactory.ariaDepreca
     dsName = this.dsId;
     dsLabel;
     dsAriaLabel;
+    dsAriaLabelledby;
     dsAriaDescribedby;
     dsAssistiveText;
     dsErrorText;
@@ -163,7 +164,7 @@ const DsChipGroup = class extends index.Mixin(ariaDeprecationFactory.ariaDepreca
         const ariaDescribedBy = this.dsAriaDescribedby || attrAriaDescribedBy || [!!this.dsAssistiveText && assistiveTextId].filter(Boolean).join(' ');
         const ariaLabel = this.dsAriaLabel || attrAriaLabel || this.dsLabel;
         const errorTextId = `${this.dsId}-error-text`;
-        return (index.h("div", { key: '0f1b56a6ab6b6b1d91a3bf39718f0903914ef920', class: baseClass, role: "group", ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-describedby', ariaDescribedBy), ...utils.ifDefined('aria-labelledby', this.dsErrorText && errorTextId), ...restAttributes }, index.h(this.DsGroupLabel, { key: 'd276916c8177ce997d00c3d6548ad02be3844cee', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId }, index.h("slot", { key: '0150cf32c4621ff910c7452aa7bddad2261b2e95', name: "label" }), index.h("slot", { key: 'dfc6afcce544ad18d5ba8e7b9b2d959a79744ae4', name: "assistiveText" })), index.h("div", { key: '5683492a2a8acd191561f32dbcd31f0adf9df8fb', role: "list", class: `${baseClass}__chips` }, index.h("slot", { key: 'df67ef94d99b08f5f4d2e7f5dda97839954e63a5' })), this.internals?.form && this.internals?.validity.valid && this.childChips.map(chip => index.h("input", { type: "hidden", name: this.dsName, value: chip.dsValue, key: chip.dsValue })), !!this.dsErrorText && index.h(this.DsInputValidity, { key: '86dd755d95bbc3c58822000c617db574e142dca9', id: errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })));
+        return (index.h("div", { key: 'f886121b9995f3007962f669be4a1a36f78470d5', class: baseClass, role: "group", ...utils.ifDefined('aria-label', ariaLabel), ...utils.ifDefined('aria-labelledby', this.dsAriaLabelledby), ...utils.ifDefined('aria-describedby', ariaDescribedBy), ...utils.ifDefined('aria-labelledby', this.dsErrorText && errorTextId), ...restAttributes }, index.h(this.DsGroupLabel, { key: '364d9a489469f3172919f17bd7242133bd505508', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId }, index.h("slot", { key: '48c41323cc71ae7be2a19e5424a5d078c43cfe91', name: "label" }), index.h("slot", { key: '1d61ca49db9f275d8ce958d5d42e410cbb483008', name: "assistiveText" })), index.h("div", { key: 'f4e52f7dd4ef25478c5da115453120b2b0a73c1a', role: "list", class: `${baseClass}__chips` }, index.h("slot", { key: '34f1f2487c36581ef2a6fdd00b0ece712f609c47' })), this.internals?.form && this.internals?.validity.valid && this.childChips.map(chip => index.h("input", { type: "hidden", name: this.dsName, value: chip.dsValue, key: chip.dsValue })), !!this.dsErrorText && index.h(this.DsInputValidity, { key: '1a978508ae85d546ff264c7dacbf132d58d1748c', id: errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -1,14 +1,14 @@
 'use strict';
-var index = require('./index-B7RrBMcl.js');
-var controlUtils = require('./controlUtils-B4bSDE16.js');
-var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-B5kkNAYU.js');
+var index = require('./index-DyEKOoZQ.js');
+var controlUtils = require('./controlUtils-DpFk-qaZ.js');
+var utils = require('./utils-B3pm7qU-.js');
+var cx = require('./cx-CgURfcQd.js');
 var attributes = require('./attributes-5eBKMo1N.js');
-var ariaDeprecationFactory = require('./ariaDeprecationFactory-rm9q60ql.js');
-require('./store-CTjYWCVx.js');
+var ariaDeprecationFactory = require('./ariaDeprecationFactory-CLRaCtXV.js');
+require('./store-Duh7hgdm.js');
-const dsChipCss = ".ds-chip__DFAX9n: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-chip__DFAX9n{box-sizing:border-box;display:inline-flex;align-items:center;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-primary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);padding:calc(var(--ds-spacing-3xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-primary);border-radius:1rem}.ds-chip__DFAX9n:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__DFAX9n:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__DFAX9n__text{padding:0 var(--ds-spacing-3xSmall)}";
+const dsChipCss = ".ds-chip__rbEY9j: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-chip__rbEY9j{box-sizing:border-box;display:inline-flex;align-items:center;background-color:var(--ds-bgColor-white);color:var(--ds-textColor-primary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);padding:calc(var(--ds-spacing-3xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);border:var(--ds-borderWidth-thin) solid var(--ds-borderColor-primary);border-radius:1rem}.ds-chip__rbEY9j:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-chip__rbEY9j:active{background-color:var(--ds-bgColor-secondary-active)}.ds-chip__rbEY9j__text{padding:0 var(--ds-spacing-3xSmall)}";
 const chipIdGenerator = utils.idGenerator('ds-chip');
 const DsChip = class extends index.Mixin(ariaDeprecationFactory.ariaDeprecationFactory) {