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

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-CSBE5f9n.js');
-var cx = require('./cx-uuGgi31h.js');
-var componentFactory = require('./componentFactory-tVOtxh8F.js');
+var index = require('./index-DNG8iA6h.js');
+var cx = require('./cx-B24n8vFf.js');
+var componentFactory = require('./componentFactory-D5oS4vfA.js');
 var attributes = require('./attributes-DbNfxmvc.js');
-var utils = require('./utils-D94MuKO1.js');
-var controlUtils = require('./controlUtils-CGxmX6pv.js');
-require('./store-Dse4EhGQ.js');
+var utils = require('./utils-DWrHry7C.js');
+var controlUtils = require('./controlUtils-CuHQwicz.js');
+require('./store-BDEqiIFl.js');
 
-const dsAssistiveTextCss = () => `.ds-assistive-text__oJU1eo.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__pA2cRq.sc-ds-assistive-text{display:inline-block;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);color:var(--ds-textColor-secondary);line-height:var(--ds-lineHeight-large);margin-block-start:var(--ds-spacing-3xSmall)}`;
 
 const 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: 'ba85b2fc87005e39d53eb7837dd0ed5700327e26', class: baseClass, id: this.dsId }, index.h("slot", { key: 'b0c0381c3d0c369c53d40ed8164530e68074cc58' }, this.dsText)));
+        return (index.h("small", { key: 'ef4911df60345674461694b2b3933cdea914835d', class: baseClass, id: this.dsId }, index.h("slot", { key: '7de32cdd91dd0888528ed64faaa8a8055f36e45c' }, this.dsText)));
     }
 };
 DsAssistiveText.style = dsAssistiveTextCss();
 
-const dsControlLabelCss = () => `.ds-control-label__oJU1eo__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__oJU1eo{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__oJU1eo:empty{display:none}`;
+const dsControlLabelCss = () => `.ds-control-label__pA2cRq__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-control-label__pA2cRq{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__pA2cRq:empty{display:none}`;
 
 const 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: '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)))));
+        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)))));
     }
 };
 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: '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' }))));
+        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' }))));
     }
 };
 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-CSBE5f9n.js');
+var index = require('./index-DNG8iA6h.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-uuGgi31h.js');
-var utils = require('./utils-D94MuKO1.js');
-var componentFactory = require('./componentFactory-tVOtxh8F.js');
-require('./store-Dse4EhGQ.js');
+var cx = require('./cx-B24n8vFf.js');
+var utils = require('./utils-DWrHry7C.js');
+var componentFactory = require('./componentFactory-D5oS4vfA.js');
+require('./store-BDEqiIFl.js');
 
-const dsBackdropCss = () => `.ds-backdrop__oJU1eo{z-index:var(--ds-backdrop-z-index);max-width:100vw;max-height:100vh;max-height:100dvh}.ds-backdrop__oJU1eo::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__oJU1eo::backdrop{background-color:var(--ds-bgColor-transparent-onLight)}}.ds-backdrop__oJU1eo--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__oJU1eo--open::backdrop{background-color:var(--ds-bgColor-backdrop)}@media (prefers-reduced-motion: reduce){.ds-backdrop__oJU1eo::backdrop{transition:none}}html:has(.ds-modal__oJU1eo--open){overflow:hidden}`;
+const dsBackdropCss = () => `.ds-backdrop__pA2cRq{z-index:var(--ds-backdrop-z-index);max-width:100vw;max-height:100vh;max-height:100dvh}.ds-backdrop__pA2cRq::backdrop{background-color:var(--ds-bgColor-transparent-onLight);transition:display var(--ds-backdrop-transition-out-duration) allow-discrete, overlay var(--ds-backdrop-transition-out-duration) allow-discrete, background-color var(--ds-backdrop-transition-out-duration) ease}@starting-style{.ds-backdrop__pA2cRq::backdrop{background-color:var(--ds-bgColor-transparent-onLight)}}.ds-backdrop__pA2cRq--in::backdrop{transition:display var(--ds-backdrop-transition-in-duration) allow-discrete, overlay var(--ds-backdrop-transition-in-duration) allow-discrete, background-color var(--ds-backdrop-transition-in-duration) ease}.ds-backdrop__pA2cRq--open::backdrop{background-color:var(--ds-bgColor-backdrop)}@media (prefers-reduced-motion: reduce){.ds-backdrop__pA2cRq::backdrop{transition:none}}html:has(.ds-modal__pA2cRq--open){overflow:hidden}`;
 
 const DsBackdrop = class extends index.Mixin(componentFactory.componentFactory('ds-backdrop', { transparentForRootTracking: true })) {
     constructor(hostRef) {

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-CSBE5f9n.js');
+var index = require('./index-DNG8iA6h.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var cx = require('./cx-uuGgi31h.js');
-var utils = require('./utils-D94MuKO1.js');
-var componentFactory = require('./componentFactory-tVOtxh8F.js');
-require('./store-Dse4EhGQ.js');
+var cx = require('./cx-B24n8vFf.js');
+var utils = require('./utils-DWrHry7C.js');
+var componentFactory = require('./componentFactory-D5oS4vfA.js');
+require('./store-BDEqiIFl.js');
 
-const dsBadgeCss = () => `.ds-badge__oJU1eo.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__oJU1eo--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__oJU1eo--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__oJU1eo--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__oJU1eo--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__oJU1eo--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__oJU1eo--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__oJU1eo--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__oJU1eo--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__oJU1eo__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__oJU1eo__content__text.sc-ds-badge{white-space:nowrap}`;
+const dsBadgeCss = () => `.ds-badge__pA2cRq.sc-ds-badge{display:flex;width:fit-content;min-width:24px;min-height:24px;padding:0 var(--ds-spacing-3xSmall, 4px);justify-content:center;align-items:center;gap:var(--ds-spacing-3xSmall, 4px);border-radius:12px}.ds-badge__pA2cRq--default.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-default)}.ds-badge__pA2cRq--success.sc-ds-badge{background-color:var(--ds-bgColor-success);color:var(--ds-textColor-success)}.ds-badge__pA2cRq--attention.sc-ds-badge{background-color:var(--ds-bgColor-attention);color:var(--ds-textColor-attention)}.ds-badge__pA2cRq--danger.sc-ds-badge{background-color:var(--ds-bgColor-danger);color:var(--ds-textColor-danger)}.ds-badge__pA2cRq--info.sc-ds-badge{background-color:var(--ds-bgColor-info);color:var(--ds-textColor-info)}.ds-badge__pA2cRq--notification.sc-ds-badge{background-color:var(--ds-palette-red-50);color:var(--ds-textColor-white)}.ds-badge__pA2cRq--primary.sc-ds-badge{background-color:var(--ds-bgColor-primary);color:var(--ds-textColor-white)}.ds-badge__pA2cRq--disabled.sc-ds-badge{background-color:var(--ds-overlay-black-10);color:var(--ds-textColor-disabled-onLight)}.ds-badge__pA2cRq__content.sc-ds-badge{display:flex;padding:0 var(--ds-spacing-3xSmall, 4px);flex-direction:column;justify-content:center;align-items:center;gap:var(--ds-spacing-2xSmall, 8px)}.ds-badge__pA2cRq__content__text.sc-ds-badge{white-space:nowrap}`;
 
 const 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: '3ec5758a361a0846428fe91a878e1d2b97798065', class: index$1.classNames(baseClass, `${baseClass}--${this.dsVariant}`) }, index.h("div", { key: 'a2bebf576258c9b8ce1800bf00880e476654f2f9', class: `${baseClass}__content` }, index.h("span", { key: 'ceefcdd2ebdcb3bce08639f745169a393ac522d5', class: `ds-text-semibold-xs ${baseClass}__content__text`, id: this.dsId, "aria-label": this.dsAriaLabel }, index.h("slot", { key: '22c6a74a84b4be7bf4cb16fd9983a7325dc8397a' }, this.dsText, this.dsHiddenAssistiveText && index.h(this.DsVisuallyHidden, { key: '3018012c3bae649649d63d5e2fa18faf01ca0a9c', dsTag: "span" }, this.dsHiddenAssistiveText))))));
+        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))))));
     }
 };
 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-CSBE5f9n.js');
+var index = require('./index-DNG8iA6h.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var utils = require('./utils-D94MuKO1.js');
-var linkFactory = require('./linkFactory-D35BBFD_.js');
-var componentFactory = require('./componentFactory-tVOtxh8F.js');
-var cx = require('./cx-uuGgi31h.js');
-require('./store-Dse4EhGQ.js');
+var utils = require('./utils-DWrHry7C.js');
+var linkFactory = require('./linkFactory-B6Qw3X_e.js');
+var componentFactory = require('./componentFactory-D5oS4vfA.js');
+var cx = require('./cx-B24n8vFf.js');
+require('./store-BDEqiIFl.js');
 
-const dsBreadcrumbCss = () => `.sc-ds-breadcrumb-h{display:contents}.ds-breadcrumb__oJU1eo.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__oJU1eo--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__oJU1eo__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__oJU1eo__content__link.sc-ds-breadcrumb{--ds-link-vertical-align:middle}.ds-breadcrumb__oJU1eo__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__pA2cRq.sc-ds-breadcrumb{display:contents}.ds-breadcrumb__pA2cRq--hidden.sc-ds-breadcrumb{display:none}.ds-breadcrumb__pA2cRq__content.sc-ds-breadcrumb{display:inline;vertical-align:middle}.ds-breadcrumb__pA2cRq__content__link.sc-ds-breadcrumb{--ds-link-vertical-align:middle}.ds-breadcrumb__pA2cRq__content__current-page.sc-ds-breadcrumb{color:var(--ds-textColor-secondary);font-variant-numeric:lining-nums proportional-nums;font-family:var(--ds-fontFamily-body);font-style:normal;font-weight:600;line-height:var(--ds-lineHeight-large);vertical-align:middle;letter-spacing:var(--ds-letterSpacing-wide)}`;
 
 const 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: '435213281dcf42a5a8c2241ac51433628fff4a2c', role: "listitem" }, index.h("div", { key: '619e26ebf7b0aadbdaefb4960d0ad93a3434b635', class: index$1.classNames(baseClass, {
+        return (index.h(index.Host, { key: '9bfcf4bd67d2215521cc029cdcfcd0a0474cc7f4', role: "listitem" }, index.h("div", { key: '4b6eec3a1f2f0eff22f2370b9e39f7c6ea985033', class: index$1.classNames(baseClass, {
                 [`${baseClass}--hidden`]: this.dsIsHidden,
-            }) }, index.h("div", { key: 'e717c084111491d89572ee09312281f034460214', class: contentClass }, this.dsHasSeparator ? index.h(this.DsBreadcrumbsSeparator, { dsIcon: this.dsSeparatorIcon }) : null, this.dsIsCurrentPage ? this.renderCurrentPageCrumb(contentClass) : this.renderLinkCrumb(contentClass)))));
+            }) }, 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)))));
     }
     static get watchers() { return {
         "dsIsHidden": [{

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-CSBE5f9n.js');
-var utils = require('./utils-D94MuKO1.js');
-var componentFactory = require('./componentFactory-tVOtxh8F.js');
-require('./store-Dse4EhGQ.js');
+var index = require('./index-DNG8iA6h.js');
+var utils = require('./utils-DWrHry7C.js');
+var componentFactory = require('./componentFactory-D5oS4vfA.js');
+require('./store-BDEqiIFl.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: '2d26da2bd377439085286ed8844c511a3a099fce' }, index.h(this.DsBreadcrumbsExpandButton, { key: 'a46db9e7b9e7dec4e11831af8d1a0d5c32b859bd', dsIsHidden: this.dsIsExpandButtonHidden, dsSeparatorIcon: this.dsSeparatorIcon }), index.h("slot", { key: 'a7d7c45168a38525c5f92ac3246b95427e8c7aa9', onSlotchange: this.handleDefaultSlotChange })));
+        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 })));
     }
 };
 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-CSBE5f9n.js');
+var index = require('./index-DNG8iA6h.js');
 var index$1 = require('./index-Bp6Dd2i1.js');
-var store = require('./store-Dse4EhGQ.js');
-var cx = require('./cx-uuGgi31h.js');
-var utils = require('./utils-D94MuKO1.js');
-var componentFactory = require('./componentFactory-tVOtxh8F.js');
+var store = require('./store-BDEqiIFl.js');
+var cx = require('./cx-B24n8vFf.js');
+var utils = require('./utils-DWrHry7C.js');
+var componentFactory = require('./componentFactory-D5oS4vfA.js');
 
-const dsBreadcrumbsExpandButtonCss = () => `.ds-breadcrumbs-expand-button__oJU1eo.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__oJU1eo--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__oJU1eo__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__oJU1eo__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__oJU1eo__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__oJU1eo__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}`;
+const dsBreadcrumbsExpandButtonCss = () => `.ds-breadcrumbs-expand-button__pA2cRq.sc-ds-breadcrumbs-expand-button{display:inline;vertical-align:middle}.ds-breadcrumbs-expand-button__pA2cRq--hidden.sc-ds-breadcrumbs-expand-button{display:none}.ds-breadcrumbs-expand-button__pA2cRq__button.sc-ds-breadcrumbs-expand-button:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-breadcrumbs-expand-button__pA2cRq__button.sc-ds-breadcrumbs-expand-button{background:none;border:none;padding:0;margin:0;overflow:visible;text-transform:none;display:inline;color:var(--ds-textColor-default);font-family:var(--ds-fontFamily-body);font-size:inherit;font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);vertical-align:middle;line-height:1.375;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:12%;text-underline-position:from-font}.ds-breadcrumbs-expand-button__pA2cRq__button.sc-ds-breadcrumbs-expand-button:hover,.ds-breadcrumbs-expand-button__pA2cRq__button.sc-ds-breadcrumbs-expand-button:active{text-decoration-thickness:13%;text-underline-offset:12%}`;
 
 const 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: 'd27b2758fb8816ebc558adf80ab848c971320dfe', role: "listitem", class: index$1.classNames(baseClass, {
+        return (index.h("div", { key: 'c72060d6e1aaa87e2230884250ca5622000d432d', role: "listitem", class: index$1.classNames(baseClass, {
                 [`${baseClass}--hidden`]: this.dsIsHidden,
-            }) }, 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")));
+            }) }, 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")));
     }
 };
 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-CSBE5f9n.js');
-var cx = require('./cx-uuGgi31h.js');
-var utils = require('./utils-D94MuKO1.js');
-var componentFactory = require('./componentFactory-tVOtxh8F.js');
-require('./store-Dse4EhGQ.js');
+var index = require('./index-DNG8iA6h.js');
+var cx = require('./cx-B24n8vFf.js');
+var utils = require('./utils-DWrHry7C.js');
+var componentFactory = require('./componentFactory-D5oS4vfA.js');
+require('./store-BDEqiIFl.js');
 
-const dsBreadcrumbsSeparatorCss = () => `.ds-breadcrumbs-separator__oJU1eo.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__oJU1eo.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}`;
+const dsBreadcrumbsSeparatorCss = () => `.ds-breadcrumbs-separator__pA2cRq.sc-ds-breadcrumbs-separator{display:inline-block;line-height:var(--ds-lineHeight-large);vertical-align:middle;margin-left:var(--ds-spacing-3xSmall, 4px);margin-right:var(--ds-spacing-3xSmall, 4px)}@media (min-width: 60rem){.ds-breadcrumbs-separator__pA2cRq.sc-ds-breadcrumbs-separator{margin-left:var(--ds-spacing-2xSmall, 8px);margin-right:var(--ds-spacing-2xSmall, 8px)}}`;
 
 const 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: '242257334eca802e15dd4225e0e558bdecd1ce88', class: baseClass, dsName: this.dsIcon, dsSize: "1rem" });
+        return index.h(this.DsIcon, { key: '2e6781275bc4d30bb5a2c3ec3d19cfda64e79608', 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-CSBE5f9n.js');
-var cx = require('./cx-uuGgi31h.js');
-var store = require('./store-Dse4EhGQ.js');
+var index = require('./index-DNG8iA6h.js');
+var cx = require('./cx-B24n8vFf.js');
+var store = require('./store-BDEqiIFl.js');
 var utils = require('./utils-Ctsvcil0.js');
-var componentFactory = require('./componentFactory-tVOtxh8F.js');
-require('./utils-D94MuKO1.js');
+var componentFactory = require('./componentFactory-D5oS4vfA.js');
+require('./utils-DWrHry7C.js');
 
-const dsBreadcrumbsCss = () => `.ds-breadcrumbs__oJU1eo{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__oJU1eo{min-height:32px}}.ds-breadcrumbs__oJU1eo__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__oJU1eo__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}`;
+const dsBreadcrumbsCss = () => `.ds-breadcrumbs__pA2cRq{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:24px;line-height:var(--ds-lineHeight-small)}@media (min-width: 60rem){.ds-breadcrumbs__pA2cRq{min-height:32px}}.ds-breadcrumbs__pA2cRq__breadcrumbs{display:inline-block;vertical-align:middle;margin:0;padding:1px 0;list-style:none;line-height:var(--ds-lineHeight-small);font-size:var(--ds-fontSize-14)}@media (min-width: 60rem){.ds-breadcrumbs__pA2cRq__breadcrumbs{padding:var(--ds-spacing-4xSmall, 2px) 0;font-size:var(--ds-fontSize-16)}}`;
 
 const 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: '22a95867dbb19a4a61ceda11747d93d6b93a6975', class: baseClass, "aria-label": this.dsAriaLabel || this.breadcrumb }, index.h("div", { key: '0dae673962ef4a04f360e13c85827a8b24872b2d', role: "list", class: `${baseClass}__breadcrumbs` }, index.h("slot", { key: '499d355465dc30ef3c99b7756ae84e3d7b279c16' }))));
+        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' }))));
     }
     static get watchers() { return {
         "size": [{