@uh-design-system/component-library 1.1.0-rc.3 → 1.1.0-rc.5

package/dist/cjs/{controlUtils-Czp9pd8l.js → controlUtils-BX2CIKGN.js}

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

package/dist/cjs/{cx-Dt8K1m9s.js → cx-C3dkRuL7.js}

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

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-BznR57Kw.js');
+var index = require('./index-8U_M7Dc3.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-Dt8K1m9s.js');
+var cx = require('./cx-C3dkRuL7.js');
 var attributes = require('./attributes-CdVB4RPe.js');
 
-const dsAccordionCss = ".ds-accordion__PnoW6S__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) * 1)}.ds-accordion__PnoW6S__open-button.sc-ds-accordion .ds-accordion__PnoW6S.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__PnoW6S--border-aligned.sc-ds-accordion::before,.ds-accordion__PnoW6S__open-button.sc-ds-accordion .ds-accordion__PnoW6S.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__PnoW6S--border-aligned.sc-ds-accordion::after{content:\"\";position:absolute;top:0;width:var(--ds-spacing-small);height:100%}.ds-accordion__PnoW6S__open-button.sc-ds-accordion .ds-accordion__PnoW6S.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__PnoW6S--border-aligned.sc-ds-accordion::before{left:calc(var(--ds-spacing-small) * -1)}.ds-accordion__PnoW6S__open-button.sc-ds-accordion .ds-accordion__PnoW6S.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__PnoW6S--border-aligned.sc-ds-accordion::after{right:calc(var(--ds-spacing-small) * -1)}.ds-accordion__PnoW6S__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__PnoW6S__open-button.sc-ds-accordion:hover,.ds-accordion__PnoW6S__open-button.sc-ds-accordion:hover::before,.ds-accordion__PnoW6S__open-button.sc-ds-accordion:hover::after{background:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__PnoW6S__open-button.sc-ds-accordion:active,.ds-accordion__PnoW6S__open-button.sc-ds-accordion:active::before,.ds-accordion__PnoW6S__open-button.sc-ds-accordion:active::after{background:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__PnoW6S__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__PnoW6S__open-button.sc-ds-accordion{color:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;fill:var(--ds-textColor-default);position:relative}.ds-accordion__PnoW6S__open-button.ds-accordion__PnoW6S--default.sc-ds-accordion{padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__PnoW6S__open-button.ds-accordion__PnoW6S--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16);padding:var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);line-height:var(--ds-lineHeight-large);font-weight:var(--ds-fontWeight-semibold)}.ds-accordion__PnoW6S__open-button.ds-accordion__PnoW6S--border-aligned.sc-ds-accordion:not(:focus-visible){padding-inline:0;margin-inline:var(--ds-spacing-small);position:relative;width:calc(100% - var(--ds-spacing-large))}.ds-accordion__PnoW6S__open-button.sc-ds-accordion{all:unset;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);position:relative;width:100%}.sc-ds-accordion-h:first-child .ds-accordion__PnoW6S__open-button.sc-ds-accordion:not(.ds-accordion__PnoW6S--hide-top-border){border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.sc-ds-accordion-h:first-child .ds-accordion__PnoW6S__open-button.sc-ds-accordion:not(.ds-accordion__PnoW6S--hide-top-border):focus-visible{border-top-color:transparent}.ds-accordion__PnoW6S__open-button.sc-ds-accordion:not(.ds-accordion__PnoW6S--hide-bottom-border)[aria-expanded=false]{border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__PnoW6S__panel--border-aligned.sc-ds-accordion::before{display:inline-block;content:\" \";position:absolute;bottom:-1px;height:1px;left:0;background:var(--ds-bgColor-white);width:var(--ds-spacing-small)}.ds-accordion__PnoW6S__panel--border-aligned.sc-ds-accordion::after{display:inline-block;content:\" \";position:absolute;bottom:-1px;height:1px;right:0;background:var(--ds-bgColor-white);width:var(--ds-spacing-small)}.ds-accordion__PnoW6S__panel--border-aligned.sc-ds-accordion{position:relative;width:calc(100% - 32px)}.ds-accordion__PnoW6S__panel--expanded.sc-ds-accordion{display:block;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);padding-inline:var(--ds-spacing-small)}.ds-accordion__PnoW6S__panel--expanded.sc-ds-accordion self__panel--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__PnoW6S.sc-ds-accordion-s>[slot=header],.ds-accordion__PnoW6S .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__PnoW6S__content.sc-ds-accordion{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);padding-block:var(--ds-spacing-2xSmall) var(--ds-spacing-small)}.ds-accordion__PnoW6S__content.sc-ds-accordion .ds-accordion__PnoW6S--default.sc-ds-accordion{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-xLarge);letter-spacing:var(--ds-letterSpacing-wide)}@media (min-width: 30rem){.ds-accordion__PnoW6S__content.sc-ds-accordion .ds-accordion__PnoW6S--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__PnoW6S__content.sc-ds-accordion .ds-accordion__PnoW6S--compact.sc-ds-accordion{font-size:var(--fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__PnoW6S__close-button.sc-ds-accordion{display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}";
+const dsAccordionCss = ".ds-accordion__BahgnS__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) * 1)}.ds-accordion__BahgnS__open-button.sc-ds-accordion .ds-accordion__BahgnS.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__BahgnS--border-aligned.sc-ds-accordion::before,.ds-accordion__BahgnS__open-button.sc-ds-accordion .ds-accordion__BahgnS.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__BahgnS--border-aligned.sc-ds-accordion::after{content:\"\";position:absolute;top:0;width:var(--ds-spacing-small);height:100%}.ds-accordion__BahgnS__open-button.sc-ds-accordion .ds-accordion__BahgnS.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__BahgnS--border-aligned.sc-ds-accordion::before{left:calc(var(--ds-spacing-small) * -1)}.ds-accordion__BahgnS__open-button.sc-ds-accordion .ds-accordion__BahgnS.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__BahgnS--border-aligned.sc-ds-accordion::after{right:calc(var(--ds-spacing-small) * -1)}.ds-accordion__BahgnS__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__BahgnS__open-button.sc-ds-accordion:hover,.ds-accordion__BahgnS__open-button.sc-ds-accordion:hover::before,.ds-accordion__BahgnS__open-button.sc-ds-accordion:hover::after{background:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__BahgnS__open-button.sc-ds-accordion:active,.ds-accordion__BahgnS__open-button.sc-ds-accordion:active::before,.ds-accordion__BahgnS__open-button.sc-ds-accordion:active::after{background:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__BahgnS__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__BahgnS__open-button.sc-ds-accordion{color:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;fill:var(--ds-textColor-default);position:relative}.ds-accordion__BahgnS__open-button.ds-accordion__BahgnS--default.sc-ds-accordion{padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__BahgnS__open-button.ds-accordion__BahgnS--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16);padding:var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);line-height:var(--ds-lineHeight-large);font-weight:var(--ds-fontWeight-semibold)}.ds-accordion__BahgnS__open-button.ds-accordion__BahgnS--border-aligned.sc-ds-accordion:not(:focus-visible){padding-inline:0;margin-inline:var(--ds-spacing-small);position:relative;width:calc(100% - var(--ds-spacing-large))}.ds-accordion__BahgnS__open-button.sc-ds-accordion{all:unset;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);position:relative;width:100%}.sc-ds-accordion-h:first-child .ds-accordion__BahgnS__open-button.sc-ds-accordion:not(.ds-accordion__BahgnS--hide-top-border){border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.sc-ds-accordion-h:first-child .ds-accordion__BahgnS__open-button.sc-ds-accordion:not(.ds-accordion__BahgnS--hide-top-border):focus-visible{border-top-color:transparent}.ds-accordion__BahgnS__open-button.sc-ds-accordion:not(.ds-accordion__BahgnS--hide-bottom-border)[aria-expanded=false]{border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__BahgnS__panel--border-aligned.sc-ds-accordion::before{display:inline-block;content:\" \";position:absolute;bottom:-1px;height:1px;left:0;background:var(--ds-bgColor-white);width:var(--ds-spacing-small)}.ds-accordion__BahgnS__panel--border-aligned.sc-ds-accordion::after{display:inline-block;content:\" \";position:absolute;bottom:-1px;height:1px;right:0;background:var(--ds-bgColor-white);width:var(--ds-spacing-small)}.ds-accordion__BahgnS__panel--border-aligned.sc-ds-accordion{position:relative;width:calc(100% - 32px)}.ds-accordion__BahgnS__panel--expanded.sc-ds-accordion{display:block;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);padding-inline:var(--ds-spacing-small)}.ds-accordion__BahgnS__panel--expanded.sc-ds-accordion self__panel--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__BahgnS.sc-ds-accordion-s>[slot=header],.ds-accordion__BahgnS .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__BahgnS__content.sc-ds-accordion{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);padding-block:var(--ds-spacing-2xSmall) var(--ds-spacing-small)}.ds-accordion__BahgnS__content.sc-ds-accordion .ds-accordion__BahgnS--default.sc-ds-accordion{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-xLarge);letter-spacing:var(--ds-letterSpacing-wide)}@media (min-width: 30rem){.ds-accordion__BahgnS__content.sc-ds-accordion .ds-accordion__BahgnS--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__BahgnS__content.sc-ds-accordion .ds-accordion__BahgnS--compact.sc-ds-accordion{font-size:var(--fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__BahgnS__close-button.sc-ds-accordion{display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}";
 
 const DsAccordion = class {
     constructor(hostRef) {

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-BznR57Kw.js');
-var cx = require('./cx-Dt8K1m9s.js');
+var index = require('./index-8U_M7Dc3.js');
+var cx = require('./cx-C3dkRuL7.js');
 var utils = require('./utils-CEhBgrbV.js');
 
-const dsAssistiveTextCss = ".ds-assistive-text__PnoW6S.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__BahgnS.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 {
@@ -15,7 +15,7 @@ const DsAssistiveText = class {
     dsText;
     render() {
         const baseClass = cx.cx('ds-assistive-text');
-        return (index.h("small", { key: '6e759ac8b189b328f7dcf358a1e6512409d4aa9c', class: baseClass, id: this.dsId }, index.h("slot", { key: 'f84a3abe6ec1f11f882cad94214dd8135f6a9cd6' }, this.dsText)));
+        return (index.h("small", { key: '8d3e0bf294b377fa31186f438078af55eddc9e05', class: baseClass, id: this.dsId }, index.h("slot", { key: '94a17e2add2dca099516f8a57f723c42a8ca649e' }, this.dsText)));
     }
 };
 DsAssistiveText.style = dsAssistiveTextCss;

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

@@ -1,8 +1,9 @@
 'use strict';
 
-var index = require('./index-BznR57Kw.js');
+var index = require('./index-8U_M7Dc3.js');
+var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-Dt8K1m9s.js');
+var cx = require('./cx-C3dkRuL7.js');
 
 const linkFactory = (Base) => {
     const BaseLink = class extends Base {
@@ -28,35 +29,58 @@ const linkFactory = (Base) => {
     return BaseLink;
 };
 
-const dsBreadcrumbCss = ".sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__PnoW6S.sc-ds-breadcrumb{display:inline}.ds-breadcrumb__PnoW6S__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:150%;letter-spacing:var(--ds-letterSpacing-wide)}";
+const dsBreadcrumbCss = ".sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__BahgnS.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__BahgnS--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__BahgnS__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__BahgnS__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__BahgnS__content__link.sc-ds-breadcrumb [part~=\"link\"]{vertical-align:middle}.ds-breadcrumb__BahgnS__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) {
     constructor(hostRef) {
         super();
         index.registerInstance(this, hostRef);
+        this.dsIsHiddenChange = index.createEvent(this, "dsIsHiddenChange");
     }
     get el() { return index.getElement(this); }
-    dsText;
+    dsIsHiddenChange;
+    dsText = '';
     dsIsCurrentPage = false;
-    dsTag = 'a';
-    async setFocus() {
-        await this.el.querySelector('ds-link')?.setFocus();
-    }
+    dsHasSeparator = true;
+    dsSeparatorIcon;
+    dsIsHidden = false;
+    isHiddenChanged = false;
     get DsLink() {
         return utils.transformTagName('ds-link', 'ds-breadcrumb', this.el);
     }
-    renderCurrentPageCrumb(baseClass) {
-        return (index.h("span", { class: `${baseClass}__current-page`, "aria-current": "page" }, this.dsText));
+    get DsBreadcrumbsSeparator() {
+        return utils.transformTagName('ds-breadcrumbs-separator', 'ds-breadcrumb', this.el);
+    }
+    async setFocus() {
+        await this.el.querySelector(this.DsLink)?.setFocus();
+    }
+    dsIsHiddenObserver() {
+        this.isHiddenChanged = true;
+    }
+    componentDidUpdate() {
+        if (this.isHiddenChanged) {
+            this.dsIsHiddenChange.emit(this.dsIsHidden);
+        }
+        this.isHiddenChanged = false;
+    }
+    renderCurrentPageCrumb(contentClass) {
+        return (index.h("slot", null, index.h("span", { class: `${contentClass}__current-page`, "aria-current": "page" }, this.dsText)));
     }
-    renderLinkCrumb() {
-        return (index.h(this.DsLink, { dsVariant: "inline", dsColour: "black", dsWeight: "semibold", dsText: this.dsText, dsTag: this.dsTag, ...this.linkProps }, index.h("slot", { name: "prefix" }), index.h("slot", { name: "suffix" })));
+    renderLinkCrumb(contentClass) {
+        return (index.h("slot", null, index.h(this.DsLink, { class: `${contentClass}__link`, dsVariant: "inline", dsColour: "black", dsWeight: "semibold", dsText: this.dsText, ...this.linkProps })));
     }
     render() {
         const baseClass = cx.cx('ds-breadcrumb');
-        return index.h("div", { key: 'e0640ac732a524e704c6a45293a2696fd19524ee', class: baseClass }, this.dsIsCurrentPage ? this.renderCurrentPageCrumb(baseClass) : this.renderLinkCrumb());
+        const contentClass = `${baseClass}__content`;
+        return (index.h(index.Host, { key: '26bf34eeaba66b557f2582362b3dacc568813c17', role: "listitem" }, index.h("div", { key: '2ddd55205a47513b3d53892c5e0dd9580bb8cfb6', class: index$1.classNames(baseClass, {
+                [`${baseClass}--hidden`]: this.dsIsHidden,
+            }) }, index.h("div", { key: '644d314c8c0359fc833a6d5a4afec6918aa04e2e', class: contentClass }, this.dsHasSeparator ? index.h(this.DsBreadcrumbsSeparator, { dsIcon: this.dsSeparatorIcon }) : null, this.dsIsCurrentPage ? this.renderCurrentPageCrumb(contentClass) : this.renderLinkCrumb(contentClass)))));
     }
+    static get watchers() { return {
+        "dsIsHidden": ["dsIsHiddenObserver"]
+    }; }
 };
-utils.declareComponentDependencies([index.h("ds-link", { dsText: "" })]);
+utils.declareComponentDependencies([index.h("ds-link", { dsText: "" }), index.h("ds-breadcrumbs-separator", null)]);
 DsBreadcrumb.style = dsBreadcrumbCss;
 
 exports.ds_breadcrumb = DsBreadcrumb;

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

@@ -0,0 +1,44 @@
+'use strict';
+
+var index = require('./index-8U_M7Dc3.js');
+var utils = require('./utils-CEhBgrbV.js');
+
+const dsBreadcrumbsCollapsibleCss = ":host{display:contents}";
+
+const DsBreadcrumbsCollapsible = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.dsExpandButtonClick = index.createEvent(this, "dsExpandButtonClick");
+    }
+    get el() { return index.getElement(this); }
+    dsExpandButtonClick;
+    dsIsExpandButtonHidden = false;
+    dsSeparatorIcon;
+    collapsibleTarget = null;
+    get DsBreadcrumb() {
+        return utils.transformTagName('ds-breadcrumb', 'ds-breadcrumbs-collapsible', this.el);
+    }
+    get DsBreadcrumbsExpandButton() {
+        return utils.transformTagName('ds-breadcrumbs-expand-button', 'ds-breadcrumbs-collapsible', this.el);
+    }
+    dsIsHiddenChangeListener(event) {
+        if (!event.detail && event.target === this.collapsibleTarget) {
+            requestAnimationFrame(() => {
+                this.collapsibleTarget?.setFocus();
+            });
+        }
+    }
+    dsClickListener() {
+        this.dsExpandButtonClick.emit();
+    }
+    handleDefaultSlotChange = () => {
+        this.collapsibleTarget = this.el.querySelector(this.DsBreadcrumb);
+    };
+    render() {
+        return (index.h(index.Fragment, { key: '4893d8a7d27444d7d73a232d8df5039eb43c09e9' }, index.h(this.DsBreadcrumbsExpandButton, { key: '9d851cf0d95bf67df35eb1f507b05f09b50a4cbb', dsIsHidden: this.dsIsExpandButtonHidden, dsSeparatorIcon: this.dsSeparatorIcon }), index.h("slot", { key: 'a294dff7129a7c53d6c06a40cea541712c061e0c', onSlotchange: this.handleDefaultSlotChange })));
+    }
+};
+utils.declareComponentDependencies([index.h("ds-breadcrumbs-expand-button", null)]);
+DsBreadcrumbsCollapsible.style = dsBreadcrumbsCollapsibleCss;
+
+exports.ds_breadcrumbs_collapsible = DsBreadcrumbsCollapsible;

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

@@ -0,0 +1,46 @@
+'use strict';
+
+var index = require('./index-8U_M7Dc3.js');
+var index$1 = require('./index-Bp6Dd2i1.js');
+var store = require('./store-D-QYoTfP.js');
+var cx = require('./cx-C3dkRuL7.js');
+var utils = require('./utils-CEhBgrbV.js');
+
+const dsBreadcrumbsExpandButtonCss = ".ds-breadcrumbs-expand-button__BahgnS.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__BahgnS--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__BahgnS__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__BahgnS__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__BahgnS__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__BahgnS__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}";
+
+const DsBreadcrumbsExpandButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.dsClick = index.createEvent(this, "dsClick");
+    }
+    get el() { return index.getElement(this); }
+    dsClick;
+    dsIsHidden = false;
+    dsSeparatorIcon;
+    get DsBreadcrumbsSeparator() {
+        return utils.transformTagName('ds-breadcrumbs-separator', 'ds-breadcrumbs-expand-button', this.el);
+    }
+    get showFullBreadcrumbTrail() {
+        switch (store.getLanguage()) {
+            case 'fi':
+                return 'Näytä koko murupolku.';
+            case 'sv':
+                return 'Visa hela brödsmulestigen.';
+            default:
+                return 'Show full breadcrumb trail.';
+        }
+    }
+    handleExpandButtonClick = () => {
+        this.dsClick.emit();
+    };
+    render() {
+        const baseClass = cx.cx('ds-breadcrumbs-expand-button');
+        return (index.h("div", { key: '6da34d42a909d8a1d0e2fe521f7a355d3b8e6a9b', role: "listitem", class: index$1.classNames(baseClass, {
+                [`${baseClass}--hidden`]: this.dsIsHidden,
+            }) }, index.h(this.DsBreadcrumbsSeparator, { key: 'd2e406878b8545e823f554f77d5c7d215a386d2d', dsIcon: this.dsSeparatorIcon }), index.h("button", { key: 'e3b174f2ad1b474ea687a7ae62a7ed802b932498', "aria-label": this.showFullBreadcrumbTrail, class: `${baseClass}__button`, onClick: this.handleExpandButtonClick }, "\u2026")));
+    }
+};
+utils.declareComponentDependencies([index.h("ds-breadcrumbs-separator", null)]);
+DsBreadcrumbsExpandButton.style = dsBreadcrumbsExpandButtonCss;
+
+exports.ds_breadcrumbs_expand_button = DsBreadcrumbsExpandButton;

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

@@ -0,0 +1,25 @@
+'use strict';
+
+var index = require('./index-8U_M7Dc3.js');
+var cx = require('./cx-C3dkRuL7.js');
+var utils = require('./utils-CEhBgrbV.js');
+
+const dsBreadcrumbsSeparatorCss = ".ds-breadcrumbs-separator__BahgnS.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__BahgnS.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}";
+
+const DsBreadcrumbsSeparator = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    dsIcon = 'chevron_forward';
+    get DsIcon() {
+        return utils.transformTagName('ds-icon', 'ds-breadcrumbs-separator', this.el);
+    }
+    render() {
+        const baseClass = cx.cx('ds-breadcrumbs-separator');
+        return index.h(this.DsIcon, { key: '0feda7224034bd4074c8fe7d0efaed862ab3daf4', class: baseClass, dsName: this.dsIcon, dsSize: "1rem" });
+    }
+};
+DsBreadcrumbsSeparator.style = dsBreadcrumbsSeparatorCss;
+
+exports.ds_breadcrumbs_separator = DsBreadcrumbsSeparator;

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

@@ -1,43 +1,21 @@
 'use strict';
 
-var index = require('./index-BznR57Kw.js');
-var cx = require('./cx-Dt8K1m9s.js');
-var utils = require('./utils-CEhBgrbV.js');
-var store = require('./store-CUeJXPfW.js');
-var utils$1 = require('./utils-Bn8hsElG.js');
-var index$1 = require('./index-Bp6Dd2i1.js');
+var index = require('./index-8U_M7Dc3.js');
+var cx = require('./cx-C3dkRuL7.js');
+var store = require('./store-D-QYoTfP.js');
+var utils = require('./utils-Bn8hsElG.js');
 
-const dsBreadcrumbsCss = ".ds-breadcrumbs__PnoW6S{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__PnoW6S{min-height:32px}}.ds-breadcrumbs__PnoW6S--hidden{display:none}.ds-breadcrumbs__PnoW6S__breadcrumbs-slot-container{display:none}.ds-breadcrumbs__PnoW6S__breadcrumbs{display:inline-block;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__PnoW6S__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}.ds-breadcrumbs__PnoW6S__breadcrumbs__breadcrumb-item{display:contents}.ds-breadcrumbs__PnoW6S__breadcrumbs__breadcrumb{display:inline;vertical-align:middle;line-height:var(--ds-lineHeight-large)}.ds-breadcrumbs__PnoW6S__breadcrumbs__separator{display:inline-block;vertical-align:middle;margin-left:var(--ds-spacing-3xSmall, 4px);margin-right:var(--ds-spacing-3xSmall, 4px)}@media (min-width: 60rem){.ds-breadcrumbs__PnoW6S__breadcrumbs__separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}.ds-breadcrumbs__PnoW6S__breadcrumbs__ellipsis: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__PnoW6S__breadcrumbs__ellipsis{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__PnoW6S__breadcrumbs__ellipsis:hover,.ds-breadcrumbs__PnoW6S__breadcrumbs__ellipsis:active{text-decoration-thickness:13%;text-underline-offset:12%}";
+const dsBreadcrumbsCss = ".ds-breadcrumbs__BahgnS{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__BahgnS{min-height:32px}}.ds-breadcrumbs__BahgnS__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__BahgnS__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}";
 
 const DsBreadcrumbs = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.dsSizeChange = index.createEvent(this, "dsSizeChange");
     }
     get el() { return index.getElement(this); }
-    _dsMaxItems;
-    get dsMaxItems() {
-        return this._dsMaxItems;
-    }
-    set dsMaxItems(value) {
-        if (!value || value >= 3) {
-            this._dsMaxItems = value;
-        }
-    }
+    dsSizeChange;
     dsAriaLabel;
     size = 'medium';
-    isExpandButtonClicked = false;
-    isCollapsed = false;
-    focusBreadcrumbContainerRef;
-    hasBreadcrumbs = false;
-    breadcrumbElements = [];
-    async resetCollapsedState() {
-        this.isExpandButtonClicked = false;
-        this.isCollapsed = (!this.dsMaxItems && this.size === 'small') || (this.dsMaxItems && this.breadcrumbElements.length > this.dsMaxItems);
-        this.focusBreadcrumbContainerRef = undefined;
-    }
-    get DsIcon() {
-        return utils.transformTagName('ds-icon', 'ds-breadcrumbs', this.el);
-    }
     get breadcrumb() {
         switch (store.getLanguage()) {
             case 'fi':
@@ -48,41 +26,11 @@ const DsBreadcrumbs = class {
                 return 'Breadcrumb';
         }
     }
-    get showFullBreadcrumbTrail() {
-        switch (store.getLanguage()) {
-            case 'fi':
-                return 'Näytä koko murupolku.';
-            case 'sv':
-                return 'Visa hela brödsmulestigen.';
-            default:
-                return 'Show full breadcrumb trail.';
-        }
-    }
-    dsMaxItemsObserver(newValue) {
-        this.isCollapsed = (!newValue && this.size === 'small') || (newValue && this.breadcrumbElements.length > newValue);
-    }
     sizeObserver(newValue) {
-        this.isCollapsed = (!this.dsMaxItems && newValue === 'small') || (this.dsMaxItems && this.breadcrumbElements.length > this.dsMaxItems);
-        this.breadcrumbElements = this.breadcrumbElements.map(element => {
-            const cloned = element.cloneNode(true);
-            cloned.setAttribute('ds-size', newValue);
-            return cloned;
-        });
-    }
-    breadcrumbElementsObserver(newValue) {
-        this.hasBreadcrumbs = newValue.length > 0;
-        this.isCollapsed = (!this.dsMaxItems && this.size === 'small') || (this.dsMaxItems && newValue.length > this.dsMaxItems);
-    }
-    focusBreadcrumbContainerRefObserver(newValue) {
-        newValue?.querySelector('ds-breadcrumb')?.setFocus();
+        this.dsSizeChange.emit(newValue);
     }
-    setFocusBreadcrumbContainerRef = (index) => (el) => {
-        if (index === 1 && this.isExpandButtonClicked && !this.isCollapsed && el && !this.focusBreadcrumbContainerRef) {
-            this.focusBreadcrumbContainerRef = el;
-        }
-    };
     setSize() {
-        this.size = utils$1.isGreaterThanEqualBreakpoint('medium') ? 'medium' : 'small';
+        this.size = utils.isGreaterThanEqualBreakpoint('medium') ? 'medium' : 'small';
     }
     resizeListener() {
         this.setSize();
@@ -90,41 +38,14 @@ const DsBreadcrumbs = class {
     componentWillLoad() {
         this.setSize();
     }
-    handleExpandButtonClick = () => {
-        this.isExpandButtonClicked = true;
-        this.isCollapsed = !this.isCollapsed;
-    };
-    handleBreadcrumbsSlotChange = async () => {
-        const slottedElements = Array.from(this.el.querySelectorAll('[slot="breadcrumbs"]'));
-        this.breadcrumbElements = slottedElements.map(element => element.cloneNode(true));
-    };
-    renderBreadcrumbs(baseClass) {
-        const breadcrumbsClass = `${baseClass}__breadcrumbs`;
-        if (!this.breadcrumbElements.length) {
-            return null;
-        }
-        if (this.breadcrumbElements.length <= 3 || !this.isCollapsed || this.isExpandButtonClicked) {
-            return (index.h("ul", { class: breadcrumbsClass }, this.breadcrumbElements.map((element, index$1) => (index.h("li", { class: `${breadcrumbsClass}__breadcrumb-item`, key: `breadcrumb-${index$1}` }, index$1 > 0 && index.h(this.DsIcon, { class: `${breadcrumbsClass}__separator`, dsName: "chevron_forward", dsSize: "1rem" }), index.h("div", { class: `${breadcrumbsClass}__breadcrumb`, ref: this.setFocusBreadcrumbContainerRef(index$1), innerHTML: element.outerHTML }))))));
-        }
-        const maxItemsAfterExpandButton = !this.dsMaxItems && this.size === 'small' ? 2 : Math.max(2, this.dsMaxItems - 1);
-        const itemsAfterExpandButton = Math.min(maxItemsAfterExpandButton, this.breadcrumbElements.length - 1);
-        const startIndex = this.breadcrumbElements.length - itemsAfterExpandButton;
-        return (index.h("ul", { class: breadcrumbsClass }, index.h("li", { class: `${breadcrumbsClass}__breadcrumb-item` }, index.h("div", { class: `${breadcrumbsClass}__breadcrumb`, innerHTML: this.breadcrumbElements?.[0].outerHTML })), index.h("li", { class: `${breadcrumbsClass}__breadcrumb-item` }, index.h(this.DsIcon, { class: `${breadcrumbsClass}__separator`, dsName: "chevron_forward", dsSize: "1rem" }), index.h("button", { "aria-label": this.showFullBreadcrumbTrail, class: `${breadcrumbsClass}__ellipsis`, onClick: this.handleExpandButtonClick }, "...")), this.breadcrumbElements.slice(startIndex).map(element => (index.h("li", { class: `${breadcrumbsClass}__breadcrumb-item`, key: element.dsHref || 'no-href' }, index.h(this.DsIcon, { class: `${breadcrumbsClass}__separator`, dsName: "chevron_forward", dsSize: "1rem" }), index.h("div", { class: `${breadcrumbsClass}__breadcrumb`, innerHTML: element.outerHTML }))))));
-    }
     render() {
         const baseClass = cx.cx('ds-breadcrumbs');
-        return (index.h("nav", { key: '1043af794e0396f10696c650fecbc8bfe8380868', class: index$1.classNames(baseClass, {
-                [`${baseClass}--hidden`]: !this.hasBreadcrumbs,
-            }), "aria-label": this.dsAriaLabel || this.breadcrumb }, this.renderBreadcrumbs(baseClass), index.h("div", { key: '18a1575ca51cdf6ba4659f9ad190c2e39e9a449b', class: `${baseClass}__breadcrumbs-slot-container` }, index.h("slot", { key: '77be5ffa03ccb7a83a0551f0adad005fd712ac69', name: "breadcrumbs", onSlotchange: this.handleBreadcrumbsSlotChange }))));
+        return (index.h("nav", { key: '9bd5d6670c943be0e1631af7f591655e751a7d05', class: baseClass, "aria-label": this.dsAriaLabel || this.breadcrumb }, index.h("div", { key: '209853be22cc61d74ba970db4646bbc4ed3c9d1c', role: "list", class: `${baseClass}__breadcrumbs` }, index.h("slot", { key: '792d969633643099bc55d26aa4fd831de0c5b7e9' }))));
     }
     static get watchers() { return {
-        "dsMaxItems": ["dsMaxItemsObserver"],
-        "size": ["sizeObserver"],
-        "breadcrumbElements": ["breadcrumbElementsObserver"],
-        "focusBreadcrumbContainerRef": ["focusBreadcrumbContainerRefObserver"]
+        "size": ["sizeObserver"]
     }; }
 };
-utils.declareComponentDependencies([index.h("ds-icon", { dsName: "" })]);
 DsBreadcrumbs.style = dsBreadcrumbsCss;
 
 exports.ds_breadcrumbs = DsBreadcrumbs;

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-BznR57Kw.js');
+var index = require('./index-8U_M7Dc3.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-CdVB4RPe.js');
 var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-Dt8K1m9s.js');
+var cx = require('./cx-C3dkRuL7.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__PnoW6S--full-width){width:100%}.ds-button__PnoW6S.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__PnoW6S.sc-ds-button:not(.ds-button__PnoW6S--supplementary) .ds-button__PnoW6S__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__PnoW6S--supplementary.sc-ds-button:has(.ds-button__PnoW6S__spinner) .ds-button__PnoW6S__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__PnoW6S__icon.sc-ds-button{height:1.5rem}.ds-button__PnoW6S.sc-ds-button:has(.ds-button__PnoW6S__spinner):not(.ds-button__PnoW6S--small) .ds-button__PnoW6S__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__PnoW6S--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__PnoW6S.sc-ds-button:not(.ds-button__PnoW6S--small):not(.ds-button__PnoW6S--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__PnoW6S.sc-ds-button:not(.ds-button__PnoW6S--small).ds-button__PnoW6S--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__PnoW6S.sc-ds-button:not(.ds-button__PnoW6S--small).ds-button__PnoW6S--icon-only{padding-left:0;padding-right:0}.ds-button__PnoW6S--small.sc-ds-button:not(.ds-button__PnoW6S--secondary){border-width:0px;font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__PnoW6S--small.ds-button__PnoW6S--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__PnoW6S--small.ds-button__PnoW6S--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__PnoW6S--small.sc-ds-button .ds-button__PnoW6S__icon.sc-ds-button{height:1rem}.ds-button__PnoW6S--icon-start.sc-ds-button:not(.ds-button__PnoW6S--small) .ds-button__PnoW6S__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__PnoW6S--icon-end.sc-ds-button:not(.ds-button__PnoW6S--small) .ds-button__PnoW6S__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--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__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--blue.sc-ds-button:active,.ds-button__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--blue.ds-button__PnoW6S--disabled.sc-ds-button,.ds-button__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--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__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--black.sc-ds-button:active,.ds-button__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--black.ds-button__PnoW6S--disabled.sc-ds-button,.ds-button__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--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__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--white.sc-ds-button:active,.ds-button__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--white.ds-button__PnoW6S--disabled.sc-ds-button,.ds-button__PnoW6S.ds-button__PnoW6S--primary.ds-button__PnoW6S--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--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__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--blue.sc-ds-button:active,.ds-button__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--blue.ds-button__PnoW6S--disabled.sc-ds-button,.ds-button__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--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__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--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__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--black.sc-ds-button{background-color:transparent;border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--black.sc-ds-button:active,.ds-button__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--black.ds-button__PnoW6S--disabled.sc-ds-button,.ds-button__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--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__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--white.sc-ds-button{background-color:transparent;border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--white.sc-ds-button:active,.ds-button__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--white.ds-button__PnoW6S--disabled.sc-ds-button,.ds-button__PnoW6S.ds-button__PnoW6S--secondary.ds-button__PnoW6S--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--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__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--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__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--blue.sc-ds-button:active,.ds-button__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--blue.ds-button__PnoW6S--disabled.sc-ds-button,.ds-button__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--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__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--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__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--black.sc-ds-button:active,.ds-button__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--black.ds-button__PnoW6S--disabled.sc-ds-button,.ds-button__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--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__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--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__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--white.sc-ds-button:active,.ds-button__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--white.ds-button__PnoW6S--disabled.sc-ds-button,.ds-button__PnoW6S.ds-button__PnoW6S--supplementary.ds-button__PnoW6S--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__BahgnS--full-width){width:100%}.ds-button__BahgnS.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__BahgnS.sc-ds-button:not(.ds-button__BahgnS--supplementary) .ds-button__BahgnS__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__BahgnS--supplementary.sc-ds-button:has(.ds-button__BahgnS__spinner) .ds-button__BahgnS__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__BahgnS__icon.sc-ds-button{height:1.5rem}.ds-button__BahgnS.sc-ds-button:has(.ds-button__BahgnS__spinner):not(.ds-button__BahgnS--small) .ds-button__BahgnS__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__BahgnS--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__BahgnS.sc-ds-button:not(.ds-button__BahgnS--small):not(.ds-button__BahgnS--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__BahgnS.sc-ds-button:not(.ds-button__BahgnS--small).ds-button__BahgnS--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__BahgnS.sc-ds-button:not(.ds-button__BahgnS--small).ds-button__BahgnS--icon-only{padding-left:0;padding-right:0}.ds-button__BahgnS--small.sc-ds-button:not(.ds-button__BahgnS--secondary){border-width:0px;font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__BahgnS--small.ds-button__BahgnS--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__BahgnS--small.ds-button__BahgnS--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__BahgnS--small.sc-ds-button .ds-button__BahgnS__icon.sc-ds-button{height:1rem}.ds-button__BahgnS--icon-start.sc-ds-button:not(.ds-button__BahgnS--small) .ds-button__BahgnS__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__BahgnS--icon-end.sc-ds-button:not(.ds-button__BahgnS--small) .ds-button__BahgnS__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--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__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--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__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--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__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--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__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--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__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--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__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black.sc-ds-button{background-color:transparent;border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--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__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white.sc-ds-button{background-color:transparent;border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--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__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--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__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--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__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--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__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--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__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--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__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}";
 
 const buttonIdGenerator = utils.idGenerator('ds-button');
 const DsButton = class {

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-BznR57Kw.js');
+var index = require('./index-8U_M7Dc3.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-CEhBgrbV.js');
-var linkUtils = require('./linkUtils-D0X9Iv15.js');
-var cx = require('./cx-Dt8K1m9s.js');
+var linkUtils = require('./linkUtils-lH2dmuOG.js');
+var cx = require('./cx-C3dkRuL7.js');
 var attributes = require('./attributes-CdVB4RPe.js');
-require('./store-CUeJXPfW.js');
+require('./store-D-QYoTfP.js');
 
-const dsCardCss = ".sc-ds-card-h{display:block}.ds-card__PnoW6S.sc-ds-card{background-color:var(--ds-bgColor-white);border:1px solid var(--ds-borderColor-light);color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;hyphens:auto;height:auto}.ds-card__PnoW6S--fluid-height.sc-ds-card{height:100%}.ds-card__PnoW6S--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__PnoW6S--horizontal.sc-ds-card{flex-direction:row}}.ds-card__PnoW6S.ds-card__PnoW6S--focused.sc-ds-card{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__PnoW6S.ds-card__PnoW6S--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)){border-color:var(--ds-borderColor-default);cursor:pointer}.ds-card__PnoW6S.ds-card__PnoW6S--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__PnoW6S__icon{color:var(--ds-textColor-link-standalone-hover)}.ds-card__PnoW6S.ds-card__PnoW6S--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__PnoW6S__heading{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__PnoW6S.ds-card__PnoW6S--link.sc-ds-card:active{border-color:var(--ds-borderColor-black)}.ds-card__PnoW6S.ds-card__PnoW6S--link.sc-ds-card:active .ds-card__PnoW6S__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__PnoW6S.ds-card__PnoW6S--link.sc-ds-card:active .ds-card__heading.sc-ds-card{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__PnoW6S.ds-card__PnoW6S--link.sc-ds-card{text-decoration:none}.ds-card__PnoW6S--filled.sc-ds-card{background-color:var(--ds-bgColor-neutral)}.ds-card__PnoW6S__image-container.sc-ds-card{display:none}.ds-card__PnoW6S__image-container--has-image.sc-ds-card{display:block;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__PnoW6S.sc-ds-card:not(.ds-card__PnoW6S--vertical) .ds-card__PnoW6S__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}.ds-card__PnoW6S__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__PnoW6S__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__PnoW6S__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__PnoW6S__content--top.sc-ds-card{align-items:center;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__PnoW6S__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__PnoW6S__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__PnoW6S__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__PnoW6S__heading.sc-ds-card{align-items:center;color:var(--ds-textColor-default);display:flex;font-size:var(--ds-fontSize-20);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);margin:0;margin-bottom:var(--ds-spacing-3xSmall);order:2;justify-content:space-between;text-wrap:balance}.ds-card__PnoW6S__heading__link.sc-ds-card{all:unset}.ds-card__PnoW6S__subtitle.sc-ds-card,.ds-card__PnoW6S__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__PnoW6S__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}.ds-card__PnoW6S__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__PnoW6S__slot-subtitle--hidden.sc-ds-card{display:none}";
+const dsCardCss = ".sc-ds-card-h{display:block}.ds-card__BahgnS.sc-ds-card{background-color:var(--ds-bgColor-white);border:1px solid var(--ds-borderColor-light);color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;hyphens:auto;height:auto}.ds-card__BahgnS--fluid-height.sc-ds-card{height:100%}.ds-card__BahgnS--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__BahgnS--horizontal.sc-ds-card{flex-direction:row}}.ds-card__BahgnS.ds-card__BahgnS--focused.sc-ds-card{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__BahgnS.ds-card__BahgnS--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)){border-color:var(--ds-borderColor-default);cursor:pointer}.ds-card__BahgnS.ds-card__BahgnS--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__BahgnS__icon{color:var(--ds-textColor-link-standalone-hover)}.ds-card__BahgnS.ds-card__BahgnS--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__BahgnS__heading{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__BahgnS.ds-card__BahgnS--link.sc-ds-card:active{border-color:var(--ds-borderColor-black)}.ds-card__BahgnS.ds-card__BahgnS--link.sc-ds-card:active .ds-card__BahgnS__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__BahgnS.ds-card__BahgnS--link.sc-ds-card:active .ds-card__heading.sc-ds-card{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__BahgnS.ds-card__BahgnS--link.sc-ds-card{text-decoration:none}.ds-card__BahgnS.sc-ds-card .ds-card__BahgnS__heading__link.sc-ds-card:after{content:\"\";position:absolute;inset:0}.ds-card__BahgnS--filled.sc-ds-card{background-color:var(--ds-bgColor-neutral)}.ds-card__BahgnS__image-container.sc-ds-card{display:none}.ds-card__BahgnS__image-container--has-image.sc-ds-card{display:block;order:1;position:relative;width:100%;height:auto}@media (min-width: 30rem){.ds-card__BahgnS.sc-ds-card:not(.ds-card__BahgnS--vertical) .ds-card__BahgnS__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__BahgnS.sc-ds-card:not(.ds-card__BahgnS--horizontal) .ds-card__BahgnS__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__BahgnS__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__BahgnS__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__BahgnS__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%;position:relative}.ds-card__BahgnS__content--top.sc-ds-card{align-items:center;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__BahgnS__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__BahgnS__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__BahgnS__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__BahgnS__heading.sc-ds-card{align-items:center;color:var(--ds-textColor-default);display:flex;font-size:var(--ds-fontSize-20);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);margin:0;margin-bottom:var(--ds-spacing-3xSmall);order:2;justify-content:space-between;text-wrap:balance}.ds-card__BahgnS__heading__link.sc-ds-card{all:unset}.ds-card__BahgnS__subtitle.sc-ds-card,.ds-card__BahgnS__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__BahgnS__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}.ds-card__BahgnS__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__BahgnS__slot-subtitle--hidden.sc-ds-card{display:none}";
 
 const cardIdGenerator = utils.idGenerator('ds-card');
 const DsCard = class {
@@ -163,17 +163,17 @@ const DsCard = class {
         const headingId = `${this.cardId}-heading`;
         const DsIcon = utils.transformTagName('ds-icon', 'ds-card', this.el);
         const descriptionClamp = this.dsDescriptionClamp ? this.dsDescriptionClamp.toString() : 'none';
-        return (index.h("article", { key: '1da4012cc25a5643ca60e9a0c0786feb8acd6b57', class: classes, onClick: this.handleClick, onKeyDown: this.handleKeydown, style: { '--description-line-clamp': descriptionClamp }, "aria-labelledby": headingId, ...this.inheritedAttributes }, index.h("div", { key: '3f0d99f2ac2eb9fe3ceef96e9c05e305d99b35da', class: `${baseClass}__content` }, index.h("div", { key: 'ec7967a312aed46cdfad5cf86a12dc438bb70ef0', class: {
+        return (index.h("article", { key: '20e7837291662d99c1fd1209dbef8c7924bf89f7', class: classes, onClick: this.handleClick, onKeyDown: this.handleKeydown, style: { '--description-line-clamp': descriptionClamp }, "aria-labelledby": headingId, ...this.inheritedAttributes }, index.h("div", { key: 'ec56eef59b6dab33e0aad399991cc553a604e378', class: `${baseClass}__content` }, index.h("div", { key: '4399882f172325bb09fce60b7e6b67c36f8ee79c', class: {
                 [`${baseClass}__content--top`]: true,
                 [`${baseClass}__content--top--has-link`]: Boolean(this.dsUrl),
-            } }, index.h("div", { key: 'a5cd837355a2919239c7ce2a17f58d975eb4e436', class: `${baseClass}__heading-container` }, this.dsUrl ? (index.h(HeadingTag, { class: `${baseClass}__heading`, id: headingId }, index.h("a", { href: this.dsUrl, target: this.dsUrlTarget, class: `${baseClass}__heading__link` }, index.h("slot", { name: "heading" }, this.dsHeading)))) : (index.h(HeadingTag, { class: `${baseClass}__heading` }, index.h("slot", { name: "heading" }, this.dsHeading))), this.dsEyebrow && index.h("div", { key: '8d02efc1928da2015efe993079319cf4753c8d77', class: `${baseClass}__eyebrow` }, this.dsEyebrow), this.dsSubtitle && index.h("div", { key: 'a511417b34e0ed5403d0b481a4ca46ccc9a161aa', class: `${baseClass}__subtitle` }, this.dsSubtitle), index.h("div", { key: '165e8d8979a5a062f7aaaef82f35af46d44485ac', class: index$1.classNames(`${baseClass}__slot-subtitle`, {
+            } }, index.h("div", { key: 'f45b8cb8f1301aed515644e13566c64a9c183400', class: `${baseClass}__heading-container` }, this.dsUrl ? (index.h(HeadingTag, { class: `${baseClass}__heading`, id: headingId }, index.h("a", { href: this.dsUrl, target: this.dsUrlTarget, class: `${baseClass}__heading__link` }, index.h("slot", { name: "heading" }, this.dsHeading)))) : (index.h(HeadingTag, { class: `${baseClass}__heading` }, index.h("slot", { name: "heading" }, this.dsHeading))), this.dsEyebrow && index.h("div", { key: '97d5b77f163badfee5a8be8a1257286df91c3b7d', class: `${baseClass}__eyebrow` }, this.dsEyebrow), this.dsSubtitle && index.h("div", { key: 'b7001543154848c5d8dc791d6a76ab1c9782dd7d', class: `${baseClass}__subtitle` }, this.dsSubtitle), index.h("div", { key: '667b8e5680c93e0d909210e2baaf5cc20bcdaa6e', class: index$1.classNames(`${baseClass}__slot-subtitle`, {
                 [`${baseClass}__slot-subtitle--hidden`]: !this.hasSubtitleSlot,
-            }) }, index.h("slot", { key: 'c246d967f5c824f44d9fdf46a6f4e752d7817372', name: "subtitle", onSlotchange: () => this.checkSubtitleSlot() }))), this.dsUrl && this.dsShowArrow && index.h(DsIcon, { key: '0eff11a1d9bde048ad0f4dc85ab8c83e1675f49e', class: `${baseClass}__icon`, dsName: this.linkIcon })), index.h("div", { key: '65e900ce941f64f0f0f1375a03feb5b429ec00c6', class: index$1.classNames(`${baseClass}__content--bottom`, {
+            }) }, index.h("slot", { key: '51f830962309cce44fe26056bfdb234000c848b3', name: "subtitle", onSlotchange: () => this.checkSubtitleSlot() }))), this.dsUrl && this.dsShowArrow && index.h(DsIcon, { key: '16df0fe5a295a777f8b94f290d1da67aaff12b8d', class: `${baseClass}__icon`, dsName: this.linkIcon })), index.h("div", { key: 'f95afd83e5d725ff3ccecb4b1a0655daccc7f35f', class: index$1.classNames(`${baseClass}__content--bottom`, {
                 [`${baseClass}__content--bottom--has-slot-content`]: this.hasSlotContent,
-            }) }, this.dsDescription && index.h("p", { key: '2d3504ed4697cf4f415c02897f5d1ed6c174ba96', class: `${baseClass}__description` }, this.dsDescription), index.h("div", { key: '4b9da9d1921821bce81588727191e39fc395dd2b', class: `${baseClass}__slot--content` }, index.h("slot", { key: 'b77625bb8b2ec441db322d7a16fe72c76de09994', name: "content" })), index.h("div", { key: '0dc128b3abef8fd1e94376664ab44105e6c2a5e8', class: `${baseClass}__slot--footer` }, index.h("slot", { key: 'f6e78e4e9c65a83c6aa4f8da80976dde3365aa30', name: "footer" })))), index.h("div", { key: '7f5ee86d988e5801af7ec7ac892322a1cea188d7', class: {
+            }) }, this.dsDescription && index.h("p", { key: 'f728ecd82a9134acda0997e12d70532e2f233a79', class: `${baseClass}__description` }, this.dsDescription), index.h("div", { key: 'af9bfe01e02deb7e3da0ca8e2b36010cf2f46933', class: `${baseClass}__slot--content` }, index.h("slot", { key: 'b8b745832097f0f3e4c4b1bb02f3bcaffdb0c2f0', name: "content" })), index.h("div", { key: '8c9d2e3c524b78c12f7b6f9df81c79de0c6ee9f2', class: `${baseClass}__slot--footer` }, index.h("slot", { key: '84aa094e7a1dab59ea0d8f5d5c9e363cefaa5f43', name: "footer" })))), index.h("div", { key: '4bd1f7da5c28b24e86b07624779dca8b770360b8', class: {
                 [`${baseClass}__image-container`]: true,
                 [`${baseClass}__image-container--has-image`]: this.hasImageSlot,
-            } }, this.dsTag && this.hasImageSlot && index.h("span", { key: '4673d76968803950aa933fb3504c7cd7f212936d', class: `${baseClass}__tag` }, this.dsTag), index.h("slot", { key: 'a81e09b05282a779681bc3cef2862ffd78aaf984', name: "image", onSlotchange: () => this.checkImageSlot() }))));
+            } }, this.dsTag && this.hasImageSlot && index.h("span", { key: '13fe5c875833c48857c8db16e84ddb802e33e072', class: `${baseClass}__tag` }, this.dsTag), index.h("slot", { key: 'ecd3aada43fbada43f4b123cc4f275142d066dcc', name: "image", onSlotchange: () => this.checkImageSlot() }))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-icon", { dsName: "" })]);

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-BznR57Kw.js');
+var index = require('./index-8U_M7Dc3.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-CdVB4RPe.js');
 var utils = require('./utils-CEhBgrbV.js');
-var controlUtils = require('./controlUtils-Czp9pd8l.js');
-var cx = require('./cx-Dt8K1m9s.js');
-require('./store-CUeJXPfW.js');
+var controlUtils = require('./controlUtils-BX2CIKGN.js');
+var cx = require('./cx-C3dkRuL7.js');
+require('./store-D-QYoTfP.js');
 
-const dsCheckboxGroupCss = ".ds-checkbox-group__PnoW6S{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__PnoW6S__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__PnoW6S__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__PnoW6S__error{display:flex}.ds-checkbox-group__PnoW6S__error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__PnoW6S>.ds-checkbox-group__PnoW6S__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group__PnoW6S--inset{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__PnoW6S--horizontal>.ds-checkbox-group__PnoW6S__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";
+const dsCheckboxGroupCss = ".ds-checkbox-group__BahgnS{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__BahgnS__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__BahgnS__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__BahgnS__error{display:flex}.ds-checkbox-group__BahgnS__error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__BahgnS>.ds-checkbox-group__BahgnS__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group__BahgnS--inset{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__BahgnS--horizontal>.ds-checkbox-group__BahgnS__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";
 
 const fieldsetIdGenerator = utils.idGenerator('ds-checkbox-group');
 const DsCheckboxGroup = class {