@uh-design-system/component-library 1.7.0 → 1.7.1-rc.1

package/dist/esm/ds-action-menu.entry.js

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-DHrlezow.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-BQNVQ-5E.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, h as isEventWithinElement, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
-import { c as cx } from './cx-CbD7OdM5.js';
+import { c as cx } from './cx-BSJyf49W.js';
 import { s as storeActionMenuContext, p as provideActionMenuContext } from './actionMenuContext-Ccf9CXPb.js';
-import { c as componentFactory } from './componentFactory-DRKnB2By.js';
-import './store-DYWVDmmN.js';
+import { c as componentFactory } from './componentFactory-CZE58zDF.js';
+import './store-BFwlyS8J.js';
 
-const dsActionMenuCss = () => `.ds-no-style-leak.sc-ds-action-menu *.sc-ds-action-menu{all:unset;box-sizing:border-box;display:block}.sc-ds-action-menu-h{display:inline-block}.ds-action-menu__pA2cRq.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;position:relative}.ds-action-menu__pA2cRq__trigger-wrapper.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex}.ds-action-menu__pA2cRq__menu.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-action-menu__pA2cRq__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__pA2cRq__menu.sc-ds-action-menu{position:absolute;z-index:100;min-width:288px;background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);border-radius:var(--ds-borderRadius-none);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);font-family:var(--ds-fontFamily-body);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-borderColor-default) transparent}.ds-action-menu__pA2cRq__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__pA2cRq__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__pA2cRq__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__pA2cRq__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__pA2cRq__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__pA2cRq__menu.ds-action-menu__pA2cRq__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__pA2cRq__menu.ds-action-menu__pA2cRq__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__pA2cRq__menu.ds-action-menu__pA2cRq__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__pA2cRq__menu.ds-action-menu__pA2cRq__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__pA2cRq__menu.ds-action-menu__pA2cRq__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__pA2cRq__menu.ds-action-menu__pA2cRq__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__pA2cRq__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__pA2cRq__menu.ds-action-menu__pA2cRq__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__pA2cRq__menu.ds-action-menu__pA2cRq__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__pA2cRq__menu.ds-action-menu__pA2cRq__menu--placement-auto.sc-ds-action-menu{inset-block:anchor(bottom) auto;position-try-order:most-height;position-try-fallbacks:--ds-action-menu-top-start, --ds-action-menu-top-end, --ds-action-menu-top-center}.ds-action-menu__pA2cRq__menu.ds-action-menu__pA2cRq__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__pA2cRq__menu.ds-action-menu__pA2cRq__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__pA2cRq__menu.ds-action-menu__pA2cRq__menu--align-center.sc-ds-action-menu{inset-inline:anchor(center) auto}}@position-try --ds-action-menu-top-start{inset:auto auto anchor(top) anchor(left);margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-end{inset:auto anchor(right) anchor(top) auto;margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-center{inset:auto auto anchor(top) anchor(center);margin-block:0 var(--ds-spacing-3xSmall);transform:translateX(-50%)}`;
+const dsActionMenuCss = () => `.ds-no-style-leak.sc-ds-action-menu *.sc-ds-action-menu{all:unset;box-sizing:border-box;display:block}.sc-ds-action-menu-h{display:inline-block}.ds-action-menu__0apwgA.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex;position:relative}.ds-action-menu__0apwgA__trigger-wrapper.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:inline-flex}.ds-action-menu__0apwgA__menu.sc-ds-action-menu{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-action-menu__0apwgA__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__0apwgA__menu.sc-ds-action-menu{position:absolute;z-index:100;min-width:288px;background-color:var(--ds-bgColor-white);box-shadow:var(--ds-shadow-overlay);border-radius:var(--ds-borderRadius-none);border:var(--ds-borderWidth-hairline) solid var(--ds-borderColor-default);font-family:var(--ds-fontFamily-body);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-borderColor-default) transparent}.ds-action-menu__0apwgA__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__0apwgA__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__0apwgA__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__0apwgA__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__0apwgA__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__0apwgA__menu.ds-action-menu__0apwgA__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__0apwgA__menu.ds-action-menu__0apwgA__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__0apwgA__menu.ds-action-menu__0apwgA__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__0apwgA__menu.ds-action-menu__0apwgA__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__0apwgA__menu.ds-action-menu__0apwgA__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__0apwgA__menu.ds-action-menu__0apwgA__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__0apwgA__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__0apwgA__menu.ds-action-menu__0apwgA__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__0apwgA__menu.ds-action-menu__0apwgA__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__0apwgA__menu.ds-action-menu__0apwgA__menu--placement-auto.sc-ds-action-menu{inset-block:anchor(bottom) auto;position-try-order:most-height;position-try-fallbacks:--ds-action-menu-top-start, --ds-action-menu-top-end, --ds-action-menu-top-center}.ds-action-menu__0apwgA__menu.ds-action-menu__0apwgA__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__0apwgA__menu.ds-action-menu__0apwgA__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__0apwgA__menu.ds-action-menu__0apwgA__menu--align-center.sc-ds-action-menu{inset-inline:anchor(center) auto}}@position-try --ds-action-menu-top-start{inset:auto auto anchor(top) anchor(left);margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-end{inset:auto anchor(right) anchor(top) auto;margin-block:0 var(--ds-spacing-3xSmall);transform:none}@position-try --ds-action-menu-top-center{inset:auto auto anchor(top) anchor(center);margin-block:0 var(--ds-spacing-3xSmall);transform:translateX(-50%)}`;
 
 const MENU_MARGIN = 8;
 const MENU_MIN_HEIGHT = 120;
@@ -21,6 +21,7 @@ const DsActionMenu = class extends Mixin(componentFactory('ds-action-menu', { st
     menuId;
     triggerWrapperRef;
     menuRef;
+    menuStateListeners = new Set();
     dsId = this.getUniqueId();
     dsButtonText = '';
     dsButtonVariant = 'secondary';
@@ -39,7 +40,13 @@ const DsActionMenu = class extends Mixin(componentFactory('ds-action-menu', { st
     isOpen = false;
     componentWillLoad() {
         this.menuId = `${this.dsId}-menu`;
-        storeActionMenuContext(this.el, { closeMenu: () => this.closeMenu() });
+        storeActionMenuContext(this.el, {
+            closeMenu: () => this.closeMenu(),
+            subscribe: cb => {
+                this.menuStateListeners.add(cb);
+                return () => this.menuStateListeners.delete(cb);
+            },
+        });
     }
     componentDidLoad() {
         this.componentMounted();
@@ -68,7 +75,13 @@ const DsActionMenu = class extends Mixin(componentFactory('ds-action-menu', { st
         this.menuRef.style.maxHeight = `${Math.max(maxH, MENU_MIN_HEIGHT)}px`;
     }
     updateContext() {
-        provideActionMenuContext(this.el, { closeMenu: () => this.closeMenu() });
+        provideActionMenuContext(this.el, {
+            closeMenu: () => this.closeMenu(),
+            subscribe: cb => {
+                this.menuStateListeners.add(cb);
+                return () => this.menuStateListeners.delete(cb);
+            },
+        });
     }
     async open() {
         this.openMenu();
@@ -90,6 +103,7 @@ const DsActionMenu = class extends Mixin(componentFactory('ds-action-menu', { st
         this.isOpen = true;
         this.dsOpen.emit();
         this.updateContext();
+        this.menuStateListeners.forEach(cb => cb(true));
         requestAnimationFrame(() => {
             if (focusTarget === 'last') {
                 this.focusLastItem();
@@ -104,6 +118,7 @@ const DsActionMenu = class extends Mixin(componentFactory('ds-action-menu', { st
             return;
         this.isOpen = false;
         this.dsClose.emit();
+        this.menuStateListeners.forEach(cb => cb(false));
         if (returnFocus) {
             this.el.querySelector(transformTagName('ds-button', 'ds-action-menu', this.el))?.setFocus?.();
         }
@@ -176,7 +191,7 @@ const DsActionMenu = class extends Mixin(componentFactory('ds-action-menu', { st
             maxHeight: this.dsMenuMaxHeight ?? 'none',
         };
         const menuClasses = classNames(`${baseClass}__menu`, `${baseClass}__menu--align-${this.dsAlign}`, `${baseClass}__menu--placement-${this.dsPlacement}`);
-        return (h("div", { key: '24cf817df04fcd96eae36d8c8748f8ae42c38139', class: baseClass }, h("div", { key: '99e6fddaf4c1a32aaeedafaefa478b3eedf1f6f1', ref: el => (this.triggerWrapperRef = el), class: `${baseClass}__trigger-wrapper` }, this.renderTrigger(baseClass)), h("div", { key: 'b5029059906d4094f7401fa44a807c6088b75c95', ref: el => (this.menuRef = el), id: this.menuId, role: "menu", "aria-labelledby": this.dsId, class: menuClasses, style: menuStyle, hidden: !this.isOpen }, h("slot", { key: '918606616d18aad41c71f1646a6a61c12e8d72ba' }))));
+        return (h("div", { key: '9c6ea569f1a89ebb7f31841fc0b7dfea7f9f20b0', class: baseClass }, h("div", { key: '5f002b6aee11f147e9bb3979e6020061b4d62b8b', ref: el => (this.triggerWrapperRef = el), class: `${baseClass}__trigger-wrapper` }, this.renderTrigger(baseClass)), h("div", { key: '8d51655a85b657a337683e62c6aa331899106289', ref: el => (this.menuRef = el), id: this.menuId, role: "menu", "aria-labelledby": this.dsId, class: menuClasses, style: menuStyle, hidden: !this.isOpen }, h("slot", { key: 'a66ae4bdd8f8521dc88f20e4eb2ce7747de78e63' }))));
     }
 };
 declareComponentDependencies([h("ds-button", null), h("ds-icon", { dsName: "" })]);

package/dist/esm/ds-assistive-text_3.entry.js

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, h, e as getElement, F as Fragment } from './index-DHrlezow.js';
-import { c as cx } from './cx-CbD7OdM5.js';
-import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import { M as Mixin, r as registerInstance, h, e as getElement, F as Fragment } from './index-BQNVQ-5E.js';
+import { c as cx } from './cx-BSJyf49W.js';
+import { c as componentFactory } from './componentFactory-CZE58zDF.js';
 import { i as inheritAttributes, b as inheritAriaAttributes } from './attributes-Dzq9qJk7.js';
 import { t as transformTagName, d as declareComponentDependencies, a as ifDefined } from './utils-D5pGK2ZH.js';
-import { g as getRequiredText, a as getOptionalText } from './controlUtils-BT-SOH5c.js';
-import './store-DYWVDmmN.js';
+import { g as getRequiredText, a as getOptionalText } from './controlUtils-DRWN7wuZ.js';
+import './store-BFwlyS8J.js';
 
-const dsAssistiveTextCss = () => `.ds-assistive-text__pA2cRq.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__0apwgA.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 DsAssistiveText = class extends Mixin(componentFactory('ds-assistive-text')) {
     constructor(hostRef) {
@@ -17,12 +17,12 @@ const DsAssistiveText = class extends Mixin(componentFactory('ds-assistive-text'
     dsText;
     render() {
         const baseClass = cx('ds-assistive-text');
-        return (h("small", { key: 'ef4911df60345674461694b2b3933cdea914835d', class: baseClass, id: this.dsId }, h("slot", { key: '7de32cdd91dd0888528ed64faaa8a8055f36e45c' }, this.dsText)));
+        return (h("small", { key: 'eb49c2441fe4a0d08b87e59a0271f2280f3f6233', class: baseClass, id: this.dsId }, h("slot", { key: '9b2d7ee93422c1bc5ca789bbfe307380c530d160' }, this.dsText)));
     }
 };
 DsAssistiveText.style = dsAssistiveTextCss();
 
-const dsControlLabelCss = () => `.ds-control-label__pA2cRq__label{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);color:var(--ds-textColor-default)}.ds-control-label__pA2cRq{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__pA2cRq:empty{display:none}`;
+const dsControlLabelCss = () => `.ds-control-label__0apwgA__label{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);color:var(--ds-textColor-default)}.ds-control-label__0apwgA{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__0apwgA:empty{display:none}`;
 
 const DsControlLabel = class extends Mixin(componentFactory('ds-control-label')) {
     constructor(hostRef) {
@@ -67,7 +67,7 @@ const DsControlLabel = class extends Mixin(componentFactory('ds-control-label'))
     };
     render() {
         const baseClass = cx('ds-control-label');
-        return (h("div", { key: '81a17445cf574cfde472563e206ad0bece9060a2', class: baseClass }, h("slot", { key: 'fc96f88cb8f9237539b0e957b2cac9a3004e8b35', name: "label" }, this.dsLabel && (h("label", { key: 'd5b999096ba9c9d1024b9ce483428318e523cd5f', class: `${baseClass}__label`, htmlFor: this.dsHtmlFor, id: this.dsId, ...this.inheritedAttributes }, this.getLabelText()))), h("slot", { key: '090dda162fe25799c5cbdc36b7250d0b2a471fb0', name: "assistiveText" }, this.dsAssistiveText && h(this.DsAssistiveText, { key: 'e54915bf41862e7fbd94e724158f642b4ebd8642', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }), this.dsVisuallyHiddenAssistiveText && (h(this.DsVisuallyHidden, { key: '4eef6a04158a1314dd656f021d648c00a62dcb9d', id: this.dsVisuallyHiddenAssistiveTextId, dsTag: "span" }, this.dsVisuallyHiddenAssistiveText)))));
+        return (h("div", { key: '9ab9daf97653af241ac7cbc66ac3322b858301a4', class: baseClass }, h("slot", { key: '77f0bc3fc7fe3c1f324c251346e364b4e2826b85', name: "label" }, this.dsLabel && (h("label", { key: '641d9efbcc75e67a4640d490353424b91318215c', class: `${baseClass}__label`, htmlFor: this.dsHtmlFor, id: this.dsId, ...this.inheritedAttributes }, this.getLabelText()))), h("slot", { key: '1e832ae93b303f972a15c330ecfee4e14b9bd641', name: "assistiveText" }, this.dsAssistiveText && h(this.DsAssistiveText, { key: '4143fbf6f6d9335ac42cfa8b7c0339865f969673', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }), this.dsVisuallyHiddenAssistiveText && (h(this.DsVisuallyHidden, { key: '772ac5477c5e517c26cad07b3709219071de4b23', id: this.dsVisuallyHiddenAssistiveTextId, dsTag: "span" }, this.dsVisuallyHiddenAssistiveText)))));
     }
 };
 declareComponentDependencies([h("ds-visually-hidden", null), h("ds-assistive-text", null)]);
@@ -102,7 +102,7 @@ const DsFeedback = class {
     render() {
         const Elem = this.dsSrOnly ? this.DsVisuallyHidden : Fragment;
         const elemProps = this.dsSrOnly ? { dsTag: this.dsSrOnlyTag } : {};
-        return (h(this.dsTag, { key: '3e12c5599e7cae524b6089fd63364e8ef5173605', ...ifDefined('role', this.dsRole), ...ifDefined('aria-live', this.dsAriaLive), ...ifDefined('aria-atomic', this.dsAriaAtomic ? 'true' : undefined) }, h(Elem, { key: '13a0fe6e9be620b09e704f089859ef1322301bd4', ...elemProps }, h("slot", { key: '2a9c1458c092543436ad93329af035318e1603f6' }))));
+        return (h(this.dsTag, { key: '855703f46317fafbaa15103ebf0a1e234727e288', ...ifDefined('role', this.dsRole), ...ifDefined('aria-live', this.dsAriaLive), ...ifDefined('aria-atomic', this.dsAriaAtomic ? 'true' : undefined) }, h(Elem, { key: '0134ff67315daf99c3ee70bfca4181b4a61484e0', ...elemProps }, h("slot", { key: '821bf09096a35c987c3c49f8d8fe024bfe750c10' }))));
     }
 };
 declareComponentDependencies([h("ds-visually-hidden", null)]);

package/dist/esm/ds-backdrop.entry.js

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-DHrlezow.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-BQNVQ-5E.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-CbD7OdM5.js';
+import { c as cx } from './cx-BSJyf49W.js';
 import { B as BACKDROP_TRANSITION_IN_DURATION, q as BACKDROP_TRANSITION_OUT_DURATION } from './utils-D5pGK2ZH.js';
-import { c as componentFactory } from './componentFactory-DRKnB2By.js';
-import './store-DYWVDmmN.js';
+import { c as componentFactory } from './componentFactory-CZE58zDF.js';
+import './store-BFwlyS8J.js';
 
-const dsBackdropCss = () => `.ds-backdrop__pA2cRq{z-index:var(--ds-backdrop-z-index);max-width:100vw;max-height:100vh;max-height:100dvh}.ds-backdrop__pA2cRq::backdrop{background-color:var(--ds-bgColor-transparent-onLight);transition:display var(--ds-backdrop-transition-out-duration) allow-discrete, overlay var(--ds-backdrop-transition-out-duration) allow-discrete, background-color var(--ds-backdrop-transition-out-duration) ease}@starting-style{.ds-backdrop__pA2cRq::backdrop{background-color:var(--ds-bgColor-transparent-onLight)}}.ds-backdrop__pA2cRq--in::backdrop{transition:display var(--ds-backdrop-transition-in-duration) allow-discrete, overlay var(--ds-backdrop-transition-in-duration) allow-discrete, background-color var(--ds-backdrop-transition-in-duration) ease}.ds-backdrop__pA2cRq--open::backdrop{background-color:var(--ds-bgColor-backdrop)}@media (prefers-reduced-motion: reduce){.ds-backdrop__pA2cRq::backdrop{transition:none}}html:has(.ds-modal__pA2cRq--open){overflow:hidden}`;
+const dsBackdropCss = () => `.ds-backdrop__0apwgA{z-index:var(--ds-backdrop-z-index);max-width:100vw;max-height:100vh;max-height:100dvh}.ds-backdrop__0apwgA::backdrop{background-color:var(--ds-bgColor-transparent-onLight);transition:display var(--ds-backdrop-transition-out-duration) allow-discrete, overlay var(--ds-backdrop-transition-out-duration) allow-discrete, background-color var(--ds-backdrop-transition-out-duration) ease}@starting-style{.ds-backdrop__0apwgA::backdrop{background-color:var(--ds-bgColor-transparent-onLight)}}.ds-backdrop__0apwgA--in::backdrop{transition:display var(--ds-backdrop-transition-in-duration) allow-discrete, overlay var(--ds-backdrop-transition-in-duration) allow-discrete, background-color var(--ds-backdrop-transition-in-duration) ease}.ds-backdrop__0apwgA--open::backdrop{background-color:var(--ds-bgColor-backdrop)}@media (prefers-reduced-motion: reduce){.ds-backdrop__0apwgA::backdrop{transition:none}}html:has(.ds-modal__0apwgA--open){overflow:hidden}`;
 
 const DsBackdrop = class extends Mixin(componentFactory('ds-backdrop', { transparentForRootTracking: true })) {
     constructor(hostRef) {
@@ -96,7 +96,7 @@ const DsBackdrop = class extends Mixin(componentFactory('ds-backdrop', { transpa
     };
     render() {
         const baseClass = cx('ds-backdrop');
-        return (h("dialog", { key: 'e7fcbeafcd262ffa31d367308c17e97d3dc2e1e5', ref: el => (this.dialogElement = el), role: this.dsRole, class: classNames(baseClass, this.dsDialogClasses, {
+        return (h("dialog", { key: '922b63d1b29083b26e00b16827b287773e169a25', ref: el => (this.dialogElement = el), role: this.dsRole, class: classNames(baseClass, this.dsDialogClasses, {
                 [`${baseClass}--open`]: this.dsOpen,
                 [`${baseClass}--in`]: this.dsOpen && this.transitionInProgress,
             }), onClose: () => {
@@ -105,7 +105,7 @@ const DsBackdrop = class extends Mixin(componentFactory('ds-backdrop', { transpa
                 '--ds-backdrop-z-index': `${this.dsZIndex}`,
                 '--ds-backdrop-transition-in-duration': `${BACKDROP_TRANSITION_IN_DURATION}ms`,
                 '--ds-backdrop-transition-out-duration': `${BACKDROP_TRANSITION_OUT_DURATION}ms`,
-            } }, h("slot", { key: '13da2a6b6655f8762abb3265556484aa950af910' })));
+            } }, h("slot", { key: 'd5fbee25b65652388688e438b60c82291e1d0ca7' })));
     }
     static get watchers() { return {
         "transitionInProgress": [{

package/dist/esm/ds-badge.entry.js

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DHrlezow.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-BQNVQ-5E.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { c as cx } from './cx-CbD7OdM5.js';
+import { c as cx } from './cx-BSJyf49W.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
-import { c as componentFactory } from './componentFactory-DRKnB2By.js';
-import './store-DYWVDmmN.js';
+import { c as componentFactory } from './componentFactory-CZE58zDF.js';
+import './store-BFwlyS8J.js';
 
-const dsBadgeCss = () => `.ds-badge__pA2cRq.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__pA2cRq--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__pA2cRq--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__pA2cRq--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__pA2cRq--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__pA2cRq--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__pA2cRq--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__pA2cRq--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__pA2cRq--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__pA2cRq__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__pA2cRq__content__text.sc-ds-badge{white-space:nowrap}`;
+const dsBadgeCss = () => `.ds-badge__0apwgA.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__0apwgA--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__0apwgA--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__0apwgA--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__0apwgA--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__0apwgA--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__0apwgA--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__0apwgA--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__0apwgA--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__0apwgA__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__0apwgA__content__text.sc-ds-badge{white-space:nowrap}`;
 
 const DsBadge = class extends Mixin(componentFactory('ds-badge')) {
     constructor(hostRef) {
@@ -26,7 +26,7 @@ const DsBadge = class extends Mixin(componentFactory('ds-badge')) {
     }
     render() {
         const baseClass = cx('ds-badge');
-        return (h("div", { key: 'c1c78f59fe4e233dda892e19460addb78fef7d7b', class: classNames(baseClass, `${baseClass}--${this.dsVariant}`) }, h("div", { key: '0441042f792bcbe18130a6c2ae55e16cb72687e0', class: `${baseClass}__content` }, h("span", { key: '8f0477f2d4efeb2f98e8879f5fc9212b316daf86', class: `ds-text-semibold-xs ${baseClass}__content__text`, id: this.dsId, "aria-label": this.dsAriaLabel }, h("slot", { key: 'd65f6c290ee43c8e985c3d29f2fb266b067da663' }, this.dsText, this.dsHiddenAssistiveText && h(this.DsVisuallyHidden, { key: '11207cdcaf926c69584b265b7e338aec2c16c519', dsTag: "span" }, this.dsHiddenAssistiveText))))));
+        return (h("div", { key: '7b91f80a5ffe11ed3ee95eb9983f8acb7e3639db', class: classNames(baseClass, `${baseClass}--${this.dsVariant}`) }, h("div", { key: 'd4253ccfb097657781fbb2c98f5c15ca14a0ef8c', class: `${baseClass}__content` }, h("span", { key: 'f494cd1a6c8c64cfc0bcacffdc48771e35f0d520', class: `ds-text-semibold-xs ${baseClass}__content__text`, id: this.dsId, "aria-label": this.dsAriaLabel }, h("slot", { key: 'a4d8e5cb23ad04d70c6434eb73bd3a791d0cf1b6' }, this.dsText, this.dsHiddenAssistiveText && h(this.DsVisuallyHidden, { key: '313c9ba10729d97e9ce4b057ba261ad965d58aa4', dsTag: "span" }, this.dsHiddenAssistiveText))))));
     }
 };
 declareComponentDependencies([h("ds-visually-hidden", null)]);

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

@@ -1,12 +1,12 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, H as Host } from './index-DHrlezow.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, H as Host } from './index-BQNVQ-5E.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
-import { l as linkFactory } from './linkFactory-BnT-k3tO.js';
-import { c as componentFactory } from './componentFactory-DRKnB2By.js';
-import { c as cx } from './cx-CbD7OdM5.js';
-import './store-DYWVDmmN.js';
+import { l as linkFactory } from './linkFactory-CbU0f7b2.js';
+import { c as componentFactory } from './componentFactory-CZE58zDF.js';
+import { c as cx } from './cx-BSJyf49W.js';
+import './store-BFwlyS8J.js';
 
-const dsBreadcrumbCss = () => `.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__pA2cRq.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__pA2cRq--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__pA2cRq__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__pA2cRq__content__link.sc-ds-breadcrumb{--ds-link-vertical-align:middle}.ds-breadcrumb__pA2cRq__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__0apwgA.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__0apwgA--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__0apwgA__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__0apwgA__content__link.sc-ds-breadcrumb{--ds-link-vertical-align:middle}.ds-breadcrumb__0apwgA__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 Mixin(componentFactory('ds-breadcrumb'), linkFactory) {
     constructor(hostRef) {
@@ -50,9 +50,9 @@ const DsBreadcrumb = class extends Mixin(componentFactory('ds-breadcrumb'), link
     render() {
         const baseClass = cx('ds-breadcrumb');
         const contentClass = `${baseClass}__content`;
-        return (h(Host, { key: '9bfcf4bd67d2215521cc029cdcfcd0a0474cc7f4', role: "listitem" }, h("div", { key: '4b6eec3a1f2f0eff22f2370b9e39f7c6ea985033', class: classNames(baseClass, {
+        return (h(Host, { key: '7d23b7b44fa87d72f5eda79a36081849daf47fdb', role: "listitem" }, h("div", { key: 'ce1f1fc95d55da27b73abe42802953cf2ea1de11', class: classNames(baseClass, {
                 [`${baseClass}--hidden`]: this.dsIsHidden,
-            }) }, h("div", { key: '63424e243bd7c1020f2123e8952395581b9eb63c', class: contentClass }, this.dsHasSeparator ? h(this.DsBreadcrumbsSeparator, { dsIcon: this.dsSeparatorIcon }) : null, this.dsIsCurrentPage ? this.renderCurrentPageCrumb(contentClass) : this.renderLinkCrumb(contentClass)))));
+            }) }, h("div", { key: 'd8a9df55f4e55bf46d056f438115146a1d12b1b9', class: contentClass }, this.dsHasSeparator ? h(this.DsBreadcrumbsSeparator, { dsIcon: this.dsSeparatorIcon }) : null, this.dsIsCurrentPage ? this.renderCurrentPageCrumb(contentClass) : this.renderLinkCrumb(contentClass)))));
     }
     static get watchers() { return {
         "dsIsHidden": [{

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

@@ -1,7 +1,7 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, F as Fragment } from './index-DHrlezow.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h, F as Fragment } from './index-BQNVQ-5E.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
-import { c as componentFactory } from './componentFactory-DRKnB2By.js';
-import './store-DYWVDmmN.js';
+import { c as componentFactory } from './componentFactory-CZE58zDF.js';
+import './store-BFwlyS8J.js';
 
 const dsBreadcrumbsCollapsibleCss = () => `:host{display:contents}`;
 
@@ -36,7 +36,7 @@ const DsBreadcrumbsCollapsible = class extends Mixin(componentFactory('ds-breadc
         this.collapsibleTarget = this.el.querySelector(this.DsBreadcrumb);
     };
     render() {
-        return (h(Fragment, { key: 'b4c02644a503e9b58edc3d796e6c861e3e623cc8' }, h(this.DsBreadcrumbsExpandButton, { key: '796ea9c38dfca03be17940477a0e3723f0d01036', dsIsHidden: this.dsIsExpandButtonHidden, dsSeparatorIcon: this.dsSeparatorIcon }), h("slot", { key: 'd6b1481cdb00c6b2821707b6deac1ba9beef604c', onSlotchange: this.handleDefaultSlotChange })));
+        return (h(Fragment, { key: 'bb260f67ee0a9fbbcc353d76ba1988430bae42b5' }, h(this.DsBreadcrumbsExpandButton, { key: '0afa8ab6177102d3f37a7e06e81484a2b4fc5798', dsIsHidden: this.dsIsExpandButtonHidden, dsSeparatorIcon: this.dsSeparatorIcon }), h("slot", { key: '2d9c90edd4d26b4d9bdbc6a4501ccc3946013478', onSlotchange: this.handleDefaultSlotChange })));
     }
 };
 declareComponentDependencies([h("ds-breadcrumbs-expand-button", null)]);

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

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-DHrlezow.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-BQNVQ-5E.js';
 import { c as classNames } from './index-BfTCfPZ1.js';
-import { g as getLanguage } from './store-DYWVDmmN.js';
-import { c as cx } from './cx-CbD7OdM5.js';
+import { g as getLanguage } from './store-BFwlyS8J.js';
+import { c as cx } from './cx-BSJyf49W.js';
 import { t as transformTagName, d as declareComponentDependencies } from './utils-D5pGK2ZH.js';
-import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import { c as componentFactory } from './componentFactory-CZE58zDF.js';
 
-const dsBreadcrumbsExpandButtonCss = () => `.ds-breadcrumbs-expand-button__pA2cRq.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__pA2cRq--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__pA2cRq__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__pA2cRq__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__pA2cRq__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__pA2cRq__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}`;
+const dsBreadcrumbsExpandButtonCss = () => `.ds-breadcrumbs-expand-button__0apwgA.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__0apwgA--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__0apwgA__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__0apwgA__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__0apwgA__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__0apwgA__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}`;
 
 const DsBreadcrumbsExpandButton = class extends Mixin(componentFactory('ds-breadcrumbs-expand-button')) {
     constructor(hostRef) {
@@ -35,9 +35,9 @@ const DsBreadcrumbsExpandButton = class extends Mixin(componentFactory('ds-bread
     };
     render() {
         const baseClass = cx('ds-breadcrumbs-expand-button');
-        return (h("div", { key: 'c72060d6e1aaa87e2230884250ca5622000d432d', role: "listitem", class: classNames(baseClass, {
+        return (h("div", { key: '4b275e120fabbcb7d54cb3d84a44d278d85cb551', role: "listitem", class: classNames(baseClass, {
                 [`${baseClass}--hidden`]: this.dsIsHidden,
-            }) }, h(this.DsBreadcrumbsSeparator, { key: 'dad2d48acd1189a96c7b3b75191254035bf23822', dsIcon: this.dsSeparatorIcon }), h("button", { key: '87c4ed141475f72d3afcf64d20a1d75407fef369', "aria-label": this.showFullBreadcrumbTrail, class: `${baseClass}__button`, onClick: this.handleExpandButtonClick }, "\u2026")));
+            }) }, h(this.DsBreadcrumbsSeparator, { key: 'aa8b43797f0c247cdb0695f49af1d2090251bd0e', dsIcon: this.dsSeparatorIcon }), h("button", { key: '1837e732e82f900e355a6811538f521da03a4c3f', "aria-label": this.showFullBreadcrumbTrail, class: `${baseClass}__button`, onClick: this.handleExpandButtonClick }, "\u2026")));
     }
 };
 declareComponentDependencies([h("ds-breadcrumbs-separator", null)]);

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

@@ -1,10 +1,10 @@
-import { M as Mixin, r as registerInstance, e as getElement, h } from './index-DHrlezow.js';
-import { c as cx } from './cx-CbD7OdM5.js';
+import { M as Mixin, r as registerInstance, e as getElement, h } from './index-BQNVQ-5E.js';
+import { c as cx } from './cx-BSJyf49W.js';
 import { t as transformTagName } from './utils-D5pGK2ZH.js';
-import { c as componentFactory } from './componentFactory-DRKnB2By.js';
-import './store-DYWVDmmN.js';
+import { c as componentFactory } from './componentFactory-CZE58zDF.js';
+import './store-BFwlyS8J.js';
 
-const dsBreadcrumbsSeparatorCss = () => `.ds-breadcrumbs-separator__pA2cRq.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__pA2cRq.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}`;
+const dsBreadcrumbsSeparatorCss = () => `.ds-breadcrumbs-separator__0apwgA.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__0apwgA.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}`;
 
 const DsBreadcrumbsSeparator = class extends Mixin(componentFactory('ds-breadcrumbs-separator')) {
     constructor(hostRef) {
@@ -18,7 +18,7 @@ const DsBreadcrumbsSeparator = class extends Mixin(componentFactory('ds-breadcru
     }
     render() {
         const baseClass = cx('ds-breadcrumbs-separator');
-        return h(this.DsIcon, { key: '2e6781275bc4d30bb5a2c3ec3d19cfda64e79608', class: baseClass, dsName: this.dsIcon, dsSize: "1rem" });
+        return h(this.DsIcon, { key: '04ee0bf58f9689c68a554d5c38f1100d5e309e08', class: baseClass, dsName: this.dsIcon, dsSize: "1rem" });
     }
 };
 DsBreadcrumbsSeparator.style = dsBreadcrumbsSeparatorCss();

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

@@ -1,11 +1,11 @@
-import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-DHrlezow.js';
-import { c as cx } from './cx-CbD7OdM5.js';
-import { g as getLanguage } from './store-DYWVDmmN.js';
+import { M as Mixin, r as registerInstance, c as createEvent, e as getElement, h } from './index-BQNVQ-5E.js';
+import { c as cx } from './cx-BSJyf49W.js';
+import { g as getLanguage } from './store-BFwlyS8J.js';
 import { i as isGreaterThanEqualBreakpointMediaQuery } from './utils-C77HFMMS.js';
-import { c as componentFactory } from './componentFactory-DRKnB2By.js';
+import { c as componentFactory } from './componentFactory-CZE58zDF.js';
 import './utils-D5pGK2ZH.js';
 
-const dsBreadcrumbsCss = () => `.ds-breadcrumbs__pA2cRq{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__pA2cRq{min-height:32px}}.ds-breadcrumbs__pA2cRq__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__pA2cRq__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}`;
+const dsBreadcrumbsCss = () => `.ds-breadcrumbs__0apwgA{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__0apwgA{min-height:32px}}.ds-breadcrumbs__0apwgA__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__0apwgA__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}`;
 
 const DsBreadcrumbs = class extends Mixin(componentFactory('ds-breadcrumbs', { stopRootTracking: true })) {
     constructor(hostRef) {
@@ -48,7 +48,7 @@ const DsBreadcrumbs = class extends Mixin(componentFactory('ds-breadcrumbs', { s
     }
     render() {
         const baseClass = cx('ds-breadcrumbs');
-        return (h("nav", { key: '3d70055e637d2dc2a97e7839482d939a86ddc191', class: baseClass, "aria-label": this.dsAriaLabel || this.breadcrumb }, h("div", { key: '0678752d1bdb955f2d5e9abb5d6735898fac91e8', role: "list", class: `${baseClass}__breadcrumbs` }, h("slot", { key: '9cfd67499d366b551d0d77b78e74377ccaec562e' }))));
+        return (h("nav", { key: 'f00ae46dfbbbd4d20f0404bbce5c0c77d3ffb038', class: baseClass, "aria-label": this.dsAriaLabel || this.breadcrumb }, h("div", { key: '1d0eb456d2f6419d00403551cc5738eb860775d8', role: "list", class: `${baseClass}__breadcrumbs` }, h("slot", { key: '9bb566eb1bf788503d3d3cc6267ffcb7b880f294' }))));
     }
     static get watchers() { return {
         "size": [{