genesys-spark-components 4.171.6 → 4.172.0

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

@@ -0,0 +1,59 @@
+import { h } from "@stencil/core";
+import { trackComponent } from "../../../utils/tracking/usage";
+import { buildI18nForComponent } from "../../../i18n";
+import translationResources from "./i18n/en.json";
+export class GuxLogomark {
+    constructor() {
+        this.variant = 'primary';
+    }
+    async componentWillLoad() {
+        this.i18n = await buildI18nForComponent(this.root, translationResources);
+        trackComponent(this.root, { variant: this.variant });
+    }
+    render() {
+        return (h("svg", { key: 'd74e0f13cf97b292abd2d370ca55ae035cfb6cb0', class: `gux-${this.variant}`, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 50", "aria-label": this.i18n('genesysLogomark'), role: "img", focusable: "false" }, h("path", { key: 'eb207eca3c6c8f89fb99df04d5818ea057ba4496', class: "gux-foreground-fill", d: "M21.7947 34.7408H16.7148C14.6475 34.7408 12.6648 35.5446 11.203 36.9754C9.74117 38.4061 8.91992 40.3466 8.91992 42.37C8.91992 44.3933 9.74117 46.3338 11.203 47.7645C12.6648 49.1953 14.6475 49.9991 16.7148 49.9991H21.7947C23.862 49.9991 25.8447 49.1953 27.3065 47.7645C28.7683 46.3338 29.5896 44.3933 29.5896 42.37C29.5896 40.3466 28.7683 38.4061 27.3065 36.9754C25.8447 35.5446 23.862 34.7408 21.7947 34.7408Z" }), h("path", { key: '8aacb1576d43ef3eb3a14cadb72f5c934bbb1efc', class: "gux-foreground-fill", d: "M21.3004 15.0225H8.38053C6.15787 15.0225 4.02625 15.8881 2.4546 17.4289C0.882946 18.9697 0 21.0594 0 23.2384C0 25.4174 0.882946 27.5072 2.4546 29.048C4.02625 30.5888 6.15787 31.4544 8.38053 31.4544H21.3004C22.401 31.4544 23.4907 31.2419 24.5075 30.829C25.5243 30.4161 26.4481 29.8109 27.2264 29.048C28.0046 28.2851 28.6219 27.3793 29.043 26.3825C29.4642 25.3857 29.681 24.3174 29.681 23.2384C29.681 22.1595 29.4642 21.0911 29.043 20.0943C28.6219 19.0975 28.0046 18.1918 27.2264 17.4289C26.4481 16.6659 25.5243 16.0608 24.5075 15.6479C23.4907 15.235 22.401 15.0225 21.3004 15.0225Z" }), h("path", { key: '3eeb2192aa93ff274ecb64c0e7a95035266ac8b8', class: "gux-foreground-fill", d: "M17.8403 5.8683C17.8403 2.62719 20.4678 -0.000244141 23.7089 -0.000244141C26.95 -0.000244141 29.5774 2.62719 29.5774 5.8683C29.5774 9.10941 26.95 11.7368 23.7089 11.7368C20.4678 11.7368 17.8403 9.10941 17.8403 5.8683Z" }), h("path", { key: '42e982dde094743b4e6b10ae8e87f56be956fb96', class: "gux-foreground-outline", d: "M16.7153 35.5144H21.7954C23.6628 35.5145 25.4506 36.2406 26.7661 37.5281C28.0811 38.815 28.8168 40.5572 28.8169 42.3699C28.8169 44.1826 28.081 45.9247 26.7661 47.2117C25.4506 48.4992 23.6628 49.2253 21.7954 49.2253H16.7153C14.8478 49.2253 13.0602 48.4992 11.7446 47.2117C10.4297 45.9247 9.69385 44.1826 9.69385 42.3699C9.6939 40.5572 10.4297 38.815 11.7446 37.5281C13.0602 36.2406 14.8479 35.5144 16.7153 35.5144Z" }), h("path", { key: '26c281e35673dcd450972d75139f09fb8aba8901', class: "gux-foreground-outline", d: "M8.38086 15.7959H21.3008C22.3017 15.7959 23.2928 15.9891 24.2168 16.3643C25.1408 16.7395 25.9789 17.2897 26.6846 17.9814C27.3902 18.6733 27.949 19.4937 28.3301 20.3955C28.7111 21.2973 28.9072 22.2631 28.9072 23.2383C28.9072 24.2134 28.7111 25.1793 28.3301 26.0811C27.949 26.9829 27.3902 27.8043 26.6846 28.4961C25.979 29.1877 25.1406 29.7371 24.2168 30.1123C23.2928 30.4875 22.3017 30.6806 21.3008 30.6807H8.38086C6.35857 30.6807 4.42154 29.8934 2.99609 28.4961C1.57115 27.0991 0.773438 25.2071 0.773438 23.2383C0.773476 21.2695 1.57126 19.3784 2.99609 17.9814C4.42156 16.584 6.35846 15.7959 8.38086 15.7959Z" }), h("path", { key: '52b24c91beaf5a17acf3bd777253fe83e370f9ee', class: "gux-foreground-outline", d: "M23.7085 0.773193C26.5223 0.773193 28.804 3.05419 28.8042 5.86792C28.8042 8.68182 26.5224 10.9636 23.7085 10.9636C20.8948 10.9634 18.6138 8.68169 18.6138 5.86792C18.614 3.05432 20.8949 0.773399 23.7085 0.773193Z" })));
+    }
+    static get is() { return "gux-logomark-beta"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gux-logomark.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gux-logomark.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "attribute": "variant",
+                "mutable": false,
+                "complexType": {
+                    "original": "GuxLogomarkVariant",
+                    "resolved": "\"neutral\" | \"outlined\" | \"primary\"",
+                    "references": {
+                        "GuxLogomarkVariant": {
+                            "location": "import",
+                            "path": "./gux-logomark.types",
+                            "id": "src/components/beta/gux-logomark/gux-logomark.types.ts::GuxLogomarkVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'primary'"
+            }
+        };
+    }
+    static get elementRef() { return "root"; }
+}

package/dist/collection/components/beta/gux-logomark/gux-logomark.types.js

@@ -0,0 +1 @@
+export const guxLogomarkVariant = ['primary', 'neutral', 'outlined'];

package/dist/collection/components/beta/gux-logomark/tests/gux-logomark.common.js

@@ -0,0 +1,18 @@
+import { guxLogomarkVariant } from "../gux-logomark.types";
+export const defaultConfig = {
+    description: `should render component as expected`,
+    html: `<gux-logomark-beta></gux-logomark-beta>`
+};
+const variantConfigs = guxLogomarkVariant.map(variant => ({
+    description: `should render component as expected when variant is ${variant}`,
+    html: `<gux-logomark-beta variant="${variant}"></gux-logomark-beta>`
+}));
+const invalidVariantConfig = {
+    description: 'should render component as expected when variant is invalid',
+    html: '<gux-logomark-beta variant="invalid"></gux-logomark-beta>'
+};
+export const renderConfigs = [
+    defaultConfig,
+    ...variantConfigs,
+    invalidVariantConfig
+];

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

@@ -163,7 +163,7 @@ export class GuxMonthCalendar {
         return (h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (h("div", { key: '4a11c173e29d72a614fef638df5cc3c4a4ce0348', class: {
+        return (h("div", { key: '4cfaf9f4af7c3cc812574ac9bc8acfbd01bef5e4', class: {
                 'gux-hidden': !this.expanded,
                 'gux-month-calendar': true
             } }, this.renderHeader(), this.renderMonths()));

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

@@ -21,7 +21,7 @@ export class GuxMonthListItem {
         }
     }
     render() {
-        return (h(Host, { key: '4efcd330bf11de04d4a3d98a53cbe7a1af5add36', role: "listitem", value: this.value }, h("div", { key: '73e87e967f4093114cc6457b1a2226b7eed49c42', class: "gux-container" }, h("button", { key: '56f774cb1d98c724bafb4d01ce095536d8f550d3', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'c6c605d5f0b08f3cf3ff25cfc116d05c86b781e6' })))));
+        return (h(Host, { key: '9ae7bacd1bc7398c02ecf33612b00be589578114', role: "listitem", value: this.value }, h("div", { key: '2694ca6e653cd7b4f8652147d864db2e942bd646', class: "gux-container" }, h("button", { key: 'f9f29576af38892a136e2b20e737f1701b13813f', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '994bb91ce4bf47c7bf553054731cb88408b3013b' })))));
     }
     static get is() { return "gux-month-list-item"; }
     static get encapsulation() { return "shadow"; }

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: 'b5df0b626c793ae5930ac65714aaaba6a90b1ce8', role: "list" }, h("slot", { key: '9dea65e2038a8f1dc325792ac82e2df1462d5acb' })));
+        return (h(Host, { key: '533fe017229986c0e266fdb624b04d8826beb484', role: "list" }, h("slot", { key: '9eeb5dfc7950539de7f08ada0189d8bdb17db8cb' })));
     }
     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: '26805430e6effefb8295ac3f69d23180369f74d1', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '251867ede43634e2b710af3ae9b3da9dabf32d0d', 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: '63ae08c2ed117bef2f23b320fe71d20547137722', role: "option", class: {
+        return (h(Host, { key: '456d9d1266c2d87d9847600a8320e77178af8775', 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: 'be18420ee4530a1be4e0c03fa2562044c985468c', class: "gux-status-indicator" }, h("span", { key: 'b29a62bfc9b5d0d2738ee3bb22ec856b582fd924', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: '792923ae02a7142d628d489fbec528408a1d0507', class: "gux-status-indicator-text" }, h("gux-truncate", { key: '0f7c6a4d550740c3e43b5363e1e49837135a6dd1', ref: el => (this.truncateElement = el) }, h("slot", { key: '7f6f3ce673c28e939a407038e8d4fd0fc4cfce0d' }))))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '1b99a2762d20ca4af9ee52b5199919e6f6a512a1', class: "gux-status-indicator" }, h("span", { key: '919afbe9c271008eb96caa2af108c8391b6bc353', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: '703e9d6686ea43c845052532948fd75575d5425a', class: "gux-status-indicator-text" }, h("gux-truncate", { key: '5444888ec1de42d314dcc8ac6149b7251efc0b08', ref: el => (this.truncateElement = el) }, h("slot", { key: 'a9c6f466c8b06e7d35a1da1c653c2d775d05baba' }))))));
     }
     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: '48b85016cbad67170edb573edcdccafeb6e099fb', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '7c1f9bcd66fdb5bcd59acbc4d6cec683e0c16f6b', 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: '307ffafb5625573dd3ff754d89de6c6a2359bb5a', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '47cb25e6fb2f2af007a7e5f5554371424bd5ba76', ref: (el) => (this.popupElement = el), class: {
                 'gux-popover-wrapper': true,
                 'gux-hidden': !this.isOpen
-            }, "data-placement": true, popover: "manual", tabindex: "-1" }, h("div", { key: 'aa3e9941301806193c7f8fcf8e63eeab858ad8ab', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'dca4c63c184f4178903cd7e1275c0879bcab8248', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'bdc73d2bac765eef75cd3c02b513de77497278b8', onClick: this.dismiss.bind(this) })), h("div", { key: '81c493185802958d6db396e46f561d07b5cfb0cb', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'f31e61448e5a647b3a6bffc36be5805bb6017e49', name: "title" })), h("div", { key: '4eb8714865cd273cdff5bf18dc34fc2257b67e44', class: "gux-popover-content" }, h("slot", { key: 'c212d211090bc57633cdaadea3270e415b986b8b' })), h("div", { key: 'eaed2c049b0478709dc4f6609de19a74ce7e8039', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'ed94c31023c30a08f0fe1ba3014d6729a4cd566a', name: "footer" }))));
+            }, "data-placement": true, popover: "manual", tabindex: "-1" }, h("div", { key: '0c602346aef1a6d1290c73331c4b2f46ff7003f6', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '4e0d066bea1b36e4232dc31c7558bda35e0e903c', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '8e534d0421842a944025176047cba07ff9ea0f62', onClick: this.dismiss.bind(this) })), h("div", { key: 'd32c5849b9fd65cbac453218d827698e61fa8e37', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '61ef1e0ca1719aa9ec91b05921b966247b04ce00', name: "title" })), h("div", { key: 'b97254239bc08fa341ad47da78b377d9c4148069', class: "gux-popover-content" }, h("slot", { key: '30f7ce349d2ac1b4071b2dd5d38f8e08730af920' })), h("div", { key: '777742561081307d10d4ba6d3c8b9b21c581c013', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'f75614395d587f59403d54d2086ae4f4d9dc5975', 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: '7157de0f39ff04d575ff7d6fdcb0c68fed76afbb', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '707f50ba9f3c658d2a0ab0610c08803d29c36c2d', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true, popover: "manual" }, h("div", { key: 'fb6abf3a83874214cb3915ad37c29dd43ebea8ae', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'd0ad86ba5e87126e36ebe1bc6c28d88a87a7fad4', onClick: this.dismiss.bind(this) })), h("div", { key: '28118899363e88b4366238db70c7356d115c1cce', class: "gux-popover-content" }, h("slot", { key: '0612ddeb60613c1bf83807821b0bf49a47d7b128' }))));
+            }, "data-placement": true, popover: "manual" }, h("div", { key: '7e2e91483ebe4d5075ce3708b06a2d5f5bd635c3', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '35c30e4a330e89b39336b80cf2735a31c5305217', onClick: this.dismiss.bind(this) })), h("div", { key: '4b246288ce4a3ae055e9b2af8decaec34605266d', class: "gux-popover-content" }, h("slot", { key: '66a00f735ba3c17200126df829ab6ef94cd5f532' }))));
     }
     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: '534ded4053c4ffcc4c49dddde4db957c76d678c8' }, h("div", { key: 'f1721d4a4d89a2d5c064ee1f66d95de9db165b80', class: "gux-input-container" }, h("div", { key: '0415c320c2b90584a8ee0698c9ecd5c94b7b9eee', class: "gux-grow-wrap" }, h("textarea", { key: 'f789c870bae8d6010686de84d8320cdf48ace540', 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: '472812709320965203ad9322fe0fafd084faccdb' }, h("div", { key: 'bec91d446887a3fa4732dfc5e12dd4e7121f887b', class: "gux-input-container" }, h("div", { key: '02988ab0b74382335a2b45cd76cfe890930af338', class: "gux-grow-wrap" }, h("textarea", { key: 'd4bffae5fd92e107cf81f64d056f81a62435e857', 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: 'cb656dfea8e5d7a167afda572a661b4c65d2686e', class: "caution-message" }, h("slot", { key: '878d29cec25e91b00391e9e0c09914cf9c00211f', name: "caution-message" }))));
+            : this.renderSubmitButton()), h("div", { key: '24964fdb8f72caa4b25414eda48e9d7485f4f4ec', class: "caution-message" }, h("slot", { key: 'be9b0580f456e5d55b31b5d91df3444fd6ee16d3', 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

@@ -75,7 +75,7 @@ export class GuxRichTextEditorActionLink {
         }
     }
     render() {
-        return (h(Host, { key: '0161eae64a52b3515c00cec7a7953a36d59f8d12' }, h("gux-button-slot", { key: '86bbaa1df6d0c2c493df699e9bc3e2f031339d50', accent: "ghost", "icon-only": true }, h("button", { key: 'fa7698332fcedfb9c16ce5bff0f1a1a55ebe2cfa', 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: 'c20d03f69616cb07271f8309bed8e473c2322aab', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), h("gux-popover", { key: '0329023ff925b7c855004b64c8a8e4440c6d92c1', "is-open": this.isOpen, for: "popover-target" }, h("div", { key: '7d2f997bbda2b3a2e4e0c9682689460ae8ccfa1f', class: "gux-popover-content-wrapper" }, h("gux-form-field-text-like", { key: '0dea919208dab179d2b9096b57ed66f41d959d49' }, h("input", { key: '106a36a7bf1be0954c98bb88521a5afa9018d027', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), h("label", { key: 'bfaf2c6d671c61fbc10b4fc8873511b363d2d8e5', slot: "label" }, this.i18n('textToDisplay'))), h("gux-form-field-text-like", { key: '3f106180b30aba80946db78e1d14dc31d2d7c8d2' }, h("input", { key: '035af8f0ac83ca7997213e50c38ac444689d8b14', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), h("label", { key: '205ef3a037ad890c0187acb850381f8e596b77b7', slot: "label" }, this.i18n('linkAddress'))), h("gux-cta-group", { key: '39623dd8a41e653d511239a748af7b9dd2fb2ed8', align: "end" }, h("gux-button", { key: 'fd5659b1bea874c66eb6624a125c635fa19671de', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), h("gux-button", { key: '3ac3fa0faddb833647b227f9c2a51cd9fb1236f4', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel')))))));
+        return (h(Host, { key: '81d1231873fca8fcd11acd001bdf5ce6a3509b43' }, h("gux-button-slot", { key: '240666bc9d0d4b552f9683e462ab30a52fd93d09', accent: "ghost", "icon-only": true }, h("button", { key: '1f5b74cc6c1370efa1c26726f683a5d78118a284', 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: '4571f0fc296b0fdf7d3cc82b8800f0c6d4c9c0ca', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), h("gux-popover", { key: '9552f8764427c9b2478052e7d3bb52c67b7ff7bb', "is-open": this.isOpen, for: "popover-target" }, h("div", { key: '037edcd36f4cace76ba18ff673c3f5de30219d55', class: "gux-popover-content-wrapper" }, h("gux-form-field-text-like", { key: '6b642e5d5f5dc07e4ca4de75e6d9cd1198bff8d8' }, h("input", { key: '12f0838b5f59da37fb04e3d97201e0bb658e075b', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), h("label", { key: '701a5124601d6775c603b4ecbfdf4a74798d12a7', slot: "label" }, this.i18n('textToDisplay'))), h("gux-form-field-text-like", { key: '26655a9762f5a530ada2422c35100293763e1de7' }, h("input", { key: 'd21240bac5815c0b2299c165bf38035dbe266894', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), h("label", { key: 'd4cfae420cbc33a5f89385f779464e981aa3b2db', slot: "label" }, this.i18n('linkAddress'))), h("gux-cta-group", { key: '9d390b5c1b9dce9524f57b542e9690db7d66cb9c', align: "end" }, h("gux-button", { key: '2bb63e83fb54c35d3da7d668caf43a1c6b59cfaf', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), h("gux-button", { key: '733693c08eb7327f7f8cf2e89d6d9a0d099e0cb4', 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: 'bc975fd995196202ebb57d12e3ba191b63dbadad', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'cda1795f51e37a044b3314b0cf8fffabd76ec004', 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: 'cb7deeeceac03e644c8e780848da979171f27aec', disabled: this.disabled, expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '546b23f8f71b22b97a1630acb7d267898cfa6e6f', 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: '4098cdd2598044ce13165c168aab42ad047b8f18' }, h("div", { key: 'd602a90e3c86766077b02edc5848f5824074efd7', class: "gux-action-group-container" }, h("slot", { key: '5727e6c1e7cef426437f889df6b9a0c86eb5e33d' })), this.renderActionGroupDivider()));
+        return (h(Host, { key: '24a3802e087405690ecc8ae6693edfa1f0ecaf60' }, h("div", { key: '94d35e1455e308e812f70499a8ea4dab20d7696c', class: "gux-action-group-container" }, h("slot", { key: '48b048446c6dc2496f915838c8487a353c9438a9' })), 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: '45e12ef6a366b98d8d1c2119ebc56b9ffaa63426', class: {
+        return (h("div", { key: '3cdb406d734ab16c42aecd060efe5598a145afdf', class: {
                 'gux-rich-text-editor-container': true,
                 'gux-disabled': this.disabled,
                 'gux-toolbar-hidden': !this.hasToolbar
-            } }, h("div", { key: 'd5de40a1f3144e62b6dd56ec542b1cb72fc736db', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderTextEditorMenu(), this.renderGlobalAction()), h("slot", { key: '39d4379d89ef2c20edd4dda84356b13da138f1c6', name: "editor" })));
+            } }, h("div", { key: '23eeb8379934fc3fddd9ccc2ca0df3ae4d3868ba', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderTextEditorMenu(), this.renderGlobalAction()), h("slot", { key: '60ff8595306e984372ee6bb772ebdf7e389eb85d', 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: 'c499ea5224d4fcd02558e6964b6911c5e5193be3', class: {
+        return (h("div", { key: '4235612bb460fc97464cdfdc80b9e2aed1ead500', class: {
                 'gux-highlight': true,
                 [`gux-${this.highlight}`]: true
-            }, role: "listitem" }, h("button", { key: '25cc81eb3bb7fb9cb34ffbd7cd1c25e73b3e7ce0', type: "button", "aria-label": this.i18n(`${this.highlight}`), tabIndex: -1, disabled: this.disabled }), this.renderTooltip()));
+            }, role: "listitem" }, h("button", { key: 'b8e5651a5b738612c42d5b972278031e4123cb5a', 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: '118b3d4c4301154ffbc29cf2771c69a0834f491b', role: "listitem" }, h("button", { key: 'a2ee7c6e001b31448fc539125c5fe1dbac946c90', type: "button", tabIndex: -1, disabled: this.disabled }, h("gux-truncate", { key: '3c36c2974d3ce7fb3af1aced11805fe42fd701f1', "max-lines": 1 }, h("slot", { key: 'cf6de0b6848dc55f4b219095610fb2a83aeb732c' })))));
+        return (h(Host, { key: '4c31a012d583ca2936c9c396687a739636b1292d', role: "listitem" }, h("button", { key: '50a3a3317ae0b6bd21e7b26988be592b310721d7', type: "button", tabIndex: -1, disabled: this.disabled }, h("gux-truncate", { key: '3e73d9f5f66daf84b338b626f27a5b1b0db638df', "max-lines": 1 }, h("slot", { key: '421e240ea1088994659420c34fca02ae45e6567a' })))));
     }
     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

@@ -79,7 +79,7 @@ export class GuxRichTextEditorList {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: '07dbd13acc8f70ab7d01beb4d3790a9f86f2b8ee', role: "list" }, h("slot", { key: '04849e0bd8229e16edfde4fb9aab5cdb2e12dd3f', onSlotchange: () => this.setListItems() })));
+        return (h(Host, { key: 'c627a6a520b254caad629e29e7dc70f8f991c188', role: "list" }, h("slot", { key: '350756dbdc00058a5870af5d0763c61db69ec377', 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: '35b3eea4488e4a571c7006124037206798a71f29' }, h("button", { key: '01adb841806c80fb58fe22d9f25f965986bb6c2d', type: "button", class: {
+        return (h(Host, { key: 'bac5db843276d4fab67296252833a27e4f985951' }, h("button", { key: '624b55f855826320a72fa7d3258fb46d2c7b72c3', 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: '0b0b409c461e170389917b41337694c96e9b3d68', class: "gux-sub-list-button-text" }, this.label), h("gux-icon", { key: 'd3d4e05d49743f39524a83b3c224127e6b59016b', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '1d3a3ab34410e70fe8a5e871f8a3933ee8545fe5', 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: 'f260f9725d41b88d58e4724987b744cda593f0d6', class: "gux-sub-list-button-text" }, this.label), h("gux-icon", { key: 'a0e6f13707a620c917852466a48a91783f1c8301', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'b3fe0d383bc28401e896d39311306f7471522ae2', ref: el => (this.subListElement = el), class: {
                 'gux-sub-list-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '5b3a9ce1f0abac917297740937d73cdf3d22d376', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, h("slot", { key: 'ec3314784a946cff47983ed48e7c7dcf9f416f4b' })))));
+            } }, h("div", { key: '4f76d81cb43c8fb24b8e8f8cc24e91b2e0dc1ff7', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, h("slot", { key: '6f6d314f0d5d8c093e05b2bb58414aeea8296203' })))));
     }
     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: '12558caae6d9e156fa512a5014b07058ec0934e3' }, h("gux-popup", { key: '85d820cbe98d8777fe6b6020081177409f5544cb', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'a591c4383716d0915639f63ad240e58f79505c6d', slot: "target" }, h("gux-button-slot", { key: 'e507d4e5368b15d160f6d6b672a8c830c780a909', accent: "ghost" }, h("button", { key: '94d03f6e852627041608dad4bd2a89c02078ec85', 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: '053cb6847d8ee133e133f9e2c0ccfb2c23bacd3c', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '7caf85a74f5c8faf00c47f3d35fc85511caa18d3' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: 'b1d0ec38b1c7640e01091d486632f757ca341c1e', slot: "popup", class: "gux-list-container" }, h("gux-rich-text-editor-list", { key: '434a2e8af86ceb62b4f8fac53d0a55f5610e177e', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'de414009dc7fbf0c93c243aae97c78ad6d40cc77' }))))));
+        return (h(Host, { key: '881ecf24840e3bdbbdc9cd780a53399f99ca7391' }, h("gux-popup", { key: '2bb4fab2b94faa9976eb740834a65742f42b9c11', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '70d63b1d5c2fe346255727ff521d35a699c79a02', slot: "target" }, h("gux-button-slot", { key: '168dfb72a1ddadb735a31a762577f61a0ecce50c', accent: "ghost" }, h("button", { key: '3c205d071969d7940815258ed50221f05a511d0e', 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: 'efcb7f567514c82e8f34ffa9c3c1042130303f33', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '6911f3836c64feeb9f8f4f4ee4d33654363c43f7' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '1b5df25a49e5a2af6413d9557add77b167bc1295', slot: "popup", class: "gux-list-container" }, h("gux-rich-text-editor-list", { key: '5412533d2f3d0ec359b5cb82fa67bf198f6f2bdd', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'd7b890f24eb8f61f42531111557eb221498aea71' }))))));
     }
     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

@@ -8,7 +8,7 @@ export class GuxScreenReader {
         trackComponent(this.root);
     }
     render() {
-        return (h("span", { key: '1214b06bfe2e5f3a5a14417a4510084607d41baf', class: "gux-sr-only" }, h("slot", { key: '3e59cbe197788570e9694183e1b3b1b027ed7ac6' })));
+        return (h("span", { key: '0f58e8b300a5637987d0204fc2f1bb35957039e2', class: "gux-sr-only" }, h("slot", { key: 'b56fd016a4a1d6cc8ea9776feb3fe81116d61312' })));
     }
     static get is() { return "gux-screen-reader-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,19 +47,19 @@ export class GuxSegmentedControlItem {
         }
     }
     render() {
-        return (h("div", { key: '57b56ae8abedaeb378e243c7f29f7c854faeaf54', class: {
+        return (h("div", { key: '6454b1dc44fab8e3433d507605f761911b3e889e', class: {
                 'gux-container': true,
                 'gux-parent-disabled': this.hasDisabledParent(),
                 'gux-start': this.isInStartPosition(),
                 'gux-end': this.isInEndPosition()
-            } }, h("button", { key: '856d71e8d9bf232c3b169022e69822b25abd53a1', class: {
+            } }, h("button", { key: 'b88f1ed0ade7041f7c380876b1b3e655c43284c1', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", "aria-current": this.selected ? 'true' : 'false', disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("span", { key: 'e31e86df503b2c4b9008f9fb8c4eeeb2afd42b9d', class: {
+            }, type: "button", "aria-current": this.selected ? 'true' : 'false', disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("span", { key: 'ab9aad48770edaac2ceb572af71083a5d698fc29', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: 'ad26253c275de51290d5e370f3bb07d24f7640ce', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: '81f7aee565d5c350fa6eed477be1f0e94a29d82b', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-segmented-control-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -35,7 +35,7 @@ export class GuxSegmentedControl {
         });
     }
     render() {
-        return (h(Host, { key: '53ca11332426e11689d1e605ae6dda9efb077054', role: "group" }, h("slot", { key: '65ddabdfebdacdbc3f899f00b3aa6355712be74e', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'b6c86cb1a269455590b2785091d137ecd20de02c', role: "group" }, h("slot", { key: '69935ec43e3dd40c7d5baa692535117f63e43c5c', 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: '0e10e1ec27fc1c9736c696d81085b8b4f91bc60f', class: {
+        return (h("div", { key: 'b7454d82340e56e72f9277bb174df1b1e545db6b', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '94edca3f56ea920d2928a9236fc912181421791c', class: "gux-content" }, h("div", { key: 'bc429f08ada95ad9ae3c1b9d1973dc8d827fdf36', class: "gux-icon" }, h("slot", { key: 'b8da642b134ef1dcf9c04cca5c02be2bc3a18508', name: "icon" })), h("div", { key: 'de61b320c4089fa79b4aefd85723b3c266e2bdea', class: "gux-label-container" }, h("slot", { key: '66bab18990bf0e035eacbcddf027dd3a335ea091', name: "label" })), h("slot", { key: 'a0cb12b8a6baf91540dd038b624796b171258869', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, h("div", { key: 'cb28b07991ed897b1116110b5e66f637c23d63b9', class: "gux-content" }, h("div", { key: '1a85cfe5aeaf8f1449643aa7842a6aa848e2437f', class: "gux-icon" }, h("slot", { key: 'c9f2e8f974b21f3e7749b14b1a206fd4456510f5', name: "icon" })), h("div", { key: 'cc11a8c1f2147cabc4cfe5d6ef344d8c0537f379', class: "gux-label-container" }, h("slot", { key: 'fa212522374ca05efdc874e362dbc593c2e03256', name: "label" })), h("slot", { key: 'c4b1a14ef4f31a3f340a9197dd366e447d4e1409', 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: '3c5f804bbea793d6218142c793b9a1e5f7676539', class: "gux-selector-cards" }, h("slot", { key: '9af53bc98f75ef669792d3d40504cc381cf178eb' })));
+        return (h("div", { key: '941ecd55aa7849cb17d187af87d1a762825e13ee', class: "gux-selector-cards" }, h("slot", { key: 'b153bb53d3955ec1a59de78287921c4293f44f4b' })));
     }
     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: '4edad052958445e69786248709eb1bf01375a506', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, h("gux-side-panel-beta", { key: '91e0d516d918655abda0184dcddd9188e8713b03', size: this.size }, h("div", { key: '794878321547cc6c97a927ee4f213f2e1926b3c6', slot: "header", id: titleID }, h("slot", { key: 'b1c9c5b8b94b9c094c1bbba9225bd2cedb9ed7cf', name: "header" })), h("div", { key: 'f63950a3d61f2ae3c9cfd80144fc140d7e3351cd', slot: "content" }, h("slot", { key: '13b4ad9f8ff79045e819347c0bff2d380334091e', name: "content" })), h("div", { key: '783d98bdfbfbb1957e1ff5491570ceb288caf037', slot: "footer" }, h("slot", { key: '5764782ae2e37d5efc7851378de19872503ff61e', name: "footer" })))));
+        return (h("dialog", { key: '36618305c1377668f59db9a398c009c4720f1419', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, h("gux-side-panel-beta", { key: 'ecc8066bb1033f3721c5ab828799c99633b8a4aa', size: this.size }, h("div", { key: '54361c7bf9a65049d17e1cb9941b5487cc511341', slot: "header", id: titleID }, h("slot", { key: '2aaee440996027f5d05d469375851b467203385c', name: "header" })), h("div", { key: '512be6d2c9e0cf1958985c4e360c6dba65c7c4c9', slot: "content" }, h("slot", { key: 'b6efd8b97961609dd13723b3416adc847f94cd6f', name: "content" })), h("div", { key: 'ac6eadb0bd26e142ab21823439c1d9dccb996475', slot: "footer" }, h("slot", { key: '3306129ced12fd3cda618a1b93eb1934ec6f9c78', 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: '998fe068fed12c99f6f1198cd6cf6ebe384149f9', class: "title-block" }, this.renderSlot('icon'), this.renderTitleDesc(), this.renderSlot('badge')));
+        return (h("div", { key: '18126dfe1b8aa52d7867d2096ff9ad70e0d0d2a1', 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: '2524b8292dba56b53b6cf1484191b35109215cdd', class: this.size }, h("gux-truncate", { key: '4eed3d69a28639e517383bf940c6560e023c9d2e' }, h("slot", { key: '64e039fc4fd3c7f22d26d2689b248c3bad04e106' }))));
+        return (h(this.headingTag, { key: '35bc5dbf85fff88bbb4de912b26f110f1a2db63d', class: this.size }, h("gux-truncate", { key: '12c22a979c55a10b3c4bffc10fed1fc3639ab56d' }, h("slot", { key: '8ac231a28e7fc2d42caab7f4fc198c57d106d39a' }))));
     }
     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: '68325bec605cba98a05515897a7a43b53f0485fb', class: {
+        return (h("section", { key: '87df396410e2c8c4cde1f6f6e8fc0b2568616933', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, this.renderHeader(), h("gux-dismiss-button", { key: '79feeb12132d015e2d5546c5ec3bdab8608b8b96', onClick: this.onDismissHandler.bind(this) }), h("div", { key: '5977f08838c60b2d6dfbb039fc816a0977d29054', class: "gux-side-panel-content-wrapper" }, this.renderTabs(), this.renderContent()), this.renderFooter()));
+            } }, this.renderHeader(), h("gux-dismiss-button", { key: '54e68fe22c99dff23ea1d80a1bcace8c7993458a', onClick: this.onDismissHandler.bind(this) }), h("div", { key: '1b1229c4732fd3935b3923fc739bbf2cd2b65426', 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: 'a5bf8a008546f7a81c2bef3edfc544a3f1063328', class: "gux-status-indicator", ref: (el) => (this.statusIndicatorContainerElement = el) }, h("span", { key: '90c526c391b945da940e5a8e63fe272736ccb929', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: '66cd298fde0e420f9c5671fe8b80b3a2728abb84', class: "gux-status-indicator-text" }, h("slot", { key: 'cf1961ce0b3ac416f0ffbf25d13eda82cbd85a41' })), this.renderTooltip()));
+        return (h("div", { key: 'f64f4b1e6a4ff57fc8db74c0bb37619d8e9e96fb', class: "gux-status-indicator", ref: (el) => (this.statusIndicatorContainerElement = el) }, h("span", { key: '5ab19e407736d73ab07922a2dac689053cc7cd36', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: 'f780cfba76e094a44539f0d06a480244af285019', class: "gux-status-indicator-text" }, h("slot", { key: '5fd103566481e4d3fe40d78b0a7a73ed5665e3bb' })), 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: '3170eb8c531700e51693f5b78b7e041b7d37704d', type: "button", disabled: this.stepDisabledState }, h("gux-truncate", { key: '19bc56b155e1fa0e8c20121dc1a963d3a25fefdc', maxLines: 2 }, h("slot", { key: 'be9099cc12e32dbcb3e2455199bb485a0030c77e' }))));
+        return (h("button", { key: '14a019948835e1d547b3fc1ddfcddc9ef89a7fa7', type: "button", disabled: this.stepDisabledState }, h("gux-truncate", { key: 'c7080f90d865ebcf08d055ae79267872cbdefdcf', maxLines: 2 }, h("slot", { key: '7ce2b8310e6bd5099a1c8635b3e04b0d8377a5d7' }))));
     }
     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: 'ed40d52213ee404606dfdb8d0df864bd63e8c4bb', class: {
+        return (h("div", { key: '39f5eb3b818448e50ae0cdf43f800d48a615260d', 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: '0d07c6a3d9ff154d91af782415c24ad9a0b91119', size: "small", "icon-name": this.active
+            }, "aria-current": this.active.toString(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '4e509398b44b51343572326998993d64d832ac2a', size: "small", "icon-name": this.active
                 ? 'fa/circle-half-stroke-regular'
-                : this.getStatusIcon(this.status), decorative: true }), h("div", { key: 'd0806d39762f881465a70be4e5f6813809959235', class: "gux-step-information" }, h("slot", { key: '247d30e05a7dcb9606d288c2dff8b6b94b8ba541', name: "title" }), h("gux-truncate", { key: '7001143cb50e79448ae9881b2c0af90e18309774', maxLines: 2 }, h("slot", { key: '8b8492477ccd3f8946baa29793b3fdfce396ba68', name: "helper" })))));
+                : this.getStatusIcon(this.status), decorative: true }), h("div", { key: '1a2d09e75cdc5e6803b7dcc28e496fb63aa1c8f3', class: "gux-step-information" }, h("slot", { key: '32a0aa45bb883314eaf26a14d2fdd5b027b55f0c', name: "title" }), h("gux-truncate", { key: 'bfd7549675d092dfa9773c58c7ab9ed4b1cebb72', maxLines: 2 }, h("slot", { key: '4ccf93b01e7cc356127cdfc868d118b2495c8527', 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: 'bb0f6b1ff55c74d62e3067d756a22f9697e769e3', class: {
+        return (h("div", { key: 'a42f2fd6330f028b0f9958b5ed637d08abe80025', class: {
                 'gux-stepper': true,
                 [`gux-stepper-${this.orientation}`]: true
-            } }, h("slot", { key: '7e8fb1bfef750bb842719fe4dda298dd29302bda', onSlotchange: this.onSlotChange.bind(this) })));
+            } }, h("slot", { key: '0e318b2dc401e9aca1320a92d4a15ee75d6478d7', 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: 'ff847978a4b90cfa030506f5e8bf3627b4bb616d' }, this.renderTime()));
+        return (h(Host, { key: '98da578c74f661944727b08e22187bd8eab28547' }, 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: 'c7d65b4a3e43ca4e5ba122747a9b2d80a33a901f' }, this.renderZoneDisplay()));
+        return (h(Host, { key: '5c508602159a5c0debcebd538157d25bc4521323' }, 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: 'c5752466843893b61f8c84e765df74d54a87b575', class: {
+        return (h("gux-dropdown", { key: '1bfe34f35315ee00289434dc900da04d8d8215e0', 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: '761fcd634dafa957de29dc10fcafe77c62463ead', "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: '3b106892279adbbb50f2f99a8a032add4545eace', "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

@@ -173,10 +173,10 @@ export class GuxTooltipBase {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '98c28c32aa5196c39c583bc5fd25fdcc6aeafc5d', 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: 'b6028bb11ee231748feae82bf4c9f2412cfb35c2', class: {
+        return (h(Host, { key: '589eccc3b0bcc5eb1c0313420eaf3bd7a907e33d', 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: '9d7223f66128f43fb6819aa7d7d766572d572f9a', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '41a0004706e0bb1482c3e82f92049edf5cea3eaf', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: 'f3cec6be4be4ace2c1c7e8b6fa539a283c161fb5', name: "content" }))));
     }
     static get is() { return "gux-tooltip-base-beta"; }
     static get encapsulation() { return "shadow"; }