genesys-spark-components 4.137.1 → 4.138.0

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

@@ -1,5 +1,5 @@
-import { a as getAssetPath, r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { a as getAssetPath, r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const legacyIconNames = [
@@ -486,11 +486,15 @@ const GuxIconStyle0 = guxIconCss;
 const GuxIcon = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.iconName = undefined;
+        /**
+         * Indicate whether the icon should be ignored by accessibility tools or not
+         */
         this.decorative = false;
+        /**
+         * Localized text describing the intent of this icon (not required if `decorative=true`)
+         */
         this.screenreaderText = '';
         this.size = 'inherit';
-        this.svgHtml = undefined;
     }
     async prepIcon(iconName) {
         if (iconName) {
@@ -546,7 +550,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '04797721e406217511c2289dc434345d5877346d', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '4cee2f5e075acfa120f017ad2fc1f6fefd901949', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return getElement(this); }

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import './get-closest-element-728b9f18.js';
 
 const info = "Information alert with message";
@@ -41,10 +41,10 @@ const GuxAlert = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '8900cdeae0e581280f0846c56cc92e8452539b40', class: {
+        return (h("div", { key: '1415fdf4b452c8a7265a9ba3f87cb8b4268dbb5d', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'e1c0afd90284293fe3421c486ff121d5dc1c2f7e', class: "gux-message-wrapper" }, h("gux-icon", { key: '9ca1c4f75689594be17c40bf2b1bc0708718a40c', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '60bf7e1e776a246730fde618f79df01808094651' }, this.i18n(this.accent)), h("div", { key: 'c7fd0b5e27b66c44f3748e0a66c7d7f3cf18ba7f', class: "gux-content" }, h("slot", { key: '12ab06f0b719cecfc805048cff6135a9980ba2f7', name: "content" }, h("slot", { key: 'fdaa311d2038a47a6957d3a8a4a39ae424ca934e' }))))));
+            } }, h("div", { key: '8babcd543b6ffb15f223f364a89a95809526bebc', class: "gux-message-wrapper" }, h("gux-icon", { key: 'a3894fef628e1eebc22f3acb2a5037aaf4656590', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'c6dcc56496a3c4ed8b105cbeab080f163c2e8e43' }, this.i18n(this.accent)), h("div", { key: '1db5fd900c4cf4dde8826b3254f8da1831316c12', class: "gux-content" }, h("slot", { key: '58726e3bce9ae06959d67478249b7cdbab9d890f', name: "content" }, h("slot", { key: '44766ba8e0dab916d5f3666ae47e9befcb62dc66' }))))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.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)}";

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.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}";

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-21889d5d.js';
+import { r as registerInstance, h, H as Host } from './index-1f4f2f77.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;
@@ -8,7 +8,7 @@ const GuxListDivider = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'da0dad0a1e78fa76ba5b621aa6397adc23d24e82', role: "presentation" }));
+        return (h(Host, { key: '47874f242f9441edc3ad4139542262c0cd6e0189', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.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)}";
@@ -25,7 +25,7 @@ const GuxListItem = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f74aa739418fdc2970a81767f450edd6a64b5142', role: "listitem" }, h("button", { key: '2dff3b905c7bd23438d76d367f5a85386719b236', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '5b81509c42ef11a71a95922fa3d89069a9952ada' }))));
+        return (h(Host, { key: '949536d7408688b614f659cde8b693c2af33d45f', role: "listitem" }, h("button", { key: '4e655c8b3b92057374e3079f82a68a9dc9913c85', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'dd531246e67933896f548efc540fb7797f8f4b26' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { l as last, n as next, f as first, p as previous, b as byId, c as byClosestId } from './gux-list.service-5da368db.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.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;
@@ -56,7 +56,7 @@ const GuxList = class {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: '0334ddac16810c77e82d2465ee7af76352f2d62c', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'ae4d5b87ccaa780f8bc1e337a511563e83cbef31' })));
+        return (h(Host, { key: 'f73fd506d1d72ab5c5be99951f0a4ce7e1f0dcf9', role: "list" }, this.renderFocusTarget(), h("slot", { key: '084e73fa62a75bc3e0ae8bb738cc5178d94461f5' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { b as clearActiveOptions, h as hasActiveOption, s as setInitialActiveOption, d as setLastOptionActive, e as setFirstOptionActive, f as hasPreviousOption, i as setPreviousOptionActive, j as hasNextOption, k as setNextOptionActive, l as actOnActiveOption, m as goToOption, c as convertValueToArray, a as getOptionDefaultSlot, o as onClickedOption } from './gux-listbox.service-1b2f1a6e.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import './get-closest-element-728b9f18.js';
 
@@ -23,15 +23,13 @@ const GuxListboxMulti = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.internallistboxoptionsupdated = createEvent(this, "internallistboxoptionsupdated", 7);
-        this.value = undefined;
         this.loading = false;
         this.filter = '';
         this.textInput = '';
         this.filterType = 'none';
-        this.emptyMessage = undefined;
+        /* This is used by child components to keep track of this component's disabled state */
         this.disabled = false;
         this.listboxOptions = [];
-        this.allListboxOptionsFiltered = undefined;
         this.hasExactMatch = false;
     }
     onBlur() {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.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;
@@ -12,7 +12,7 @@ const GuxLoadingMessage = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'a0f919c9d9422db46ceff101fcb7657a5ec5f105', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'f6d1cd9e522ff7dcd91da8bb510894bf8efed10b', class: "gux-progress" }, h("slot", { key: '5c5cac5f3755f387566459dd92378e667dd36d60', name: "progress" })), h("div", { key: '889196a26a8c386a3f3ac4cc12b1fefee41763de', class: "gux-primary-message" }, h("slot", { key: 'b25af0aead5d6f059541bde953060fc76c5a6d6c', name: "primary-message" })), h("div", { key: 'e5c6d760224366439b444280c8c4611a695d905c', class: "gux-additional-guidance" }, h("slot", { key: '5f99d39dffdbfeb68f5ef5158cba2106c476e5dc', name: "additional-guidance" }))));
+        return (h("div", { key: '70356553906bdd63057fa0e9c5ad6e715b470f81', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '281eb24bc1f0853d940a0847728bccd75dca5866', class: "gux-progress" }, h("slot", { key: 'a7be4b136d00b4a8c5b2ec81e298d1e95fd4d241', name: "progress" })), h("div", { key: '2b48c115e728d70408a3dbff44d5146270f923df', class: "gux-primary-message" }, h("slot", { key: '14ba47c353fe1dd986eb21641214d8454aaead96', name: "primary-message" })), h("div", { key: '3fb5684b3856f933cac3c1839f5b05e361308f16', class: "gux-additional-guidance" }, h("slot", { key: '62c4adfbe16f3aad8d7139a75ba8b68788ecbc0f', name: "additional-guidance" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
 import { m as menuNavigation } from './gux-menu.common-b2a4d472.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}";
@@ -42,7 +42,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (h("button", { key: 'eda74dd6106bbf06c9520a586d6f8f94c1296942', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'c996ce6c6ac54651dededd7650cc00261e0f096c', class: "gux-menu-option-button-text" }, h("slot", { key: 'dfa4c8bece9414e6beb454da738e862f47354084' }))));
+        return (h("button", { key: '9ce49328409af89cd7a1c6b94ac6007b59456824', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '654d588f7bcbf38138ae543c03c3f89cad7102d5', class: "gux-menu-option-button-text" }, h("slot", { key: '2494d0b57c69ee80fd24b52cb97abf74fba868c3' }))));
     }
     static get formAssociated() { return true; }
     get root() { return getElement(this); }

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-21889d5d.js';
+import { r as registerInstance, h, H as Host } from './index-1f4f2f77.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;
@@ -8,7 +8,7 @@ const GuxMenu = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '548a8f78fd7533f6063a6d1cd1883e6630e8f30b', role: "menu" }, h("slot", { key: '07efb8534d740683b2853655b6f2b0b44ab8fed4' })));
+        return (h(Host, { key: '7e4f1568e688d0b8011da0ff05391e306324fecf', role: "menu" }, h("slot", { key: 'ee2398acd2b5542994a7d142ecf3d5a06b36b66e' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.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;
@@ -9,9 +9,11 @@ const GuxModalLegacy = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.guxdismiss = createEvent(this, "guxdismiss", 7);
+        /**
+         * Indicates the size of the modal (small, medium or large)
+         */
         this.size = 'dynamic';
         this.trapFocus = true;
-        this.initialFocus = undefined;
     }
     handleKeyEvent(event) {
         if (event.key === 'Escape') {
@@ -42,10 +44,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: '03f3345c7976259d303e5a90cef1f90e9ed945f8', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6d996bf71389945c20620588f63b97bae1adcf0f', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '087b55478498c89f537af3777c1beab4d903e063', class: "gux-modal-header", id: titleID }, h("slot", { key: '03421a7218bdba8a3daf898575cfda9a1e6793a7', name: "title" }))), h("gux-dismiss-button", { key: '5d9a4cf25bfca9a421782178292478f798362cc4', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '8d659e428a5f711e9a6b8c5874a37b82a492eac8', class: {
+        return (h("div", { key: '2d18a0bb73e802287f7276f624620318c58cf240', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'f9a6082c0d4472e6cbf484221ed41d287c119683', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '63ce16a375f2d5d374df0efaf65f026333f054f3', class: "gux-modal-header", id: titleID }, h("slot", { key: 'c8c78b89fd771fe39a7bbc513385ee11b7da474e', name: "title" }))), h("gux-dismiss-button", { key: '2b6e4165d02dca606879da5a6dd947dbeef8533c', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'b37f23a11378eb9ce1264bd81b79a0726d6eed10', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '162fc85dc6aa8c27136aa62c0e6b85e598c408f9' }, h("slot", { key: '3e0dd4c8dc4223b015e76e9ad242c4bfbcdc74ff', name: "content" }))), hasFooterButtons && (h("div", { key: 'd907a2c3dfe55c8433e23696b1b978f23f425b76', class: "gux-button-footer" }, h("div", { key: '46980f01b328f8bc6edc3efbbd3198ea8d086d04', class: "gux-left-align-buttons" }, h("slot", { key: '87643cd1528b294f25ec41a1e286149b094a7f9f', name: "left-align-buttons" })), h("div", { key: '293e4349fda8a877f9d084104f55a46dd7c44674', class: "gux-right-align-buttons" }, h("slot", { key: 'c7d087a32f336a97a8e8c8becdf27886f83c5739', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '30f622b062ed43b6fef5e7e2bbf68ac56bf98730' }, h("slot", { key: 'dc09cef7c9d6ec04ea7a3f896e0e7ddf3ed5cac0', name: "content" }))), hasFooterButtons && (h("div", { key: '6f67c283914532196a52369fb1b84cd4e948f462', class: "gux-button-footer" }, h("div", { key: '3299634c7f06b9e41ee607d383df3bb1b2e7c93b', class: "gux-left-align-buttons" }, h("slot", { key: '3890a90f49ab497b9713f5e20086e5adfdb0cc9c', name: "left-align-buttons" })), h("div", { key: '101d214018e9f8da983b074d5aeaa2c81d096912', class: "gux-right-align-buttons" }, h("slot", { key: '9e353e0aad1df37cfeee2bc944285308294a44c2', 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/esm/gux-modal-side-panel-beta.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.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;
@@ -10,9 +10,9 @@ const GuxModalSidePanel = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.modalSidePanelDismiss = createEvent(this, "modalSidePanelDismiss", 7);
-        this.dialogElement = null;
         this.open = false;
         this.size = 'medium';
+        this.dialogElement = null;
     }
     syncOpenState() {
         if (this.open) {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { h as hasSlot } from './has-slot-f24a46a6.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;background-color:var(--gse-ui-modal-backgroundColor);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;color:var(--gse-semantic-foreground-container-highEmphasis)}: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%}}";
@@ -10,7 +10,15 @@ const GuxModal = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.guxdismiss = createEvent(this, "guxdismiss", 7);
+        /**
+         * Indicates the size of the modal (small, medium or large)
+         */
         this.size = 'dynamic';
+        /**
+         * Indicates/sets whether or not the modal is open. On a native dialog, you should not toggle the
+         * open attribute, due to the unusual behaviors described [here](https://html.spec.whatwg.org/multipage/interactive-elements.html#attr-dialog-open)
+         * In this component, it is safe as this property acts as a proxy for calls to `showModal` and `close`.
+         */
         this.open = false;
     }
     /**
@@ -74,7 +82,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'd1368b100df8c4f61051ebcac537d36d43278d74', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '7f5ee271ea35a294130509cb9dc20af6b38f355b', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '88de18df327f2b2af73d1ec2b93a99ea8a7f1ab5', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'b1c69c683dfbf6a7ed8a670ed85612aa7f702a4c', class: "gux-modal-content" }, h("p", { key: '6b4be7e849019eb6f2b1bdd45343827672a85886' }, h("slot", { key: '8fb86081bb9285faeb8db3b818a3ccdb3f642c98', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'bab5ac656e94ff0937fd128c414ed9f1cae8b46c', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'b6080248a5a89f5c9e8cb5110358b65d6ef043d0', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'd28c34313e211024a1ad97a4b3be79bcedf52437', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '8ef94027f690c637df01edcc97639cb28b12f013', class: "gux-modal-content" }, h("p", { key: 'c3055a822887fa16f11fa3d38747b116dd26ea90' }, h("slot", { key: '951d14406c48af76ba8bc0efd277eabc7a0744b7', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent, g as getDesiredLocale } from './index-0faa8b4b.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { b as buildI18nForComponent, g as getDesiredLocale } from './index-4f1356d9.js';
 import { a as determineDisplayLocale } from './intl-93dbfa3b.js';
 import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
@@ -19,12 +19,9 @@ const GuxMonthCalendarStyle0 = guxMonthCalendarCss;
 const GuxMonthCalendar = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.value = undefined;
-        this.min = undefined;
-        this.max = undefined;
-        this.year = undefined;
-        this.locale = undefined;
-        this.previewValue = undefined;
+        /**
+         * Controls hiding and showing the month-calendar
+         */
         this.expanded = true;
     }
     onValueUpdate(newValue) {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { l as last, f as first, n as next, p as previous, a as focusMove } from './gux-list.service-5da368db.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 
@@ -56,7 +56,6 @@ const GuxMonthListItemStyle0 = guxMonthListItemCss;
 const GuxMonthListItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.value = undefined;
         this.disabled = false;
         this.selected = false;
     }

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
-import { b as buildI18nForComponent, g as getDesiredLocale } from './index-0faa8b4b.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
+import { b as buildI18nForComponent, g as getDesiredLocale } from './index-4f1356d9.js';
 import { a as determineDisplayLocale } from './intl-93dbfa3b.js';
 import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
@@ -39,12 +39,8 @@ const YearFirstLocales = ['ar', 'he', 'ja', 'ko', 'zh-cn', 'zh-tw'];
 const GuxMonthPicker = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.value = undefined;
-        this.min = undefined;
-        this.max = undefined;
         this.disabled = false;
         this.expanded = false;
-        this.locale = undefined;
     }
     onKeyDown(event) {
         switch (event.key) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.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;
@@ -8,13 +8,16 @@ const GuxNotificationToast = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.guxdismiss = createEvent(this, "guxdismiss", 7);
+        /**
+         * The component accent.
+         */
         this.accent = 'neutral';
     }
     componentWillLoad() {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '47a33ed4de5228de0e187987869c27b07e0d5787' }, h("div", { key: '361fb8c114bfbe51c8d16a8de214bdd723c0a6f7', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'bd3a78f5a5f05a0cf5098266766789ef8cc0a8f3', name: "icon" })), h("div", { key: 'dc19ff38c0c039b8296749f418cf6fcb06159ad9', class: "gux-content" }, h("gux-truncate", { key: 'ea408eb0806dd5f58bceeb9a7b8fbaef9e702fb4', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'c6830def6d5e01d3761f7b5a187cf5a52866a0aa', name: "title" })), h("gux-truncate", { key: '319a9a3e695163d12a869577b88a4c84afbf1713', class: "gux-message", "max-lines": 2 }, h("slot", { key: '789ff5fb32b7da6408d2ee31328e2a39d3d6bd86', name: "message" }))), h("gux-dismiss-button", { key: '2abc520e1b95ccc419209202de06265398542179', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '05fb3239ed8a7b3b97cc88b6a613cc8b2669bf6e' }, h("div", { key: 'b5c97740a392fb8bf6dd10dfc17717ba9b236c1f', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'd8d9b5bdbc05665dee31bd29244870ff07df9078', name: "icon" })), h("div", { key: '2ea8b352598f85ad7747d86b073c96202ae05423', class: "gux-content" }, h("gux-truncate", { key: '780143649c27a9a3df52ba03624923972b20c927', class: "gux-title", "max-lines": 1 }, h("slot", { key: '763979ada598277bd68461c15685570ec37f8f58', name: "title" })), h("gux-truncate", { key: 'a87f67cde3759bcc6fa673580b2e2820ab48ba94', class: "gux-message", "max-lines": 2 }, h("slot", { key: '9c1e1d712dfc9ed9527934474c66b28caf8bb471', name: "message" }))), h("gux-dismiss-button", { key: 'ac4562e6830355aa38569035621936aa7b8bbce2', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { o as onMutation } from './on-mutation-a222fe93.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}";
@@ -7,7 +7,9 @@ const GuxOptionGroupBetaStyle0 = guxOptionGroupCss;
 const GuxOptionGroup = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.label = undefined;
+        // @Prop()
+        // disabled: boolean;
+        // TOOD: GDS-2328
         this.filtered = false;
         this.showDivider = true;
     }
@@ -50,7 +52,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: '92a57a5773bd073cb41b756da693c4c8e12ce822', class: { 'gux-filtered': this.filtered } }, h("div", { key: '4293739a1fa16f40b88aea607f8ba83b67b7f83d', class: "gux-option-group" }, h("div", { key: '244c4353d043b2dff331565be9f6b43c9870115b', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '9358a657681bf26d8f2088db5f7627e21c480a80', role: "group" }, h("slot", { key: '09dee6935996dddd6ef735aa64b02c61d1b47bae' })), this.renderDivider())));
+        return (h(Host, { key: '747fb28263d3d054fbb6b880c044e93d6336e690', class: { 'gux-filtered': this.filtered } }, h("div", { key: '745c60fecde53593ed07ea3642b01110fd1ab40d', class: "gux-option-group" }, h("div", { key: '2fa7a88de2cb2d23f857707fac9544a2c9f1c4ac', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '73f8be85b27a71255d9b0a615fb0aa80af5882d7', role: "group" }, h("slot", { key: 'f102ec73ac02c14f8910e904f985dd5828297b69' })), this.renderDivider())));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
@@ -9,10 +9,6 @@ const GuxOptionIconStyle0 = guxOptionIconCss;
 const GuxOptionIcon = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.value = undefined;
-        this.iconName = undefined;
-        this.iconSrText = undefined;
-        this.iconColor = undefined;
         this.iconPosition = 'start';
         this.active = false;
         this.selected = false;
@@ -66,14 +62,14 @@ const GuxOptionIcon = class {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (h(Host, { key: '7a5d5be1105975a441d3f609c3127db6f6fa52de', role: "option", class: {
+        return (h(Host, { key: '6d6dbc917e7de11fa224f2af2c599b0cedc62d3c', 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'), h("div", { key: '7892394b1aa37e6cc16e49806fea7a6f61fd2632', class: "gux-option-wrapper" }, h("gux-truncate", { key: '57a8a73bd57101721a8ec8790b2e4730e37d14ec', ref: el => (this.truncateElement = el) }, h("slot", { key: 'b1512adf5143e6f82c9b1bbc2a6f85eeb2643332' })), h("slot", { key: '5a45e4780c9f45fb2474e03ea1066ae08605490c', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: '414651d27890b11df246a66b5643b83e2b4cfffd', class: "gux-option-wrapper" }, h("gux-truncate", { key: '310b1eced06895d3679f022de4615cc1d6345b81', ref: el => (this.truncateElement = el) }, h("slot", { key: 'bf902548d96fea4f8f07609de12e86de50a67f94' })), h("slot", { key: '23ad8e88113870a3e707f2c6dfbf821a994c3d11', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-option-multi.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
 const removeCustomElementInstructions = ", unselecting this custom option will remove it from the list";
@@ -17,7 +17,6 @@ const GuxOptionMulti = class {
         registerInstance(this, hostRef);
         this.guxremovecustomoption = createEvent(this, "guxremovecustomoption", 7);
         this.internalselectcustomoption = createEvent(this, "internalselectcustomoption", 7);
-        this.value = undefined;
         this.active = false;
         this.selected = false;
         this.disabled = false;
@@ -66,13 +65,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (h(Host, { key: 'e162eef5448cea304e276f802f5b8e4a29e02db2', role: "option", class: {
+        return (h(Host, { key: '30c9dd90df8fb1bee4fa88b4e06c8a55f48acf6d', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'b5ce95d76851e11762f7382cf48a7bcfb9e91e41', class: "gux-option-wrapper" }, h("gux-truncate", { key: '44df5adfb3d53de46dfb939c25ef571bd65813b6', ref: el => (this.truncateElement = el) }, h("slot", { key: '734bd3478b4fe68389770ccd7694d5a25f2c288f' })), h("slot", { key: '8a5910f16bf8363d2edd4dee1e7d033579a9a29d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '134c09ce054f544cd6c18b75247e683e1f707705', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd9156d87787f1c6eee96dd44461eff300700f513', ref: el => (this.truncateElement = el) }, h("slot", { key: '19ec692e09cf8f92ecfc3d34fc3d3a8639038f7c' })), h("slot", { key: '700b3f58200b16ad18547a2000bf634eca88581d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-page-loading-spinner.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -7,13 +7,12 @@ const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
 const GuxPageLoadingSpinner = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.screenreaderText = undefined;
     }
     componentWillLoad() {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '29f39a19219294a605f3785056a0f8c9f7348410', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '309e160531c6d7333185bdf8197b0ad15098c56a', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return getElement(this); }
 };