npm - @uh-design-system/component-library - Versions diffs - 1.1.0-rc.5 → 1.1.0-rc.7 - Mend

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

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

Files changed (1610) hide show

package/dist/cjs/{controlUtils-BX2CIKGN.js → controlUtils-DKQQkF60.js} RENAMED Viewed

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

package/dist/cjs/{cx-C3dkRuL7.js → cx-BFjXaChr.js} RENAMED Viewed

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

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

@@ -1,12 +1,12 @@
 'use strict';
-var index = require('./index-8U_M7Dc3.js');
+var index = require('./index-Bt15Fpma.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-C3dkRuL7.js');
+var cx = require('./cx-BFjXaChr.js');
 var attributes = require('./attributes-CdVB4RPe.js');
-const dsAccordionCss = ".ds-accordion__BahgnS__open-button.sc-ds-accordion:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-accordion__BahgnS__open-button.sc-ds-accordion .ds-accordion__BahgnS.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__BahgnS--border-aligned.sc-ds-accordion::before,.ds-accordion__BahgnS__open-button.sc-ds-accordion .ds-accordion__BahgnS.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__BahgnS--border-aligned.sc-ds-accordion::after{content:\"\";position:absolute;top:0;width:var(--ds-spacing-small);height:100%}.ds-accordion__BahgnS__open-button.sc-ds-accordion .ds-accordion__BahgnS.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__BahgnS--border-aligned.sc-ds-accordion::before{left:calc(var(--ds-spacing-small) * -1)}.ds-accordion__BahgnS__open-button.sc-ds-accordion .ds-accordion__BahgnS.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__BahgnS--border-aligned.sc-ds-accordion::after{right:calc(var(--ds-spacing-small) * -1)}.ds-accordion__BahgnS__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__BahgnS__open-button.sc-ds-accordion:hover,.ds-accordion__BahgnS__open-button.sc-ds-accordion:hover::before,.ds-accordion__BahgnS__open-button.sc-ds-accordion:hover::after{background:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__BahgnS__open-button.sc-ds-accordion:active,.ds-accordion__BahgnS__open-button.sc-ds-accordion:active::before,.ds-accordion__BahgnS__open-button.sc-ds-accordion:active::after{background:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__BahgnS__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__BahgnS__open-button.sc-ds-accordion{color:var(--ds-textColor-default);outline:var(--ds-borderWidth-thick) solid transparent;fill:var(--ds-textColor-default);position:relative}.ds-accordion__BahgnS__open-button.ds-accordion__BahgnS--default.sc-ds-accordion{padding:var(--ds-spacing-small) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__BahgnS__open-button.ds-accordion__BahgnS--compact.sc-ds-accordion{font-size:var(--ds-fontSize-16);padding:var(--ds-spacing-xSmall) var(--ds-spacing-small) var(--ds-spacing-xSmall) var(--ds-spacing-small);line-height:var(--ds-lineHeight-large);font-weight:var(--ds-fontWeight-semibold)}.ds-accordion__BahgnS__open-button.ds-accordion__BahgnS--border-aligned.sc-ds-accordion:not(:focus-visible){padding-inline:0;margin-inline:var(--ds-spacing-small);position:relative;width:calc(100% - var(--ds-spacing-large))}.ds-accordion__BahgnS__open-button.sc-ds-accordion{all:unset;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);position:relative;width:100%}.sc-ds-accordion-h:first-child .ds-accordion__BahgnS__open-button.sc-ds-accordion:not(.ds-accordion__BahgnS--hide-top-border){border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.sc-ds-accordion-h:first-child .ds-accordion__BahgnS__open-button.sc-ds-accordion:not(.ds-accordion__BahgnS--hide-top-border):focus-visible{border-top-color:transparent}.ds-accordion__BahgnS__open-button.sc-ds-accordion:not(.ds-accordion__BahgnS--hide-bottom-border)[aria-expanded=false]{border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__BahgnS__panel--border-aligned.sc-ds-accordion::before{display:inline-block;content:\" \";position:absolute;bottom:-1px;height:1px;left:0;background:var(--ds-bgColor-white);width:var(--ds-spacing-small)}.ds-accordion__BahgnS__panel--border-aligned.sc-ds-accordion::after{display:inline-block;content:\" \";position:absolute;bottom:-1px;height:1px;right:0;background:var(--ds-bgColor-white);width:var(--ds-spacing-small)}.ds-accordion__BahgnS__panel--border-aligned.sc-ds-accordion{position:relative;width:calc(100% - 32px)}.ds-accordion__BahgnS__panel--expanded.sc-ds-accordion{display:block;border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light);padding-inline:var(--ds-spacing-small)}.ds-accordion__BahgnS__panel--expanded.sc-ds-accordion self__panel--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__BahgnS.sc-ds-accordion-s>[slot=header],.ds-accordion__BahgnS .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__BahgnS__content.sc-ds-accordion{color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);padding-block:var(--ds-spacing-2xSmall) var(--ds-spacing-small)}.ds-accordion__BahgnS__content.sc-ds-accordion .ds-accordion__BahgnS--default.sc-ds-accordion{font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-xLarge);letter-spacing:var(--ds-letterSpacing-wide)}@media (min-width: 30rem){.ds-accordion__BahgnS__content.sc-ds-accordion .ds-accordion__BahgnS--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__BahgnS__content.sc-ds-accordion .ds-accordion__BahgnS--compact.sc-ds-accordion{font-size:var(--fontSize-16);font-weight:var(--ds-fontWeight-regular);line-height:var(--ds-lineHeight-large);letter-spacing:var(--letterSpacing-wide)}.ds-accordion__BahgnS__close-button.sc-ds-accordion{display:flex;flex-direction:row;gap:var(--ds-spacing-2xSmall);font-family:var(--ds-fontFamily-body);letter-spacing:var(--ds-letterSpacing-wide);width:max-content}";
+const dsAccordionCss = ".ds-accordion__kfFKF0__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__kfFKF0__open-button.sc-ds-accordion .ds-accordion__kfFKF0.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__kfFKF0--border-aligned.sc-ds-accordion::before,.ds-accordion__kfFKF0__open-button.sc-ds-accordion .ds-accordion__kfFKF0.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__kfFKF0--border-aligned.sc-ds-accordion::after{content:\"\";position:absolute;top:0;width:var(--ds-spacing-small);height:100%}.ds-accordion__kfFKF0__open-button.sc-ds-accordion .ds-accordion__kfFKF0.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__kfFKF0--border-aligned.sc-ds-accordion::before{left:calc(var(--ds-spacing-small) * -1)}.ds-accordion__kfFKF0__open-button.sc-ds-accordion .ds-accordion__kfFKF0.sc-ds-accordion:hover:not(:focus-visible) .ds-accordion__kfFKF0--border-aligned.sc-ds-accordion::after{right:calc(var(--ds-spacing-small) * -1)}.ds-accordion__kfFKF0__open-button.sc-ds-accordion:hover{cursor:pointer}.ds-accordion__kfFKF0__open-button.sc-ds-accordion:hover,.ds-accordion__kfFKF0__open-button.sc-ds-accordion:hover::before,.ds-accordion__kfFKF0__open-button.sc-ds-accordion:hover::after{background:var(--ds-bgColor-transparent-onLight-hover)}.ds-accordion__kfFKF0__open-button.sc-ds-accordion:active,.ds-accordion__kfFKF0__open-button.sc-ds-accordion:active::before,.ds-accordion__kfFKF0__open-button.sc-ds-accordion:active::after{background:var(--ds-bgColor-transparent-onLight-active)}.ds-accordion__kfFKF0__open-button.sc-ds-accordion:focus-visible{z-index:1}.ds-accordion__kfFKF0__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__kfFKF0__open-button.ds-accordion__kfFKF0--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__kfFKF0__open-button.ds-accordion__kfFKF0--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__kfFKF0__open-button.ds-accordion__kfFKF0--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__kfFKF0__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__kfFKF0__open-button.sc-ds-accordion:not(.ds-accordion__kfFKF0--hide-top-border){border-top:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.sc-ds-accordion-h:first-child .ds-accordion__kfFKF0__open-button.sc-ds-accordion:not(.ds-accordion__kfFKF0--hide-top-border):focus-visible{border-top-color:transparent}.ds-accordion__kfFKF0__open-button.sc-ds-accordion:not(.ds-accordion__kfFKF0--hide-bottom-border)[aria-expanded=false]{border-bottom:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-light)}.ds-accordion__kfFKF0__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__kfFKF0__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__kfFKF0__panel--border-aligned.sc-ds-accordion{position:relative;width:calc(100% - 32px)}.ds-accordion__kfFKF0__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__kfFKF0__panel--expanded.sc-ds-accordion self__panel--hide-bottom-border.sc-ds-accordion{border-bottom:0}.ds-accordion__kfFKF0.sc-ds-accordion-s>[slot=header],.ds-accordion__kfFKF0 .sc-ds-accordion-s>[slot=header]{color:var(--ds-textColor-default)}.ds-accordion__kfFKF0__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__kfFKF0__content.sc-ds-accordion .ds-accordion__kfFKF0--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__kfFKF0__content.sc-ds-accordion .ds-accordion__kfFKF0--default.sc-ds-accordion{font-size:var(--ds-fontSize-18)}}.ds-accordion__kfFKF0__content.sc-ds-accordion .ds-accordion__kfFKF0--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__kfFKF0__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) {
@@ -77,9 +77,9 @@ const DsAccordion = class {
                 [`${baseClass}__panel--border-aligned`]: this.dsBorderAligned,
                 [`${baseClass}__panel--expanded`]: this.isExpanded,
                 [`${baseClass}__panel--hide-bottom-border`]: this.dsHideBottomBorder,
-            }), hidden: !this.isExpanded }, index.h("div", { key: '4ccc901a02799d39641145366730bf1726f95cf0', class: `${baseClass}__content` }, index.h("slot", { key: '7027a2e3dc1784ecfe8be6f18a12c7a2b414affb', name: "content" })), this.dsUseCloseButton && (index.h(DsButton, { key: 'c5230e81cdbe042a4578a4acd3c704087a2ba1b8', id: `${this.dsId}-close-button`, class: index$1.classNames(`${baseClass}__close-button`, `${baseClass}--${this.dsVariant}`, {
+            }), hidden: !this.isExpanded }, index.h("div", { key: '4ccc901a02799d39641145366730bf1726f95cf0', class: `${baseClass}__content` }, index.h("slot", { key: '7027a2e3dc1784ecfe8be6f18a12c7a2b414affb', name: "content" })), this.dsUseCloseButton && (index.h(DsButton, { key: 'fc4ba607169579bf4caa03736fd8d585810dd83d', id: `${this.dsId}-close-button`, class: index$1.classNames(`${baseClass}__close-button`, `${baseClass}--${this.dsVariant}`, {
                 [`${baseClass}--border-aligned`]: this.dsBorderAligned,
-            }), dsVariant: "supplementary", dsColour: "black", dsIcon: "keyboard_arrow_up", dsIconPosition: "start", onClick: this.handleClick, onKeyDown: this.handleKeyDown, dsValue: this.dsCloseButtonLabel, dsSize: buttonSize, dsType: "button" }))))));
+            }), dsVariant: "supplementary", dsColour: "black", dsIcon: "keyboard_arrow_up", dsIconPosition: "start", onClick: this.handleClick, onKeyDown: this.handleKeyDown, dsText: this.dsCloseButtonLabel, dsSize: buttonSize, dsType: "button" }))))));
     }
     static get watchers() { return {
         "isExpanded": ["watchHandler"]

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

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

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

@@ -0,0 +1,32 @@
+'use strict';
+var index = require('./index-Bt15Fpma.js');
+var index$1 = require('./index-Bp6Dd2i1.js');
+var cx = require('./cx-BFjXaChr.js');
+var utils = require('./utils-CEhBgrbV.js');
+const dsBadgeCss = ".ds-badge__kfFKF0.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__kfFKF0--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__kfFKF0--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__kfFKF0--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__kfFKF0--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__kfFKF0--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__kfFKF0--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__kfFKF0--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__kfFKF0__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}";
+const dsBadgeIdGenerator = utils.idGenerator('ds-badge');
+const DsBadge = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get el() { return index.getElement(this); }
+    dsId = dsBadgeIdGenerator.next().value;
+    dsText = '';
+    dsVariant = 'default';
+    dsHiddenAssistiveText;
+    dsAriaLabel;
+    get DsVisuallyHidden() {
+        return utils.transformTagName('ds-visually-hidden', 'ds-badge', this.el);
+    }
+    render() {
+        const baseClass = cx.cx('ds-badge');
+        return (index.h("div", { key: '6dd38424a4fcec26f23cd1cb786d157ce15b2b7b', class: index$1.classNames(baseClass, `${baseClass}--${this.dsVariant}`) }, index.h("div", { key: '770553990729afbc0458ccde1e1a6b42b01d25cb', class: `${baseClass}__content` }, index.h("span", { key: '0b17909fc5964f7d6dc7d8d8dd61ba9c67455dec', class: "ds-text-semibold-xs", id: this.dsId, "aria-label": this.dsAriaLabel }, index.h("slot", { key: '8eb5b5c05ea8553aa67d69ef1c1c16183fcfcb69' }, this.dsText, this.dsHiddenAssistiveText && index.h(this.DsVisuallyHidden, { key: '811fd217607129b96888df7d5d2a122131cff3e4', dsTag: "span" }, this.dsHiddenAssistiveText))))));
+    }
+};
+utils.declareComponentDependencies([index.h("ds-visually-hidden", null)]);
+DsBadge.style = dsBadgeCss;
+exports.ds_badge = DsBadge;

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

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-8U_M7Dc3.js');
+var index = require('./index-Bt15Fpma.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-C3dkRuL7.js');
+var cx = require('./cx-BFjXaChr.js');
 const linkFactory = (Base) => {
     const BaseLink = class extends Base {
@@ -29,7 +29,7 @@ const linkFactory = (Base) => {
     return BaseLink;
 };
-const dsBreadcrumbCss = ".sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__BahgnS.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__BahgnS--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__BahgnS__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__BahgnS__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__BahgnS__content__link.sc-ds-breadcrumb [part~=\"link\"]{vertical-align:middle}.ds-breadcrumb__BahgnS__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}";
+const dsBreadcrumbCss = ".sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__kfFKF0.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__kfFKF0--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__kfFKF0__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__kfFKF0__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__kfFKF0__content__link.sc-ds-breadcrumb [part~=\"link\"]{vertical-align:middle}.ds-breadcrumb__kfFKF0__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}";
 const DsBreadcrumb = class extends index.Mixin(linkFactory) {
     constructor(hostRef) {
@@ -72,9 +72,9 @@ const DsBreadcrumb = class extends index.Mixin(linkFactory) {
     render() {
         const baseClass = cx.cx('ds-breadcrumb');
         const contentClass = `${baseClass}__content`;
-        return (index.h(index.Host, { key: '26bf34eeaba66b557f2582362b3dacc568813c17', role: "listitem" }, index.h("div", { key: '2ddd55205a47513b3d53892c5e0dd9580bb8cfb6', class: index$1.classNames(baseClass, {
+        return (index.h(index.Host, { key: '908f257c3483a57aace5356a3ee664abb016a385', role: "listitem" }, index.h("div", { key: 'c57fc14d4f1df21ec84a08adbf68e460b58326c0', class: index$1.classNames(baseClass, {
                 [`${baseClass}--hidden`]: this.dsIsHidden,
-            }) }, index.h("div", { key: '644d314c8c0359fc833a6d5a4afec6918aa04e2e', class: contentClass }, this.dsHasSeparator ? index.h(this.DsBreadcrumbsSeparator, { dsIcon: this.dsSeparatorIcon }) : null, this.dsIsCurrentPage ? this.renderCurrentPageCrumb(contentClass) : this.renderLinkCrumb(contentClass)))));
+            }) }, index.h("div", { key: 'e7170fd4d6db6c355919f7b1a3185a522b3f584e', class: contentClass }, this.dsHasSeparator ? index.h(this.DsBreadcrumbsSeparator, { dsIcon: this.dsSeparatorIcon }) : null, this.dsIsCurrentPage ? this.renderCurrentPageCrumb(contentClass) : this.renderLinkCrumb(contentClass)))));
     }
     static get watchers() { return {
         "dsIsHidden": ["dsIsHiddenObserver"]

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-8U_M7Dc3.js');
+var index = require('./index-Bt15Fpma.js');
 var utils = require('./utils-CEhBgrbV.js');
 const dsBreadcrumbsCollapsibleCss = ":host{display:contents}";
@@ -35,7 +35,7 @@ const DsBreadcrumbsCollapsible = class {
         this.collapsibleTarget = this.el.querySelector(this.DsBreadcrumb);
     };
     render() {
-        return (index.h(index.Fragment, { key: '4893d8a7d27444d7d73a232d8df5039eb43c09e9' }, index.h(this.DsBreadcrumbsExpandButton, { key: '9d851cf0d95bf67df35eb1f507b05f09b50a4cbb', dsIsHidden: this.dsIsExpandButtonHidden, dsSeparatorIcon: this.dsSeparatorIcon }), index.h("slot", { key: 'a294dff7129a7c53d6c06a40cea541712c061e0c', onSlotchange: this.handleDefaultSlotChange })));
+        return (index.h(index.Fragment, { key: '00b51db6395dda6347a68e2e0558ecc030ff0978' }, index.h(this.DsBreadcrumbsExpandButton, { key: '20010f18dda5bab38f2aed8fbe18769f318483c1', dsIsHidden: this.dsIsExpandButtonHidden, dsSeparatorIcon: this.dsSeparatorIcon }), index.h("slot", { key: '1a2fe714ff749a07a412589ead8a3fedff012494', onSlotchange: this.handleDefaultSlotChange })));
     }
 };
 utils.declareComponentDependencies([index.h("ds-breadcrumbs-expand-button", null)]);

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

@@ -1,12 +1,12 @@
 'use strict';
-var index = require('./index-8U_M7Dc3.js');
+var index = require('./index-Bt15Fpma.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var store = require('./store-D-QYoTfP.js');
-var cx = require('./cx-C3dkRuL7.js');
+var store = require('./store-CBJaw2iH.js');
+var cx = require('./cx-BFjXaChr.js');
 var utils = require('./utils-CEhBgrbV.js');
-const dsBreadcrumbsExpandButtonCss = ".ds-breadcrumbs-expand-button__BahgnS.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__BahgnS--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__BahgnS__button.sc-ds-breadcrumbs-expand-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-breadcrumbs-expand-button__BahgnS__button.sc-ds-breadcrumbs-expand-button{background:none;border:none;padding:0;margin:0;overflow:visible;text-transform:none;display:inline;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:inherit;font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);vertical-align:middle;line-height:1.375;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-breadcrumbs-expand-button__BahgnS__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__BahgnS__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}";
+const dsBreadcrumbsExpandButtonCss = ".ds-breadcrumbs-expand-button__kfFKF0.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__kfFKF0--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__kfFKF0__button.sc-ds-breadcrumbs-expand-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-breadcrumbs-expand-button__kfFKF0__button.sc-ds-breadcrumbs-expand-button{background:none;border:none;padding:0;margin:0;overflow:visible;text-transform:none;display:inline;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:inherit;font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);vertical-align:middle;line-height:1.375;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-breadcrumbs-expand-button__kfFKF0__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__kfFKF0__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}";
 const DsBreadcrumbsExpandButton = class {
     constructor(hostRef) {
@@ -35,9 +35,9 @@ const DsBreadcrumbsExpandButton = class {
     };
     render() {
         const baseClass = cx.cx('ds-breadcrumbs-expand-button');
-        return (index.h("div", { key: '6da34d42a909d8a1d0e2fe521f7a355d3b8e6a9b', role: "listitem", class: index$1.classNames(baseClass, {
+        return (index.h("div", { key: '613c93d1ecb890375e7c7707318c1562a13ef311', role: "listitem", class: index$1.classNames(baseClass, {
                 [`${baseClass}--hidden`]: this.dsIsHidden,
-            }) }, index.h(this.DsBreadcrumbsSeparator, { key: 'd2e406878b8545e823f554f77d5c7d215a386d2d', dsIcon: this.dsSeparatorIcon }), index.h("button", { key: 'e3b174f2ad1b474ea687a7ae62a7ed802b932498', "aria-label": this.showFullBreadcrumbTrail, class: `${baseClass}__button`, onClick: this.handleExpandButtonClick }, "\u2026")));
+            }) }, index.h(this.DsBreadcrumbsSeparator, { key: 'eebadf5d1d4a04a3089ac79b84174781334310e8', dsIcon: this.dsSeparatorIcon }), index.h("button", { key: '54ef6065c84a1e8319b15ae78830ffddc147e677', "aria-label": this.showFullBreadcrumbTrail, class: `${baseClass}__button`, onClick: this.handleExpandButtonClick }, "\u2026")));
     }
 };
 utils.declareComponentDependencies([index.h("ds-breadcrumbs-separator", null)]);

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

@@ -1,10 +1,10 @@
 'use strict';
-var index = require('./index-8U_M7Dc3.js');
-var cx = require('./cx-C3dkRuL7.js');
+var index = require('./index-Bt15Fpma.js');
+var cx = require('./cx-BFjXaChr.js');
 var utils = require('./utils-CEhBgrbV.js');
-const dsBreadcrumbsSeparatorCss = ".ds-breadcrumbs-separator__BahgnS.sc-ds-breadcrumbs-separator{display:inline-block;line-height:var(--ds-lineHeight-large);vertical-align:middle;margin-left:var(--ds-spacing-3xSmall, 4px);margin-right:var(--ds-spacing-3xSmall, 4px)}@media (min-width: 60rem){.ds-breadcrumbs-separator__BahgnS.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}";
+const dsBreadcrumbsSeparatorCss = ".ds-breadcrumbs-separator__kfFKF0.sc-ds-breadcrumbs-separator{display:inline-block;line-height:var(--ds-lineHeight-large);vertical-align:middle;margin-left:var(--ds-spacing-3xSmall, 4px);margin-right:var(--ds-spacing-3xSmall, 4px)}@media (min-width: 60rem){.ds-breadcrumbs-separator__kfFKF0.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}";
 const DsBreadcrumbsSeparator = class {
     constructor(hostRef) {
@@ -17,7 +17,7 @@ const DsBreadcrumbsSeparator = class {
     }
     render() {
         const baseClass = cx.cx('ds-breadcrumbs-separator');
-        return index.h(this.DsIcon, { key: '0feda7224034bd4074c8fe7d0efaed862ab3daf4', class: baseClass, dsName: this.dsIcon, dsSize: "1rem" });
+        return index.h(this.DsIcon, { key: 'fc224417870ebe248876aab41fe654882ac00b62', class: baseClass, dsName: this.dsIcon, dsSize: "1rem" });
     }
 };
 DsBreadcrumbsSeparator.style = dsBreadcrumbsSeparatorCss;

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

@@ -1,11 +1,11 @@
 'use strict';
-var index = require('./index-8U_M7Dc3.js');
-var cx = require('./cx-C3dkRuL7.js');
-var store = require('./store-D-QYoTfP.js');
+var index = require('./index-Bt15Fpma.js');
+var cx = require('./cx-BFjXaChr.js');
+var store = require('./store-CBJaw2iH.js');
 var utils = require('./utils-Bn8hsElG.js');
-const dsBreadcrumbsCss = ".ds-breadcrumbs__BahgnS{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__BahgnS{min-height:32px}}.ds-breadcrumbs__BahgnS__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__BahgnS__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}";
+const dsBreadcrumbsCss = ".ds-breadcrumbs__kfFKF0{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__kfFKF0{min-height:32px}}.ds-breadcrumbs__kfFKF0__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__kfFKF0__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}";
 const DsBreadcrumbs = class {
     constructor(hostRef) {
@@ -40,7 +40,7 @@ const DsBreadcrumbs = class {
     }
     render() {
         const baseClass = cx.cx('ds-breadcrumbs');
-        return (index.h("nav", { key: '9bd5d6670c943be0e1631af7f591655e751a7d05', class: baseClass, "aria-label": this.dsAriaLabel || this.breadcrumb }, index.h("div", { key: '209853be22cc61d74ba970db4646bbc4ed3c9d1c', role: "list", class: `${baseClass}__breadcrumbs` }, index.h("slot", { key: '792d969633643099bc55d26aa4fd831de0c5b7e9' }))));
+        return (index.h("nav", { key: '3346bddfcd085024dfe2157733c16f87881413a0', class: baseClass, "aria-label": this.dsAriaLabel || this.breadcrumb }, index.h("div", { key: '0e221372dd91b3030a0329c77049046639f7e25a', role: "list", class: `${baseClass}__breadcrumbs` }, index.h("slot", { key: '5603b5cb178fb3b68a4c9aedec9f684aa668df6a' }))));
     }
     static get watchers() { return {
         "size": ["sizeObserver"]

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

@@ -1,12 +1,12 @@
 'use strict';
-var index = require('./index-8U_M7Dc3.js');
+var index = require('./index-Bt15Fpma.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-CdVB4RPe.js');
 var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-C3dkRuL7.js');
+var cx = require('./cx-BFjXaChr.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__BahgnS--full-width){width:100%}.ds-button__BahgnS.sc-ds-button{width:100%;align-items:center;border-radius:0;border-style:solid;display:flex;font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);outline:4px solid transparent;justify-content:center}.ds-button__BahgnS.sc-ds-button:not(.ds-button__BahgnS--supplementary) .ds-button__BahgnS__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__BahgnS--supplementary.sc-ds-button:has(.ds-button__BahgnS__spinner) .ds-button__BahgnS__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__BahgnS__icon.sc-ds-button{height:1.5rem}.ds-button__BahgnS.sc-ds-button:has(.ds-button__BahgnS__spinner):not(.ds-button__BahgnS--small) .ds-button__BahgnS__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__BahgnS--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__BahgnS.sc-ds-button:not(.ds-button__BahgnS--small):not(.ds-button__BahgnS--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__BahgnS.sc-ds-button:not(.ds-button__BahgnS--small).ds-button__BahgnS--secondary{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__BahgnS.sc-ds-button:not(.ds-button__BahgnS--small).ds-button__BahgnS--icon-only{padding-left:0;padding-right:0}.ds-button__BahgnS--small.sc-ds-button:not(.ds-button__BahgnS--secondary){border-width:0px;font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__BahgnS--small.ds-button__BahgnS--secondary.sc-ds-button{border-width:var(--ds-borderWidth-thin);font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__BahgnS--small.ds-button__BahgnS--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__BahgnS--small.sc-ds-button .ds-button__BahgnS__icon.sc-ds-button{height:1rem}.ds-button__BahgnS--icon-start.sc-ds-button:not(.ds-button__BahgnS--small) .ds-button__BahgnS__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__BahgnS--icon-end.sc-ds-button:not(.ds-button__BahgnS--small) .ds-button__BahgnS__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--primary.ds-button__BahgnS--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black.sc-ds-button{background-color:transparent;border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white.sc-ds-button{background-color:transparent;border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--secondary.ds-button__BahgnS--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-primary);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-default);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white.sc-ds-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-black);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-white);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white.sc-ds-button{background-color:transparent;border-color:transparent;color:var(--ds-textColor-white);padding-right:var(--ds-spacing-4xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white.sc-ds-button:active,.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white.ds-button__BahgnS--disabled.sc-ds-button,.ds-button__BahgnS.ds-button__BahgnS--supplementary.ds-button__BahgnS--white.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onDark)}";
+const 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__kfFKF0--full-width){width:100%}.ds-button__kfFKF0.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__kfFKF0.sc-ds-button:not(.ds-button__kfFKF0--supplementary) .ds-button__kfFKF0__value.sc-ds-button{padding-right:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-3xSmall)}.ds-button__kfFKF0--supplementary.sc-ds-button:has(.ds-button__kfFKF0__spinner) .ds-button__kfFKF0__value.sc-ds-button{padding-right:0;padding-left:var(--ds-spacing-3xSmall)}.ds-button__kfFKF0__icon.sc-ds-button{height:1.5rem}.ds-button__kfFKF0.sc-ds-button:has(.ds-button__kfFKF0__spinner):not(.ds-button__kfFKF0--small) .ds-button__kfFKF0__value.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__kfFKF0--icon-only.sc-ds-button{aspect-ratio:1;justify-content:center}.ds-button__kfFKF0.sc-ds-button:not(.ds-button__kfFKF0--small):not(.ds-button__kfFKF0--secondary){border-width:0px;font-size:var(--ds-fontSize-18);min-height:44px;padding:var(--ds-spacing-3xSmall) var(--ds-spacing-xSmall)}.ds-button__kfFKF0.sc-ds-button:not(.ds-button__kfFKF0--small).ds-button__kfFKF0--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__kfFKF0.sc-ds-button:not(.ds-button__kfFKF0--small).ds-button__kfFKF0--icon-only{padding-left:0;padding-right:0}.ds-button__kfFKF0--small.sc-ds-button:not(.ds-button__kfFKF0--secondary){border-width:0px;font-size:var(--ds-fontSize-14);min-height:32px;padding:var(--ds-spacing-4xSmall) var(--ds-spacing-2xSmall)}.ds-button__kfFKF0--small.ds-button__kfFKF0--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__kfFKF0--small.ds-button__kfFKF0--icon-only.sc-ds-button{padding-left:0;padding-right:0;width:32px}.ds-button__kfFKF0--small.sc-ds-button .ds-button__kfFKF0__icon.sc-ds-button{height:1rem}.ds-button__kfFKF0--icon-start.sc-ds-button:not(.ds-button__kfFKF0--small) .ds-button__kfFKF0__icon.sc-ds-button{margin-right:var(--ds-spacing-3xSmall)}.ds-button__kfFKF0--icon-end.sc-ds-button:not(.ds-button__kfFKF0--small) .ds-button__kfFKF0__icon.sc-ds-button{margin-left:var(--ds-spacing-3xSmall)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--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__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--blue.sc-ds-button{background-color:var(--ds-bgColor-primary);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--blue.sc-ds-button:active,.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--blue--active.sc-ds-button{background-color:var(--ds-bgColor-primary-active)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--blue.ds-button__kfFKF0--disabled.sc-ds-button,.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--blue.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--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__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--black.sc-ds-button{background-color:var(--ds-bgColor-black);border-color:transparent;color:var(--ds-textColor-white)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--black.sc-ds-button:hover{background-color:var(--ds-bgColor-black-hover)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--black.sc-ds-button:active,.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--black--active.sc-ds-button{background-color:var(--ds-bgColor-black-active)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--black.ds-button__kfFKF0--disabled.sc-ds-button,.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--black.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onLight);border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--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__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--white.sc-ds-button{background-color:var(--ds-bgColor-white);border-color:transparent;color:var(--ds-textColor-default)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--white.sc-ds-button:hover{background-color:var(--ds-bgColor-white-hover)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--white.sc-ds-button:active,.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--white--active.sc-ds-button{background-color:var(--ds-bgColor-white-active)}.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--white.ds-button__kfFKF0--disabled.sc-ds-button,.ds-button__kfFKF0.ds-button__kfFKF0--primary.ds-button__kfFKF0--white.sc-ds-button:disabled{background-color:var(--ds-bgColor-disabled-onDark);border-color:transparent;color:var(--ds-textColor-disabled-onDark)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--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__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--blue.sc-ds-button{background-color:var(--ds-bgColor-secondary);border-color:var(--ds-borderColor-primary);color:var(--ds-textColor-primary)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--blue.sc-ds-button:active,.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--blue.ds-button__kfFKF0--disabled.sc-ds-button,.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--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__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--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__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--black.sc-ds-button{background-color:transparent;border-color:var(--ds-borderColor-black);color:var(--ds-textColor-default)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--black.sc-ds-button:active,.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--black.ds-button__kfFKF0--disabled.sc-ds-button,.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--black.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onLight);color:var(--ds-textColor-disabled-onLight)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--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__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--white.sc-ds-button{background-color:transparent;border-color:var(--ds-borderColor-white);color:var(--ds-textColor-white)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--white.sc-ds-button:active,.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--white.ds-button__kfFKF0--disabled.sc-ds-button,.ds-button__kfFKF0.ds-button__kfFKF0--secondary.ds-button__kfFKF0--white.sc-ds-button:disabled{background-color:transparent;border-color:var(--ds-borderColor-disabled-onDark);color:var(--ds-textColor-disabled-onDark)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--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__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--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__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--blue.sc-ds-button:hover{background-color:var(--ds-bgColor-secondary-hover)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--blue.sc-ds-button:active,.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--blue--active.sc-ds-button{background-color:var(--ds-bgColor-secondary-active)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--blue.ds-button__kfFKF0--disabled.sc-ds-button,.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--blue.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--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__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--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__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--black.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onLight-hover)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--black.sc-ds-button:active,.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--black--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onLight-active)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--black.ds-button__kfFKF0--disabled.sc-ds-button,.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--black.sc-ds-button:disabled{background-color:transparent;border-color:transparent;color:var(--ds-textColor-disabled-onLight)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--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__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--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__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--white.sc-ds-button:hover{background-color:var(--ds-bgColor-transparent-onDark-hover)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--white.sc-ds-button:active,.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--white--active.sc-ds-button{background-color:var(--ds-bgColor-transparent-onDark-active)}.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--white.ds-button__kfFKF0--disabled.sc-ds-button,.ds-button__kfFKF0.ds-button__kfFKF0--supplementary.ds-button__kfFKF0--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 {
@@ -20,6 +20,7 @@ const DsButton = class {
     dsForm;
     dsId = buttonIdGenerator.next().value;
     dsName = this.dsId;
+    dsText = '';
     dsValue = '';
     dsVariant = 'primary';
     dsColour = 'blue';
@@ -41,6 +42,7 @@ const DsButton = class {
     dsActive = false;
     hasContent = false;
     isActive = this.dsActive;
+    text = '';
     async setFocus() {
         this.buttonEl.focus();
     }
@@ -53,10 +55,11 @@ const DsButton = class {
             ...attributes.inheritAttributes(this, this.el),
             ...attributes.inheritAriaAttributes(this.el),
         };
+        this.text = this.dsText || this.dsValue;
     }
     componentDidLoad() {
         this.hasContent =
-            !!this.dsValue ||
+            !!this.text ||
                 Array.from(this.el.childNodes).some(node => {
                     if (node.nodeType === Node.ELEMENT_NODE) {
                         const elem = node;
@@ -68,6 +71,14 @@ const DsButton = class {
                     return false;
                 });
     }
+    dsTextObserver(newValue) {
+        this.text = newValue || this.dsValue;
+    }
+    dsValueObserver(newValue) {
+        if (!this.dsText) {
+            this.text = newValue;
+        }
+    }
     dsActiveObserver(newValue) {
         this.isActive = newValue;
     }
@@ -134,13 +145,15 @@ 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, { dsTag: "span" }, this.dsHiddenAssistiveText)))), index.h("slot", { name: "suffix" }, this.dsIcon && this.dsIconPosition === 'end' && this.renderIcon(baseClass))));
+        return (index.h("button", { ref: el => (this.buttonEl = el), class: classes, id: this.dsId, value: this.dsValue, name: this.dsName, form: this.dsForm, type: this.dsType, disabled: this.dsDisabled, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, ...utils.ifDefined('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.text, this.dsHiddenAssistiveText && index.h(DsVisuallyHidden, { dsTag: "span" }, this.dsHiddenAssistiveText)))), index.h("slot", { name: "suffix" }, this.dsIcon && this.dsIconPosition === 'end' && this.renderIcon(baseClass))));
     };
     render() {
         const buttonElement = this.renderButton();
         return this.dsUseSpinner ? index.h("div", { "aria-live": "polite" }, buttonElement) : buttonElement;
     }
     static get watchers() { return {
+        "dsText": ["dsTextObserver"],
+        "dsValue": ["dsValueObserver"],
         "dsActive": ["dsActiveObserver"],
         "aria-disabled": ["ariaAttributeObserver"],
         "aria-label": ["ariaAttributeObserver"],

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

@@ -1,14 +1,14 @@
 'use strict';
-var index = require('./index-8U_M7Dc3.js');
+var index = require('./index-Bt15Fpma.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-CEhBgrbV.js');
-var linkUtils = require('./linkUtils-lH2dmuOG.js');
-var cx = require('./cx-C3dkRuL7.js');
+var linkUtils = require('./linkUtils-D3rn22rq.js');
+var cx = require('./cx-BFjXaChr.js');
 var attributes = require('./attributes-CdVB4RPe.js');
-require('./store-D-QYoTfP.js');
+require('./store-CBJaw2iH.js');
-const dsCardCss = ".sc-ds-card-h{display:block}.ds-card__BahgnS.sc-ds-card{background-color:var(--ds-bgColor-white);border:1px solid var(--ds-borderColor-light);color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;hyphens:auto;height:auto}.ds-card__BahgnS--fluid-height.sc-ds-card{height:100%}.ds-card__BahgnS--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__BahgnS--horizontal.sc-ds-card{flex-direction:row}}.ds-card__BahgnS.ds-card__BahgnS--focused.sc-ds-card{box-shadow:false 0 0 0 var(--ds-borderWidth-thick) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * -1 * -1)}.ds-card__BahgnS.ds-card__BahgnS--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)){border-color:var(--ds-borderColor-default);cursor:pointer}.ds-card__BahgnS.ds-card__BahgnS--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__BahgnS__icon{color:var(--ds-textColor-link-standalone-hover)}.ds-card__BahgnS.ds-card__BahgnS--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__BahgnS__heading{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__BahgnS.ds-card__BahgnS--link.sc-ds-card:active{border-color:var(--ds-borderColor-black)}.ds-card__BahgnS.ds-card__BahgnS--link.sc-ds-card:active .ds-card__BahgnS__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__BahgnS.ds-card__BahgnS--link.sc-ds-card:active .ds-card__heading.sc-ds-card{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__BahgnS.ds-card__BahgnS--link.sc-ds-card{text-decoration:none}.ds-card__BahgnS.sc-ds-card .ds-card__BahgnS__heading__link.sc-ds-card:after{content:\"\";position:absolute;inset:0}.ds-card__BahgnS--filled.sc-ds-card{background-color:var(--ds-bgColor-neutral)}.ds-card__BahgnS__image-container.sc-ds-card{display:none}.ds-card__BahgnS__image-container--has-image.sc-ds-card{display:block;order:1;position:relative;width:100%;height:auto}@media (min-width: 30rem){.ds-card__BahgnS.sc-ds-card:not(.ds-card__BahgnS--vertical) .ds-card__BahgnS__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__BahgnS.sc-ds-card:not(.ds-card__BahgnS--horizontal) .ds-card__BahgnS__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__BahgnS__tag.sc-ds-card{background-color:var(--ds-bgColor-black);color:var(--ds-textColor-white);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);left:-10px;letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);min-height:24px;padding-block:1.5px;padding-inline:var(--ds-spacing-2xSmall);position:absolute;top:1rem;z-index:2}.ds-card__BahgnS__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__BahgnS__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%;position:relative}.ds-card__BahgnS__content--top.sc-ds-card{align-items:center;display:flex;gap:var(--ds-spacing-small);justify-content:space-between;padding:var(--ds-spacing-xSmall) var(--ds-spacing-small)}.ds-card__BahgnS__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__BahgnS__eyebrow.sc-ds-card{color:var(--ds-textColor-secondary);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);margin-bottom:var(--ds-spacing-2xSmall);order:1}.ds-card__BahgnS__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__BahgnS__heading.sc-ds-card{align-items:center;color:var(--ds-textColor-default);display:flex;font-size:var(--ds-fontSize-20);font-family:var(--ds-fontFamily-body);font-weight:var(--ds-fontWeight-semibold);margin:0;margin-bottom:var(--ds-spacing-3xSmall);order:2;justify-content:space-between;text-wrap:balance}.ds-card__BahgnS__heading__link.sc-ds-card{all:unset}.ds-card__BahgnS__subtitle.sc-ds-card,.ds-card__BahgnS__slot-subtitle.sc-ds-card{font-size:var(--ds-fontSize-16);font-family:var(--ds-fontFamily-body);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);letter-spacing:var(--ds-letterSpacing-wide);order:3}.ds-card__BahgnS__description.sc-ds-card{-webkit-box-orient:vertical;-webkit-line-clamp:var(--description-line-clamp, \"none\");color:var(--ds-textColor-default);display:-webkit-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);letter-spacing:var(--ds-letterSpacing-wide);line-clamp:var(--description-line-clamp, \"none\");line-height:var(--ds-lineHeight-large);margin:0 0 var(--ds-spacing-small) 0;overflow:hidden;padding:0 var(--ds-spacing-small);text-wrap:pretty}.ds-card__BahgnS__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__BahgnS__slot-subtitle--hidden.sc-ds-card{display:none}";
+const dsCardCss = ".sc-ds-card-h{display:block}.ds-card__kfFKF0.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__kfFKF0--fluid-height.sc-ds-card{height:100%}.ds-card__kfFKF0--horizontal.sc-ds-card{flex-direction:column}@media (min-width: 30rem){.ds-card__kfFKF0--horizontal.sc-ds-card{flex-direction:row}}.ds-card__kfFKF0.ds-card__kfFKF0--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__kfFKF0.ds-card__kfFKF0--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)){border-color:var(--ds-borderColor-default);cursor:pointer}.ds-card__kfFKF0.ds-card__kfFKF0--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__kfFKF0__icon{color:var(--ds-textColor-link-standalone-hover)}.ds-card__kfFKF0.ds-card__kfFKF0--link:hover:not(:has(.sc-ds-card-s>[slot=footer]:hover)) .ds-card__kfFKF0__heading{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__kfFKF0.ds-card__kfFKF0--link.sc-ds-card:active{border-color:var(--ds-borderColor-black)}.ds-card__kfFKF0.ds-card__kfFKF0--link.sc-ds-card:active .ds-card__kfFKF0__icon.sc-ds-card{color:var(--ds-textColor-link-standalone-hover)}.ds-card__kfFKF0.ds-card__kfFKF0--link.sc-ds-card:active .ds-card__heading.sc-ds-card{text-decoration:underline;text-decoration-thickness:7%;text-underline-offset:12%}.ds-card__kfFKF0.ds-card__kfFKF0--link.sc-ds-card{text-decoration:none}.ds-card__kfFKF0.sc-ds-card .ds-card__kfFKF0__heading__link.sc-ds-card:after{content:\"\";position:absolute;inset:0}.ds-card__kfFKF0--filled.sc-ds-card{background-color:var(--ds-bgColor-neutral)}.ds-card__kfFKF0__image-container.sc-ds-card{display:none}.ds-card__kfFKF0__image-container--has-image.sc-ds-card{display:block;order:1;position:relative;width:100%;height:auto}@media (min-width: 30rem){.ds-card__kfFKF0.sc-ds-card:not(.ds-card__kfFKF0--vertical) .ds-card__kfFKF0__image-container--has-image.sc-ds-card{max-width:var(--vertical-image-max-width, 200px)}}@media (min-width: 30rem){.ds-card__kfFKF0.sc-ds-card:not(.ds-card__kfFKF0--horizontal) .ds-card__kfFKF0__image-container--has-image.sc-ds-card{max-height:var(--horizontal-image-max-height, auto)}}.ds-card__kfFKF0__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__kfFKF0__image.sc-ds-card{width:100%;height:100%;object-fit:cover}.ds-card__kfFKF0__content.sc-ds-card{display:flex;flex-direction:column;order:2;width:100%;position:relative}.ds-card__kfFKF0__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__kfFKF0__content--top__text.sc-ds-card{display:flex;flex-direction:column}.ds-card__kfFKF0__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__kfFKF0__heading-container.sc-ds-card{display:flex;flex-direction:column}.ds-card__kfFKF0__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__kfFKF0__heading__link.sc-ds-card{all:unset}.ds-card__kfFKF0__subtitle.sc-ds-card,.ds-card__kfFKF0__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__kfFKF0__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__kfFKF0__icon.sc-ds-card{color:var(--ds-textColor-primary);font-size:var(--ds-fontSize-20);font-weight:normal}.ds-card__kfFKF0__slot-subtitle--hidden.sc-ds-card{display:none}";
 const cardIdGenerator = utils.idGenerator('ds-card');
 const DsCard = class {
@@ -163,17 +163,17 @@ const DsCard = class {
         const headingId = `${this.cardId}-heading`;
         const DsIcon = utils.transformTagName('ds-icon', 'ds-card', this.el);
         const descriptionClamp = this.dsDescriptionClamp ? this.dsDescriptionClamp.toString() : 'none';
-        return (index.h("article", { key: '20e7837291662d99c1fd1209dbef8c7924bf89f7', class: classes, onClick: this.handleClick, onKeyDown: this.handleKeydown, style: { '--description-line-clamp': descriptionClamp }, "aria-labelledby": headingId, ...this.inheritedAttributes }, index.h("div", { key: 'ec56eef59b6dab33e0aad399991cc553a604e378', class: `${baseClass}__content` }, index.h("div", { key: '4399882f172325bb09fce60b7e6b67c36f8ee79c', class: {
+        return (index.h("article", { key: '57ca87be8426872a118155a496e24a9d75bbb797', class: classes, onClick: this.handleClick, onKeyDown: this.handleKeydown, style: { '--description-line-clamp': descriptionClamp }, "aria-labelledby": headingId, ...this.inheritedAttributes }, index.h("div", { key: 'e1e1750df499941ab86917bb74a010121da48849', class: `${baseClass}__content` }, index.h("div", { key: '807ef4e1cc5203f8cb0057ca7f884b3b00a9f252', class: {
                 [`${baseClass}__content--top`]: true,
                 [`${baseClass}__content--top--has-link`]: Boolean(this.dsUrl),
-            } }, index.h("div", { key: 'f45b8cb8f1301aed515644e13566c64a9c183400', class: `${baseClass}__heading-container` }, this.dsUrl ? (index.h(HeadingTag, { class: `${baseClass}__heading`, id: headingId }, index.h("a", { href: this.dsUrl, target: this.dsUrlTarget, class: `${baseClass}__heading__link` }, index.h("slot", { name: "heading" }, this.dsHeading)))) : (index.h(HeadingTag, { class: `${baseClass}__heading` }, index.h("slot", { name: "heading" }, this.dsHeading))), this.dsEyebrow && index.h("div", { key: '97d5b77f163badfee5a8be8a1257286df91c3b7d', class: `${baseClass}__eyebrow` }, this.dsEyebrow), this.dsSubtitle && index.h("div", { key: 'b7001543154848c5d8dc791d6a76ab1c9782dd7d', class: `${baseClass}__subtitle` }, this.dsSubtitle), index.h("div", { key: '667b8e5680c93e0d909210e2baaf5cc20bcdaa6e', class: index$1.classNames(`${baseClass}__slot-subtitle`, {
+            } }, index.h("div", { key: 'b6b43a93e158ed61fb027e66c721e17b5d3025f3', 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: 'c1aa235362caf7f140c274d380e95a444ce3ea18', class: `${baseClass}__eyebrow` }, this.dsEyebrow), this.dsSubtitle && index.h("div", { key: 'f437e2f94a0893be71049d317d0b9bfb5a410c20', class: `${baseClass}__subtitle` }, this.dsSubtitle), index.h("div", { key: 'b96f0342f4450fbae949a11460648bc3d989819b', class: index$1.classNames(`${baseClass}__slot-subtitle`, {
                 [`${baseClass}__slot-subtitle--hidden`]: !this.hasSubtitleSlot,
-            }) }, index.h("slot", { key: '51f830962309cce44fe26056bfdb234000c848b3', name: "subtitle", onSlotchange: () => this.checkSubtitleSlot() }))), this.dsUrl && this.dsShowArrow && index.h(DsIcon, { key: '16df0fe5a295a777f8b94f290d1da67aaff12b8d', class: `${baseClass}__icon`, dsName: this.linkIcon })), index.h("div", { key: 'f95afd83e5d725ff3ccecb4b1a0655daccc7f35f', class: index$1.classNames(`${baseClass}__content--bottom`, {
+            }) }, index.h("slot", { key: 'c094c952c32c75f4e1f35972697857ba9e9d2d80', name: "subtitle", onSlotchange: () => this.checkSubtitleSlot() }))), this.dsUrl && this.dsShowArrow && index.h(DsIcon, { key: 'eb8067195f2da899e302c2e28b53102fa07b769d', class: `${baseClass}__icon`, dsName: this.linkIcon })), index.h("div", { key: 'a005894165e8351b3525019863506452ff5ab1f4', class: index$1.classNames(`${baseClass}__content--bottom`, {
                 [`${baseClass}__content--bottom--has-slot-content`]: this.hasSlotContent,
-            }) }, this.dsDescription && index.h("p", { key: 'f728ecd82a9134acda0997e12d70532e2f233a79', class: `${baseClass}__description` }, this.dsDescription), index.h("div", { key: 'af9bfe01e02deb7e3da0ca8e2b36010cf2f46933', class: `${baseClass}__slot--content` }, index.h("slot", { key: 'b8b745832097f0f3e4c4b1bb02f3bcaffdb0c2f0', name: "content" })), index.h("div", { key: '8c9d2e3c524b78c12f7b6f9df81c79de0c6ee9f2', class: `${baseClass}__slot--footer` }, index.h("slot", { key: '84aa094e7a1dab59ea0d8f5d5c9e363cefaa5f43', name: "footer" })))), index.h("div", { key: '4bd1f7da5c28b24e86b07624779dca8b770360b8', class: {
+            }) }, this.dsDescription && index.h("p", { key: '71dcaac43ace23d550c02af9bf7b84d6b71d2e64', class: `${baseClass}__description` }, this.dsDescription), index.h("div", { key: '2d614baf3ce2c63409e1fe34540f5956368d93c0', class: `${baseClass}__slot--content` }, index.h("slot", { key: '2e53989838d10491a9cfedaa8d62bbcc54ad9698', name: "content" })), index.h("div", { key: '15b6c386c31c7b0619aa15701ff713ef6ee76cec', class: `${baseClass}__slot--footer` }, index.h("slot", { key: '9da0c307566630b863a1e9dc041053fd2659ff26', name: "footer" })))), index.h("div", { key: '8754ec4d9c84cf784aa60279086ee48a1532003a', class: {
                 [`${baseClass}__image-container`]: true,
                 [`${baseClass}__image-container--has-image`]: this.hasImageSlot,
-            } }, this.dsTag && this.hasImageSlot && index.h("span", { key: '13fe5c875833c48857c8db16e84ddb802e33e072', class: `${baseClass}__tag` }, this.dsTag), index.h("slot", { key: 'ecd3aada43fbada43f4b123cc4f275142d066dcc', name: "image", onSlotchange: () => this.checkImageSlot() }))));
+            } }, this.dsTag && this.hasImageSlot && index.h("span", { key: 'd5ee1a469335adb768707603ebdcde46cf48b0c8', class: `${baseClass}__tag` }, this.dsTag), index.h("slot", { key: 'acbba4114673e1675fe5841fad41afd739af85cc', name: "image", onSlotchange: () => this.checkImageSlot() }))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-icon", { dsName: "" })]);

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

@@ -1,14 +1,14 @@
 'use strict';
-var index = require('./index-8U_M7Dc3.js');
+var index = require('./index-Bt15Fpma.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-CdVB4RPe.js');
 var utils = require('./utils-CEhBgrbV.js');
-var controlUtils = require('./controlUtils-BX2CIKGN.js');
-var cx = require('./cx-C3dkRuL7.js');
-require('./store-D-QYoTfP.js');
+var controlUtils = require('./controlUtils-DKQQkF60.js');
+var cx = require('./cx-BFjXaChr.js');
+require('./store-CBJaw2iH.js');
-const dsCheckboxGroupCss = ".ds-checkbox-group__BahgnS{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__BahgnS__legend{color:var(--ds-textColor-default);padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-checkbox-group__BahgnS__assistive-text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-bottom:var(--ds-spacing-2xSmall)}.ds-checkbox-group__BahgnS__error{display:flex}.ds-checkbox-group__BahgnS__error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__BahgnS>.ds-checkbox-group__BahgnS__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group__BahgnS--inset{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__BahgnS--horizontal>.ds-checkbox-group__BahgnS__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";
+const dsCheckboxGroupCss = ".ds-checkbox-group__kfFKF0{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0}.ds-checkbox-group__kfFKF0__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__kfFKF0__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__kfFKF0__error{display:flex}.ds-checkbox-group__kfFKF0__error--visible{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}.ds-checkbox-group__kfFKF0>.ds-checkbox-group__kfFKF0__checkboxes{display:inline-flex;flex-direction:column}.ds-checkbox-group__kfFKF0--inset{margin-left:var(--ds-spacing-medium)}.ds-checkbox-group__kfFKF0--horizontal>.ds-checkbox-group__kfFKF0__checkboxes{flex-flow:row wrap;gap:var(--ds-spacing-small)}";
 const fieldsetIdGenerator = utils.idGenerator('ds-checkbox-group');
 const DsCheckboxGroup = class {

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

@@ -1,14 +1,14 @@
 'use strict';
-var index = require('./index-8U_M7Dc3.js');
+var index = require('./index-Bt15Fpma.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var attributes = require('./attributes-CdVB4RPe.js');
-var controlUtils = require('./controlUtils-BX2CIKGN.js');
+var controlUtils = require('./controlUtils-DKQQkF60.js');
 var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-C3dkRuL7.js');
-require('./store-D-QYoTfP.js');
+var cx = require('./cx-BFjXaChr.js');
+require('./store-CBJaw2iH.js');
-const dsCheckboxCss = ".ds-checkbox__BahgnS-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__BahgnS-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__BahgnS-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__BahgnS.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__BahgnS__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__BahgnS__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__BahgnS__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__BahgnS__input.sc-ds-checkbox:hover,.ds-checkbox__BahgnS__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__BahgnS__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__BahgnS__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__BahgnS__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__BahgnS__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__BahgnS__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__BahgnS__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__BahgnS__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__BahgnS__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__BahgnS__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__BahgnS__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__BahgnS__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__BahgnS__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__BahgnS__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__BahgnS__input.sc-ds-checkbox:not(.ds-checkbox__BahgnS__input--invalid):checked,.ds-checkbox__BahgnS__input.sc-ds-checkbox:not(.ds-checkbox__BahgnS__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__BahgnS__input.sc-ds-checkbox:not(.ds-checkbox__BahgnS__input--invalid):checked:hover,.ds-checkbox__BahgnS__input.sc-ds-checkbox:not(.ds-checkbox__BahgnS__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__BahgnS__input.sc-ds-checkbox:not(.ds-checkbox__BahgnS__input--invalid):checked:active,.ds-checkbox__BahgnS__input.sc-ds-checkbox:not(.ds-checkbox__BahgnS__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__BahgnS__input.sc-ds-checkbox:not(.ds-checkbox__BahgnS__input--invalid):checked:disabled,.ds-checkbox__BahgnS__input.sc-ds-checkbox:not(.ds-checkbox__BahgnS__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__BahgnS__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__BahgnS__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__BahgnS__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__BahgnS__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__BahgnS__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__BahgnS--no-margin.sc-ds-checkbox .ds-checkbox__BahgnS__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__BahgnS--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__BahgnS__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__BahgnS.sc-ds-checkbox:has(.ds-checkbox__BahgnS__input:disabled){cursor:not-allowed}.ds-checkbox__BahgnS-error.sc-ds-checkbox{display:flex}.ds-checkbox__BahgnS-error--visible.sc-ds-checkbox{padding-top:var(--ds-spacing-3xSmall);padding-left:var(--ds-spacing-4xSmall)}";
+const dsCheckboxCss = ".ds-checkbox__kfFKF0-fieldset.sc-ds-checkbox{display:inline-flex;flex-direction:column;border:none;padding:0;margin:0;gap:var(--ds-spacing-3xSmall)}.ds-checkbox__kfFKF0-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__kfFKF0-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__kfFKF0.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__kfFKF0__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__kfFKF0__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__kfFKF0__input.sc-ds-checkbox{border-width:var(--ds-borderWidth-thin);border-style:solid;border-color:var(--ds-borderColor-default)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:hover,.ds-checkbox__kfFKF0__input.sc-ds-checkbox:active{border-color:var(--ds-borderColor-default)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:hover{background-color:var(--ds-bgColor-white-hover)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:active{background-color:var(--ds-bgColor-white-active)}.ds-checkbox__kfFKF0__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__kfFKF0__input.sc-ds-checkbox:disabled{border-color:GrayText}}.ds-checkbox__kfFKF0__input--invalid.sc-ds-checkbox{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger)}.ds-checkbox__kfFKF0__input--invalid.sc-ds-checkbox:hover{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-hover)}.ds-checkbox__kfFKF0__input--invalid.sc-ds-checkbox:active{border-color:var(--ds-borderColor-danger);background-color:var(--ds-bgColor-danger-active)}.ds-checkbox__kfFKF0__input--invalid.sc-ds-checkbox:checked,.ds-checkbox__kfFKF0__input--invalid.sc-ds-checkbox:indeterminate{background-color:var(--ds-iconColor-danger);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__kfFKF0__input--invalid.sc-ds-checkbox:checked:hover,.ds-checkbox__kfFKF0__input--invalid.sc-ds-checkbox:indeterminate:hover{background-color:var(--ds-palette-red-60)}.ds-checkbox__kfFKF0__input--invalid.sc-ds-checkbox:checked:active,.ds-checkbox__kfFKF0__input--invalid.sc-ds-checkbox:indeterminate:active{background-color:var(--ds-palette-red-70)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:not(.ds-checkbox__kfFKF0__input--invalid):checked,.ds-checkbox__kfFKF0__input.sc-ds-checkbox:not(.ds-checkbox__kfFKF0__input--invalid):indeterminate{background-color:var(--ds-bgColor-primary);border-color:var(--ds-borderColor-transparent)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:not(.ds-checkbox__kfFKF0__input--invalid):checked:hover,.ds-checkbox__kfFKF0__input.sc-ds-checkbox:not(.ds-checkbox__kfFKF0__input--invalid):indeterminate:hover{background-color:var(--ds-bgColor-primary-hover)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:not(.ds-checkbox__kfFKF0__input--invalid):checked:active,.ds-checkbox__kfFKF0__input.sc-ds-checkbox:not(.ds-checkbox__kfFKF0__input--invalid):indeterminate:active{background-color:var(--ds-bgColor-primary-active)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox:not(.ds-checkbox__kfFKF0__input--invalid):checked:disabled,.ds-checkbox__kfFKF0__input.sc-ds-checkbox:not(.ds-checkbox__kfFKF0__input--invalid):indeterminate:disabled{background-color:var(--ds-bgColor-disabled-onLight)}.ds-checkbox__kfFKF0__input.sc-ds-checkbox::before{content:\"\";display:block;height:1em;width:1em;background-size:contain;background-repeat:no-repeat;background-position:center}.ds-checkbox__kfFKF0__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__kfFKF0__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__kfFKF0__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__kfFKF0__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__kfFKF0--no-margin.sc-ds-checkbox .ds-checkbox__kfFKF0__input.sc-ds-checkbox{margin-right:0}.ds-checkbox__kfFKF0--disabled.sc-ds-checkbox{color:var(--ds-textColor-disabled-onLight)}.ds-checkbox__kfFKF0__span--optional.sc-ds-checkbox{color:var(--ds-textColor-secondary);font-size:var(--ds-fontSize-14)}.ds-checkbox__kfFKF0.sc-ds-checkbox:has(.ds-checkbox__kfFKF0__input:disabled){cursor:not-allowed}.ds-checkbox__kfFKF0-error.sc-ds-checkbox{display:flex}.ds-checkbox__kfFKF0-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 CHANGED Viewed

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-8U_M7Dc3.js');
+var index = require('./index-Bt15Fpma.js');
 var utils = require('./utils-CEhBgrbV.js');
-var cx = require('./cx-C3dkRuL7.js');
+var cx = require('./cx-BFjXaChr.js');
 var attributes = require('./attributes-CdVB4RPe.js');
-var controlUtils = require('./controlUtils-BX2CIKGN.js');
-require('./store-D-QYoTfP.js');
+var controlUtils = require('./controlUtils-DKQQkF60.js');
+require('./store-CBJaw2iH.js');
-const dsChipGroupCss = ".ds-chip-group__BahgnS__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__kfFKF0__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: '653a972829e42fa598aa225c417504ffcfd5c483', 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: '2bbeb3f4eef4ad28701f91fdfc1ff7f8f4bf9d39', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId }, index.h("slot", { key: '3c2ca3f7dc28bfd57d3accc0cf7a206d18d82560', name: "label" }), index.h("slot", { key: 'd8c00d549df1a15c2c878d39ca179be6f4d2a6a5', name: "assistiveText" })), index.h("div", { key: '40e4e07a67f6988f56100c26d876509bb146d817', role: "list", class: `${baseClass}__chips` }, index.h("slot", { key: 'e439f637b2ccc916ca433b38a400420c54054033' })), 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: 'f441db6022e0752495a023e84a43e7a7e68cbb09', id: errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })));
+        return (index.h("div", { key: '8c2e1ff12270960700585bda2e6424bf22377a39', 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: 'e98e969033876de30e4959cd331ea1eca49fd670', dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: assistiveTextId }, index.h("slot", { key: '6611f352ea98a3e57e47ae56175b3acac287728c', name: "label" }), index.h("slot", { key: 'b34ad08d9e4672ac4c722c9501017597ed698935', name: "assistiveText" })), index.h("div", { key: '36ab80ab6a2565ab72a5c8f53fb0428ff50ac5f4', role: "list", class: `${baseClass}__chips` }, index.h("slot", { key: '7c105c033cf72a61305675bf8369309484617d7c' })), 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: 'dd86654cd86d1d1c651fb958c5a46e742921291c', id: errorTextId, dsText: this.dsErrorText, dsType: "error", dsAriaLive: "polite", dsAriaAtomic: "true" })));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {