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

package/dist/cjs/ds-action-list.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-BBBTmSCS.js');
-var cx = require('./cx-BS6nqACL.js');
+var index = require('./index-7cLzA8W5.js');
+var cx = require('./cx-D4_fhK_D.js');
 var utils = require('./utils-DWrHry7C.js');
-var store = require('./store-C9xOI2Br.js');
-var componentFactory = require('./componentFactory-izBTCdjj.js');
+var store = require('./store-BDkw2fdF.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
 
 const actionListGroupLabel = () => {
     switch (store.getLanguage()) {
@@ -37,7 +37,7 @@ const actionListGroupLabelMultiSelect = () => {
     }
 };
 
-const dsActionListCss = () => `.ds-no-style-leak.sc-ds-action-list *.sc-ds-action-list{all:unset;box-sizing:border-box;display:block}.ds-action-list__owcjsm.sc-ds-action-list{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;list-style:none;margin:0;padding:0}`;
+const dsActionListCss = () => `.ds-no-style-leak.sc-ds-action-list *.sc-ds-action-list{all:unset;box-sizing:border-box;display:block}.ds-action-list__0apwgA.sc-ds-action-list{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);display:block;list-style:none;margin:0;padding:0}`;
 
 const DsActionList = class extends index.Mixin(componentFactory.componentFactory('ds-action-list')) {
     constructor(hostRef) {
@@ -240,7 +240,7 @@ const DsActionList = class extends index.Mixin(componentFactory.componentFactory
     }
     render() {
         const baseClass = cx.cx('ds-action-list');
-        return (index.h(index.Host, { key: 'ad2a401bd2892f234e8a0600f62bb07053ddc97f', id: this.listId, class: baseClass, role: this.dsRole, ...utils.ifDefined('aria-label', this.ariaLabel), ...utils.ifDefined('aria-labelledby', this.ariaLabelledby) }, index.h("slot", { key: 'e4b11172e27e84fffeda6b1112a4f6209b044ba0' })));
+        return (index.h(index.Host, { key: '63b9281969827bf97f58963ab3e6ca5fcca037eb', id: this.listId, class: baseClass, role: this.dsRole, ...utils.ifDefined('aria-label', this.ariaLabel), ...utils.ifDefined('aria-labelledby', this.ariaLabelledby) }, index.h("slot", { key: 'aae50614a86d5187bcdb51fded661dc77d44f99d' })));
     }
     static get watchers() { return {
         "lang": [{

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-BBBTmSCS.js');
+var index = require('./index-7cLzA8W5.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-DWrHry7C.js');
-var cx = require('./cx-BS6nqACL.js');
+var cx = require('./cx-D4_fhK_D.js');
 var actionMenuContext = require('./actionMenuContext--I6RtAhH.js');
-var componentFactory = require('./componentFactory-izBTCdjj.js');
-require('./store-C9xOI2Br.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
+require('./store-BDkw2fdF.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__owcjsm.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__owcjsm__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__owcjsm__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__owcjsm__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__owcjsm__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__owcjsm__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__owcjsm__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__owcjsm__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__owcjsm__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__owcjsm__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__owcjsm__menu.ds-action-menu__owcjsm__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__owcjsm__menu.ds-action-menu__owcjsm__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__owcjsm__menu.ds-action-menu__owcjsm__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__owcjsm__menu.ds-action-menu__owcjsm__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__owcjsm__menu.ds-action-menu__owcjsm__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__owcjsm__menu.ds-action-menu__owcjsm__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__owcjsm__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__owcjsm__menu.ds-action-menu__owcjsm__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__owcjsm__menu.ds-action-menu__owcjsm__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__owcjsm__menu.ds-action-menu__owcjsm__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__owcjsm__menu.ds-action-menu__owcjsm__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__owcjsm__menu.ds-action-menu__owcjsm__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__owcjsm__menu.ds-action-menu__owcjsm__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;
@@ -23,6 +23,7 @@ const DsActionMenu = class extends index.Mixin(componentFactory.componentFactory
     menuId;
     triggerWrapperRef;
     menuRef;
+    menuStateListeners = new Set();
     dsId = this.getUniqueId();
     dsButtonText = '';
     dsButtonVariant = 'secondary';
@@ -41,7 +42,13 @@ const DsActionMenu = class extends index.Mixin(componentFactory.componentFactory
     isOpen = false;
     componentWillLoad() {
         this.menuId = `${this.dsId}-menu`;
-        actionMenuContext.storeActionMenuContext(this.el, { closeMenu: () => this.closeMenu() });
+        actionMenuContext.storeActionMenuContext(this.el, {
+            closeMenu: () => this.closeMenu(),
+            subscribe: cb => {
+                this.menuStateListeners.add(cb);
+                return () => this.menuStateListeners.delete(cb);
+            },
+        });
     }
     componentDidLoad() {
         this.componentMounted();
@@ -70,7 +77,13 @@ const DsActionMenu = class extends index.Mixin(componentFactory.componentFactory
         this.menuRef.style.maxHeight = `${Math.max(maxH, MENU_MIN_HEIGHT)}px`;
     }
     updateContext() {
-        actionMenuContext.provideActionMenuContext(this.el, { closeMenu: () => this.closeMenu() });
+        actionMenuContext.provideActionMenuContext(this.el, {
+            closeMenu: () => this.closeMenu(),
+            subscribe: cb => {
+                this.menuStateListeners.add(cb);
+                return () => this.menuStateListeners.delete(cb);
+            },
+        });
     }
     async open() {
         this.openMenu();
@@ -92,6 +105,7 @@ const DsActionMenu = class extends index.Mixin(componentFactory.componentFactory
         this.isOpen = true;
         this.dsOpen.emit();
         this.updateContext();
+        this.menuStateListeners.forEach(cb => cb(true));
         requestAnimationFrame(() => {
             if (focusTarget === 'last') {
                 this.focusLastItem();
@@ -106,6 +120,7 @@ const DsActionMenu = class extends index.Mixin(componentFactory.componentFactory
             return;
         this.isOpen = false;
         this.dsClose.emit();
+        this.menuStateListeners.forEach(cb => cb(false));
         if (returnFocus) {
             this.el.querySelector(utils.transformTagName('ds-button', 'ds-action-menu', this.el))?.setFocus?.();
         }
@@ -178,7 +193,7 @@ const DsActionMenu = class extends index.Mixin(componentFactory.componentFactory
             maxHeight: this.dsMenuMaxHeight ?? 'none',
         };
         const menuClasses = index$1.classNames(`${baseClass}__menu`, `${baseClass}__menu--align-${this.dsAlign}`, `${baseClass}__menu--placement-${this.dsPlacement}`);
-        return (index.h("div", { key: '24cf817df04fcd96eae36d8c8748f8ae42c38139', class: baseClass }, index.h("div", { key: '99e6fddaf4c1a32aaeedafaefa478b3eedf1f6f1', ref: el => (this.triggerWrapperRef = el), class: `${baseClass}__trigger-wrapper` }, this.renderTrigger(baseClass)), index.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 }, index.h("slot", { key: '918606616d18aad41c71f1646a6a61c12e8d72ba' }))));
+        return (index.h("div", { key: '9c6ea569f1a89ebb7f31841fc0b7dfea7f9f20b0', class: baseClass }, index.h("div", { key: '5f002b6aee11f147e9bb3979e6020061b4d62b8b', ref: el => (this.triggerWrapperRef = el), class: `${baseClass}__trigger-wrapper` }, this.renderTrigger(baseClass)), index.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 }, index.h("slot", { key: 'a66ae4bdd8f8521dc88f20e4eb2ce7747de78e63' }))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-button", null), index.h("ds-icon", { dsName: "" })]);

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-BBBTmSCS.js');
-var cx = require('./cx-BS6nqACL.js');
-var componentFactory = require('./componentFactory-izBTCdjj.js');
+var index = require('./index-7cLzA8W5.js');
+var cx = require('./cx-D4_fhK_D.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
 var attributes = require('./attributes-DbNfxmvc.js');
 var utils = require('./utils-DWrHry7C.js');
-var controlUtils = require('./controlUtils-CHspM5B4.js');
-require('./store-C9xOI2Br.js');
+var controlUtils = require('./controlUtils-C1d8TGh2.js');
+require('./store-BDkw2fdF.js');
 
-const dsAssistiveTextCss = () => `.ds-assistive-text__owcjsm.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 index.Mixin(componentFactory.componentFactory('ds-assistive-text')) {
     constructor(hostRef) {
@@ -19,12 +19,12 @@ const DsAssistiveText = class extends index.Mixin(componentFactory.componentFact
     dsText;
     render() {
         const baseClass = cx.cx('ds-assistive-text');
-        return (index.h("small", { key: 'ef4911df60345674461694b2b3933cdea914835d', class: baseClass, id: this.dsId }, index.h("slot", { key: '7de32cdd91dd0888528ed64faaa8a8055f36e45c' }, this.dsText)));
+        return (index.h("small", { key: 'eb49c2441fe4a0d08b87e59a0271f2280f3f6233', class: baseClass, id: this.dsId }, index.h("slot", { key: '9b2d7ee93422c1bc5ca789bbfe307380c530d160' }, this.dsText)));
     }
 };
 DsAssistiveText.style = dsAssistiveTextCss();
 
-const dsControlLabelCss = () => `.ds-control-label__owcjsm__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__owcjsm{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__owcjsm: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 index.Mixin(componentFactory.componentFactory('ds-control-label')) {
     constructor(hostRef) {
@@ -69,7 +69,7 @@ const DsControlLabel = class extends index.Mixin(componentFactory.componentFacto
     };
     render() {
         const baseClass = cx.cx('ds-control-label');
-        return (index.h("div", { key: '81a17445cf574cfde472563e206ad0bece9060a2', class: baseClass }, index.h("slot", { key: 'fc96f88cb8f9237539b0e957b2cac9a3004e8b35', name: "label" }, this.dsLabel && (index.h("label", { key: 'd5b999096ba9c9d1024b9ce483428318e523cd5f', class: `${baseClass}__label`, htmlFor: this.dsHtmlFor, id: this.dsId, ...this.inheritedAttributes }, this.getLabelText()))), index.h("slot", { key: '090dda162fe25799c5cbdc36b7250d0b2a471fb0', name: "assistiveText" }, this.dsAssistiveText && index.h(this.DsAssistiveText, { key: 'e54915bf41862e7fbd94e724158f642b4ebd8642', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }), this.dsVisuallyHiddenAssistiveText && (index.h(this.DsVisuallyHidden, { key: '4eef6a04158a1314dd656f021d648c00a62dcb9d', id: this.dsVisuallyHiddenAssistiveTextId, dsTag: "span" }, this.dsVisuallyHiddenAssistiveText)))));
+        return (index.h("div", { key: '9ab9daf97653af241ac7cbc66ac3322b858301a4', class: baseClass }, index.h("slot", { key: '77f0bc3fc7fe3c1f324c251346e364b4e2826b85', name: "label" }, this.dsLabel && (index.h("label", { key: '641d9efbcc75e67a4640d490353424b91318215c', class: `${baseClass}__label`, htmlFor: this.dsHtmlFor, id: this.dsId, ...this.inheritedAttributes }, this.getLabelText()))), index.h("slot", { key: '1e832ae93b303f972a15c330ecfee4e14b9bd641', name: "assistiveText" }, this.dsAssistiveText && index.h(this.DsAssistiveText, { key: '4143fbf6f6d9335ac42cfa8b7c0339865f969673', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }), this.dsVisuallyHiddenAssistiveText && (index.h(this.DsVisuallyHidden, { key: '772ac5477c5e517c26cad07b3709219071de4b23', id: this.dsVisuallyHiddenAssistiveTextId, dsTag: "span" }, this.dsVisuallyHiddenAssistiveText)))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-visually-hidden", null), index.h("ds-assistive-text", null)]);
@@ -104,7 +104,7 @@ const DsFeedback = class {
     render() {
         const Elem = this.dsSrOnly ? this.DsVisuallyHidden : index.Fragment;
         const elemProps = this.dsSrOnly ? { dsTag: this.dsSrOnlyTag } : {};
-        return (index.h(this.dsTag, { key: '3e12c5599e7cae524b6089fd63364e8ef5173605', ...utils.ifDefined('role', this.dsRole), ...utils.ifDefined('aria-live', this.dsAriaLive), ...utils.ifDefined('aria-atomic', this.dsAriaAtomic ? 'true' : undefined) }, index.h(Elem, { key: '13a0fe6e9be620b09e704f089859ef1322301bd4', ...elemProps }, index.h("slot", { key: '2a9c1458c092543436ad93329af035318e1603f6' }))));
+        return (index.h(this.dsTag, { key: '855703f46317fafbaa15103ebf0a1e234727e288', ...utils.ifDefined('role', this.dsRole), ...utils.ifDefined('aria-live', this.dsAriaLive), ...utils.ifDefined('aria-atomic', this.dsAriaAtomic ? 'true' : undefined) }, index.h(Elem, { key: '0134ff67315daf99c3ee70bfca4181b4a61484e0', ...elemProps }, index.h("slot", { key: '821bf09096a35c987c3c49f8d8fe024bfe750c10' }))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-visually-hidden", null)]);

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-BBBTmSCS.js');
+var index = require('./index-7cLzA8W5.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-BS6nqACL.js');
+var cx = require('./cx-D4_fhK_D.js');
 var utils = require('./utils-DWrHry7C.js');
-var componentFactory = require('./componentFactory-izBTCdjj.js');
-require('./store-C9xOI2Br.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
+require('./store-BDkw2fdF.js');
 
-const dsBackdropCss = () => `.ds-backdrop__owcjsm{z-index:var(--ds-backdrop-z-index);max-width:100vw;max-height:100vh;max-height:100dvh}.ds-backdrop__owcjsm::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__owcjsm::backdrop{background-color:var(--ds-bgColor-transparent-onLight)}}.ds-backdrop__owcjsm--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__owcjsm--open::backdrop{background-color:var(--ds-bgColor-backdrop)}@media (prefers-reduced-motion: reduce){.ds-backdrop__owcjsm::backdrop{transition:none}}html:has(.ds-modal__owcjsm--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 index.Mixin(componentFactory.componentFactory('ds-backdrop', { transparentForRootTracking: true })) {
     constructor(hostRef) {
@@ -98,7 +98,7 @@ const DsBackdrop = class extends index.Mixin(componentFactory.componentFactory('
     };
     render() {
         const baseClass = cx.cx('ds-backdrop');
-        return (index.h("dialog", { key: 'e7fcbeafcd262ffa31d367308c17e97d3dc2e1e5', ref: el => (this.dialogElement = el), role: this.dsRole, class: index$1.classNames(baseClass, this.dsDialogClasses, {
+        return (index.h("dialog", { key: '922b63d1b29083b26e00b16827b287773e169a25', ref: el => (this.dialogElement = el), role: this.dsRole, class: index$1.classNames(baseClass, this.dsDialogClasses, {
                 [`${baseClass}--open`]: this.dsOpen,
                 [`${baseClass}--in`]: this.dsOpen && this.transitionInProgress,
             }), onClose: () => {
@@ -107,7 +107,7 @@ const DsBackdrop = class extends index.Mixin(componentFactory.componentFactory('
                 '--ds-backdrop-z-index': `${this.dsZIndex}`,
                 '--ds-backdrop-transition-in-duration': `${utils.BACKDROP_TRANSITION_IN_DURATION}ms`,
                 '--ds-backdrop-transition-out-duration': `${utils.BACKDROP_TRANSITION_OUT_DURATION}ms`,
-            } }, index.h("slot", { key: '13da2a6b6655f8762abb3265556484aa950af910' })));
+            } }, index.h("slot", { key: 'd5fbee25b65652388688e438b60c82291e1d0ca7' })));
     }
     static get watchers() { return {
         "transitionInProgress": [{

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-BBBTmSCS.js');
+var index = require('./index-7cLzA8W5.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-BS6nqACL.js');
+var cx = require('./cx-D4_fhK_D.js');
 var utils = require('./utils-DWrHry7C.js');
-var componentFactory = require('./componentFactory-izBTCdjj.js');
-require('./store-C9xOI2Br.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
+require('./store-BDkw2fdF.js');
 
-const dsBadgeCss = () => `.ds-badge__owcjsm.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__owcjsm--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__owcjsm--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__owcjsm--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__owcjsm--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__owcjsm--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__owcjsm--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__owcjsm--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__owcjsm--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__owcjsm__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__owcjsm__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 index.Mixin(componentFactory.componentFactory('ds-badge')) {
     constructor(hostRef) {
@@ -28,7 +28,7 @@ const DsBadge = class extends index.Mixin(componentFactory.componentFactory('ds-
     }
     render() {
         const baseClass = cx.cx('ds-badge');
-        return (index.h("div", { key: 'c1c78f59fe4e233dda892e19460addb78fef7d7b', class: index$1.classNames(baseClass, `${baseClass}--${this.dsVariant}`) }, index.h("div", { key: '0441042f792bcbe18130a6c2ae55e16cb72687e0', class: `${baseClass}__content` }, index.h("span", { key: '8f0477f2d4efeb2f98e8879f5fc9212b316daf86', class: `ds-text-semibold-xs ${baseClass}__content__text`, id: this.dsId, "aria-label": this.dsAriaLabel }, index.h("slot", { key: 'd65f6c290ee43c8e985c3d29f2fb266b067da663' }, this.dsText, this.dsHiddenAssistiveText && index.h(this.DsVisuallyHidden, { key: '11207cdcaf926c69584b265b7e338aec2c16c519', dsTag: "span" }, this.dsHiddenAssistiveText))))));
+        return (index.h("div", { key: '7b91f80a5ffe11ed3ee95eb9983f8acb7e3639db', class: index$1.classNames(baseClass, `${baseClass}--${this.dsVariant}`) }, index.h("div", { key: 'd4253ccfb097657781fbb2c98f5c15ca14a0ef8c', class: `${baseClass}__content` }, index.h("span", { key: 'f494cd1a6c8c64cfc0bcacffdc48771e35f0d520', class: `ds-text-semibold-xs ${baseClass}__content__text`, id: this.dsId, "aria-label": this.dsAriaLabel }, index.h("slot", { key: 'a4d8e5cb23ad04d70c6434eb73bd3a791d0cf1b6' }, this.dsText, this.dsHiddenAssistiveText && index.h(this.DsVisuallyHidden, { key: '313c9ba10729d97e9ce4b057ba261ad965d58aa4', dsTag: "span" }, this.dsHiddenAssistiveText))))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-visually-hidden", null)]);

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-BBBTmSCS.js');
+var index = require('./index-7cLzA8W5.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
 var utils = require('./utils-DWrHry7C.js');
-var linkFactory = require('./linkFactory-DLYjioyX.js');
-var componentFactory = require('./componentFactory-izBTCdjj.js');
-var cx = require('./cx-BS6nqACL.js');
-require('./store-C9xOI2Br.js');
+var linkFactory = require('./linkFactory-DJ1cbhHh.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
+var cx = require('./cx-D4_fhK_D.js');
+require('./store-BDkw2fdF.js');
 
-const dsBreadcrumbCss = () => `.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__owcjsm.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__owcjsm--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__owcjsm__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__owcjsm__content__link.sc-ds-breadcrumb{--ds-link-vertical-align:middle}.ds-breadcrumb__owcjsm__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 index.Mixin(componentFactory.componentFactory('ds-breadcrumb'), linkFactory.linkFactory) {
     constructor(hostRef) {
@@ -52,9 +52,9 @@ const DsBreadcrumb = class extends index.Mixin(componentFactory.componentFactory
     render() {
         const baseClass = cx.cx('ds-breadcrumb');
         const contentClass = `${baseClass}__content`;
-        return (index.h(index.Host, { key: '9bfcf4bd67d2215521cc029cdcfcd0a0474cc7f4', role: "listitem" }, index.h("div", { key: '4b6eec3a1f2f0eff22f2370b9e39f7c6ea985033', class: index$1.classNames(baseClass, {
+        return (index.h(index.Host, { key: '7d23b7b44fa87d72f5eda79a36081849daf47fdb', role: "listitem" }, index.h("div", { key: 'ce1f1fc95d55da27b73abe42802953cf2ea1de11', class: index$1.classNames(baseClass, {
                 [`${baseClass}--hidden`]: this.dsIsHidden,
-            }) }, index.h("div", { key: '63424e243bd7c1020f2123e8952395581b9eb63c', class: contentClass }, this.dsHasSeparator ? index.h(this.DsBreadcrumbsSeparator, { dsIcon: this.dsSeparatorIcon }) : null, this.dsIsCurrentPage ? this.renderCurrentPageCrumb(contentClass) : this.renderLinkCrumb(contentClass)))));
+            }) }, index.h("div", { key: 'd8a9df55f4e55bf46d056f438115146a1d12b1b9', 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": [{

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BBBTmSCS.js');
+var index = require('./index-7cLzA8W5.js');
 var utils = require('./utils-DWrHry7C.js');
-var componentFactory = require('./componentFactory-izBTCdjj.js');
-require('./store-C9xOI2Br.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
+require('./store-BDkw2fdF.js');
 
 const dsBreadcrumbsCollapsibleCss = () => `:host{display:contents}`;
 
@@ -38,7 +38,7 @@ const DsBreadcrumbsCollapsible = class extends index.Mixin(componentFactory.comp
         this.collapsibleTarget = this.el.querySelector(this.DsBreadcrumb);
     };
     render() {
-        return (index.h(index.Fragment, { key: 'b4c02644a503e9b58edc3d796e6c861e3e623cc8' }, index.h(this.DsBreadcrumbsExpandButton, { key: '796ea9c38dfca03be17940477a0e3723f0d01036', dsIsHidden: this.dsIsExpandButtonHidden, dsSeparatorIcon: this.dsSeparatorIcon }), index.h("slot", { key: 'd6b1481cdb00c6b2821707b6deac1ba9beef604c', onSlotchange: this.handleDefaultSlotChange })));
+        return (index.h(index.Fragment, { key: 'bb260f67ee0a9fbbcc353d76ba1988430bae42b5' }, index.h(this.DsBreadcrumbsExpandButton, { key: '0afa8ab6177102d3f37a7e06e81484a2b4fc5798', dsIsHidden: this.dsIsExpandButtonHidden, dsSeparatorIcon: this.dsSeparatorIcon }), index.h("slot", { key: '2d9c90edd4d26b4d9bdbc6a4501ccc3946013478', onSlotchange: this.handleDefaultSlotChange })));
     }
 };
 utils.declareComponentDependencies([index.h("ds-breadcrumbs-expand-button", null)]);

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-BBBTmSCS.js');
+var index = require('./index-7cLzA8W5.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var store = require('./store-C9xOI2Br.js');
-var cx = require('./cx-BS6nqACL.js');
+var store = require('./store-BDkw2fdF.js');
+var cx = require('./cx-D4_fhK_D.js');
 var utils = require('./utils-DWrHry7C.js');
-var componentFactory = require('./componentFactory-izBTCdjj.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
 
-const dsBreadcrumbsExpandButtonCss = () => `.ds-breadcrumbs-expand-button__owcjsm.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__owcjsm--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__owcjsm__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__owcjsm__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__owcjsm__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__owcjsm__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 index.Mixin(componentFactory.componentFactory('ds-breadcrumbs-expand-button')) {
     constructor(hostRef) {
@@ -37,9 +37,9 @@ const DsBreadcrumbsExpandButton = class extends index.Mixin(componentFactory.com
     };
     render() {
         const baseClass = cx.cx('ds-breadcrumbs-expand-button');
-        return (index.h("div", { key: 'c72060d6e1aaa87e2230884250ca5622000d432d', role: "listitem", class: index$1.classNames(baseClass, {
+        return (index.h("div", { key: '4b275e120fabbcb7d54cb3d84a44d278d85cb551', role: "listitem", class: index$1.classNames(baseClass, {
                 [`${baseClass}--hidden`]: this.dsIsHidden,
-            }) }, index.h(this.DsBreadcrumbsSeparator, { key: 'dad2d48acd1189a96c7b3b75191254035bf23822', dsIcon: this.dsSeparatorIcon }), index.h("button", { key: '87c4ed141475f72d3afcf64d20a1d75407fef369', "aria-label": this.showFullBreadcrumbTrail, class: `${baseClass}__button`, onClick: this.handleExpandButtonClick }, "\u2026")));
+            }) }, index.h(this.DsBreadcrumbsSeparator, { key: 'aa8b43797f0c247cdb0695f49af1d2090251bd0e', dsIcon: this.dsSeparatorIcon }), index.h("button", { key: '1837e732e82f900e355a6811538f521da03a4c3f', "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

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-BBBTmSCS.js');
-var cx = require('./cx-BS6nqACL.js');
+var index = require('./index-7cLzA8W5.js');
+var cx = require('./cx-D4_fhK_D.js');
 var utils = require('./utils-DWrHry7C.js');
-var componentFactory = require('./componentFactory-izBTCdjj.js');
-require('./store-C9xOI2Br.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
+require('./store-BDkw2fdF.js');
 
-const dsBreadcrumbsSeparatorCss = () => `.ds-breadcrumbs-separator__owcjsm.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__owcjsm.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 index.Mixin(componentFactory.componentFactory('ds-breadcrumbs-separator')) {
     constructor(hostRef) {
@@ -20,7 +20,7 @@ const DsBreadcrumbsSeparator = class extends index.Mixin(componentFactory.compon
     }
     render() {
         const baseClass = cx.cx('ds-breadcrumbs-separator');
-        return index.h(this.DsIcon, { key: '2e6781275bc4d30bb5a2c3ec3d19cfda64e79608', class: baseClass, dsName: this.dsIcon, dsSize: "1rem" });
+        return index.h(this.DsIcon, { key: '04ee0bf58f9689c68a554d5c38f1100d5e309e08', class: baseClass, dsName: this.dsIcon, dsSize: "1rem" });
     }
 };
 DsBreadcrumbsSeparator.style = dsBreadcrumbsSeparatorCss();

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-BBBTmSCS.js');
-var cx = require('./cx-BS6nqACL.js');
-var store = require('./store-C9xOI2Br.js');
+var index = require('./index-7cLzA8W5.js');
+var cx = require('./cx-D4_fhK_D.js');
+var store = require('./store-BDkw2fdF.js');
 var utils = require('./utils-Ctsvcil0.js');
-var componentFactory = require('./componentFactory-izBTCdjj.js');
+var componentFactory = require('./componentFactory-C0erJ_VA.js');
 require('./utils-DWrHry7C.js');
 
-const dsBreadcrumbsCss = () => `.ds-breadcrumbs__owcjsm{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__owcjsm{min-height:32px}}.ds-breadcrumbs__owcjsm__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__owcjsm__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 index.Mixin(componentFactory.componentFactory('ds-breadcrumbs', { stopRootTracking: true })) {
     constructor(hostRef) {
@@ -50,7 +50,7 @@ const DsBreadcrumbs = class extends index.Mixin(componentFactory.componentFactor
     }
     render() {
         const baseClass = cx.cx('ds-breadcrumbs');
-        return (index.h("nav", { key: '3d70055e637d2dc2a97e7839482d939a86ddc191', class: baseClass, "aria-label": this.dsAriaLabel || this.breadcrumb }, index.h("div", { key: '0678752d1bdb955f2d5e9abb5d6735898fac91e8', role: "list", class: `${baseClass}__breadcrumbs` }, index.h("slot", { key: '9cfd67499d366b551d0d77b78e74377ccaec562e' }))));
+        return (index.h("nav", { key: 'f00ae46dfbbbd4d20f0404bbce5c0c77d3ffb038', class: baseClass, "aria-label": this.dsAriaLabel || this.breadcrumb }, index.h("div", { key: '1d0eb456d2f6419d00403551cc5738eb860775d8', role: "list", class: `${baseClass}__breadcrumbs` }, index.h("slot", { key: '9bb566eb1bf788503d3d3cc6267ffcb7b880f294' }))));
     }
     static get watchers() { return {
         "size": [{