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

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

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

package/dist/cjs/{cx-D--6JWST.js → cx-Dt8K1m9s.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-2U1Nx9WX.js');
+var index = require('./index-BznR57Kw.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-2U1Nx9WX.js');
+var index = require('./index-BznR57Kw.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var utils = require('./utils-DKUG3eD2.js');
-var cx = require('./cx-D--6JWST.js');
+var utils = require('./utils-CEhBgrbV.js');
+var cx = require('./cx-Dt8K1m9s.js');
 var attributes = require('./attributes-CdVB4RPe.js');
 
-const dsAccordionCss = ".ds-accordion__7h4nsx__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__7h4nsx__open-button.sc-ds-accordion .ds-accordion__7h4nsx.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__7h4nsx--border-aligned.sc-ds-accordion::before,.ds-accordion__7h4nsx__open-button.sc-ds-accordion .ds-accordion__7h4nsx.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__7h4nsx--border-aligned.sc-ds-accordion::after{content:\"\";position:absolute;top:0;width:var(--ds-spacing-small);height:100%}.ds-accordion__7h4nsx__open-button.sc-ds-accordion .ds-accordion__7h4nsx.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__7h4nsx--border-aligned.sc-ds-accordion::before{left:calc(var(--ds-spacing-small) * -1)}.ds-accordion__7h4nsx__open-button.sc-ds-accordion .ds-accordion__7h4nsx.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__7h4nsx--border-aligned.sc-ds-accordion::after{right:calc(var(--ds-spacing-small) * -1)}.ds-accordion__7h4nsx__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__7h4nsx__open-button.sc-ds-accordion:hover,.ds-accordion__7h4nsx__open-button.sc-ds-accordion:hover::before,.ds-accordion__7h4nsx__open-button.sc-ds-accordion:hover::after{background:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__7h4nsx__open-button.sc-ds-accordion:active,.ds-accordion__7h4nsx__open-button.sc-ds-accordion:active::before,.ds-accordion__7h4nsx__open-button.sc-ds-accordion:active::after{background:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__7h4nsx__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__7h4nsx__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__7h4nsx__open-button.ds-accordion__7h4nsx--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__7h4nsx__open-button.ds-accordion__7h4nsx--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__7h4nsx__open-button.ds-accordion__7h4nsx--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__7h4nsx__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__7h4nsx__open-button.sc-ds-accordion:not(.ds-accordion__7h4nsx--hide-top-border){border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.sc-ds-accordion-h:first-child .ds-accordion__7h4nsx__open-button.sc-ds-accordion:not(.ds-accordion__7h4nsx--hide-top-border):focus-visible{border-top-color:transparent}.ds-accordion__7h4nsx__open-button.sc-ds-accordion:not(.ds-accordion__7h4nsx--hide-bottom-border)[aria-expanded=false]{border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__7h4nsx__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__7h4nsx__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__7h4nsx__panel--border-aligned.sc-ds-accordion{position:relative;width:calc(100% - 32px)}.ds-accordion__7h4nsx__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__7h4nsx__panel--expanded.sc-ds-accordion self__panel--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__7h4nsx.sc-ds-accordion-s>[slot=header],.ds-accordion__7h4nsx .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__7h4nsx__content.sc-ds-accordion{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);padding-block:var(--ds-spacing-small)}.ds-accordion__7h4nsx__content.sc-ds-accordion .ds-accordion__7h4nsx--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__7h4nsx__content.sc-ds-accordion .ds-accordion__7h4nsx--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__7h4nsx__content.sc-ds-accordion .ds-accordion__7h4nsx--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__7h4nsx__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__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 DsAccordion = class {
     constructor(hostRef) {
@@ -85,7 +85,7 @@ const DsAccordion = class {
         "isExpanded": ["watchHandler"]
     }; }
 };
-utils.declareComponentDependencies([index.h("ds-icon", null), index.h("ds-button", null)]);
+utils.declareComponentDependencies([index.h("ds-icon", { dsName: "" }), index.h("ds-button", null)]);
 DsAccordion.style = dsAccordionCss;
 
 exports.ds_accordion = DsAccordion;

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-2U1Nx9WX.js');
-var cx = require('./cx-D--6JWST.js');
-var utils = require('./utils-DKUG3eD2.js');
+var index = require('./index-BznR57Kw.js');
+var cx = require('./cx-Dt8K1m9s.js');
+var utils = require('./utils-CEhBgrbV.js');
 
-const dsAssistiveTextCss = ".ds-assistive-text__7h4nsx.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__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 dsAssistiveTextIdGenerator = utils.idGenerator('ds-assistive-text');
 const DsAssistiveText = class {

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

@@ -0,0 +1,62 @@
+'use strict';
+
+var index = require('./index-BznR57Kw.js');
+var utils = require('./utils-CEhBgrbV.js');
+var cx = require('./cx-Dt8K1m9s.js');
+
+const linkFactory = (Base) => {
+    const BaseLink = class extends Base {
+        constructor(hostRef) {
+            super();
+            index.registerInstance(this, hostRef);
+        }
+        dsRel;
+        dsHrefLang;
+        dsHref;
+        dsTarget;
+        dsDownload;
+        get linkProps() {
+            return {
+                dsHref: this.dsHref,
+                dsHrefLang: this.dsHrefLang,
+                dsRel: this.dsRel,
+                dsTarget: this.dsTarget,
+                dsDownload: this.dsDownload,
+            };
+        }
+    };
+    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 DsBreadcrumb = class extends index.Mixin(linkFactory) {
+    constructor(hostRef) {
+        super();
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    dsText;
+    dsIsCurrentPage = false;
+    dsTag = 'a';
+    async setFocus() {
+        await this.el.querySelector('ds-link')?.setFocus();
+    }
+    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));
+    }
+    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" })));
+    }
+    render() {
+        const baseClass = cx.cx('ds-breadcrumb');
+        return index.h("div", { key: 'e0640ac732a524e704c6a45293a2696fd19524ee', class: baseClass }, this.dsIsCurrentPage ? this.renderCurrentPageCrumb(baseClass) : this.renderLinkCrumb());
+    }
+};
+utils.declareComponentDependencies([index.h("ds-link", { dsText: "" })]);
+DsBreadcrumb.style = dsBreadcrumbCss;
+
+exports.ds_breadcrumb = DsBreadcrumb;

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

@@ -0,0 +1,130 @@
+'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');
+
+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 DsBreadcrumbs = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    _dsMaxItems;
+    get dsMaxItems() {
+        return this._dsMaxItems;
+    }
+    set dsMaxItems(value) {
+        if (!value || value >= 3) {
+            this._dsMaxItems = value;
+        }
+    }
+    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':
+                return 'Murupolku';
+            case 'sv':
+                return 'Brödsmulestig';
+            default:
+                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();
+    }
+    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';
+    }
+    resizeListener() {
+        this.setSize();
+    }
+    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 }))));
+    }
+    static get watchers() { return {
+        "dsMaxItems": ["dsMaxItemsObserver"],
+        "size": ["sizeObserver"],
+        "breadcrumbElements": ["breadcrumbElementsObserver"],
+        "focusBreadcrumbContainerRef": ["focusBreadcrumbContainerRefObserver"]
+    }; }
+};
+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-2U1Nx9WX.js');
+var index = require('./index-BznR57Kw.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-CdVB4RPe.js');
-var utils = require('./utils-DKUG3eD2.js');
-var cx = require('./cx-D--6JWST.js');
+var utils = require('./utils-CEhBgrbV.js');
+var cx = require('./cx-Dt8K1m9s.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__7h4nsx--full-width){width:100%}.ds-button__7h4nsx.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__7h4nsx.sc-ds-button:not(.ds-button__7h4nsx--supplementary) .ds-button__7h4nsx__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__7h4nsx--supplementary.sc-ds-button:has(.ds-button__7h4nsx__spinner) .ds-button__7h4nsx__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__7h4nsx__icon.sc-ds-button{height:1.5rem}.ds-button__7h4nsx.sc-ds-button:has(.ds-button__7h4nsx__spinner):not(.ds-button__7h4nsx--small) .ds-button__7h4nsx__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__7h4nsx--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__7h4nsx.sc-ds-button:not(.ds-button__7h4nsx--small):not(.ds-button__7h4nsx--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__7h4nsx.sc-ds-button:not(.ds-button__7h4nsx--small).ds-button__7h4nsx--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__7h4nsx.sc-ds-button:not(.ds-button__7h4nsx--small).ds-button__7h4nsx--icon-only{padding-left:0;padding-right:0}.ds-button__7h4nsx--small.sc-ds-button:not(.ds-button__7h4nsx--secondary){border-width:0px;font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__7h4nsx--small.ds-button__7h4nsx--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__7h4nsx--small.ds-button__7h4nsx--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__7h4nsx--small.sc-ds-button .ds-button__7h4nsx__icon.sc-ds-button{height:1rem}.ds-button__7h4nsx--icon-start.sc-ds-button:not(.ds-button__7h4nsx--small) .ds-button__7h4nsx__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__7h4nsx--icon-end.sc-ds-button:not(.ds-button__7h4nsx--small) .ds-button__7h4nsx__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--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__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--blue.sc-ds-button:active,.ds-button__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--blue.ds-button__7h4nsx--disabled.sc-ds-button,.ds-button__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--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__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--black.sc-ds-button:active,.ds-button__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--black.ds-button__7h4nsx--disabled.sc-ds-button,.ds-button__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--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__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--white.sc-ds-button:active,.ds-button__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--white.ds-button__7h4nsx--disabled.sc-ds-button,.ds-button__7h4nsx.ds-button__7h4nsx--primary.ds-button__7h4nsx--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--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__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--blue.sc-ds-button:active,.ds-button__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--blue.ds-button__7h4nsx--disabled.sc-ds-button,.ds-button__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--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__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--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__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--black.sc-ds-button{background-color:transparent;border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--black.sc-ds-button:active,.ds-button__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--black.ds-button__7h4nsx--disabled.sc-ds-button,.ds-button__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--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__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--white.sc-ds-button{background-color:transparent;border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--white.sc-ds-button:active,.ds-button__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--white.ds-button__7h4nsx--disabled.sc-ds-button,.ds-button__7h4nsx.ds-button__7h4nsx--secondary.ds-button__7h4nsx--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--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__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--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__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--blue.sc-ds-button:active,.ds-button__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--blue.ds-button__7h4nsx--disabled.sc-ds-button,.ds-button__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--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__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--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__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--black.sc-ds-button:active,.ds-button__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--black.ds-button__7h4nsx--disabled.sc-ds-button,.ds-button__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--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__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--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__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--white.sc-ds-button:active,.ds-button__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--white.ds-button__7h4nsx--disabled.sc-ds-button,.ds-button__7h4nsx.ds-button__7h4nsx--supplementary.ds-button__7h4nsx--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__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 buttonIdGenerator = utils.idGenerator('ds-button');
 const DsButton = class {
@@ -134,7 +134,7 @@ const DsButton = class {
         const ariaLabel = attrAriaLabel || this.dsAriaLabel;
         const ariaLabelledby = attrAriaLabelledby || this.dsAriaLabelledby;
         const ariaDisabled = (attrAriaDisabled || this.dsAriaDisabled) !== 'false' ? 'true' : 'false';
-        return (index.h("button", { ref: el => (this.buttonEl = el), class: classes, id: this.dsId, 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), ...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 == 'small' ? 'small' : 'medium' }))), this.hasContent && (index.h("span", { class: `${baseClass}__value` }, index.h("slot", null, this.dsValue, this.dsHiddenAssistiveText && index.h(DsVisuallyHidden, { "ds-tag": "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, 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), ...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 == 'small' ? 'small' : 'medium' }))), this.hasContent && (index.h("span", { class: `${baseClass}__value` }, index.h("slot", null, this.dsValue, 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();
@@ -149,7 +149,7 @@ const DsButton = class {
         "aria-expanded": ["ariaAttributeObserver"]
     }; }
 };
-utils.declareComponentDependencies([index.h("ds-icon", null), index.h("ds-spinner", null), index.h("ds-visually-hidden", null)]);
+utils.declareComponentDependencies([index.h("ds-icon", { dsName: "" }), index.h("ds-spinner", null), index.h("ds-visually-hidden", null)]);
 DsButton.style = dsButtonCss;
 
 exports.ds_button = DsButton;

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-2U1Nx9WX.js');
+var index = require('./index-BznR57Kw.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var utils = require('./utils-DKUG3eD2.js');
-var linkUtils = require('./linkUtils-B2KeM6yt.js');
-var cx = require('./cx-D--6JWST.js');
+var utils = require('./utils-CEhBgrbV.js');
+var linkUtils = require('./linkUtils-D0X9Iv15.js');
+var cx = require('./cx-Dt8K1m9s.js');
 var attributes = require('./attributes-CdVB4RPe.js');
-require('./store-tzSUtlue.js');
+require('./store-CUeJXPfW.js');
 
-const dsCardCss = ".sc-ds-card-h{display:block}.ds-card__7h4nsx.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__7h4nsx--fluid-height.sc-ds-card{height:100%}.ds-card__7h4nsx--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__7h4nsx--horizontal.sc-ds-card{flex-direction:row}}.ds-card__7h4nsx.ds-card__7h4nsx--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__7h4nsx.ds-card__7h4nsx--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)){border-color:var(--ds-borderColor-default);cursor:pointer}.ds-card__7h4nsx.ds-card__7h4nsx--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__7h4nsx__icon{color:var(--ds-textColor-link-standalone-hover)}.ds-card__7h4nsx.ds-card__7h4nsx--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__7h4nsx__heading{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__7h4nsx.ds-card__7h4nsx--link.sc-ds-card:active{border-color:var(--ds-borderColor-black)}.ds-card__7h4nsx.ds-card__7h4nsx--link.sc-ds-card:active .ds-card__7h4nsx__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__7h4nsx.ds-card__7h4nsx--link.sc-ds-card:active .ds-card__heading.sc-ds-card{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__7h4nsx.ds-card__7h4nsx--link.sc-ds-card{text-decoration:none}.ds-card__7h4nsx--filled.sc-ds-card{background-color:var(--ds-bgColor-neutral)}.ds-card__7h4nsx__image-container.sc-ds-card{display:none}.ds-card__7h4nsx__image-container--has-image.sc-ds-card{display:block;order:1;position:relative;width:100%}@media (min-width: 30rem){.ds-card__7h4nsx.sc-ds-card:not(.ds-card__7h4nsx--vertical) .ds-card__7h4nsx__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}.ds-card__7h4nsx__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__7h4nsx__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__7h4nsx__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%}.ds-card__7h4nsx__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__7h4nsx__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__7h4nsx__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__7h4nsx__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__7h4nsx__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__7h4nsx__heading__link.sc-ds-card{all:unset}.ds-card__7h4nsx__subtitle.sc-ds-card,.ds-card__7h4nsx__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__7h4nsx__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__7h4nsx__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__7h4nsx__slot-subtitle--hidden.sc-ds-card{display:none}";
+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 cardIdGenerator = utils.idGenerator('ds-card');
 const DsCard = class {
@@ -163,20 +163,20 @@ 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: '1e4d8af2824d7b37201c16a00804d9bd9dbe3c08', class: classes, onClick: this.handleClick, onKeyDown: this.handleKeydown, style: { '--description-line-clamp': descriptionClamp }, "aria-labelledby": headingId, ...this.inheritedAttributes }, index.h("div", { key: 'bb2ecb11ed462ab365b33db9befd8cb1c1a23846', class: `${baseClass}__content` }, index.h("div", { key: 'c47d2587ba2c02e68e46376a9f50757e910c21aa', class: {
+        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: {
                 [`${baseClass}__content--top`]: true,
                 [`${baseClass}__content--top--has-link`]: Boolean(this.dsUrl),
-            } }, index.h("div", { key: 'cb225c8ce9997b9d95e329a5aacb09ce11b5b808', 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: '098bbea6b972c5e7d7a44c7d97ffd5b092bacba1', class: `${baseClass}__eyebrow` }, this.dsEyebrow), this.dsSubtitle && index.h("div", { key: '73b9e1fcb42d9862f6620a3295ae9e89a5ad9c5a', class: `${baseClass}__subtitle` }, this.dsSubtitle), index.h("div", { key: 'a4697536ff1a02a38fecd0d56093d9ad6658f7ae', class: index$1.classNames(`${baseClass}__slot-subtitle`, {
+            } }, 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`, {
                 [`${baseClass}__slot-subtitle--hidden`]: !this.hasSubtitleSlot,
-            }) }, index.h("slot", { key: '0c2debf396a0906c63cc7b2f89d3b55898c3d957', name: "subtitle", onSlotchange: () => this.checkSubtitleSlot() }))), this.dsUrl && this.dsShowArrow && index.h(DsIcon, { key: 'fbb87354e95ce333d62dfe2ad117559ba5319202', class: `${baseClass}__icon`, "ds-name": this.linkIcon })), index.h("div", { key: 'affd6f5a0564d2c1a78508485adf6f03b3216fd5', class: index$1.classNames(`${baseClass}__content--bottom`, {
+            }) }, 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`, {
                 [`${baseClass}__content--bottom--has-slot-content`]: this.hasSlotContent,
-            }) }, this.dsDescription && index.h("p", { key: 'b060a30688ec71936296779ddd7f66b60db883fa', class: `${baseClass}__description` }, this.dsDescription), index.h("div", { key: 'f1bedc57ba2ce553828ba9f5245d4d6d578d55d6', class: `${baseClass}__slot--content` }, index.h("slot", { key: '99b6ce2b14ab1574e98d3106be86f4808c066e62', name: "content" })), index.h("div", { key: '070e5487f1a11576ffca408e6afb04cdc46adcdf', class: `${baseClass}__slot--footer` }, index.h("slot", { key: 'c2d9c42938c5e1bcc5f7bf4b537718745e9fa7d6', name: "footer" })))), index.h("div", { key: '44c30c25e8c89f7037977d3ed1d79f4171580520', class: {
+            }) }, 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: {
                 [`${baseClass}__image-container`]: true,
                 [`${baseClass}__image-container--has-image`]: this.hasImageSlot,
-            } }, this.dsTag && this.hasImageSlot && index.h("span", { key: '45debacd778a822adccbe6009438fdaffe52db3e', class: `${baseClass}__tag` }, this.dsTag), index.h("slot", { key: '099d389e20ed8233f02a84afac3ec4f826886515', name: "image", onSlotchange: () => this.checkImageSlot() }))));
+            } }, this.dsTag && this.hasImageSlot && index.h("span", { key: '4673d76968803950aa933fb3504c7cd7f212936d', class: `${baseClass}__tag` }, this.dsTag), index.h("slot", { key: 'a81e09b05282a779681bc3cef2862ffd78aaf984', name: "image", onSlotchange: () => this.checkImageSlot() }))));
     }
 };
-utils.declareComponentDependencies([index.h("ds-icon", null)]);
+utils.declareComponentDependencies([index.h("ds-icon", { dsName: "" })]);
 DsCard.style = dsCardCss;
 
 exports.ds_card = DsCard;

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-2U1Nx9WX.js');
+var index = require('./index-BznR57Kw.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-CdVB4RPe.js');
-var utils = require('./utils-DKUG3eD2.js');
-var controlUtils = require('./controlUtils-BnBt99oA.js');
-var cx = require('./cx-D--6JWST.js');
-require('./store-tzSUtlue.js');
+var utils = require('./utils-CEhBgrbV.js');
+var controlUtils = require('./controlUtils-Czp9pd8l.js');
+var cx = require('./cx-Dt8K1m9s.js');
+require('./store-CUeJXPfW.js');
 
-const dsCheckboxGroupCss = ".ds-checkbox-group__7h4nsx{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__7h4nsx__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__7h4nsx__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__7h4nsx__error{display:flex}.ds-checkbox-group__7h4nsx__error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__7h4nsx>.ds-checkbox-group__7h4nsx__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group__7h4nsx--inset{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__7h4nsx--horizontal>.ds-checkbox-group__7h4nsx__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";
+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 fieldsetIdGenerator = utils.idGenerator('ds-checkbox-group');
 const DsCheckboxGroup = class {

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-2U1Nx9WX.js');
+var index = require('./index-BznR57Kw.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-CdVB4RPe.js');
-var controlUtils = require('./controlUtils-BnBt99oA.js');
-var utils = require('./utils-DKUG3eD2.js');
-var cx = require('./cx-D--6JWST.js');
-require('./store-tzSUtlue.js');
+var controlUtils = require('./controlUtils-Czp9pd8l.js');
+var utils = require('./utils-CEhBgrbV.js');
+var cx = require('./cx-Dt8K1m9s.js');
+require('./store-CUeJXPfW.js');
 
-const dsCheckboxCss = ".ds-checkbox__7h4nsx-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__7h4nsx-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__7h4nsx-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__7h4nsx.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__7h4nsx__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__7h4nsx__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__7h4nsx__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__7h4nsx__input.sc-ds-checkbox:hover,.ds-checkbox__7h4nsx__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__7h4nsx__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__7h4nsx__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__7h4nsx__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__7h4nsx__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__7h4nsx__input--invalid.sc-ds-checkbox,.ds-checkbox__7h4nsx__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__7h4nsx__input--invalid.sc-ds-checkbox:indeterminate{border-color:var(--ds-borderColor-danger)}.ds-checkbox__7h4nsx__input.sc-ds-checkbox:checked,.ds-checkbox__7h4nsx__input.sc-ds-checkbox:indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__7h4nsx__input.sc-ds-checkbox:checked:hover,.ds-checkbox__7h4nsx__input.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__7h4nsx__input.sc-ds-checkbox:checked:active,.ds-checkbox__7h4nsx__input.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__7h4nsx__input.sc-ds-checkbox:checked:disabled,.ds-checkbox__7h4nsx__input.sc-ds-checkbox:indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__7h4nsx__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__7h4nsx__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__7h4nsx__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__7h4nsx__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__7h4nsx__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__7h4nsx--no-margin.sc-ds-checkbox .ds-checkbox__7h4nsx__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__7h4nsx--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__7h4nsx__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__7h4nsx.sc-ds-checkbox:has(.ds-checkbox__7h4nsx__input:disabled){cursor:not-allowed}.ds-checkbox__7h4nsx-error.sc-ds-checkbox{display:flex}.ds-checkbox__7h4nsx-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}";
+const dsCheckboxCss = ".ds-checkbox__PnoW6S-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__PnoW6S-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__PnoW6S-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__PnoW6S.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__PnoW6S__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__PnoW6S__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__PnoW6S__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__PnoW6S__input.sc-ds-checkbox:hover,.ds-checkbox__PnoW6S__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__PnoW6S__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__PnoW6S__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__PnoW6S__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__PnoW6S__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__PnoW6S__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__PnoW6S__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__PnoW6S__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__PnoW6S__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__PnoW6S__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__PnoW6S__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__PnoW6S__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__PnoW6S__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__PnoW6S__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__PnoW6S__input.sc-ds-checkbox:not(.ds-checkbox__PnoW6S__input--invalid):checked,.ds-checkbox__PnoW6S__input.sc-ds-checkbox:not(.ds-checkbox__PnoW6S__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__PnoW6S__input.sc-ds-checkbox:not(.ds-checkbox__PnoW6S__input--invalid):checked:hover,.ds-checkbox__PnoW6S__input.sc-ds-checkbox:not(.ds-checkbox__PnoW6S__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__PnoW6S__input.sc-ds-checkbox:not(.ds-checkbox__PnoW6S__input--invalid):checked:active,.ds-checkbox__PnoW6S__input.sc-ds-checkbox:not(.ds-checkbox__PnoW6S__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__PnoW6S__input.sc-ds-checkbox:not(.ds-checkbox__PnoW6S__input--invalid):checked:disabled,.ds-checkbox__PnoW6S__input.sc-ds-checkbox:not(.ds-checkbox__PnoW6S__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__PnoW6S__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__PnoW6S__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__PnoW6S__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__PnoW6S__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__PnoW6S__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__PnoW6S--no-margin.sc-ds-checkbox .ds-checkbox__PnoW6S__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__PnoW6S--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__PnoW6S__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__PnoW6S.sc-ds-checkbox:has(.ds-checkbox__PnoW6S__input:disabled){cursor:not-allowed}.ds-checkbox__PnoW6S-error.sc-ds-checkbox{display:flex}.ds-checkbox__PnoW6S-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 {

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-2U1Nx9WX.js');
-var utils = require('./utils-DKUG3eD2.js');
-var cx = require('./cx-D--6JWST.js');
+var index = require('./index-BznR57Kw.js');
+var utils = require('./utils-CEhBgrbV.js');
+var cx = require('./cx-Dt8K1m9s.js');
 var attributes = require('./attributes-CdVB4RPe.js');
-var controlUtils = require('./controlUtils-BnBt99oA.js');
-require('./store-tzSUtlue.js');
+var controlUtils = require('./controlUtils-Czp9pd8l.js');
+require('./store-CUeJXPfW.js');
 
-const dsChipGroupCss = ".ds-chip-group__7h4nsx__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__PnoW6S__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 {
@@ -158,7 +158,7 @@ const DsChipGroup = class {
         const ariaDescribedBy = attrAriaDescribedBy || [!!this.dsAssistiveText && assistiveTextId].filter(Boolean).join(' ');
         const ariaLabel = attrAriaLabel || this.dsLabel;
         const errorTextId = `${this.dsId}-error-text`;
-        return (index.h("div", { key: '706643e21f2bce24e1b89007c752e74756312ae3', 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: 'fd9123e229d7983585d798a4213e6c7234184333', "ds-label": this.dsLabel, "ds-assistive-text": this.dsAssistiveText, "ds-assistive-text-id": assistiveTextId }, index.h("slot", { key: '791b5801d3d0f09d65717b7c682648f2581fad5e', name: "label" }), index.h("slot", { key: '830f93ccfb8142704959a50b28eac46a78a8e5a3', name: "assistiveText" })), index.h("div", { key: '035bd473911a8c19bc649da9f3cb485624041c7a', role: "list", class: `${baseClass}__chips` }, index.h("slot", { key: 'fac16346935122cda2aacec9325e0bea92f05f26' })), this.internals?.form && this.internals?.validity.valid && this.childChips.map(chip => index.h("input", { type: "hidden", name: this.dsName, value: chip.dsValue })), !!this.dsErrorText && index.h(this.DsInputValidity, { key: '072e59e5a37e3a23dd5212f43487fa7f50bc943f', id: errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })));
+        return (index.h("div", { key: '999fc123f38e62878d4ad2f37ffd3fe4df6965c4', 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: '4be7d77d1844effcbcd58342f7c5a6e6d5968afe', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId }, index.h("slot", { key: 'ac3533bf1313fb35d1789a3ac6a520e898a76349', name: "label" }), index.h("slot", { key: 'b8540a3278c9569ed4da7db66e4fb038379d97a5', name: "assistiveText" })), index.h("div", { key: '5e44c69c8a228da57ddba8f7d4682cc402e9b6ad', role: "list", class: `${baseClass}__chips` }, index.h("slot", { key: '843efc52e58eb462824ad4cc2373cb9e27cb1860' })), this.internals?.form && this.internals?.validity.valid && this.childChips.map(chip => index.h("input", { type: "hidden", name: this.dsName, value: chip.dsValue })), !!this.dsErrorText && index.h(this.DsInputValidity, { key: 'f7bc5be3104fea6383aee6f128086ce97aa3ebed', id: errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {