genesys-spark-components 4.121.0 → 4.123.0

package/dist/cjs/gux-form-fieldset-heading.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 
 const guxFormFieldsetHeadingCss = "::slotted(*){margin:0;font-family:var(--gse-semantic-heading-md-bold-fontFamily) !important;font-size:var(--gse-semantic-heading-md-bold-fontSize) !important;font-weight:var(--gse-semantic-heading-md-bold-fontWeight) !important;line-height:var(--gse-semantic-heading-md-bold-lineHeight) !important;color:var(--gse-semantic-foreground-container-highEmphasis) !important}";
 const GuxFormFieldsetHeadingStyle0 = guxFormFieldsetHeadingCss;
@@ -12,7 +12,7 @@ const GuxFormFieldsetHeading = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("slot", { key: '53b701049b6b3af92766ee428bb48e34ea97a7a8' }));
+        return (index.h("slot", { key: '2b0d39d5e011ed0259867db24b94e54e4f162f61' }));
     }
 };
 GuxFormFieldsetHeading.style = GuxFormFieldsetHeadingStyle0;

package/dist/cjs/gux-form-footer.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-21313047.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-cee7c9f5.js');
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}";
 const GuxFormFooterStyle0 = guxFormFooterCss;
@@ -17,9 +17,9 @@ const GuxFormFooter = class {
         usage.trackComponent(this.root, { variant: this.placement });
     }
     render() {
-        return (index.h(index.Host, { key: '1800b2ba3ff355461ca245554972bd430275bd21', class: {
+        return (index.h(index.Host, { key: '0774e81704c625853d6f739af363d893252daaae', class: {
                 [`gux-form-footer-${this.placement}`]: true
-            } }, index.h("slot", { key: 'a51e6da5a63bf167e8fed7dfff493e21c9a7b947' })));
+            } }, index.h("slot", { key: 'f498ba2dfb986be5650304b20dc23fc57d3ab316' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-form-heading.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 
 const guxFormHeadingCss = "::slotted(*){margin:0;font-family:var(--gse-semantic-body-lg-semiBold-fontFamily) !important;font-size:var(--gse-semantic-body-lg-semiBold-fontSize) !important;font-weight:var(--gse-semantic-body-lg-semiBold-fontWeight) !important;line-height:var(--gse-semantic-body-lg-semiBold-lineHeight) !important;color:var(--gse-semantic-foreground-container-highEmphasis) !important}";
 const GuxFormHeadingStyle0 = guxFormHeadingCss;
@@ -12,7 +12,7 @@ const GuxFormHeading = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("slot", { key: 'ab8e68c9891db9e8ed2186c43228a344187ee889' }));
+        return (index.h("slot", { key: 'c92319be9b754d89b654624db16477a68a11a9ea' }));
     }
 };
 GuxFormHeading.style = GuxFormHeadingStyle0;

package/dist/cjs/gux-icon-tooltip-beta.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-21313047.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-cee7c9f5.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxIconTooltipCss = ".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";
@@ -31,7 +31,7 @@ const GuxIconTooltip = class {
         return await this.tooltip.hideTooltip();
     }
     render() {
-        return (index.h("div", { key: '8529bf15b3bfad65a31f81607c173ffc7445cd0f', class: "gux-icon-tooltip" }, index.h("gux-screen-reader-beta", { key: 'eb9f2480775f73406dac9225072090281a3a4e59' }, index.h("slot", { key: '3a2ce42fa965c28b49f1dc28e9c0551d4874be8c', name: "content" })), index.h("gux-icon", { key: '67f296138e09629d2395232aaca01369450e23ca', "icon-name": this.iconName, size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: '016693d7a1ed09527171d3f20119cb6cdc125b8a', placement: this.placement, ref: el => (this.tooltip = el) }, index.h("div", { key: 'f83ba3a86c38f8e4cc7cfaee5d7cff46458a626e', slot: "content" }, getSlotTextContent.getSlotTextContent(this.root, 'content')))));
+        return (index.h("div", { key: 'b1ab7cde7ab8293906afea3263feb09701769426', class: "gux-icon-tooltip" }, index.h("gux-screen-reader-beta", { key: 'ea6a172ba645847dd5aedb6ddfd4141a10ea272a' }, index.h("slot", { key: '505426b503eb600716ce006271edbb618e1b57c8', name: "content" })), index.h("gux-icon", { key: '79f5a63026e7b66d9dad62c93227fe6bbe8ae0cc', "icon-name": this.iconName, size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: 'b05c706231c1d7f2341136feedd56e067ae61b91', placement: this.placement, ref: el => (this.tooltip = el) }, index.h("div", { key: 'c1f926ba7d40a87cc67aa8e9edf9bd24fdbbf878', slot: "content" }, getSlotTextContent.getSlotTextContent(this.root, 'content')))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-icon.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-21313047.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-cee7c9f5.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const legacyIconNames = [
@@ -550,7 +550,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: 'ddcebf44959ac6a003de64b06cfcca08ae4d2318', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '07b503f973117949462547aa19626825d8ef5ccb', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-inline-alert.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const index$1 = require('./index-8194d25c.js');
-const usage = require('./usage-21313047.js');
+const index = require('./index-8f08a5ed.js');
+const index$1 = require('./index-c5d18923.js');
+const usage = require('./usage-cee7c9f5.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const info = "Information alert with message";
@@ -45,10 +45,10 @@ const GuxAlert = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '0a11de32326324139045180890d0e77715be4dfe', class: {
+        return (index.h("div", { key: '37c95e73d07b1041e869c0576529f9ab312979a3', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: 'e706e06539d7d1c6dca636bee1ebedbfedd1989c', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '689b4892acbfc4b2ce2a7e65217378a50c4e64ca', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("gux-screen-reader-beta", { key: 'e326a09597a60e9d001b90c9ff9c7ec1bec54c10' }, this.i18n(this.accent)), index.h("div", { key: '16cfa7e6c770ca894994c883be68e79dadc49168', class: "gux-content" }, index.h("slot", { key: 'bf233846c08141eb2d1e645f324f523a544d44cd', name: "content" }, index.h("slot", { key: '559bef47b84d76dab349ad62c1f012ee1475fac9' }))))));
+            } }, index.h("div", { key: '6e2e50e1ceefc17ec4898916408946cfc8f3b96c', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '59d2a375bd73322fbd3d1fbc0df939720a1807d7', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("gux-screen-reader-beta", { key: '690d65e5d7c60e37f95ab49ba226d055f18da570' }, this.i18n(this.accent)), index.h("div", { key: '67bbe9a6cd662effef01163b83735f5d873bc7bd', class: "gux-content" }, index.h("slot", { key: '03e5e6a87f4d5eae33fad7118de53ff010a29432', name: "content" }, index.h("slot", { key: '9cabb3322d35ef99be2e3c88cf456f6b3f2e0995' }))))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-label-info-beta.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-21313047.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-cee7c9f5.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxLabelInfoCss = ".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";
@@ -36,7 +36,7 @@ const GuxLabelInfo = class {
         return await this.tooltipElement.hideTooltip();
     }
     render() {
-        return (index.h("div", { key: 'a5cfd50dddc948a84a89406180423e1f2baf3586', class: "gux-label-info" }, index.h("gux-screen-reader-beta", { key: '242deb6d19f64e64436c867d9ea5cba84c0e69e3' }, getSlotTextContent.getSlotTextContent(this.root, 'content')), index.h("gux-icon", { key: '33dcf9d4c85d875532483961f2639e0c6f5b0fdc', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: '439645c57b526ee7f84d67ef8423a38c46dcd12f', placement: this.placement, ref: el => (this.tooltipElement = el) }, index.h("slot", { key: 'ca4ee786cba6a3cc7278ef642ff3abb8fd79494a', name: "content" }))));
+        return (index.h("div", { key: '61c9218e6577b4836f5326dbe1810e38bd326ed3', class: "gux-label-info" }, index.h("gux-screen-reader-beta", { key: '3cf9c2a55b8c7999a929cdb779d8b788f3963c89' }, getSlotTextContent.getSlotTextContent(this.root, 'content')), index.h("gux-icon", { key: '59597212b0fedcab0229cfcaabe25aa4dca7f20c', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: '6e853294fdca7244a480d7cf9bbe5a9c9d67dbd5', placement: this.placement, ref: el => (this.tooltipElement = el) }, index.h("slot", { key: 'b30c8327689ef3db24ec6192f05b4222358b5ed1', name: "content" }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-link-beta.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-21313047.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-cee7c9f5.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 
 const guxLinkCss = ":host{padding-block:var(--gse-ui-links-inLine-padding)}:host ::slotted(a){inline-size:fit-content;font-family:var(--gse-ui-links-inLine-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);color:var(--gse-ui-links-default-foregroundColor) !important;border-radius:var(--gse-ui-links-focusOutline-borderRadius) !important}:host ::slotted(a:hover){color:var(--gse-ui-links-hover-foregroundColor) !important}:host ::slotted(a:active){color:var(--gse-ui-links-active-foregroundColor) !important}:host ::slotted(a:visited){color:var(--gse-ui-links-visited-foregroundColor) !important}:host ::slotted(a:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host([size=small]) ::slotted(a){font-family:var(--gse-ui-links-inLine-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight)}:host([standalone]){display:block;padding-block:var(--gse-ui-links-standalone-padding)}:host([standalone]) ::slotted(a){display:flex;gap:var(--gse-ui-links-standalone-gap);align-items:center;inline-size:fit-content;font-family:var(--gse-ui-links-standalone-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-text-fontSize);font-weight:var(--gse-ui-links-standalone-medium-text-fontWeight);line-height:var(--gse-ui-links-standalone-medium-text-lineHeight);text-decoration:none !important}:host([standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-medium-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-medium-underlinedText-textDecoration) !important}:host([standalone]) ::slotted(a:active){text-decoration:none !important}:host([size=small][standalone]) ::slotted(a){font-family:var(--gse-ui-links-standalone-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-text-fontSize);font-weight:var(--gse-ui-links-standalone-small-text-fontWeight);line-height:var(--gse-ui-links-standalone-small-text-lineHeight)}:host([size=small][standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-small-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-small-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-small-underlinedText-textDecoration) !important}:host([standalone][class=gux-breadcrumb-link]){padding:0}";
@@ -24,7 +24,7 @@ const GuxLink = class {
         return !!getClosestElement.getClosestElement('.gux-breadcrumb-generation', this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '73b70b6b28b08bdc4fbec5d6eba37adf1485199f', size: this.size, standalone: this.standalone, class: { 'gux-breadcrumb-link': this.checkBreadcrumbParent() } }, index.h("slot", { key: 'd7df0d43acc82097e460659345ab845f6a4277e5' })));
+        return (index.h(index.Host, { key: '00fb819da91bc989af860aa2fc72ea1466849577', size: this.size, standalone: this.standalone, class: { 'gux-breadcrumb-link': this.checkBreadcrumbParent() } }, index.h("slot", { key: '1810b066455a6fa3138ac51b8401b29f3c9d671e' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-list-divider.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 
 const guxListDividerCss = ":host{position:relative;display:flex;inline-size:100%;block-size:var(--gse-ui-menu-divider-height);padding:0;margin:var(--gse-ui-menu-divider-margin);pointer-events:none;cursor:pointer;cursor:default;background-color:var(--gse-ui-menu-divider-backgroundColor)}";
 const GuxListDividerStyle0 = guxListDividerCss;
@@ -12,7 +12,7 @@ const GuxListDivider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'a0f9286731bb209ca9320ae7c403cd95891fe23f', role: "presentation" }));
+        return (index.h(index.Host, { key: 'e35734be75e38531e8b9a2172c2894741ccec2f6', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;

package/dist/cjs/gux-list-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 
 const guxListItemCss = ":host{inline-size:100%;text-align:start;outline:none}:host([disabled]){pointer-events:none}:host([disabled=false]){pointer-events:auto}::slotted(gux-icon){inline-size:var(--gse-ui-menu-option-startIcon-height);block-size:var(--gse-ui-menu-option-startIcon-height);margin-inline-end:var(--gse-ui-menu-option-gap);vertical-align:middle}button{all:unset;box-sizing:border-box;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1);background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible:not(:disabled){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover:not(:disabled){background:var(--gse-ui-menu-option-hover-backgroundColor)}button:active:not(:disabled){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}button:disabled{cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}";
@@ -29,7 +29,7 @@ const GuxListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '14263554c78c1d20a17e70c7dee16acf2ef9d2a7', role: "listitem" }, index.h("button", { key: '9822818801c5d78a8ff2ca65dede2e8b0ddf0706', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '152c1348327f72a0ca509cd5c1db1ab82c864d9d' }))));
+        return (index.h(index.Host, { key: '42fed222fbc334c2050a8912b5eb9d2a7812c8ba', role: "listitem" }, index.h("button", { key: 'd75a62779fffa2687e45164db6bc49904a7a9359', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'ab317831b96510fda60ba4028fddd46d3860f74d' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-list.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-21313047.js');
+const usage = require('./usage-cee7c9f5.js');
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 const GuxListStyle0 = guxListCss;
@@ -60,7 +60,7 @@ const GuxList = class {
         return (index.h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (index.h(index.Host, { key: '1f9c4c3bb8aa71a2c242d0e76fe4207e5bd8496a', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '9c3b6aecd98e9cd82e6fe2d0cefe1adbd133c26a' })));
+        return (index.h(index.Host, { key: '6e75fb4696eb52045ab9ab6240b7c62ae863a351', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '847041b497b713340f8c7b3e153192efa9a759c1' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-listbox-multi.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const guxListbox_service = require('./gux-listbox.service-01e82389.js');
-const index$1 = require('./index-8194d25c.js');
+const index$1 = require('./index-c5d18923.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-21313047.js');
+const usage = require('./usage-cee7c9f5.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 require('./get-closest-element-9e41d6b9.js');
 

package/dist/cjs/gux-loading-message.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-21313047.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-cee7c9f5.js');
 
 const guxLoadingMessageCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-inline-size: var(--gse-ui-progressAndLoading-loadingState-large-width);\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";
 const GuxLoadingMessageStyle0 = guxLoadingMessageCss;
@@ -16,7 +16,7 @@ const GuxLoadingMessage = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: 'a6882e944f1d689dfb4adcecd30f3688cbbfba40', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '1dac8dd5f9d6d9a44e439f2282f8b18484383c59', class: "gux-progress" }, index.h("slot", { key: '07eb149c4869b33d7380d40464ff246f97581621', name: "progress" })), index.h("div", { key: '04b0414180f916aba67f104c080291ad02563ad1', class: "gux-primary-message" }, index.h("slot", { key: '3cd25f31f296f7c7071371fb9838a62e18e3d8ba', name: "primary-message" })), index.h("div", { key: '928eb0eee649385cde2ef2177b9635e762d6e306', class: "gux-additional-guidance" }, index.h("slot", { key: '240e84224ca76ee01ec0bbde1f3c1ba4669172ce', name: "additional-guidance" }))));
+        return (index.h("div", { key: 'bec01bcb41c1d7c67b327a06c4004fd69610cb3a', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '61fd1c41cd84bc3170b485409fc1f875cfae53b4', class: "gux-progress" }, index.h("slot", { key: '162770be6b1e4ddac98ba43d1cde295d8812beb1', name: "progress" })), index.h("div", { key: 'ce41002cfbdafe06cf7e596879dedbf0569e78d3', class: "gux-primary-message" }, index.h("slot", { key: '969c00afc1f9441e046f64c9f335f6212531c15d', name: "primary-message" })), index.h("div", { key: '30566e826ddf339d1bf65ce475cab14af48942d5', class: "gux-additional-guidance" }, index.h("slot", { key: '7f0c15ff42391a285379a7af5ae34d2a25ef48c1', name: "additional-guidance" }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-menu-option.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const guxMenu_common = require('./gux-menu.common-4025206c.js');
 
 const guxMenuOptionCss = ":host{display:block;flex:1 1 auto;align-self:auto}:host .gux-menu-option-button{all:unset;box-sizing:border-box;inline-size:var(--gse-ui-flyoutMenu-width);block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);background-color:var(--gse-ui-menu-option-default-backgroundColor)}:host .gux-menu-option-button:focus-within,:host .gux-menu-option-button:hover{background-color:var(--gse-ui-menu-option-hover-backgroundColor)}:host .gux-menu-option-button:enabled{cursor:pointer}:host .gux-menu-option-button .gux-menu-option-button-text{display:block;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}";
@@ -46,7 +46,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (index.h("button", { key: 'e6ecda816b03b740867041f0598d52b54bd6f2b6', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '9ee25dd181aa82386e3703332d7fbed339593e84', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'e0a974404686e14ff9b078b2e367738f3dab69ce' }))));
+        return (index.h("button", { key: 'c84810ffda019785adf64b6e303f0ed202670a39', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '84d64e0776633f943bacadbfe0438a73d9e308ea', class: "gux-menu-option-button-text" }, index.h("slot", { key: '06fd5620e50a5fcd7517cbc3b66e304cd80e1a42' }))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-menu.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 
 const guxMenuCss = ":host{flex-direction:column;inline-size:fit-content;padding:var(--gse-ui-menu-padding);background-color:var(--gse-ui-flyoutMenu-backgroundColor);border:none;border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}";
 const GuxMenuStyle0 = guxMenuCss;
@@ -12,7 +12,7 @@ const GuxMenu = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '2d74355f99f30a0a767a6c10f8488358dc32d31d', role: "menu" }, index.h("slot", { key: 'cbc4501e25efdca1ac97ba654356b49a9a4ba644' })));
+        return (index.h(index.Host, { key: 'd418ab33495892865a07160fb86d9b8c2e136220', role: "menu" }, index.h("slot", { key: 'c59d1b1899f6fe0f01ca487e729e80d29302b029' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;

package/dist/cjs/gux-modal-legacy.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-21313047.js');
+const usage = require('./usage-cee7c9f5.js');
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding:0 var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding:0 var(--gse-ui-modal-padding)}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;
@@ -46,10 +46,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("div", { key: 'fac4bdd98541a650b3f450bf489bcb2426785125', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'a7ad8dd77f0dc7d57b3220c50fc2bbed931fe079', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: 'f09d729c1e39234ac7d01e1672681ea5a8af6da7', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '1f8d6bd0cf8af490480dbd810fd8f0f1177b4437', name: "title" }))), index.h("gux-dismiss-button", { key: '70800804dc8de2e348aa07da04fd7302d944b56f', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'a317e49686564298ab0501db9fc426e863d27507', class: {
+        return (index.h("div", { key: '90d19ea1edfa47d33e03d5e6ebe9739e278e08ab', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '456e55fb853359662828a7250c52d6bc3c3a1a5f', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: 'dd013211811f36d7e7e0d9594f32e5bac43b0c7a', class: "gux-modal-header", id: titleID }, index.h("slot", { key: 'b3f9f07f7ced3177111b6756a354d4c71c75dcaa', name: "title" }))), index.h("gux-dismiss-button", { key: '25d6efb5adb3609d3944d701f86b2a3d771ef28e', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'c8d4c6db275b26056799ecb1356f92ee1aa8930a', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: 'cdbbc90cae0d0493eefa751b4aefc58f21e76153' }, index.h("slot", { key: '893343f260d2661a37f77b16e0bb5aa9e94f1383', name: "content" }))), hasFooterButtons && (index.h("div", { key: '6ea142fbc0892cab7bda9dda3123485c5ef9e23c', class: "gux-button-footer" }, index.h("div", { key: '1d67accea5d546f9c9b272ba96f65835912bb8d0', class: "gux-left-align-buttons" }, index.h("slot", { key: '7c182f7a3e4c3a351fa0354a0c1635643f2fa122', name: "left-align-buttons" })), index.h("div", { key: '59fc56ba6471dbea69ccccda2c75cb0bbb29336b', class: "gux-right-align-buttons" }, index.h("slot", { key: '04f2343a7bbc49b73e07e59e2f5860c7e4591984', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: '9967ae16f68f751b0b94cdbb5adf141586b34258' }, index.h("slot", { key: 'b87861dbd80eae5135c3c1f0d667d84058e0442e', name: "content" }))), hasFooterButtons && (index.h("div", { key: '830a6bd41cfc38110987e99d28703e30d7f115e3', class: "gux-button-footer" }, index.h("div", { key: '25629d5d9981f9171f38a2f203c483b8ab4b31b4', class: "gux-left-align-buttons" }, index.h("slot", { key: 'cde5e44461fdca4edd0c8e8dbfa1b148c1ecb9c8', name: "left-align-buttons" })), index.h("div", { key: '4c5af8e9f5db1b49927f59ea29be8cfdaa670d00', class: "gux-right-align-buttons" }, index.h("slot", { key: 'd9c01a24b770c7b556c73f4436a74d7e6d499f72', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

package/dist/cjs/gux-modal-side-panel-beta.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-21313047.js');
+const usage = require('./usage-cee7c9f5.js');
 
 const guxModalSidePanelCss = "dialog{inset-inline-start:auto;block-size:100%;min-block-size:100%;padding:0;margin:unset;border:none}dialog::backdrop{background:var(--gse-ui-sidePanel-shroudColor);opacity:var(--gse-ui-sidePanel-shroud-opacity)}slot[name=description]::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
 const GuxModalSidePanelBetaStyle0 = guxModalSidePanelCss;
@@ -50,7 +50,7 @@ const GuxModalSidePanel = class {
     }
     render() {
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '34c80eaee9baf7ce57e6b2be5fd89110fdcd9c94', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, index.h("gux-side-panel-beta", { key: '6600729b45885b675c9e0f616d6a0093682de095', size: this.size }, index.h("div", { key: '55b1ff1f68212734944d034b97d2a748b1aa601a', slot: "heading", id: titleID }, index.h("slot", { key: '3f26e81930bd086ae4ed6d4307dd16727f0eddb3', name: "heading" })), hasSlot.hasSlot(this.root, 'description') && (index.h("div", { key: '5baccca5a3e34e9572e202c2ff8a123b6c8033aa', slot: "description" }, index.h("slot", { key: '4f80ab3460adc54565a48c06c058ea955b371bcc', name: "description" }))), index.h("div", { key: '6d5bc823ac3eeaf7ba0973886c6b50d138a00c1f', slot: "content" }, index.h("slot", { key: '2fec75da7efb18f7e51df706dc34689448beb8db', name: "content" })), index.h("div", { key: 'ee9fd140e4796e54f06214d49ef823e6af85c0a8', slot: "footer" }, index.h("slot", { key: '27a2b723f3d2eaf03a3d9620954996caecfe1c2d', name: "footer" })))));
+        return (index.h("dialog", { key: 'f7f148eaa392a2fa5c95c504bb85991acde4bcc3', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, index.h("gux-side-panel-beta", { key: 'dcbaa862ef852ef5b1bb82c126ec067be260c7d2', size: this.size }, index.h("div", { key: '630391bbd477a213ebaf62f416178149d1fee575', slot: "heading", id: titleID }, index.h("slot", { key: 'f29c51c421438782479bde4c8dbfdfec067eface', name: "heading" })), hasSlot.hasSlot(this.root, 'description') && (index.h("div", { key: 'b024408fe324c5c5af4b573ccee097ce788810ec', slot: "description" }, index.h("slot", { key: '7cb8d56f83dd3ccb0cbc0ddf46950d5b352d9bc1', name: "description" }))), index.h("div", { key: '4a54564ee2f305f92cbdcc420b5db98862da2b40', slot: "content" }, index.h("slot", { key: '3f8f5a4413894c27cc55fd49765c3bdeb0fbedb6', name: "content" })), index.h("div", { key: '9418adad5b143ff7f2d30930232e7143cb67ace6', slot: "footer" }, index.h("slot", { key: 'b6f6df7616348b5f4890ab41c42407bc4b105780', name: "footer" })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-modal.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-21313047.js');
+const usage = require('./usage-cee7c9f5.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;overflow:hidden;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host dialog::backdrop{background:var(--gse-ui-modal-shroudColor)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{inline-size:100%;block-size:100%}}";
@@ -78,7 +78,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '1ba76225c1eff0ea18b0174139b292e80b4e410f', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '341b8338d682b64460e913a40bde62ce5a608501', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'e2c44589e3e05caf3226e292ac8057ede5694112', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '5cd0a5ce5d10cdf63a209937572711594d1baf89', class: "gux-modal-content" }, index.h("p", { key: '444bae638a018a71c1cff61d0e44e2f6dccb722c' }, index.h("slot", { key: '04099bbf6b4a77aafd7b66fb47a09b96e9157ff4', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: '21897759cd4ec962408451a2fdcdf2fb76a7fcb0', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'bac191d2c8484a27507e3e2e036520a74e290548', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '3c12f84d2ef4384067e367bbfd2463189a6ae585', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'ee041befe4913a099434d9ce39e7bc2cbb0966c8', class: "gux-modal-content" }, index.h("p", { key: 'faf2629874af248e6bdc9565332b64d9afd9f356' }, index.h("slot", { key: '389eabb524cccc6fbb81da8e78b807f1cb4955f2', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" })));

package/dist/cjs/gux-month-calendar.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const index$1 = require('./index-8194d25c.js');
+const index = require('./index-8f08a5ed.js');
+const index$1 = require('./index-c5d18923.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -179,7 +179,7 @@ const GuxMonthCalendar = class {
         return (index.h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (index.h("div", { key: '84a2981890cf379e96d4b2d43d9371ea939d5806', class: {
+        return (index.h("div", { key: '082c9985cfd1d22c4b20f66f2056deff6ff3741c', class: {
                 'gux-hidden': !this.expanded,
                 'gux-month-calendar': true
             } }, this.renderHeader(), this.renderMonths()));

package/dist/cjs/gux-month-list_2.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 
@@ -47,7 +47,7 @@ const GuxMonthList = class {
         guxList_service.first(this.root, validFocusableItems);
     }
     render() {
-        return (index.h(index.Host, { key: 'd9ab73cd1531fff0d46e179303b22ccceb8926d7', role: "list" }, index.h("slot", { key: '3748b9606d4e258d3e0f78211df88b8cde89bfd0' })));
+        return (index.h(index.Host, { key: 'bab1846c9707a25137b0b3f760125a8bdd102b9b', role: "list" }, index.h("slot", { key: 'ffe20edc8e3ca8ea17043e78e6dcefa13e16458f' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -80,7 +80,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ad0ecf6d8957eb96eb4ab0b7934e777dd15142a1', role: "listitem", value: this.value }, index.h("div", { key: '81ad4c6a4cf0993cb2aa7b321eda7bb7d2d1ced9', class: "gux-container" }, index.h("button", { key: 'c4db6ec6902fb0d0baa62ccd7097d0ff2b4cfd53', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'bf7f8e72ffc4a57669a3eb1ff713b5a37064073f' })))));
+        return (index.h(index.Host, { key: '90cb0b35ca8e6035a50ed43239eecf86d1a1fce9', role: "listitem", value: this.value }, index.h("div", { key: 'a39bbdd5d6269bf8e562c52a223bdbd1c5b1bfcf', class: "gux-container" }, index.h("button", { key: 'f9411a2f3587578713ea7d93cb0767a92b15ecbd', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'df046e9c86e79b40d273a665eb7080eefb0ef5cc' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-month-picker-beta.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-21313047.js');
-const onClickOutside = require('./on-click-outside-2faf7467.js');
-const index$1 = require('./index-8194d25c.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-cee7c9f5.js');
+const onClickOutside = require('./on-click-outside-18d3c600.js');
+const index$1 = require('./index-c5d18923.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -219,7 +219,7 @@ const GuxMonthPicker = class {
         return (index.h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
     }
     render() {
-        return (index.h("gux-popup", { key: 'd86acaf580192ffb933f1bddd919ceb60f6c8064', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '48c10e24b1c5527fbb624bfd4f7d9d253ff51d0a', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
-const usage = require('./usage-21313047.js');
+const index = require('./index-8f08a5ed.js');
+const usage = require('./usage-cee7c9f5.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -18,7 +18,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: '4b60b5f552987f4d07c4e7bd0e08dcbfc96d669c' }, index.h("div", { key: 'd58d8f067ed5ee94057f19b4b3cc30fc39b74e76', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'e94bd9fcc694868754cb1ab9573c57f5e718734a', name: "icon" })), index.h("div", { key: '986586f6df4d407d256475e5ad38ec00120929d1', class: "gux-content" }, index.h("gux-truncate", { key: 'f816a640100a359626c31debd35a29f3efc07015', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '325aaa5c6a78c2d601627a33b04b1856ba420072', name: "title" })), index.h("gux-truncate", { key: 'd8c952b034064bc37ca561af0601a0c25b643af8', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'a291030dece0b7168eb878de34830b512ec1d300', name: "message" }))), index.h("gux-dismiss-button", { key: '9fbbcf2c019cc5d178ae3a5b7f1f0a55f5898a96', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '31e9d1b812aea4314b9dfaa4c2a3e252e324a8c0' }, index.h("div", { key: 'f0fe4675274088eb834b1c946aed3527bfb77780', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'c94d0824c69f4ea5164be7a7c362af1d51d5a98a', name: "icon" })), index.h("div", { key: 'a93e779e920540296d3de38fbdfd904d7a7f10a1', class: "gux-content" }, index.h("gux-truncate", { key: 'edbaa098abd38aaa50b154b6f178b45a7371e893', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: 'e3c7ff5f9c3d8826d1ccaf251cb7d2e2b9283482', name: "title" })), index.h("gux-truncate", { key: '15dfcece149016c5d9e0b78db79cb40ac9f5240e', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '7a1626df4daa2ec965b0d8e9e467d07f51b20678', name: "message" }))), index.h("gux-dismiss-button", { key: '5be640091276fa92d671182f87c0d899e4e08221', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/cjs/gux-option-group-beta.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const onMutation = require('./on-mutation-d800434a.js');
 
 const guxOptionGroupCss = ".gux-option-group{display:block;flex:1 1 auto;align-self:auto}.gux-option-group .gux-option-group-label{display:block;padding:var(--gse-ui-menu-groupedMenu-title-padding);color:var(--gse-ui-menu-groupedMenu-title-foregroundColor);font-family:var(--gse-semantic-heading-overline-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-overline-fontSize);line-height:var(--gse-semantic-heading-overline-lineHeight);text-transform:var(--gse-semantic-heading-overline-textCase);letter-spacing:var(--gse-semantic-heading-overline-letterSpacing);font-weight:var(--gse-semantic-heading-overline-fontWeight)}:host(.gux-filtered){display:none}";
@@ -54,7 +54,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f0f857309199da75a1d746f1c64df5d03cf1482c', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '8fd2f7bcf54e3b49dc2ca49ad7b85ba24bb00473', class: "gux-option-group" }, index.h("div", { key: '0a95e5c1d6b1085f743a6873ccf4d470c6f638e6', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: 'a5844feac9804a678c0487ff097ede61c378b630', role: "group" }, index.h("slot", { key: '5ce6fda569654b65579a5d68d267da52494bdf3f' })), this.renderDivider())));
+        return (index.h(index.Host, { key: 'e1efc13975907d8d0efb7780e9a01bf8bf32034e', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '62eba4916504de3fdae4539a146cc8dfb78b442f', class: "gux-option-group" }, index.h("div", { key: 'ba0b59cf658d1c6e2c9158ce9515eae0472618b6', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '0a24351131954e25346507244a2afdc045f4e9cd', role: "group" }, index.h("slot", { key: '54fafac457a9235241a83aee7c3b148f51de73be' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-option-icon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-77202cdc.js');
+const index = require('./index-8f08a5ed.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -70,14 +70,14 @@ const GuxOptionIcon = class {
         return (index.h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }));
     }
     render() {
-        return (index.h(index.Host, { key: '267528cc8adc479f9ef7cfa4129ad9481ba87610', role: "option", class: {
+        return (index.h(index.Host, { key: '54f8a0b662882be6b49d7febfba93d31272fb2e2', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), index.h("div", { key: 'f59f5d5337f4fab5e7de8b16b62cd78722cfe6bf', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '4d569376dc6169157ddbad47f618dd61dae4a89e', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'eb190d66c1bab906436ce8c89b5e7872f2f2ab5d' })), index.h("slot", { key: '48b4e651063a8af33fd177876d14137081d3f3ee', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), index.h("div", { key: 'b90156137d0bf3e90a7ad89ec07eb4efa4ede2c7', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'd5b1856ae474c1bb95852f36c5f1cbdd5d80e98e', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '6b91c15d52b3cb5d51c99028d3bde7d43c712075' })), index.h("slot", { key: '6e5a8c9b0c17efdaf36f153b3820497c6c1971d0', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {