genesys-spark-components 4.187.2 → 4.188.1

package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-list/gux-month-list.js

@@ -38,7 +38,7 @@ export class GuxMonthList {
         first(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: 'ddb19bbe871c91305ee5a6f223af897b2b121328', role: "list" }, h("slot", { key: '0808678f20fa0aaed49967182b157534d77f1727' })));
+        return (h(Host, { key: '63e7a46bdd4255bc05a9713ef09b09595c94be04', role: "list" }, h("slot", { key: '86754762f8504dc46731114df7b3d96e85da190b' })));
     }
     static get is() { return "gux-month-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-month-picker/gux-month-picker.js

@@ -196,7 +196,7 @@ export class GuxMonthPicker {
         return (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 (h("gux-popup", { key: 'b8b7d9cdd5ddf41b5e4d1ec59325be8c7376678f', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'dc77a8eddba2e1ba1dd8834f63387f24b02fcfff', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-month-picker-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-option-status/gux-option-status.js

@@ -34,11 +34,11 @@ export class GuxOptionStatus {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '234976bdea5942ff7e5e9a93de7e271807513062', role: "option", class: {
+        return (h(Host, { key: '1bbbde10d362d8e73f05009fa86d0faf2e359a23', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-selected': this.selected
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '7b12320f80c31ea1f003d0d6898a70ab4fc0dd1e', class: "gux-status-indicator" }, h("span", { key: '0fc593ed7290e05172acf35ed4f4c54d812b5ef1', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: '2b67f1f4ea9d1513257427ffba01195cb19f0cd1', class: "gux-status-indicator-text" }, h("gux-truncate", { key: '06cf1772b5966dc96761a9ea83f7981dbaf6c1db', ref: el => (this.truncateElement = el) }, h("slot", { key: '65aa4e34614fb032d2065219ef319dd50b4955e4' }))))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '233a3cbf28f13b826a7614bc8c0441c24c0851e2', class: "gux-status-indicator" }, h("span", { key: 'd04af0ccc7ce5e8f2ad7cddb6ff4da6264de41f1', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: '4fd6648ed503546d98a11459804caf745e1fd40b', class: "gux-status-indicator-text" }, h("gux-truncate", { key: '5ee7b670476c121b2bfa7d74223fe40c0cd6f779', ref: el => (this.truncateElement = el) }, h("slot", { key: '51a9f7bb6ec0e595f54f92894dae3c75873494f5' }))))));
     }
     static get is() { return "gux-option-status-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-phone-input/gux-phone-input.js

@@ -362,7 +362,7 @@ export class GuxPhoneInput {
         return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (h("gux-popup", { key: '673008741f1aa9250075a533b4bc7c47d8361786', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'd738a39d363328db483c62c9d275ccc0dcf2d775', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-phone-input-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-popover-beta/gux-popover.js

@@ -247,10 +247,10 @@ export class GuxPopover {
         this.disconnect();
     }
     render() {
-        return (h("div", { key: 'e939bd9d5563dfd5e723a069f302534d38f47195', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '81f39d41267bf59e462f3f122c8b32ab294d719e', ref: (el) => (this.popupElement = el), class: {
                 'gux-popover-wrapper': true,
                 'gux-hidden': !this.isOpen
-            }, "data-placement": true, popover: "manual", tabindex: "-1" }, h("div", { key: '029e38e983de2018f5608ecd0bd8e5db570b772f', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'b57de8a196ff01783fd186976f2f4d790a28574a', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'e45d1a5f6b0edb63e9f72c8ed1cdfeaff6bd6a5b', onClick: this.dismiss.bind(this) })), h("div", { key: 'af594623ae072b7f1b0f914b43997d29a3635388', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'f635a2aa77c0b0e9f5bac6a36012274e7e41b421', name: "title" })), h("div", { key: '7675b0d3cb852611d77b7bd51ad1793fbcb8bda3', class: "gux-popover-content" }, h("slot", { key: 'c6784ac9766578bab9a4f430849d2ea162db127b' })), h("div", { key: 'fa798d5965d74240817f612f6208a13b96e0e940', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '3e21fca852329eaf7182a237bb47a604ca398550', name: "footer" }))));
+            }, "data-placement": true, popover: "manual", tabindex: "-1" }, h("div", { key: '0f305915456216b7f057f6b20615195ac438d406', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '92407583694363dc2c00d1f0e9cd49c3066c31ab', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '7320b0e1d6b5ba53dfb57f5ad0b5e2708c7c7a11', onClick: this.dismiss.bind(this) })), h("div", { key: 'c69beea5a6c0c5c8667739a4c47391e3cf7314d4', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '0301186d3d4cd7c8b116296a4a21e8f84f3a18bf', name: "title" })), h("div", { key: '92f19808fb998dde74cdbae0721e3c0f6185bfa6', class: "gux-popover-content" }, h("slot", { key: 'ab16e4a174bd1903193b7abdf8efc50bde7cc233' })), h("div", { key: 'f7d53e319216e63751214e30ea041cb6cae88a9e', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '78f42e52ecd7736465f01ecf9f6c8c90aafe6574', name: "footer" }))));
     }
     static get is() { return "gux-popover-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-popover-list-beta/gux-popover-list.js

@@ -186,10 +186,10 @@ export class GuxPopoverList {
         this.disconnect();
     }
     render() {
-        return (h("div", { key: 'c57b21a0226ad99ead4a98296d7f756ee6045a65', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'fc036d673469aa079a28c536d9b2934807963555', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true, popover: "manual" }, h("div", { key: '8e7f224839d83cd36d944450c3843830e989d7a8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '2b5371d15d66ef6f9ae21436135556e9e41418b7', onClick: this.dismiss.bind(this) })), h("div", { key: 'a3664db775aeedc6190c0b9496cf7a71359f8a8c', class: "gux-popover-content" }, h("slot", { key: 'ee1b2be5ae905ca48498e33dfbfbb5f975effccd' }))));
+            }, "data-placement": true, popover: "manual" }, h("div", { key: 'b4047e549d67eafec25bd1868d381c809428e583', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '4c5dee22f6bc75255629376b82d8163d607c01da', onClick: this.dismiss.bind(this) })), h("div", { key: 'c18958af813c886526d29d1a3a0d3c22e45a8ada', class: "gux-popover-content" }, h("slot", { key: '2e2e37291ef5df4275c8e40970040d7cbf8c2987' }))));
     }
     static get is() { return "gux-popover-list-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-prompt-input/gux-prompt-input-beta.js

@@ -58,9 +58,9 @@ export class GuxPromptInputBeta {
         return (h("gux-button-slot", { accent: "danger" }, h("button", { type: "button", class: "gux-generate-cancel", onClick: () => this.stopGeneration(), "data-testid": "stop-generation" }, h("gux-icon", { "icon-name": "fa/square-regular", size: "small", decorative: true }))));
     }
     render() {
-        return (h(Host, { key: '2b44fed4349f39b8ba53c2c754ad096fd8255529' }, h("div", { key: 'fdaa19cb535c864044b7dec3d25bdfbf4be61710', class: "gux-input-container" }, h("div", { key: 'b3369ca4d8b857fbea207dd9a4f5b84f517a57ad', class: "gux-grow-wrap" }, h("textarea", { key: '2969a22b5b9df0cce92ee8ba70d170c985a9e7bb', rows: 1, class: "gux-input", ref: el => (this.inputElement = el), placeholder: this.placeholder || this.i18n('inputPlaceholder'), onInput: this.handleInput.bind(this), "data-testid": "prompt-input" })), this.isGenerating
+        return (h(Host, { key: '5ddf7bb8a89c5c9d65b93038bdd27a127027ed24' }, h("div", { key: '276e073fc4438a9052023b879d11b862407db1df', class: "gux-input-container" }, h("div", { key: '921b301276b9750c426f59b4038e6c8ac1f7fd8f', class: "gux-grow-wrap" }, h("textarea", { key: '9a1f569919f4f3bb996f537c153f5e064e9b19ef', rows: 1, class: "gux-input", ref: el => (this.inputElement = el), placeholder: this.placeholder || this.i18n('inputPlaceholder'), onInput: this.handleInput.bind(this), "data-testid": "prompt-input" })), this.isGenerating
             ? this.renderStopButton()
-            : this.renderSubmitButton()), h("div", { key: '5058ebf7ca4cd6f11c4662ea0b6a6be285edab82', class: "caution-message" }, h("slot", { key: '2bbe3da2d8147d11f1c28a5db7232f133a782d5d', name: "caution-message" }))));
+            : this.renderSubmitButton()), h("div", { key: 'e39163921a105baa25b2b8d43d93c5e0aa7588d9', class: "caution-message" }, h("slot", { key: '43c2c32a885b77620a5874f2439bdc77bad13a9b', name: "caution-message" }))));
     }
     static get is() { return "gux-prompt-input-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-action/gux-rich-text-editor-action-link/gux-rich-text-editor-action-link.js

@@ -80,7 +80,7 @@ export class GuxRichTextEditorActionLink {
         }
     }
     render() {
-        return (h(Host, { key: 'd8b3e64aaefcf31252bc10ba344bbed47d9d997d' }, h("gux-button-slot", { key: '59b2f0cc0f7ca75a7c016b3d8758264e249f9bdd', accent: "ghost", "icon-only": true }, h("button", { key: 'a402a0ec4242a086331077ce4b3f31e8230042cb', id: "popover-target", class: { 'gux-is-pressed': this.isActive || this.isOpen }, onClick: () => this.togglePopover(), ref: el => (this.actionButton = el), type: "button", disabled: this.disabled || hasDisabledParent(this.root), "aria-label": this.i18n('link'), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-pressed": this.isActive.toString() }, h("gux-icon", { key: 'fdbde2b39677c651c3fb41efbec0fcaf1bac3c8e', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), h("gux-popover", { key: 'f0daa96790b40a504619aff9c2cfd384611f2f95', "is-open": this.isOpen, for: "popover-target" }, h("div", { key: '5566d389ae0aae958922c7b7db6261d73e13a4c6', class: "gux-popover-content-wrapper" }, h("gux-form-field-text-like", { key: 'dc29961d14019483f4ad6149cd4ff72867f450bf' }, h("input", { key: '2cd805c82bbacb4af588e549bb126da54a70082a', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), h("label", { key: 'bd9f9c8991699468ee9340faea86ff352619a2ed', slot: "label" }, this.i18n('textToDisplay'))), h("gux-form-field-text-like", { key: '1b7ca7df29ed912156b4d977cd67421d52700927' }, h("input", { key: 'b5905d10a98b116d654ab942df9409557969742e', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), h("label", { key: '4998b425ad25ea6ba46d1999a4c892ace622b66c', slot: "label" }, this.i18n('linkAddress'))), h("gux-cta-group", { key: 'de2027ca78d67f185ed193dcb94d50401a304397', align: "end" }, h("gux-button", { key: '75c87eccd74ce26ac23111ab67e177568e73d808', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), h("gux-button", { key: '2696d4a15d37658ff528ce2c95e08494cb99f187', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel')))))));
+        return (h(Host, { key: '8f69ce2da70ddb52a0e3f693fb77ed1f4819436c' }, h("gux-button-slot", { key: '6ea1b9610cef5621681952efd5fd9107c8af728b', accent: "ghost", "icon-only": true }, h("button", { key: '3803e767c47f991433c740da0273045e4c9188cc', id: "popover-target", class: { 'gux-is-pressed': this.isActive || this.isOpen }, onClick: () => this.togglePopover(), ref: el => (this.actionButton = el), type: "button", disabled: this.disabled || hasDisabledParent(this.root), "aria-label": this.i18n('link'), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-pressed": this.isActive.toString() }, h("gux-icon", { key: '6c80f510dcc3fcf28714b0e06261331421383523', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), h("gux-popover", { key: '81d1389d969f3cf8acd808c6100d4e391494cfed', "is-open": this.isOpen, for: "popover-target" }, h("div", { key: '514e3e85761a8f443b55519c4f3fe68395b16eb0', class: "gux-popover-content-wrapper" }, h("gux-form-field-text-like", { key: '478a4a3311f954e382c48902f3b04052c2390fe7' }, h("input", { key: '1ed81170281fe5044b4d1257820b3c985727de91', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), h("label", { key: 'c9379daf7476e0a066f4f64b649f09703b58791b', slot: "label" }, this.i18n('textToDisplay'))), h("gux-form-field-text-like", { key: '7de03e261deb2130609490473b4e4a395c8f9bb5' }, h("input", { key: '659b8f2bc4541524a7db5121c0cf3177a2761af5', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), h("label", { key: '8a06f01fdd7887df52972b1b3e2f3fa8a91aec55', slot: "label" }, this.i18n('linkAddress'))), h("gux-cta-group", { key: 'df04fc1632d1ade23a31adaf8a5fb9fc8a239c6f', align: "end" }, h("gux-button", { key: '33fa329eb6c13b002f7c6b1c5f72318fbb2d370e', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), h("gux-button", { key: 'ca265b36aea72886f803c033ed60d548ab46d288', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel')))))));
     }
     static get is() { return "gux-rich-text-editor-action-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-action/gux-rich-text-editor-action-rich-style/gux-rich-text-editor-action-rich-style.js

@@ -170,7 +170,7 @@ export class GuxRichTextEditorActionRichStyle {
         return (h("gux-button-slot", { accent: "ghost", slot: "target", "icon-only": true }, h("button", { type: "button", ref: el => (this.actionButton = el), class: { 'gux-is-pressed': this.expanded }, onClick: () => this.onActionButtonClick(), disabled: this.disabled || hasDisabledParent(this.root), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, this.renderMenu()), this.renderTooltip()));
     }
     render() {
-        return (h("gux-popup", { key: '580a9ded090e224aed85c9d34ecea9fe7f632dea', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '8078201a5694a781fa6e911352494d6d67c52505', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-rich-text-editor-action-rich-style"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-action/gux-rich-text-editor-action-text-highlight/gux-rich-text-editor-action-text-highlight.js

@@ -107,7 +107,7 @@ export class GuxRichTextEditorActionTextHighlight {
         return (h("gux-button-slot", { accent: "ghost", "icon-only": true, slot: "target" }, h("button", { type: "button", ref: el => (this.actionButton = el), onClick: () => this.togglePopup(), disabled: this.disabled || hasDisabledParent(this.root), class: { 'gux-is-pressed': this.isActive || this.expanded }, "aria-haspopup": "true", "aria-expanded": this.expanded.toString(), "aria-pressed": this.isActive.toString() }, h("gux-icon", { size: "small", "icon-name": "fa/highlighter-line-regular", decorative: true }), h("gux-screen-reader-beta", null, this.i18n('textHighlight'))), this.renderTooltip()));
     }
     render() {
-        return (h("gux-popup", { key: '3804fc50b2433a4dece82a9697c80bbd553818db', disabled: this.disabled, expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '0c112c80992966849714850642775b1fde262c87', disabled: this.disabled, expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-rich-text-editor-action-text-highlight"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-action-group/gux-rich-text-editor-action-group.js

@@ -12,7 +12,7 @@ export class GuxRichTextEditorActionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '379c8b3c31865c223cdee90195e95b4aec9d0f10' }, h("div", { key: '9dbf64765c02261eb2805dbe8c243755d0ba718e', class: "gux-action-group-container" }, h("slot", { key: '37077be40e3905fb1f134d6bce434d0d631d99d6' })), this.renderActionGroupDivider()));
+        return (h(Host, { key: '76388d64e2a5804ab766307b8a319e2ff41ded9f' }, h("div", { key: '2f0aac8ef97716374860b24e47bd448549a8e129', class: "gux-action-group-container" }, h("slot", { key: '1de70921fa73a28fe09474c050ca8da07df2e7ff' })), this.renderActionGroupDivider()));
     }
     static get is() { return "gux-rich-text-editor-action-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-beta.js

@@ -185,11 +185,11 @@ export class GuxRichTextEditor {
         ].some(child => child !== null && child !== undefined);
     }
     render() {
-        return (h("div", { key: '5c0e7fb0ecd72cb9b14300209cedbc55b85f77fc', class: {
+        return (h("div", { key: '4b84d427af30a657596e8f8342b356e3be1afde7', class: {
                 'gux-rich-text-editor-container': true,
                 'gux-disabled': this.disabled,
                 'gux-toolbar-hidden': !this.hasToolbar
-            } }, h("div", { key: 'fbc53337a946ed00eb3b93f6fd59194e5b4abb22', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderTextEditorMenu(), this.renderGlobalAction()), h("slot", { key: 'bdee886a284381ddbca2a20a010df4bb5ba6fefe', name: "editor" })));
+            } }, h("div", { key: '7baff9615a4a1293f5d4b3f2357d423db89edea2', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderTextEditorMenu(), this.renderGlobalAction()), h("slot", { key: '138fe0e66fd20f947a69c2b7cc8cd22dc532c3d1', name: "editor" })));
     }
     static get is() { return "gux-rich-text-editor-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-list/gux-rich-highlight-list-item/gux-rich-highlight-list-item.js

@@ -33,10 +33,10 @@ export class GuxRichHighlightListItem {
         }
     }
     render() {
-        return (h("div", { key: 'f00fdb99ff83dd90c53fad4196369ffa7d644437', class: {
+        return (h("div", { key: 'c972a9696643f56cf036f8ac024dfdd90b9fd723', class: {
                 'gux-highlight': true,
                 [`gux-${this.highlight}`]: true
-            }, role: "listitem" }, h("button", { key: 'f0df4c55287294af61856ab75282e1a2c69ab6de', type: "button", "aria-label": this.i18n(`${this.highlight}`), tabIndex: -1, disabled: this.disabled }), this.renderTooltip()));
+            }, role: "listitem" }, h("button", { key: 'f32018a039459c3eb376442cdfe3e1e9baab0272', type: "button", "aria-label": this.i18n(`${this.highlight}`), tabIndex: -1, disabled: this.disabled }), this.renderTooltip()));
     }
     static get is() { return "gux-rich-highlight-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-list/gux-rich-style-list-item/gux-rich-style-list-item.js

@@ -27,7 +27,7 @@ export class GuxRichStyleListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'e1606d3e5f499a7a9f351adebb1e7868f0123e74', role: "listitem" }, h("button", { key: 'af26738f5632f7740354841a95e293108ab9d3fb', type: "button", tabIndex: -1, disabled: this.disabled }, h("gux-truncate", { key: '59e758733f4d127e41d2e9c6142de10f8179bbc2', "max-lines": 1 }, h("slot", { key: '990a0139ac7ffedd332dffa17c51a184d4e03c5b' })))));
+        return (h(Host, { key: 'e582248c25451828a7b070573529b04741abdb47', role: "listitem" }, h("button", { key: 'f6bf75d66cac5f018bf533c3f9f298ba7ae3c15a', type: "button", tabIndex: -1, disabled: this.disabled }, h("gux-truncate", { key: '98e52cf15df68a62e25325157d532ec8b985293c', "max-lines": 1 }, h("slot", { key: '2da1a9aef7ee97e8fd0fd12b5cafaebcdf5f87fe' })))));
     }
     static get is() { return "gux-rich-style-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-list/gux-rich-text-editor-list.js

@@ -93,7 +93,7 @@ export class GuxRichTextEditorList {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: 'a4a3e97b3c87ce3b3a7097c7a615ce3fe2035267', role: "list" }, h("slot", { key: 'ab4767819665cdc49dfbbc430578a585071cfc96', onSlotchange: () => this.setListItems() })));
+        return (h(Host, { key: '6729a4ad798afe85d811e86b66b085303ed29297', role: "list" }, h("slot", { key: 'c05edd26f7a619a0a8bf511670a9e8d256afc6fe', onSlotchange: () => this.setListItems() })));
     }
     static get is() { return "gux-rich-text-editor-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-list/gux-rich-text-editor-sub-list/gux-rich-text-editor-sub-list.js

@@ -125,13 +125,13 @@ export class GuxRichTextEditorSubList {
         }
     }
     render() {
-        return (h(Host, { key: '3df207bfeaa9d6c6227b8149bd3553c3d9b66548' }, h("button", { key: 'd6b869956ab56a2007b2653aff2ae3c8fb964422', type: "button", class: {
+        return (h(Host, { key: 'bad69285cd0e91af6a0d4aae91f6a915f9b0f4c4' }, h("button", { key: 'e2ed53d26e266ed26b8c5a2a77b944378123d7a9', type: "button", class: {
                 'gux-sub-list-button': true,
                 'gux-sub-list-button-active': this.isShown
-            }, tabIndex: -1, role: "listitem", ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: 'c4619de07087fd383ee458a0a7628b14cd4b6dd9', class: "gux-sub-list-button-text" }, this.label), h("gux-icon", { key: '6221fbf5092e6b20e6c3fc3b5a4302ca787b8cc3', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '42dab1fe309919bab4ac1f30a1fe2aba127ada75', ref: el => (this.subListElement = el), class: {
+            }, tabIndex: -1, role: "listitem", ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: 'd1c7ce30865228b9257755925d2c86c83fceaddd', class: "gux-sub-list-button-text" }, this.label), h("gux-icon", { key: 'fbfacaff8e236bcf31821494b270b92b860efa90', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '0aabab7ca5568b642f4b9438da125111da87c1b5', ref: el => (this.subListElement = el), class: {
                 'gux-sub-list-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '597ad4018297fa07aefdb9313eb192c3081a0d19', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, h("slot", { key: '4deabafbda7f5b5ba718a095868bee232c20068e' })))));
+            } }, h("div", { key: '009901a9f3077aaf1872e4be09b35028e0b56d3b', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, h("slot", { key: '582e8b26f97c4a57bae284c290082e328b0b0b95' })))));
     }
     static get is() { return "gux-rich-text-editor-sub-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-menu/gux-rich-text-editor-menu.js

@@ -100,7 +100,7 @@ export class GuxRichTextEditorMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '85d2db8478cbdee814dc53104e1ab4b01f0c17bc' }, h("gux-popup", { key: '20f4a48c37f00491059bb511df72b0a5641ae703', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '29335da301d33721cede10bd257cc6cdaadcc5e1', slot: "target" }, h("gux-button-slot", { key: 'cf3ec80265b3e844a031abed3d0a555d60132606', accent: "ghost" }, h("button", { key: '84cf3bcb00de9f584461f7b7dc1050a4ac5b13c4', type: "button", onClick: () => this.onActionClick(), ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: hasDisabledParent(this.root) }, h("gux-icon", { key: '414b5662b39796d33e93bf0d15cb2f16198aa289', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '778949d2faa2706c93420b08052971ca119ee092' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: 'da94c20c4dfda1e5afcb4cb26bfda2ba74956902', slot: "popup", class: "gux-list-container" }, h("gux-rich-text-editor-list", { key: '1a84177e38cfeeda48b5977a25a622d8225788b3', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'adfbab835e91e9f9b48f8be7dd65df8b8ef0e4be' }))))));
+        return (h(Host, { key: '5acb80c3d44a6ac2b15542a9aca6ca79b157f898' }, h("gux-popup", { key: '31659709cedfadafc1f302baba590686641e05d5', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'db16ca6358d7d504f05c5bd62fe9ee38fd4988db', slot: "target" }, h("gux-button-slot", { key: 'e42c04b0e11a28d48a6b01339496f49bf888199f', accent: "ghost" }, h("button", { key: 'eff7dd12dfec3ae87969dd4fc838f9db70164d25', type: "button", onClick: () => this.onActionClick(), ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: hasDisabledParent(this.root) }, h("gux-icon", { key: 'b4b9384c1b58f7dd32ab95bc311ab214bf22f258', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '7b85b3b1179cbc96e9325ac62d0524f41528fc4c' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '90d6c8b193948004b70bd788ee0bad86f7b26889', slot: "popup", class: "gux-list-container" }, h("gux-rich-text-editor-list", { key: '388a7894820faf7d4d98368f5c2f9206ca984cfd', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '7ad08ce76452efe3ada75ca2064e6c0b0d75bbb7' }))))));
     }
     static get is() { return "gux-rich-text-editor-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-screen-reader/gux-screen-reader.js

@@ -15,7 +15,7 @@ export class GuxScreenReader {
     }
     render() {
         const ElementType = this.blockLevel ? 'div' : 'span';
-        return (h(ElementType, { key: '7969b39424921ab32e0b437ee704e0508896e5f9', class: "gux-sr-only" }, h("slot", { key: 'ac96246c2d26dd65ceae2c7b7a74e27e0377eb2f' })));
+        return (h(ElementType, { key: 'dd2efc54f5815727cd95cd6c4924933d262c9c74', class: "gux-sr-only" }, h("slot", { key: '30955e15c247afe36b8e3e1ae5d9480756cfe372' })));
     }
     static get is() { return "gux-screen-reader-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control-divider/gux-segmented-control-divider.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class GuxSegmentedControlDivider {
     render() {
-        return (h(Host, { key: '357152541b2089a36c3bfd0bd4359c38024ee626', role: "presentation" }, h("div", { key: 'a7981076c6beb5f75c926207ce50ad42ed1b7266', class: "gux-segmented-control-divider" })));
+        return (h(Host, { key: 'e33131ee5b2c6f0fbb842752e7f1319e5fb9c641', role: "presentation" }, h("div", { key: '073f60b6a77d96df8c85b3d3afa8c611c66e09fa', class: "gux-segmented-control-divider" })));
     }
     static get is() { return "gux-segmented-control-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control-item/gux-segmented-control-item.js

@@ -38,17 +38,17 @@ export class GuxSegmentedControlItem {
     }
     render() {
         return [
-            h("button", { key: 'c96fb4977bdb1eba8f53973d380940abc08b9cdf', class: {
+            h("button", { key: 'feadaa3a0a34dd4e05c25349d1f5036c2be23e48', class: {
                     'gux-segmented-control-item': true,
                     'gux-icon-only': this.iconOnly,
                     'gux-selected': this.selected,
                     'gux-parent-disabled': this.hasDisabledParent()
-                }, type: "button", id: this.id, "aria-current": this.selected ? 'true' : 'false', disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("span", { key: '2f4787ebf8207cac41fe51fadab69341a911f66d', class: {
+                }, type: "button", id: this.id, "aria-current": this.selected ? 'true' : 'false', disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("span", { key: '4fe419fb1496cb7bf59d0c3e2941a8ae26e3ef35', class: {
                     'gux-text': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '74837d9937cc61897e4df5ac9c23563ce146891f', name: "text" }))),
+                } }, h("slot", { key: '4c577e19349523829f93a892d8939e53d8413fc5', name: "text" }))),
             this.renderTooltip(),
-            h("gux-segmented-control-divider", { key: '08052bfcacc3862cb051dae2e6114cb0426e7fb9' })
+            h("gux-segmented-control-divider", { key: 'eaac00547cb02001efab3823c82b8dd5af19e3e3' })
         ];
     }
     static get is() { return "gux-segmented-control-item"; }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control.js

@@ -35,7 +35,7 @@ export class GuxSegmentedControl {
         });
     }
     render() {
-        return (h(Host, { key: '69c1c6af7218ff87269c5ece06d15057138d0396', role: "group" }, h("slot", { key: 'd8dc6e5c1a9afcb104386cb11fe57e014d2747c8', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '18c9d3cb3221da01ad70cc2b1466d4cf6e66f91b', role: "group" }, h("slot", { key: 'd637acc53552932f0fc72e5437c7487a5bbef0f0', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-segmented-control-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.js

@@ -49,11 +49,11 @@ export class GuxSelectorCard {
         }
     }
     render() {
-        return (h("div", { key: '12390d2f77b6a1515c4c65c2fe9bb97730419127', class: {
+        return (h("div", { key: '628b290b36f27f11a5851adcdf7dcfcdcd76e246', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'eeb64faf9ae20387f17979e3479baf4d7fa54c7b', class: "gux-content" }, h("div", { key: '09db2d76b6db55a6fe52bd576eb94ef783a1c4fa', class: "gux-icon" }, h("slot", { key: 'bdd27857067156f9532439d188e1793e582a3610', name: "icon" })), h("div", { key: '409d2ae85fafffbbd777ef53a326450edc087163', class: "gux-label-container" }, h("slot", { key: 'e6ce3fcd69a234571d587f5e92556f5463e1d8e7', name: "label" })), h("slot", { key: '706c728c6389577256a354ad8c9d878003f3d2a0', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, h("div", { key: '3f95ed9d103d8cf7766fd441d476c3c3f86a2f2c', class: "gux-content" }, h("div", { key: 'd6cb7b6937cccca4456bf94c1c2fcb92b08a7924', class: "gux-icon" }, h("slot", { key: 'c2a2a0f7f8f6680694582f7fd61157d5d8d6be70', name: "icon" })), h("div", { key: '2a87beb05bbb012f0f3e932dc1d75b2088af8c44', class: "gux-label-container" }, h("slot", { key: '3fb1ef09c29d2b94119fc13ed584bed880059bc3', name: "label" })), h("slot", { key: '09436179cc660457f5b9d5bfbc43469a887cb7a3', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     static get is() { return "gux-selector-card-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-selector-cards/gux-selector-cards.js

@@ -8,7 +8,7 @@ export class GuxSelectorCards {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'd6a7dd262ea70e5f3280025880d1093ed4f617f0', class: "gux-selector-cards" }, h("slot", { key: '71d64c6a6baf926669b56ffb0a2410627461f15b' })));
+        return (h("div", { key: '2821f76a36356d3f183d1fd4a1119abc6682ef59', class: "gux-selector-cards" }, h("slot", { key: 'd914e4b7746f29281b55b80d4ee1c49931b2134a' })));
     }
     static get is() { return "gux-selector-cards-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/components/gux-modal-side-panel/gux-modal-side-panel.js

@@ -51,7 +51,7 @@ export class GuxModalSidePanel {
     }
     render() {
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '095e5b8decec78894747a17279092f518c343e05', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, h("gux-side-panel-beta", { key: '713617fd7471fe072ce387b9960540e72c9ec8f9', size: this.size }, h("div", { key: 'e8944cfbc525af66f4c48d4d39efac5e9d0095ab', slot: "header", id: titleID }, h("slot", { key: 'dc84bde8fcec8b902a82971f6c6dba9b75d3213d', name: "header" })), h("div", { key: 'bbc3d8206df640277d3157ef3a854167a474cb56', slot: "content" }, h("slot", { key: 'b0af309b0a42632775e87e3eb239f6888ab269b1', name: "content" })), h("div", { key: '07d5a3e90572c0f51c5e739e6a2b68a6d7b7438d', slot: "footer" }, h("slot", { key: 'a04f6dfee20d647aadf13cc8a2b5beef23699fca', name: "footer" })))));
+        return (h("dialog", { key: '31a9427be666b9726a34d5cfa56cc273e471bcd9', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, h("gux-side-panel-beta", { key: 'f4b5efc109a334c41de0c225a9883c2893b9c656', size: this.size }, h("div", { key: '1f057ec4560b8778511eccffff587207c4e4f1f0', slot: "header", id: titleID }, h("slot", { key: 'b158d4672d7490356c80be7884fc544ce35189a7', name: "header" })), h("div", { key: '436cf84e5268e6a43314de695f9862c9756a7900', slot: "content" }, h("slot", { key: 'd336c0518132476b0660d3c90ba222698cb09b99', name: "content" })), h("div", { key: '29e1b9c7df89c76d460c8e744b0679aabbbbf4dc', slot: "footer" }, h("slot", { key: '831e3ce9c7099bdcd3d6b8c6ae00dbd47d3389f8', name: "footer" })))));
     }
     static get is() { return "gux-modal-side-panel-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/components/gux-side-panel-header/gux-side-panel-header.js

@@ -30,7 +30,7 @@ export class GuxSidePanelHeader {
         this.internals.role = 'banner';
     }
     render() {
-        return (h("div", { key: '3e51981bc3ef9171b30172615672e5bde142e0ed', class: "title-block" }, this.renderSlot('icon'), this.renderTitleDesc(), this.renderSlot('badge')));
+        return (h("div", { key: 'daeb34deeff0d64980a20db719ececf47e73d2cd', class: "title-block" }, this.renderSlot('icon'), this.renderTitleDesc(), this.renderSlot('badge')));
     }
     static get is() { return "gux-side-panel-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/components/gux-side-panel-heading/gux-side-panel-heading.js

@@ -16,7 +16,7 @@ export class GuxSidePanelHeading {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (h(this.headingTag, { key: '16c5ed69e29143fe6dd8dc15ff9891ec27b343d8', class: this.size }, h("gux-truncate", { key: 'd0f35b7a7a0aa4854ea122fb4a5082dc126d9a08' }, h("slot", { key: '472c72d64aef550468f5fb14a2ee08ba5c7093fb' }))));
+        return (h(this.headingTag, { key: 'c963ef0aead20b24578769767f771caf855ee547', class: this.size }, h("gux-truncate", { key: '5027c3cd015088912e245087b86ea483ff033eda' }, h("slot", { key: 'ca9109f6c3d6ccf2ff6dcaca85573e020a73cabc' }))));
     }
     static get is() { return "gux-side-panel-heading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/gux-side-panel.js

@@ -55,10 +55,10 @@ export class GuxSidePanel {
         return null;
     }
     render() {
-        return (h("section", { key: '9b681d8929a76f104ca2c47e551997958b8210dc', class: {
+        return (h("section", { key: '702c3c5880d4e25a87d51b977c14d51170ddff1b', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, this.renderHeader(), h("gux-dismiss-button", { key: 'def951eb87f48ed951f5cea12d12f91200e3da22', onClick: this.onDismissHandler.bind(this) }), h("div", { key: '02d126bf8dca5d2f938936e324074c49e747baf7', class: "gux-side-panel-content-wrapper" }, this.renderTabs(), this.renderContent()), this.renderFooter()));
+            } }, this.renderHeader(), h("gux-dismiss-button", { key: '90237cbc7c473f35acb23776eac8e614a3922e3b', onClick: this.onDismissHandler.bind(this) }), h("div", { key: '566600dd2685c05554af422b91f575a17f2142bf', class: "gux-side-panel-content-wrapper" }, this.renderTabs(), this.renderContent()), this.renderFooter()));
     }
     static get is() { return "gux-side-panel-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-status-indicator/gux-status-indicator.js

@@ -27,7 +27,7 @@ export class GuxStatusIndicator {
         }
     }
     render() {
-        return (h("div", { key: '6d65f9349aabefc7815477b5edd4d730353191bd', class: "gux-status-indicator", ref: (el) => (this.statusIndicatorContainerElement = el) }, h("span", { key: 'e93d0d092730e63e3af78b72159eed7105998cca', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: 'b3d3688cb4e7aa917e23daa8be2593bc848a29bd', class: "gux-status-indicator-text" }, h("slot", { key: 'e8b83e29c592ab27e5782a3e59aa8d80a1fc603e' })), this.renderTooltip()));
+        return (h("div", { key: 'c95f40c1085b92b83f3034d5e45d0f9848bc433e', class: "gux-status-indicator", ref: (el) => (this.statusIndicatorContainerElement = el) }, h("span", { key: 'f81aacd63770cadd4721eca9e6a30dd17c25a93a', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: 'd71cb16de1a4596a3aecf13774df017627f7d690', class: "gux-status-indicator-text" }, h("slot", { key: '10733f344d41a578ff0a5e8104a44c1cc23c0b59' })), this.renderTooltip()));
     }
     static get is() { return "gux-status-indicator-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-stepper/gux-step/gux-step-title/gux-step-title.js

@@ -18,7 +18,7 @@ export class GuxStepTitle {
         trackComponent(this.root);
     }
     render() {
-        return (h("button", { key: '841783a2963db35d81da4faa8720bda2bb14b739', type: "button", disabled: this.stepDisabledState }, h("gux-truncate", { key: '84d45fe4b4184d0ce38dc93d26aee6741326cfaa', maxLines: 2 }, h("slot", { key: 'cdc5e9f5f9e9cc467edf1557e0deb5c4f9c90935' }))));
+        return (h("button", { key: 'e29a88d6550c357e4db2d8de5345cfef5d6f2d2f', type: "button", disabled: this.stepDisabledState }, h("gux-truncate", { key: 'fec8fa65f7ea9f5c8689b2f38e1141d28f86734c', maxLines: 2 }, h("slot", { key: '645b255c3b0b107045c74001f567f7d48d5a995e' }))));
     }
     static get is() { return "gux-step-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-stepper/gux-step/gux-step.js

@@ -34,14 +34,14 @@ export class GuxStep {
         }
     }
     render() {
-        return (h("div", { key: '0c43e974df0addd9cd0c97dbcc9e7942674f98b3', class: {
+        return (h("div", { key: 'c65d2d6e490c4137a6bd80d34d97feb2e947d12e', class: {
                 'gux-stepper': true,
                 [`gux-step-${this.status}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-active': this.active
-            }, "aria-current": this.active.toString(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'abe43656fd924aa8389afebfad309bfcd00bbef7', size: "small", "icon-name": this.active
+            }, "aria-current": this.active.toString(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '4c241bd6d57ede399cf71a66254aef4111898228', size: "small", "icon-name": this.active
                 ? 'fa/circle-half-stroke-regular'
-                : this.getStatusIcon(this.status), decorative: true }), h("div", { key: '47a0fa4adfe20b03c5f31cd68d9c9ccf97350a30', class: "gux-step-information" }, h("slot", { key: '4958fdbd95a601f1651eee2ea7d4f3ff7c68246d', name: "title" }), h("gux-truncate", { key: '7f0dad8b212f835341e997eda3f4b38be26c3746', maxLines: 2 }, h("slot", { key: 'b0aa839b5401befb521ac719bff15a8e1d43e8c9', name: "helper" })))));
+                : this.getStatusIcon(this.status), decorative: true }), h("div", { key: 'ae4f0dfb3efd9384ad3b7165dc5241ecfe2ea006', class: "gux-step-information" }, h("slot", { key: '2f5ded60b825a6a52f3feffbdd863c60ed54e4c5', name: "title" }), h("gux-truncate", { key: '921d3fd4a17dec3d371addc22c5bacfea1d9eded', maxLines: 2 }, h("slot", { key: 'ebd9466bf10c0f8729b0d399569b0e8bb8df810a', name: "helper" })))));
     }
     static get is() { return "gux-step"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-stepper/gux-stepper.js

@@ -41,10 +41,10 @@ export class GuxStepper {
         this.stepList = slot.assignedElements();
     }
     render() {
-        return (h("div", { key: 'd59ace9fd343ee90e2f25dc3d2feac1f714c0cf2', class: {
+        return (h("div", { key: '22df4e8c195139832d4d5af2df541bd2d0bf22d4', class: {
                 'gux-stepper': true,
                 [`gux-stepper-${this.orientation}`]: true
-            } }, h("slot", { key: '87eff08c0c88f5bc35be0b8228b0147fdf42d505', onSlotchange: this.onSlotChange.bind(this) })));
+            } }, h("slot", { key: '9cfda68188c59de32a7faece6dbf303425231206', onSlotchange: this.onSlotChange.bind(this) })));
     }
     static get is() { return "gux-stepper-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time/gux-time.js

@@ -43,7 +43,7 @@ export class GuxTime {
         }
     }
     render() {
-        return (h(Host, { key: 'a732d366a726b7ca76ddcf465e14efb832ad536c' }, this.renderTime()));
+        return (h(Host, { key: '5e0b5e5c57271dea2e0d3e892ed5b07a26944ea7' }, this.renderTime()));
     }
     static get is() { return "gux-time-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time-zone/gux-time-zone.js

@@ -25,7 +25,7 @@ export class GuxTimeZoneBeta {
         this.i18n = await buildI18nForComponent(this.root, translationResources, 'gux-time-zone-picker');
     }
     render() {
-        return (h(Host, { key: '19f25b2ccabc913ae1e3406f773523908f481db7' }, this.renderZoneDisplay()));
+        return (h(Host, { key: '8d487502512ef0f5bdaed7670f8afcb7386afbea' }, this.renderZoneDisplay()));
     }
     static get is() { return "gux-time-zone-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time-zone-picker/gux-time-zone-picker.js

@@ -143,11 +143,11 @@ export class GuxTimeZonePickerBeta {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (h("gux-dropdown", { key: 'e4d29d2bf15f1519f56f906377a5a7a171a9aa14', class: {
+        return (h("gux-dropdown", { key: 'e72484153f78ebe208262758a22f1e74fb02bdbc', class: {
                 'has-defaults': !!this.workspaceDefault ||
                     !!this.localDefault ||
                     !!this.customDefault
-            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: 'fbdccbed365c2e622ac20128faadc9a90a617a96', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
+            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: 'df98e57e9aab2a18e189f32222b8043c0436263b', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     static get is() { return "gux-time-zone-picker-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-base/gux-tooltip-base.js

@@ -172,10 +172,10 @@ export class GuxTooltipBase {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '4fa56951bf7fd32b8e11f1089f30d021bca199e8', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: 'dd829553f083312c894651bded3778d35c1c771a', class: {
+        return (h(Host, { key: '9442bb6033b5f25d913ce6a4d080d731c0228828', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: '33689a708f2e30077018b987ab916ec552591e37', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '7a8a9872807193d6c49fe95236f753f07ca8436a', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: '104faa5501637ab6a85f1b0a02f080b7a5c180b3', name: "content" }))));
     }
     static get is() { return "gux-tooltip-base-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-beta/gux-tooltip.js

@@ -76,7 +76,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: '2c3c4f0d81b3af031c6eae5b0ed89a34a93a61e7', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '572aee4f4239aaceb305e9946e10c9ae9e94ded4', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '2471f299fd9b6752ee02be21a294d7edde006dc7', slot: "content" }, h("slot", { key: '98f6aaa4608637806ed16111ea778ddb7f9859cb', name: "content" }, h("slot", { key: 'c3c6f951155450abcac39a904791c77f51f45cc2' }))))));
+        return (h(Host, { key: 'f4197724c8ea9b0aebd2069d748cf640cd4a36b9', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '9e22955a189f648a76accf078f3a731bf224fed8', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '51bf980837e652448ec34134e006df4baa9e43a1', slot: "content" }, h("slot", { key: '9234949aecb188b2ffb88e2b5a91bd7a3b8c958c', name: "content" }, h("slot", { key: '1446009101a41e189bc84bf5e65a249b7701cc9a' }))))));
     }
     static get is() { return "gux-tooltip-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-pointer-beta/gux-tooltip-pointer.js

@@ -73,7 +73,7 @@ export class GuxTooltipPointer {
         }
     }
     render() {
-        return (h(Host, { key: 'f3f39b62500b86f8a6b2ae8ae9431ec6cd8ed33f', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '1fbe0555fb0830aac6b65826212c0df83d5c925f', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, h("span", { key: 'd9a08ddeb731ba24776e9298117d3c7a743a6eaf', slot: "content" }, h("slot", { key: '883ddc3258fb1be1fd9c8a49f6eec75e77ce4c14', name: "content" }, h("slot", { key: '408dea99dfdfe76cd918c733f8b188052e72387a' }))))));
+        return (h(Host, { key: 'b1b8cd4c5b07b0033e488e415b64c75114053c3d', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '3e198db92d2408372dcf1fbdcea10469b60590fc', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, h("span", { key: '4c822de2b6c7f346aba56203dc403264f31cfb8d', slot: "content" }, h("slot", { key: '443b7d7e236c19fd390abb43a2d8747b2f528ae2', name: "content" }, h("slot", { key: 'f0e9d0e884225aac6d11b94535c61c9ce0e4e6c0' }))))));
     }
     static get is() { return "gux-tooltip-pointer-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree/gux-branch/gux-branch.js

@@ -47,7 +47,7 @@ export class GuxBranch {
         }
     }
     render() {
-        return (h("div", { key: '1595b9c9e52ba5c2ab7b5b65dbf6c782f8b9e7c9', class: {
+        return (h("div", { key: 'b188d7bffcd9e4a9db62e480a90995080d952593', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
@@ -55,7 +55,7 @@ export class GuxBranch {
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected,
                 'gux-child-selected': hasChildSelected(this.root)
-            } }, h("div", { key: '1dc7e2fad6847362714a3b5239dc1b480398cfa0', class: "gux-node" }, h("div", { key: 'f0ff2f4bad4be216685549fe4e2fac7f4f0caea9', class: "gux-selected-bookmark" }), h("div", { key: '48ecee7bb00c68dc6c106c5b92503c57842b1c81', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: '67b875a73e6a60422fce7e7e550b25333e680b9b', class: "gux-selection-target" }, h("div", { key: '722e7bb65f9fae0ffb3dc7574ca6ed7e14ea1cf3', class: "gux-icon" }, h("slot", { key: '62ab2163b1102be48d9bbd902f79e5051b72f233', name: "icon" })), h("div", { key: '6c46f12353794772e1d148fc3a35164e7744cf0b', class: "gux-label" }, h("slot", { key: '4e5bfa5da8ad19a79988a41030ba885b0255839e', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: '5f03fe5f7c38958586d82cd0488d0e1221a606ec', role: "group", class: "gux-treeitems" }, h("slot", { key: 'a4903f7f0e5b2e5301b71f814a16ebbc83394f95' }))));
+            } }, h("div", { key: 'e194a8c7e8145b515ac3a56d10257160efe41752', class: "gux-node" }, h("div", { key: '2e1f1d3e13f4da7d37fa527515cfd41fd8dcee28', class: "gux-selected-bookmark" }), h("div", { key: '96a75f30fa2c8e6ee62b0da005a117da70c683ba', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: 'ea49279428bc814a2487870bb3ab846b7da03ef5', class: "gux-selection-target" }, h("div", { key: 'a62a3bb9411825060c6bb7cd5716b7e56a5462f9', class: "gux-icon" }, h("slot", { key: 'bb7f6629917deb4fcd93778c933fcb28924f1c88', name: "icon" })), h("div", { key: 'a412adea01cca16a58ebbca041619bf402f48e51', class: "gux-label" }, h("slot", { key: 'ba6bad7709f23ef39eec8077220b2f00c2224cdd', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: 'b79de3530b2e196b503c0bb1d48464b7087609bd', role: "group", class: "gux-treeitems" }, h("slot", { key: 'f5576dc98d4b194cd5eafcd9d6bf2ff457e78bc3' }))));
     }
     static get is() { return "gux-branch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree/gux-leaf/gux-leaf.js

@@ -39,13 +39,13 @@ export class GuxLeaf {
         this.root.setAttribute('aria-selected', String(this.selected));
     }
     render() {
-        return (h("div", { key: '876887e9ad35fc9d693680f49e7276f6c48bc1bb', class: {
+        return (h("div", { key: '2d3242e8a415292bc1302b224e610b0bdc51e1e3', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected
-            } }, h("div", { key: '28207105caea9511e07266c968d85da064e55099', class: "gux-node" }, h("div", { key: 'eca9ee43fa28c7ba0047a31c5a859ac302d28883', class: "gux-selected-bookmark" }), h("div", { key: '6bf1404dc631882ef925c1bef0fd5472766573a7', class: "gux-tree-item" }, h("div", { key: '1d5fa5d71b989da6ae814415b1e883a06df7c553', class: "gux-selection-target" }, h("div", { key: 'ee4606570b0939067f9a1769411f812af9aebc15', class: "gux-icon" }, h("slot", { key: '6ddcfd6c8c3c55d2a847e7d7ead7b8cbb752c628', name: "icon" })), h("div", { key: '94a3cca75e93b48ee670186a68b7a39bae80a9be', class: "gux-label" }, h("slot", { key: '5d0138d462b94961fdb8862737ee32560e055f0a', name: "label" })))))));
+            } }, h("div", { key: '0fe1eae3fb61fe5449d54f0f201e68692a1f9496', class: "gux-node" }, h("div", { key: 'a9d61ea4e86e89f710b6f30130d0c54096324d63', class: "gux-selected-bookmark" }), h("div", { key: '3afc20579bdff05403106ec9494c921f8efd8cf4', class: "gux-tree-item" }, h("div", { key: '0ae41cfc1f5ebc88b039e3b996a12a487bf4067c', class: "gux-selection-target" }, h("div", { key: 'eabfa4033ed8ad84562cd1ed0c20a8f0aa2b4b52', class: "gux-icon" }, h("slot", { key: '76c513ca92264279b969ce33fa42559b481f6f0c', name: "icon" })), h("div", { key: 'bab98ab9f9d2f816803795b160ae3a9d0acb1233', class: "gux-label" }, h("slot", { key: '623587fdb223e7062d0d8a73a80b7379cdb4b7c1', name: "label" })))))));
     }
     static get is() { return "gux-leaf"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree/gux-tree.js

@@ -155,10 +155,10 @@ export class GuxTree {
         forceUpdate(this.root);
     }
     render() {
-        return (h(Host, { key: 'd8c4323112d74b595994f0ffefa4a880f8aa2354', class: {
+        return (h(Host, { key: 'be9c64844df74bdcb8cb76d08c913f917c7c804a', class: {
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end'
-            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '53b6baa1d962e918be9854d673e8bb9bc143dec0', onSlotchange: () => this.onDefaultSlotchange() })));
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'cef06014f59fdc5ba1c1910476eacbde5274c6a2', onSlotchange: () => this.onDefaultSlotchange() })));
     }
     static get is() { return "gux-tree-beta"; }
     static get encapsulation() { return "shadow"; }