@uh-design-system/component-library 1.6.0-rc.0 → 1.6.0-rc.2

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-CmX4GdqZ.js');
-var cx = require('./cx-B9luWO9I.js');
-var utils = require('./utils-DK6WJuOa.js');
-var store = require('./store-Bc8GbxUL.js');
-var componentFactory = require('./componentFactory-Cw20ncNZ.js');
+var index = require('./index-zpctLS3M.js');
+var cx = require('./cx-CpuRM28-.js');
+var utils = require('./utils-D94MuKO1.js');
+var store = require('./store-CSrs5MF9.js');
+var componentFactory = require('./componentFactory-D5ZfrobO.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__cpPWV0.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__9el4Wy.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 listIdGenerator = utils.idGenerator('ds-action-list');
 const DsActionList = class extends index.Mixin(componentFactory.componentFactory('ds-action-list')) {
@@ -101,6 +101,8 @@ const DsActionList = class extends index.Mixin(componentFactory.componentFactory
         return this.getFocusableItemsFromEl(this.el);
     }
     getFocusableItemsFromEl(el) {
+        if (!el)
+            return [];
         const itemTag = utils.transformTagName('ds-action-list-item', 'ds-action-list', this.el);
         return Array.from(el.querySelectorAll(itemTag)).filter(item => !item.dsDisabled);
     }
@@ -115,27 +117,27 @@ const DsActionList = class extends index.Mixin(componentFactory.componentFactory
         const itemTag = utils.transformTagName('ds-action-list-item', 'ds-action-list', this.el);
         const allItems = Array.from(this.el.querySelectorAll(`:scope > ${itemTag}`));
         const hasIcon = allItems.some(item => item.dsIcon && item.dsVariant !== 'multi-select');
-        allItems.forEach(item => {
+        for (const item of allItems) {
             if (item.dsVariant !== 'multi-select') {
                 item.dsIndented = hasIcon && !item.dsIcon;
             }
-        });
+        }
     }
     updateRovingTabindex(activeItem) {
         const items = this.getFocusableItems();
         const target = activeItem ?? items[0];
-        items.forEach(item => {
+        for (const item of items) {
             item.setTabIndex?.(item === target ? 0 : -1);
-        });
+        }
     }
     handleItemSelect(event) {
         const { variant, selected } = event.detail;
         const itemTag = utils.transformTagName('ds-action-list-item', 'ds-action-list', this.el);
         const allItems = Array.from(this.el.querySelectorAll(itemTag));
         if (variant === 'single-select') {
-            allItems.forEach(item => {
+            for (const item of allItems) {
                 item.dsSelected = item === event.target ? selected : false;
-            });
+            }
         }
         else if (variant === 'multi-select') {
             const target = allItems.find(item => item === event.target);
@@ -161,16 +163,16 @@ const DsActionList = class extends index.Mixin(componentFactory.componentFactory
                     if (this.isStandalone)
                         this.updateRovingTabindex(items[currentIndex + 1]);
                 }
-                else if (!this.isStandalone) {
+                else if (this.isStandalone) {
+                    items[0].setFocus?.();
+                    this.updateRovingTabindex(items[0]);
+                }
+                else {
                     const lists = this.getSiblingLists();
                     const myIndex = lists.indexOf(this.el);
                     const nextList = lists[myIndex + 1] ?? lists[0];
                     this.getFocusableItemsFromEl(nextList)[0]?.setFocus?.();
                 }
-                else {
-                    items[0].setFocus?.();
-                    this.updateRovingTabindex(items[0]);
-                }
                 break;
             }
             case 'ArrowUp': {
@@ -180,41 +182,41 @@ const DsActionList = class extends index.Mixin(componentFactory.componentFactory
                     if (this.isStandalone)
                         this.updateRovingTabindex(items[currentIndex - 1]);
                 }
-                else if (!this.isStandalone) {
+                else if (this.isStandalone) {
+                    items.at(-1)?.setFocus?.();
+                    this.updateRovingTabindex(items.at(-1));
+                }
+                else {
                     const lists = this.getSiblingLists();
                     const myIndex = lists.indexOf(this.el);
-                    const prevList = lists[myIndex - 1] ?? lists[lists.length - 1];
+                    const prevList = lists[myIndex - 1] ?? lists.at(-1);
                     const prevItems = this.getFocusableItemsFromEl(prevList);
-                    prevItems[prevItems.length - 1]?.setFocus?.();
-                }
-                else {
-                    items[items.length - 1].setFocus?.();
-                    this.updateRovingTabindex(items[items.length - 1]);
+                    prevItems.at(-1)?.setFocus?.();
                 }
                 break;
             }
             case 'Home': {
                 event.preventDefault();
-                if (!this.isStandalone) {
-                    const firstList = this.getSiblingLists()[0];
-                    this.getFocusableItemsFromEl(firstList)[0]?.setFocus?.();
-                }
-                else {
+                if (this.isStandalone) {
                     items[0].setFocus?.();
                     this.updateRovingTabindex(items[0]);
                 }
+                else {
+                    const firstList = this.getSiblingLists()[0];
+                    this.getFocusableItemsFromEl(firstList)[0]?.setFocus?.();
+                }
                 break;
             }
             case 'End': {
                 event.preventDefault();
-                if (!this.isStandalone) {
-                    const lists = this.getSiblingLists();
-                    const lastListItems = this.getFocusableItemsFromEl(lists[lists.length - 1]);
-                    lastListItems[lastListItems.length - 1]?.setFocus?.();
+                if (this.isStandalone) {
+                    items.at(-1)?.setFocus?.();
+                    this.updateRovingTabindex(items.at(-1));
                 }
                 else {
-                    items[items.length - 1].setFocus?.();
-                    this.updateRovingTabindex(items[items.length - 1]);
+                    const lists = this.getSiblingLists();
+                    const lastListItems = this.getFocusableItemsFromEl(lists.at(-1));
+                    lastListItems.at(-1)?.setFocus?.();
                 }
                 break;
             }
@@ -239,7 +241,7 @@ const DsActionList = class extends index.Mixin(componentFactory.componentFactory
     }
     render() {
         const baseClass = cx.cx('ds-action-list');
-        return (index.h(index.Host, { key: 'a172146138a1c3c7aa2a69ea5f76f66d3eb3738b', id: this.listId, class: baseClass, role: this.dsRole, ...utils.ifDefined('aria-label', this.ariaLabel), ...utils.ifDefined('aria-labelledby', this.ariaLabelledby) }, index.h("slot", { key: 'c5be4a565da7e56a7fa724062473586870098b30' })));
+        return (index.h(index.Host, { key: '180bdac653b5e4ca78773ad3f88fa25e9af63083', id: this.listId, class: baseClass, role: this.dsRole, ...utils.ifDefined('aria-label', this.ariaLabel), ...utils.ifDefined('aria-labelledby', this.ariaLabelledby) }, index.h("slot", { key: 'c585c41d8780fa8ed9c7362eefc1116e078646e8' })));
     }
     static get watchers() { return {
         "lang": [{

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-CmX4GdqZ.js');
+var index = require('./index-zpctLS3M.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var utils = require('./utils-DK6WJuOa.js');
-var cx = require('./cx-B9luWO9I.js');
+var utils = require('./utils-D94MuKO1.js');
+var cx = require('./cx-CpuRM28-.js');
 var actionMenuContext = require('./actionMenuContext--I6RtAhH.js');
-var componentFactory = require('./componentFactory-Cw20ncNZ.js');
-require('./store-Bc8GbxUL.js');
+var componentFactory = require('./componentFactory-D5ZfrobO.js');
+require('./store-CSrs5MF9.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__cpPWV0.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__cpPWV0__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__cpPWV0__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__cpPWV0__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__cpPWV0__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__cpPWV0__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__cpPWV0__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__cpPWV0__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__cpPWV0__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__cpPWV0__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__cpPWV0__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__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__cpPWV0__menu.ds-action-menu__cpPWV0__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__cpPWV0__menu.ds-action-menu__cpPWV0__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__9el4Wy.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__9el4Wy__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__9el4Wy__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__9el4Wy__menu[hidden].sc-ds-action-menu{display:none}.ds-action-menu__9el4Wy__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__9el4Wy__menu.sc-ds-action-menu::-webkit-scrollbar{width:6px}.ds-action-menu__9el4Wy__menu.sc-ds-action-menu::-webkit-scrollbar-track{background:transparent}.ds-action-menu__9el4Wy__menu.sc-ds-action-menu::-webkit-scrollbar-thumb{background-color:var(--ds-borderColor-default);border-radius:3px}.ds-action-menu__9el4Wy__menu.sc-ds-action-menu::-webkit-scrollbar-thumb:hover{background-color:var(--ds-borderColor-black)}.ds-action-menu__9el4Wy__menu.sc-ds-action-menu{max-height:100dvh;padding:var(--ds-spacing-3xSmall) 0}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-bottom.sc-ds-action-menu,.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-auto.sc-ds-action-menu{top:100%;margin-top:var(--ds-spacing-3xSmall)}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-top.sc-ds-action-menu{bottom:100%;margin-bottom:var(--ds-spacing-3xSmall)}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-start.sc-ds-action-menu{left:0}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-end.sc-ds-action-menu{right:0}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-center.sc-ds-action-menu{left:50%;transform:translateX(-50%)}@supports (anchor-name: --test){.ds-action-menu__9el4Wy__menu.sc-ds-action-menu{position:fixed}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-bottom.sc-ds-action-menu{inset-block:anchor(bottom) auto}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--placement-top.sc-ds-action-menu{inset-block:auto anchor(top)}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__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__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-start.sc-ds-action-menu{inset-inline:anchor(left) auto}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__menu--align-end.sc-ds-action-menu{inset-inline:auto anchor(right)}.ds-action-menu__9el4Wy__menu.ds-action-menu__9el4Wy__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;
@@ -64,7 +64,7 @@ const DsActionMenu = class extends index.Mixin(componentFactory.componentFactory
         if (!triggerRect)
             return;
         const menuRect = this.menuRef.getBoundingClientRect();
-        const viewportHeight = window.innerHeight;
+        const viewportHeight = globalThis.innerHeight;
         const openingUpward = menuRect.bottom <= triggerRect.top + 1;
         const maxH = openingUpward ? triggerRect.top - MENU_MARGIN : viewportHeight - triggerRect.bottom - MENU_MARGIN;
         this.menuRef.style.maxHeight = `${Math.max(maxH, MENU_MIN_HEIGHT)}px`;
@@ -178,7 +178,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: '22df98ccfe575071ea132197a57f1d37fcce58d1', class: baseClass }, index.h("div", { key: '200e6c81d8ccf1dc1cb36a2c279551b439016e6c', ref: el => (this.triggerWrapperRef = el), class: `${baseClass}__trigger-wrapper` }, this.renderTrigger(baseClass)), index.h("div", { key: 'd9443def9271be5689c7e8e6f53037fe868ade7f', 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: 'd80220edb4c461f863c35daa52aa94f6486d40b8' }))));
+        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' }))));
     }
 };
 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-CmX4GdqZ.js');
-var cx = require('./cx-B9luWO9I.js');
-var componentFactory = require('./componentFactory-Cw20ncNZ.js');
-var attributes = require('./attributes-5eBKMo1N.js');
-var utils = require('./utils-DK6WJuOa.js');
-var controlUtils = require('./controlUtils-DKHcFVTq.js');
-require('./store-Bc8GbxUL.js');
+var index = require('./index-zpctLS3M.js');
+var cx = require('./cx-CpuRM28-.js');
+var componentFactory = require('./componentFactory-D5ZfrobO.js');
+var attributes = require('./attributes-DbNfxmvc.js');
+var utils = require('./utils-D94MuKO1.js');
+var controlUtils = require('./controlUtils-ClIkm4zt.js');
+require('./store-CSrs5MF9.js');
 
-const dsAssistiveTextCss = () => `.ds-assistive-text__cpPWV0.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__9el4Wy.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) {
@@ -24,7 +24,7 @@ const DsAssistiveText = class extends index.Mixin(componentFactory.componentFact
 };
 DsAssistiveText.style = dsAssistiveTextCss();
 
-const dsControlLabelCss = () => `.ds-control-label__cpPWV0__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__cpPWV0{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__cpPWV0:empty{display:none}`;
+const dsControlLabelCss = () => `.ds-control-label__9el4Wy__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__9el4Wy{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__9el4Wy: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: '74111ceaa165c74e43df9bbd15a3bbfd2704f93b', class: baseClass }, index.h("slot", { key: 'afbd5efbc7ecf02146d026242419cdeca0bd895e', name: "label" }, this.dsLabel && (index.h("label", { key: '00eea258bacd8302c32627bbf1e8d1d5a339edf7', class: `${baseClass}__label`, htmlFor: this.dsHtmlFor, id: this.dsId, ...this.inheritedAttributes }, this.getLabelText()))), index.h("slot", { key: '354218a4ca19a77c1bfaca7d397cf44baf2438d8', name: "assistiveText" }, this.dsAssistiveText && index.h(this.DsAssistiveText, { key: '7f5dc0c193c5df880bdfaf2a95adb486c435b78f', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }), this.dsVisuallyHiddenAssistiveText && (index.h(this.DsVisuallyHidden, { key: 'e4da623a56ed0ee1829917bdc4733d120e8ba93b', id: this.dsVisuallyHiddenAssistiveTextId, dsTag: "span" }, this.dsVisuallyHiddenAssistiveText)))));
+        return (index.h("div", { key: 'fb82006018b75e4c00356245966ea94fa1ba62ba', class: baseClass }, index.h("slot", { key: '4626446a9dcd5984a66cc0a24978339c74bc79df', name: "label" }, this.dsLabel && (index.h("label", { key: 'fc7253241bc2bfd7ebb7cf3d46a0edb3ec1f12c9', class: `${baseClass}__label`, htmlFor: this.dsHtmlFor, id: this.dsId, ...this.inheritedAttributes }, this.getLabelText()))), index.h("slot", { key: '41e6bb792f3a594cb7a846cfcdc1ac7a0accd871', name: "assistiveText" }, this.dsAssistiveText && index.h(this.DsAssistiveText, { key: '3c33bb3d1c8a4708e349559f759847dcf6c94bc6', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }), this.dsVisuallyHiddenAssistiveText && (index.h(this.DsVisuallyHidden, { key: '7ca49d923701fdc03ba72d46c4f989e4f92e1834', id: this.dsVisuallyHiddenAssistiveTextId, dsTag: "span" }, this.dsVisuallyHiddenAssistiveText)))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-visually-hidden", null), index.h("ds-assistive-text", null)]);
@@ -99,13 +99,12 @@ const DsFeedback = class {
         }
         if (!this.dsRole && !this.dsAriaLive) {
             console.warn(`ds-feedback: ${eitherMessage}.`);
-            return;
         }
     }
     render() {
         const Elem = this.dsSrOnly ? this.DsVisuallyHidden : index.Fragment;
         const elemProps = this.dsSrOnly ? { dsTag: this.dsSrOnlyTag } : {};
-        return (index.h(this.dsTag, { key: '78ccaabdde580f2dd3e1870368ca3fafd95ee63d', ...utils.ifDefined('role', this.dsRole), ...utils.ifDefined('aria-live', this.dsAriaLive), ...utils.ifDefined('aria-atomic', this.dsAriaAtomic ? 'true' : undefined) }, index.h(Elem, { key: 'fa0b26381e37a6c7be1578bf945ae50b5d849db8', ...elemProps }, index.h("slot", { key: '77d630fe6c0b850508eb782591bf2520a44bec33' }))));
+        return (index.h(this.dsTag, { key: '794338430f0e0e5341c1eee25eadf098d059eff3', ...utils.ifDefined('role', this.dsRole), ...utils.ifDefined('aria-live', this.dsAriaLive), ...utils.ifDefined('aria-atomic', this.dsAriaAtomic ? 'true' : undefined) }, index.h(Elem, { key: '15285f38ad7a6439ecbd1515010c0eb608bdebcc', ...elemProps }, index.h("slot", { key: '933b521fd4434e65a69f10d8a1a8f6edc28a58d3' }))));
     }
 };
 utils.declareComponentDependencies([index.h("ds-visually-hidden", null)]);

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

@@ -1,14 +1,13 @@
 'use strict';
 
-var index = require('./index-CmX4GdqZ.js');
+var index = require('./index-zpctLS3M.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-B9luWO9I.js');
-var constants = require('./constants-DQ8n-aJY.js');
-var componentFactory = require('./componentFactory-Cw20ncNZ.js');
-require('./utils-DK6WJuOa.js');
-require('./store-Bc8GbxUL.js');
+var cx = require('./cx-CpuRM28-.js');
+var utils = require('./utils-D94MuKO1.js');
+var componentFactory = require('./componentFactory-D5ZfrobO.js');
+require('./store-CSrs5MF9.js');
 
-const dsBackdropCss = () => `.ds-backdrop__cpPWV0{z-index:var(--ds-backdrop-z-index);max-width:100vw;max-height:100vh;max-height:100dvh}.ds-backdrop__cpPWV0::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__cpPWV0::backdrop{background-color:var(--ds-bgColor-transparent-onLight)}}.ds-backdrop__cpPWV0--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__cpPWV0--open::backdrop{background-color:var(--ds-bgColor-backdrop)}@media (prefers-reduced-motion: reduce){.ds-backdrop__cpPWV0::backdrop{transition:none}}html:has(.ds-modal__cpPWV0--open){overflow:hidden}`;
+const dsBackdropCss = () => `.ds-backdrop__9el4Wy{z-index:var(--ds-backdrop-z-index);max-width:100vw;max-height:100vh;max-height:100dvh}.ds-backdrop__9el4Wy::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__9el4Wy::backdrop{background-color:var(--ds-bgColor-transparent-onLight)}}.ds-backdrop__9el4Wy--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__9el4Wy--open::backdrop{background-color:var(--ds-bgColor-backdrop)}@media (prefers-reduced-motion: reduce){.ds-backdrop__9el4Wy::backdrop{transition:none}}html:has(.ds-modal__9el4Wy--open){overflow:hidden}`;
 
 const DsBackdrop = class extends index.Mixin(componentFactory.componentFactory('ds-backdrop', { transparentForRootTracking: true })) {
     constructor(hostRef) {
@@ -18,7 +17,7 @@ const DsBackdrop = class extends index.Mixin(componentFactory.componentFactory('
         this.dsTransition = index.createEvent(this, "dsTransition", 7);
     }
     get el() { return index.getElement(this); }
-    mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
+    mediaQuery = globalThis.matchMedia('(prefers-reduced-motion: reduce)');
     transitionTimeout = null;
     dialogElement;
     mouseDownTarget = null;
@@ -78,7 +77,7 @@ const DsBackdrop = class extends index.Mixin(componentFactory.componentFactory('
             requestAnimationFrame(() => {
                 this.transitionInProgress = false;
             });
-        }, newValue ? constants.BACKDROP_TRANSITION_IN_DURATION : constants.BACKDROP_TRANSITION_OUT_DURATION);
+        }, newValue ? utils.BACKDROP_TRANSITION_IN_DURATION : utils.BACKDROP_TRANSITION_OUT_DURATION);
     }
     handleMouseDown = (event) => {
         this.mouseDownTarget = event.target;
@@ -90,26 +89,25 @@ const DsBackdrop = class extends index.Mixin(componentFactory.componentFactory('
         this.dsBackdropClose.emit();
     };
     handleKeyDown = (event) => {
-        switch (event.key) {
-            case 'Escape':
-                event.preventDefault();
-                if (this.transitionInProgress)
-                    return;
-                this.dsBackdropClose.emit();
-        }
+        if (event.key !== 'Escape')
+            return;
+        event.preventDefault();
+        if (this.transitionInProgress)
+            return;
+        this.dsBackdropClose.emit();
     };
     render() {
         const baseClass = cx.cx('ds-backdrop');
-        return (index.h("dialog", { key: '7b9f1679938aef4d62ac7edfca32cb1b297bbe6c', ref: el => (this.dialogElement = el), role: this.dsRole, class: index$1.classNames(baseClass, this.dsDialogClasses, {
+        return (index.h("dialog", { key: 'e7fcbeafcd262ffa31d367308c17e97d3dc2e1e5', 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: () => {
                 this.dsBackdropClose.emit();
             }, onMouseDown: this.handleMouseDown, onMouseUp: this.handleMouseUp, onKeyDown: this.handleKeyDown, style: {
                 '--ds-backdrop-z-index': `${this.dsZIndex}`,
-                '--ds-backdrop-transition-in-duration': `${constants.BACKDROP_TRANSITION_IN_DURATION}ms`,
-                '--ds-backdrop-transition-out-duration': `${constants.BACKDROP_TRANSITION_OUT_DURATION}ms`,
-            } }, index.h("slot", { key: 'b648167ebdc833c0467632e5c1b72d1772e62087' })));
+                '--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' })));
     }
     static get watchers() { return {
         "transitionInProgress": [{

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-CmX4GdqZ.js');
+var index = require('./index-zpctLS3M.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-B9luWO9I.js');
-var utils = require('./utils-DK6WJuOa.js');
-var componentFactory = require('./componentFactory-Cw20ncNZ.js');
-require('./store-Bc8GbxUL.js');
+var cx = require('./cx-CpuRM28-.js');
+var utils = require('./utils-D94MuKO1.js');
+var componentFactory = require('./componentFactory-D5ZfrobO.js');
+require('./store-CSrs5MF9.js');
 
-const dsBadgeCss = () => `.ds-badge__cpPWV0.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__cpPWV0--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__cpPWV0--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__cpPWV0--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__cpPWV0--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__cpPWV0--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__cpPWV0--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__cpPWV0--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__cpPWV0--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__cpPWV0__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__cpPWV0__content__text.sc-ds-badge{white-space:nowrap}`;
+const dsBadgeCss = () => `.ds-badge__9el4Wy.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__9el4Wy--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__9el4Wy--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__9el4Wy--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__9el4Wy--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__9el4Wy--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__9el4Wy--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__9el4Wy--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__9el4Wy--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__9el4Wy__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__9el4Wy__content__text.sc-ds-badge{white-space:nowrap}`;
 
 const DsBadge = class extends index.Mixin(componentFactory.componentFactory('ds-badge')) {
     constructor(hostRef) {

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-CmX4GdqZ.js');
+var index = require('./index-zpctLS3M.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var utils = require('./utils-DK6WJuOa.js');
-var linkFactory = require('./linkFactory-BrH9PKB_.js');
-var componentFactory = require('./componentFactory-Cw20ncNZ.js');
-var cx = require('./cx-B9luWO9I.js');
-require('./store-Bc8GbxUL.js');
+var utils = require('./utils-D94MuKO1.js');
+var linkFactory = require('./linkFactory-DLVxDC-x.js');
+var componentFactory = require('./componentFactory-D5ZfrobO.js');
+var cx = require('./cx-CpuRM28-.js');
+require('./store-CSrs5MF9.js');
 
-const dsBreadcrumbCss = () => `.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__cpPWV0.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__cpPWV0--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__cpPWV0__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__cpPWV0__content__link.sc-ds-breadcrumb::part(link),.ds-breadcrumb__cpPWV0__content__link.sc-ds-breadcrumb [part~="link"]{vertical-align:middle}.ds-breadcrumb__cpPWV0__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__9el4Wy.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__9el4Wy--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__9el4Wy__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__9el4Wy__content__link.sc-ds-breadcrumb{--ds-link-vertical-align:middle}.ds-breadcrumb__9el4Wy__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) {

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-CmX4GdqZ.js');
-var utils = require('./utils-DK6WJuOa.js');
-var componentFactory = require('./componentFactory-Cw20ncNZ.js');
-require('./store-Bc8GbxUL.js');
+var index = require('./index-zpctLS3M.js');
+var utils = require('./utils-D94MuKO1.js');
+var componentFactory = require('./componentFactory-D5ZfrobO.js');
+require('./store-CSrs5MF9.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: 'c6550453dc2f679ad9a7902e7503309e87693ac9' }, index.h(this.DsBreadcrumbsExpandButton, { key: 'eb6bf9f451492d1d52e6d0fd0aaf07b4f0aa39fa', dsIsHidden: this.dsIsExpandButtonHidden, dsSeparatorIcon: this.dsSeparatorIcon }), index.h("slot", { key: '9aebf3b18996530ca640b3006213ad42e59dca69', onSlotchange: this.handleDefaultSlotChange })));
+        return (index.h(index.Fragment, { key: '2d26da2bd377439085286ed8844c511a3a099fce' }, index.h(this.DsBreadcrumbsExpandButton, { key: 'a46db9e7b9e7dec4e11831af8d1a0d5c32b859bd', dsIsHidden: this.dsIsExpandButtonHidden, dsSeparatorIcon: this.dsSeparatorIcon }), index.h("slot", { key: 'a7d7c45168a38525c5f92ac3246b95427e8c7aa9', 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-CmX4GdqZ.js');
+var index = require('./index-zpctLS3M.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var store = require('./store-Bc8GbxUL.js');
-var cx = require('./cx-B9luWO9I.js');
-var utils = require('./utils-DK6WJuOa.js');
-var componentFactory = require('./componentFactory-Cw20ncNZ.js');
+var store = require('./store-CSrs5MF9.js');
+var cx = require('./cx-CpuRM28-.js');
+var utils = require('./utils-D94MuKO1.js');
+var componentFactory = require('./componentFactory-D5ZfrobO.js');
 
-const dsBreadcrumbsExpandButtonCss = () => `.ds-breadcrumbs-expand-button__cpPWV0.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__cpPWV0--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__cpPWV0__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__cpPWV0__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__cpPWV0__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__cpPWV0__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}`;
+const dsBreadcrumbsExpandButtonCss = () => `.ds-breadcrumbs-expand-button__9el4Wy.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__9el4Wy--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__9el4Wy__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__9el4Wy__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__9el4Wy__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__9el4Wy__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: 'f0277b8ba5864e2ea1c8ea7a99e1184f96645d52', role: "listitem", class: index$1.classNames(baseClass, {
+        return (index.h("div", { key: 'd27b2758fb8816ebc558adf80ab848c971320dfe', role: "listitem", class: index$1.classNames(baseClass, {
                 [`${baseClass}--hidden`]: this.dsIsHidden,
-            }) }, index.h(this.DsBreadcrumbsSeparator, { key: '1cdc4fd40aa8b3abfa1daf54b6455647dc1c07ce', dsIcon: this.dsSeparatorIcon }), index.h("button", { key: '4516cc7bdedd0ced7573008166197fca7a76b3db', "aria-label": this.showFullBreadcrumbTrail, class: `${baseClass}__button`, onClick: this.handleExpandButtonClick }, "\u2026")));
+            }) }, index.h(this.DsBreadcrumbsSeparator, { key: '340348867c2da720a8a35e6211bd0af8187f3b9d', dsIcon: this.dsSeparatorIcon }), index.h("button", { key: 'cce99525a8653bb5da483fb587d7e589fb6ad7b0', "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-CmX4GdqZ.js');
-var cx = require('./cx-B9luWO9I.js');
-var utils = require('./utils-DK6WJuOa.js');
-var componentFactory = require('./componentFactory-Cw20ncNZ.js');
-require('./store-Bc8GbxUL.js');
+var index = require('./index-zpctLS3M.js');
+var cx = require('./cx-CpuRM28-.js');
+var utils = require('./utils-D94MuKO1.js');
+var componentFactory = require('./componentFactory-D5ZfrobO.js');
+require('./store-CSrs5MF9.js');
 
-const dsBreadcrumbsSeparatorCss = () => `.ds-breadcrumbs-separator__cpPWV0.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__cpPWV0.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}`;
+const dsBreadcrumbsSeparatorCss = () => `.ds-breadcrumbs-separator__9el4Wy.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__9el4Wy.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) {

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-CmX4GdqZ.js');
-var cx = require('./cx-B9luWO9I.js');
-var store = require('./store-Bc8GbxUL.js');
-var utils = require('./utils-CRkX9b81.js');
-var componentFactory = require('./componentFactory-Cw20ncNZ.js');
-require('./utils-DK6WJuOa.js');
+var index = require('./index-zpctLS3M.js');
+var cx = require('./cx-CpuRM28-.js');
+var store = require('./store-CSrs5MF9.js');
+var utils = require('./utils-Ctsvcil0.js');
+var componentFactory = require('./componentFactory-D5ZfrobO.js');
+require('./utils-D94MuKO1.js');
 
-const dsBreadcrumbsCss = () => `.ds-breadcrumbs__cpPWV0{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__cpPWV0{min-height:32px}}.ds-breadcrumbs__cpPWV0__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__cpPWV0__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}`;
+const dsBreadcrumbsCss = () => `.ds-breadcrumbs__9el4Wy{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__9el4Wy{min-height:32px}}.ds-breadcrumbs__9el4Wy__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__9el4Wy__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: 'e32aef7356741b82d0e7c6aee97461a9337dcba3', class: baseClass, "aria-label": this.dsAriaLabel || this.breadcrumb }, index.h("div", { key: '6cc12974c7488895f8ad34c15cdcc9283380716d', role: "list", class: `${baseClass}__breadcrumbs` }, index.h("slot", { key: '06819bff6f1fe52d8d82d7b388450ea894f1140c' }))));
+        return (index.h("nav", { key: '22a95867dbb19a4a61ceda11747d93d6b93a6975', class: baseClass, "aria-label": this.dsAriaLabel || this.breadcrumb }, index.h("div", { key: '0dae673962ef4a04f360e13c85827a8b24872b2d', role: "list", class: `${baseClass}__breadcrumbs` }, index.h("slot", { key: '499d355465dc30ef3c99b7756ae84e3d7b279c16' }))));
     }
     static get watchers() { return {
         "size": [{