genesys-spark-components 4.135.0 → 4.137.0

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

@@ -15,7 +15,7 @@ export class GuxLink {
         return !!getClosestElement('.gux-breadcrumb-generation', this.root);
     }
     render() {
-        return (h(Host, { key: '00fb819da91bc989af860aa2fc72ea1466849577', size: this.size, standalone: this.standalone, class: { 'gux-breadcrumb-link': this.checkBreadcrumbParent() } }, h("slot", { key: '1810b066455a6fa3138ac51b8401b29f3c9d671e' })));
+        return (h(Host, { key: '996dc79252fa45084deaeab08b443c48af84dd61', size: this.size, standalone: this.standalone, class: { 'gux-breadcrumb-link': this.checkBreadcrumbParent() } }, h("slot", { key: '1732fcfa0f80733efc1d62cdce523e5b070808f1' })));
     }
     static get is() { return "gux-link-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -166,7 +166,7 @@ export class GuxMonthCalendar {
         return (h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (h("div", { key: '082c9985cfd1d22c4b20f66f2056deff6ff3741c', class: {
+        return (h("div", { key: '6e159334e362c87889cf465e6bde266b303f9a53', 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

@@ -22,7 +22,7 @@ export class GuxMonthListItem {
         }
     }
     render() {
-        return (h(Host, { key: '90cb0b35ca8e6035a50ed43239eecf86d1a1fce9', role: "listitem", value: this.value }, h("div", { key: 'a39bbdd5d6269bf8e562c52a223bdbd1c5b1bfcf', class: "gux-container" }, h("button", { key: 'f9411a2f3587578713ea7d93cb0767a92b15ecbd', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'df046e9c86e79b40d273a665eb7080eefb0ef5cc' })))));
+        return (h(Host, { key: '3df9e758a5cd82c9872b8aa040f79a3af5b4b84a', role: "listitem", value: this.value }, h("div", { key: 'a8e7eecc797fd129218278ab0f4114d409d749cb', class: "gux-container" }, h("button", { key: '9eca92c255e0dd7aa1d12fe8550cdaf933e1d239', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '915d6dd2d5e2850f1cbac423a2a23c3389853dbb' })))));
     }
     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: 'bab1846c9707a25137b0b3f760125a8bdd102b9b', role: "list" }, h("slot", { key: 'ffe20edc8e3ca8ea17043e78e6dcefa13e16458f' })));
+        return (h(Host, { key: '532a418da8953f9781ce344f364c151173ad3416', role: "list" }, h("slot", { key: '12b8a2ffd6b4e462a2a5d53a3ad77bcfacbf36fd' })));
     }
     static get is() { return "gux-month-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -200,7 +200,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: '48c10e24b1c5527fbb624bfd4f7d9d253ff51d0a', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '93f458de2b8abca0b8c5d9356cb06450ed93e26f', 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-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: '0ba3519efdbb295619afae6b5502679f0a6c5473', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '4f69a33950446f9ddaa6dd5df56a99b9d2c38329', 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

@@ -23,7 +23,7 @@ export class GuxPopover {
         this.disconnect = undefined;
         this.for = undefined;
         this.position = 'bottom';
-        this.displayDismissButton = undefined;
+        this.displayDismissButton = false;
         this.closeOnClickOutside = false;
         this.isOpen = false;
         this.forElement = undefined;
@@ -223,16 +223,11 @@ export class GuxPopover {
         }
         this.disconnect();
     }
-    renderDismissButton() {
-        if (this.displayDismissButton) {
-            return (h("gux-dismiss-button", { onClick: this.dismiss.bind(this), position: "inherit" }));
-        }
-    }
     render() {
-        return (h("div", { key: '217c0d049aa7d612d0bcf45ee360b45998efd729', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'df5e0d8d20479ad9113b0e97ca09a661e1e03223', ref: (el) => (this.popupElement = el), class: {
                 'gux-popover-wrapper': true,
                 'gux-hidden': !this.isOpen
-            }, "data-placement": true, popover: "manual", tabindex: "-1" }, h("div", { key: 'b836a243d10abc08fddeda4d20a69a76b2924b9d', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '4eb32a0571e79aaf93a221d7fb75505a947212f6', class: "gux-arrow-caret" })), h("div", { key: 'ed9f6b2a4eabace1556a43da8d2404dec2d14abd', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'd32842028a5e6c3315665280f376411d78efe11b', name: "title" }), this.renderDismissButton()), h("div", { key: 'a36ac193ee33e26cc081d963aa73f1fd4a21c8b9', class: "gux-popover-content" }, h("slot", { key: '63b7b28d5242333be35beb9961eea37e6376accc' }))));
+            }, "data-placement": true, popover: "manual", tabindex: "-1" }, h("div", { key: '3c0a1d886bc4eb6e4e73705f45dad922360f0f86', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '011bb2767d7a0c5d8f930cd6bb65653171cbc4a6', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '594ebe8b8663f8b2d9c9e9640fa7111deed77639', onClick: this.dismiss.bind(this) })), h("div", { key: '6b97b78bff8b723dbb694bad034730dc51d11bed', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '43bd58a7e391cd88ac8923d77b31345ba93d2d44', name: "title" })), h("div", { key: 'e1bfd131c0d3157c192ea90d0345fcb572ba528e', class: "gux-popover-content" }, h("slot", { key: 'c13dff106460bbb610b08a945f91b0bb5880beeb' }))));
     }
     static get is() { return "gux-popover-beta"; }
     static get encapsulation() { return "shadow"; }
@@ -304,7 +299,8 @@ export class GuxPopover {
                     "text": "Indicate if the dismiss button is displayed"
                 },
                 "attribute": "display-dismiss-button",
-                "reflect": false
+                "reflect": false,
+                "defaultValue": "false"
             },
             "closeOnClickOutside": {
                 "type": "boolean",

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

@@ -176,10 +176,10 @@ export class GuxPopoverList {
         this.disconnect();
     }
     render() {
-        return (h("div", { key: 'cdea9ebee6b85deab6bbcfc44ca8a9626e8ef8f2', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'e637eb411cef322a9e0c94ca21896ff8018ca802', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true, popover: "manual" }, h("div", { key: '6e59da2b8f942a46f41b6d57b7ea2b393d881571', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '6ded178ca872ba0fab15967d4eb2583191e2632b', onClick: this.dismiss.bind(this) })), h("div", { key: 'cb33cdb1975874d5d4cfd069357ec2129965ee06', class: "gux-popover-content" }, h("slot", { key: '3398bff040d97a76c937f259872652f869e76469' }))));
+            }, "data-placement": true, popover: "manual" }, h("div", { key: '709fb045aa41fbc038d12d637700b8ff9f9aafb0', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'dacf558946523086ba3ad4060897d47be8e5ba03', onClick: this.dismiss.bind(this) })), h("div", { key: 'e9547a9915f690e1c604d107fe661beecd4bfed2', class: "gux-popover-content" }, h("slot", { key: '3604d873f66e5da9d0eaddf61efbc7879423129c' }))));
     }
     static get is() { return "gux-popover-list-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: 'a52d8e6349d4b6fc33f9b45e14aee9818589a56b' }, h("gux-button-slot", { key: '01932efb7f846d04279bbef7425c8c420e11226a', accent: "ghost", "icon-only": true }, h("button", { key: 'ceee1786a52a0cf6c8ac79433d0c5a0b9375bea8', 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: '3356d333fc7b6f2cda7d72b97196648af125f3ed', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), h("gux-popover", { key: '0ab02cd9b64fdd8d16379041d054457a65c5f9ae', "is-open": this.isOpen, for: "popover-target" }, h("div", { key: 'e7832a550bce5968ab722f9c7a67599d2b73924d', class: "gux-popover-content-wrapper" }, h("gux-form-field-text-like", { key: '97ecdbdb6b2e03bc4d187088b5f7196d437d47d6' }, h("input", { key: '39e5ad15e4c18074e5a90fcedfef76bb29730469', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), h("label", { key: 'd87abf3d276e9243251714c1e8b4e1dfe5c8cda6', slot: "label" }, this.i18n('textToDisplay'))), h("gux-form-field-text-like", { key: 'c87795f31d0d954fe0c7cb740acbd8460c710728' }, h("input", { key: '78bcbcefe6a2c1a9fcd5c6796beb6d50176eb69e', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), h("label", { key: '632ba33b6ae356917bca3b60d1ca00668a1ed60c', slot: "label" }, this.i18n('linkAddress'))), h("gux-cta-group", { key: '2008fabff6da53e39b5d4fcfe1a7b17b529a3aec', align: "end" }, h("gux-button", { key: '028dee824f38d29abd96c891797ca78f682373ac', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), h("gux-button", { key: '670e16d66a2294a61f9e6e96eb35d08067778aba', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel')))))));
+        return (h(Host, { key: 'ba285e8502fb19e278e0244c97a735c2cd56f6e2' }, h("gux-button-slot", { key: 'fe481a8963da29d77fe3d0035dc378c4e431680c', accent: "ghost", "icon-only": true }, h("button", { key: 'dcfb7fb05960506b720036f740d0a7fc009ac087', 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: 'c298aa6766abee40c166d1a94825a0e1fb30d570', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), h("gux-popover", { key: 'ca33b64e21a7aa3b3ec48203b313508c86855ee4', "is-open": this.isOpen, for: "popover-target" }, h("div", { key: 'd794e72d5e609b5a7ee866426916d86378781f95', class: "gux-popover-content-wrapper" }, h("gux-form-field-text-like", { key: 'b71322b59dfa77450568c4ccb714fd4552f3e27f' }, h("input", { key: 'e959e1474f6d46958b1d6c13ed8a7ba3fd2ee0bb', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), h("label", { key: '084618e242a2bf9a5d6816444563c29fe5938507', slot: "label" }, this.i18n('textToDisplay'))), h("gux-form-field-text-like", { key: '271eb2786b3fd6390559231f5881e344de1fe8b2' }, h("input", { key: '84c0785a99e247c3e1108d4d17844d82bad9d338', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), h("label", { key: '8d6015bddfca4cc3efaa4f68868ba56ed12bf2b4', slot: "label" }, this.i18n('linkAddress'))), h("gux-cta-group", { key: '0cd30e550b40fc20a4c73a7d0bc7af18a134371a', align: "end" }, h("gux-button", { key: 'a9f38b3c3843a2d8999d65a0b775eb5d60bcae37', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), h("gux-button", { key: '0dded209ac77adfe0c215fbe4024f087526be223', 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

@@ -171,7 +171,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: 'a0ab8d22aeefe6381bc2aa164aa88719f83ae884', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'e00c339ca6af7ccc8e138f68d12befc48bf74e49', 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", "screenreader-text": this.i18n('textHighlight') })), this.renderTooltip()));
     }
     render() {
-        return (h("gux-popup", { key: 'f786209a85a13554c1cb186a57be60241cb1a4e0', disabled: this.disabled, expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '9c20dc1314e6899bd24c4295456cd490c0d90fcc', 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: 'a35f7ec5b917b7e8bce41629baa118c98fbec1a4' }, h("div", { key: '4efa85c4228ef1e1b83fcc4011dbeccb8dbb80a7', class: "gux-action-group-container" }, h("slot", { key: '7636078e38b86dbb24df707a2f88eeeeee672472' })), this.renderActionGroupDivider()));
+        return (h(Host, { key: '420b5c62b533e19c2155ba8374aefc69f43a094a' }, h("div", { key: '7fb8c77125b67c7d4797c4dcd3e69dac06dad399', class: "gux-action-group-container" }, h("slot", { key: '3b092a72cbba3fcac5664e5d79eae5a6b0c4bd4b' })), 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

@@ -165,10 +165,10 @@ export class GuxRichTextEditor {
         return this.renderSlot('global-action', 'gux-global-action-container');
     }
     render() {
-        return (h("div", { key: '40a431abfae4b59ab2cb5d6858669d95d67dd70f', class: {
+        return (h("div", { key: 'f54945da1c00ab87201827e01db7917e2bba6263', class: {
                 'gux-rich-text-editor-container': true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'd69396356a78fe4f3af77c5d0da2d475085cb57b', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderTextEditorMenu(), this.renderGlobalAction()), h("slot", { key: '8346fe65a8764fc084dfb38857cd2309f4f89835', name: "editor" })));
+            } }, h("div", { key: '827d6b034885915564a6d63cfed6a0c28dd4a3cb', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderTextEditorMenu(), this.renderGlobalAction()), h("slot", { key: 'ccad9feba4847a9810a31dc8bbfc8456316b580d', 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

@@ -34,10 +34,10 @@ export class GuxRichHighlightListItem {
         }
     }
     render() {
-        return (h("div", { key: 'e800e2d6432d1b54bb126bbff56f9977a0fd83ff', class: {
+        return (h("div", { key: '2ff3b65d407281bc979506a2be9ed98beaf9820e', class: {
                 'gux-highlight': true,
                 [`gux-${this.highlight}`]: true
-            }, role: "listitem" }, h("button", { key: '40073a6d93f2ee28e0f681892e60865cd7ab3686', type: "button", "aria-label": this.i18n(`${this.highlight}`), tabIndex: -1, disabled: this.disabled }), this.renderTooltip()));
+            }, role: "listitem" }, h("button", { key: '1141905b0a7108a4490c0d029129b187c18f3edc', 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

@@ -28,7 +28,7 @@ export class GuxRichStyleListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'f2d80e9cf8d1bf69014227cf2f8b4bb13dded203', role: "listitem" }, h("button", { key: '969f6af3077c1efa32f9716358ff0d5b5cd42ee8', type: "button", tabIndex: -1, disabled: this.disabled }, h("gux-truncate", { key: 'c04cb2acc8c21dba949be2287748bb5b348840fe', "max-lines": 1 }, h("slot", { key: 'e567c7d7443cc743d3c96a1dd14715f591c6ad2d' })))));
+        return (h(Host, { key: '536d07db7d920e96eb663b547fc2a5cbd492d7c0', role: "listitem" }, h("button", { key: '95ec2a5acfa5ac7355149d84d0bc76b50e889488', type: "button", tabIndex: -1, disabled: this.disabled }, h("gux-truncate", { key: '22c0dde38bbf6da6c5213b90613da1e410cf2e2b', "max-lines": 1 }, h("slot", { key: '2fa3c45b8fbc3065adf8432aeff93c90d32f61df' })))));
     }
     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

@@ -78,7 +78,7 @@ export class GuxRichTextEditorList {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: '61a6b27bba3f4b2f0d7a773e8dfcb9096c915ef6', role: "list" }, h("slot", { key: '9bdb11b67705953e6d39b7075cfcd6226f58cc91', onSlotchange: () => this.setListItems() })));
+        return (h(Host, { key: 'b92e6b449110c5d0c2a25da495b738de4096f673', role: "list" }, h("slot", { key: '0bce1f3ffc67c65c336ab8a9848c627bf4737683', 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

@@ -123,13 +123,13 @@ export class GuxRichTextEditorSubList {
         }
     }
     render() {
-        return (h(Host, { key: '7deaeb8403bc4d3387465109f394c5b94735289a' }, h("button", { key: '092cc834b5320deda9548b44f306877be2145227', type: "button", class: {
+        return (h(Host, { key: 'dbf767a10781c144c9d9286c7bc094884db55e28' }, h("button", { key: '6c8cc9cd591efefd0e9b0b84afc41bb7fd7ac3e1', 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: 'db24795cdd7d2f486c4fd7891f3098c08c1114a5', class: "gux-sub-list-button-text" }, this.label), h("gux-icon", { key: '4e5cab880869b185f9220d90e6501baf625e3b55', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '52f98219440f57cab0de72417632769cf96f248d', 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: '680166d67a0ee6c6542f510fe633c28cfae96933', class: "gux-sub-list-button-text" }, this.label), h("gux-icon", { key: '11d2609ddfe0cfea078f23c751807dbeb470fdc1', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'a839423b902cd53b1c891643cb7ca0250b3df44b', ref: el => (this.subListElement = el), class: {
                 'gux-sub-list-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '38e81a94cfc2ef6e5cb8460507412ade83254de1', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, h("slot", { key: '27f2f932530bd1abaedccb992bf5cd75afc5277e' })))));
+            } }, h("div", { key: '8d1c00282a63145322b8735aec86c1b7bf662464', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, h("slot", { key: '7226adade6ffd30d8db3ae2195cde80347930d37' })))));
     }
     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: '9555548af8d6018a798769fee5de94c9aa926075' }, h("gux-popup", { key: '75b7bcb30d5d84deceeb9fb5b5078dc55ab51f40', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '6ef03b61b7f9a6ee89ddb07d0d9aabc3167e819b', slot: "target" }, h("gux-button-slot", { key: '6da7e330d95f1c382061226fcc3dd7d7724d2385', accent: "ghost" }, h("button", { key: '2e7d1b21ed2c7793b7a44ee8daf664bd43528174', 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: '12c1d235ed9c4b98f7f86b0a1001183fdbf08fb3', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.i18n('additionalActions'), size: "small" })), this.renderTooltip())), h("div", { key: '648b925078ebf267993e7783201c09a7efaf6ef5', slot: "popup", class: "gux-list-container" }, h("gux-rich-text-editor-list", { key: '53292dad2651fbf74c8b1e510f099e6f786d9335', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '2871d3f817c5e393cd37917f849673a50a8e6c5d' }))))));
+        return (h(Host, { key: 'ad724950772b06068b4a0d19749a252888f75a84' }, h("gux-popup", { key: '44ce5ce1bbeb6692bafa3533f37cf3a2313f51e6', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'ee776432b53d4242ecd33b1fa0121bb36ed8f222', slot: "target" }, h("gux-button-slot", { key: '10aa610e9c12466d39dd4315fb49ee42aa83017f', accent: "ghost" }, h("button", { key: '808dc2548fc62d41cbf892be094bfc5b6e87f202', 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: 'a4fba57a8c1c03d6dd9f2402f43da0a1e2730efb', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.i18n('additionalActions'), size: "small" })), this.renderTooltip())), h("div", { key: '9659eb77e4be0a520d447a881e42a677f3fc01a7', slot: "popup", class: "gux-list-container" }, h("gux-rich-text-editor-list", { key: '84bbd56ef55ae9a27870859346f08497d0fa47e3', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'ba09ae16e46d91c740c9e65863117fdcf67c836f' }))))));
     }
     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: 'b61aa74de6cc2f8f9f0ac6053f91a7e4be2638a3', class: "gux-sr-only" }, h("slot", { key: '497018bbc50adf0226f7b70d4efd3cf52bf9fbd5' })));
+        return (h("span", { key: '85e72103fe29b5cb646e04121a161aa79784da4e', class: "gux-sr-only" }, h("slot", { key: 'de8195a2963d17bca6f7b9470dda39356e36efe5' })));
     }
     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

@@ -48,19 +48,19 @@ export class GuxSegmentedControlItem {
         }
     }
     render() {
-        return (h("div", { key: '9e0d1138f4ed54d05cd5871f34656aa68eef01f5', class: {
+        return (h("div", { key: '790472c828036ca65ab67a22e8bce0059efe1721', class: {
                 'gux-container': true,
                 'gux-parent-disabled': this.hasDisabledParent(),
                 'gux-start': this.isInStartPosition(),
                 'gux-end': this.isInEndPosition()
-            } }, h("button", { key: 'c5b5baed1d032fd751f6be833e9a1c78157f0aea', class: {
+            } }, h("button", { key: 'ab790218cc8f4d4b73e0904837ce54249bf8ae0b', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("div", { key: '01381a4c390dfd682c79e075f1c731f1a4c601dd', class: {
+            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("div", { key: '3090036421416f766b12c4a42715f62cb5e2131c', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: 'b5d489edb293857e68bbbfe366baa1bc39e24c36', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: 'd8ef9caef881c83ef824e60b7916d56f18faf19b', 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

@@ -36,7 +36,7 @@ export class GuxSegmentedControl {
         });
     }
     render() {
-        return (h(Host, { key: '89b506b9119b1330460c4c3aea13dc14c083aabe', role: "group" }, h("slot", { key: '1b9765f27fed5981688eb7fcd789d0f3d58712eb', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'c59dbf99e8aa3a39eb0d97e4df30f4cd6bb05c31', role: "group" }, h("slot", { key: 'aca9f87a04b8b57c7c92d9386ab0ba127c5ed5ed', 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

@@ -50,11 +50,11 @@ export class GuxSelectorCard {
         }
     }
     render() {
-        return (h("div", { key: 'a44757b1b08ffe6aa750edf6548e2eb45f991a6e', class: {
+        return (h("div", { key: 'cc20e1b52d7ae10d9472cae33cf1e1eb966e8711', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'e14f757e0d540190f4b32bda4420651175ade0c6', class: "gux-content" }, h("div", { key: '2582784761939e1021bc5388fe988f95e9f250d6', class: "gux-icon" }, h("slot", { key: '698dacc88a23984184f83b49fc207da1341c4a9c', name: "icon" })), h("div", { key: '798fc72517d208d2fd21b29846f4e039b23e8f88', class: "gux-label-container" }, h("slot", { key: '9785c8f06b2a3cb13cd91f76cc9f9c040d6d53b6', name: "label" })), h("slot", { key: 'cec5b2583819f151138fd9327ab4e01ffaa62b33', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, h("div", { key: '97dab4e29380418707cfacf7d6bee48ce9b5081d', class: "gux-content" }, h("div", { key: '1ef93190cc63e468294845c0a93d8494ad2a9ba2', class: "gux-icon" }, h("slot", { key: '3f9489a87f044206a087af27c979430626c145b9', name: "icon" })), h("div", { key: '39f6e0c2d789271495c628bf3b61aaa01dc94cdb', class: "gux-label-container" }, h("slot", { key: 'e1beedc64492c9d4babc4183e688674f28bb0192', name: "label" })), h("slot", { key: 'b5bbfebbb47dcb72a9d1fbf13ad90280041985b9', 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: '86093875510f4dee1ca80bd77c7a99a50a6d832b', class: "gux-selector-cards" }, h("slot", { key: 'fcdc912cf978e16e1aa13b366aa6d11771674eed' })));
+        return (h("div", { key: '0432cf59da3438a9c8e299083a93b01f47f64ad8', class: "gux-selector-cards" }, h("slot", { key: '5e40bc2d53b13708ca546e4fb5a7e4816601c3d1' })));
     }
     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

@@ -52,7 +52,7 @@ export class GuxModalSidePanel {
     }
     render() {
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '2100a9c7898113bd29233bc6c3a4cc0eec8dc30b', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: 'd6ca646b3d694c253d3b37381ed36330acbfcefe', size: this.size }, h("div", { key: '12ec81a252926a3d26bdaec44ed7649e3fb6b29c', slot: "heading", id: titleID }, h("slot", { key: 'e9cb8603bf6b01b12c1f0deb745e7b8bcf1005fa', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: '1f4595d87401581adee540a0c1f4fac2ce2d5bc9', slot: "description" }, h("slot", { key: 'aa6762650d518ee4b15c6f6acf2cc2c38746d75a', name: "description" }))), h("div", { key: 'd2aaa697f8dc04abdd1f5870050771375e78df51', slot: "content" }, h("slot", { key: '4617a40358540f247be4a004fbb014f5f8b17bca', name: "content" })), h("div", { key: 'd1012d4e4012ae8921775595d8da2e867acbd7a8', slot: "footer" }, h("slot", { key: '1a6f7976ad363b6965af6797964eb63f7b7071ca', name: "footer" })))));
+        return (h("dialog", { key: 'eea0c737e4c43a0d621fee32ff4dad60bd784151', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: '11156f4073f0db092f01db1175fa3ca7c91d60a8', size: this.size }, h("div", { key: 'ea76626936c93f966c7593f3040a165f8a540359', slot: "heading", id: titleID }, h("slot", { key: '436910dde97d5b06676c8b16d2f727d371dbf9a5', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: 'f251f7fff64fbcc70d69d0e9a6ac107cc02b619b', slot: "description" }, h("slot", { key: 'f8bf46aa948c66e33a18b5b1cee6243f98085b0c', name: "description" }))), h("div", { key: '6951c9381dd820845cb677742ab4901bd43b9504', slot: "content" }, h("slot", { key: 'fce1aac4a2799c90cfa2a0d26116f48c13563117', name: "content" })), h("div", { key: 'b0497481f705825507f461acaaf8eefc8f8e7959', slot: "footer" }, h("slot", { key: 'd7c224fd5279bb3ecf749a0610f71313061a5be1', 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-heading/gux-side-panel-heading.js

@@ -13,7 +13,7 @@ export class GuxSidePanelHeading {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (h(this.headingTag, { key: '422419513d4d2c42940745e4dbe2658564e55410' }, this.iconName && (h("gux-icon", { key: '685cbbcb366c996672ac4c7857d302ecdedb7dae', decorative: true, size: "medium", "icon-name": this.iconName })), h("gux-truncate", { key: '60e2822ed0a52be80884e28d5970bcde35342df2' }, h("slot", { key: '8dcb1487fe19013ae929adbe88c906aa8e58fb0d' }))));
+        return (h(this.headingTag, { key: 'd5cca717e84ba48bf3a9181467d153eed1a832ab' }, this.iconName && (h("gux-icon", { key: 'ce36d01427df3aa36b818ba37e826e206277c0a4', decorative: true, size: "medium", "icon-name": this.iconName })), h("gux-truncate", { key: 'e48e0efbc11ad67f4000020a319a3326cf21e46d' }, h("slot", { key: '1c2423d144b81593b8a282233169be7d87271f5f' }))));
     }
     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

@@ -24,10 +24,10 @@ export class GuxSidePanel {
         return null;
     }
     render() {
-        return (h(Host, { key: 'c78af402e53107a0e47cb67edb69af4017a4e2ea', role: "complementary" }, h("div", { key: '1005a6ef0b1f127a877365d9396c8ad8683b23f3', class: {
+        return (h(Host, { key: '3f0e1fa0e90174807e0791df751041891492f94a', role: "complementary" }, h("div", { key: 'dafc3bf2e247d8e889b856bca9a129919e12522a', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, h("header", { key: '36dc5da3534c0cbccab76d34ea8e384c98709ce0' }, h("gux-dismiss-button", { key: '6d2892fcf0e5d49a317f61da19494007cd649321', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: 'ab1a58418087a6bbbe688330c38da8ccc74f1675', name: "heading" })), this.renderDescription(), h("div", { key: '521fa908fd0bb1cd025ab668c3f3abc08296575c', class: "gux-side-panel-content" }, h("slot", { key: 'dab174b319e12b5d5936ab23064a040ba6b329e6', name: "content" })), h("footer", { key: '6606da19098d8ef8606dc1ea95a4caf8bbcca7c0' }, h("slot", { key: '290ad7e0dac93c0b0f863cdb92ae070193854644', name: "footer" })))));
+            } }, h("header", { key: 'ed7ccb998473f605b62ecc2501ff6fa1c8625be7' }, h("gux-dismiss-button", { key: '79b2f066aa80e26007e935428c7ef4e86ee338fc', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: '3f90cc7c91a0527156f5d49d7b3ef744a081a445', name: "heading" })), this.renderDescription(), h("div", { key: '90e590fa826d72f87c8f9f43ccfa7d809ece77b2', class: "gux-side-panel-content" }, h("slot", { key: '9ddeae0e8199c137f7c998e9105ddbd3b2c71c38', name: "content" })), h("footer", { key: '982044b7583f44e9090a34be9ec71c9d3929f3d8' }, h("slot", { key: '55b8d906d978761a456e40ae36099abe482677c6', name: "footer" })))));
     }
     static get is() { return "gux-side-panel-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ export class GuxTime {
         }
     }
     render() {
-        return (h(Host, { key: 'f53b01c97adc884a999d6eefa7be544b46ffc8e1' }, this.renderTime()));
+        return (h(Host, { key: '1e2d860f385c841609856eadc9c4041ea8a38725' }, 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

@@ -31,7 +31,7 @@ export class GuxTimeZoneBeta {
         this.i18n = await buildI18nForComponent(this.root, translationResources, 'gux-time-zone-picker');
     }
     render() {
-        return (h(Host, { key: '1022ccbeea3f4883dd1426de0746cfc839e343f3' }, this.renderZoneDisplay()));
+        return (h(Host, { key: 'e68e14ac762297aa69d0258cb37dfe15a2fa12ed' }, 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

@@ -151,11 +151,11 @@ export class GuxTimeZonePickerBeta {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (h("gux-dropdown", { key: 'c9fb76e2d1caa7fba5ac2032e363f82ce37df58e', class: {
+        return (h("gux-dropdown", { key: 'c34c6efd43cb91ccf3fea9b5187cbfd7f7ee9c71', 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: '8ca88ed2b64854a4b3de007efcf4326b3e3e4e54', "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: 'a217c92a154dc582a90716828ee5651e7b7d6caf', "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

@@ -132,10 +132,10 @@ export class GuxTooltipBase {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '95b90bf66bb77f9cbd9a462484e22ef9f7a2cdb7', 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: 'cbc7feb51247b018568779e05997ebea04cf83a7', class: {
+        return (h(Host, { key: '64e1b8b7935a7fe487f7cfe19fbd6af4fe9eb54b', 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: 'b14355016dfeb6a3e8b6a1c32cd31188fd143d97', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'ea6c7be9038bce011e726991186aecc8b836ea89', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: '08fc4e527b11d357db025b64730f64a93d7dc599', 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

@@ -72,7 +72,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: '3494b9bec9083c7193b329f6adda9ff29621d563', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '88db2c80af5f51c06e7db2909e2ec0bf7c134be1', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '5ee244741dd181396c5badede863fab95dbe0fa8', slot: "content" }, h("slot", { key: '12826faaa1d80ec616642de64bde8fc7a88200c8', name: "content" }, h("slot", { key: 'b5b557552622e8b0488fd8195b2ad7ec46636650' }))))));
+        return (h(Host, { key: '39759a12861d98e00fe221320c70eeec572d9a5d', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '9652ad62b51d30b360ac8caa089158a50e2f247a', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: 'de2a76685d4eba0581c6808e9b08ac3a077c3840', slot: "content" }, h("slot", { key: 'a101c8ccf58d4e1a82e4164bfd1b388b27a28f7d', name: "content" }, h("slot", { key: '5649a672ea4f1602e9a22dddf29861641e5a7c03' }))))));
     }
     static get is() { return "gux-tooltip-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-action-toast-legacy/gux-action-toast.js

@@ -12,7 +12,7 @@ export class GuxActionToast {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '1f9a024e9fc7311a9d17fbc3051f9bf2ab08957f' }, h("div", { key: '12d1d8ab1554c18fb61a931ddb32f0273623474f', class: "gux-header" }, h("div", { key: 'e3941013e1fda705b9162f63ea0fa67d5117cada', class: "gux-icon" }, h("slot", { key: 'f762f1093279049d338e159c6ea51e08c1e1bf26', name: "icon" })), h("div", { key: '74240e60cc41fc5549a049bfab1973ee46b1278b', class: "gux-title" }, h("slot", { key: '1962c619bd581b82d00b8ba2f3c6fa1c690737db', name: "title" }))), h("div", { key: 'e306de45dcde9134177a891164164f6fc2447901', class: "gux-message" }, h("slot", { key: 'bfb3755509c0b3132c011a90ea6c96f18690e3b6', name: "message" })), h("div", { key: 'cf20ae80e0d9f4299ef4f39b8be946fb44029860', class: "gux-action-buttons" }, h("div", { key: '46c0363d0c4214696966cc2196c2f121c6052aa7', class: "gux-positive-button" }, h("slot", { key: 'd78dad51eba1a86386fd9f21bf3957a03f941c37', name: "positive-button" })), h("div", { key: '0e573f2ce2510d8c1d2b05d1944066b22207725f', class: "gux-negative-button" }, h("slot", { key: '37acf4eef3aec626ede337826179adb629523b00', name: "negative-button" })))));
+        return (h(Host, { key: '337254312aec117cc66e2771ed28c737e2d7af25' }, h("div", { key: '24b1ab47344df468f0c6e050172e5c2f4aa57e24', class: "gux-header" }, h("div", { key: 'ce82ae50aaaf481ec954d35aeab9ad866f1e89c1', class: "gux-icon" }, h("slot", { key: 'a30a722b2c1f0ae0dc65fc465968ffa574ffdcdb', name: "icon" })), h("div", { key: '680c18deb7ebe847a0047547c50a3a67157e22f2', class: "gux-title" }, h("slot", { key: '0598882985150968d151ff83d51415a9d8ad6af7', name: "title" }))), h("div", { key: 'b450f899d266fab7bb3f6968f125c0efe36617c7', class: "gux-message" }, h("slot", { key: 'b14a9dfceab81882f66bf034c6218a3b5cf85d04', name: "message" })), h("div", { key: 'a0378081b84d7c37baf4cc67dc090bdfaddd2b98', class: "gux-action-buttons" }, h("div", { key: 'c4f8321cf28ce4f312a0c6b2e3ba3380bb0a3360', class: "gux-positive-button" }, h("slot", { key: '66f788f963628f37435e44a9dd6bae756ba28d5f', name: "positive-button" })), h("div", { key: '2243a8ff2440e59e38ef8224f7b7702db1c91e7d', class: "gux-negative-button" }, h("slot", { key: '97cf8e6bb76173b7e1d56b8fc31b5afb9759c18b', name: "negative-button" })))));
     }
     static get is() { return "gux-action-toast-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/dropdown-option/gux-dropdown-option.js

@@ -58,7 +58,7 @@ export class GuxDropdownOption {
         };
     }
     render() {
-        return (h("div", { key: '6a8caea2d867b14044e93879ec2789a6d38e38ff', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '459b214df1450f1727871767af8cb12dfbcb6afa', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.js

@@ -70,9 +70,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: '17c509e61c5c222d4e3c6c3a2577940de0aba65e', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'b31a7a0c8312b952dce0c996589fe0b122207a8e', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'e189f7e54d6da9f24c08ac21e2f01a4d3a574389', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: 'af2bb84da475bb26792fee81f6a1d711108800f1', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '0a84724b33ad1b42b2df4f37e33fa9b38cb3ea1e', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '9ffa6eb13e9938b5a87b36650ba3ab04d9ea0037', class: "gux-icon-wrapper" }, h("gux-icon", { key: '521ba8e4d54e97a372c9451b945d8fd4e282a2c3', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '345bc04f5e4192a11b50d053b02d7bf35528dc8c', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'feea25638719d836804ef86fe3258768f9477a27', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'e7a7fd48537b7f584cb77a3fa8baa218bba28688', "label-position": "screenreader" }, h("label", { key: '01845b3784034260a12bb389601de48dade23c5a', slot: "label" }, this.i18n('searchAria')), h("input", { key: '50a0945ca83c5e3f875ca2d6298bddbf7ff0c326', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: 'f4059d5354d1e76054e93fb226b035e745ec51c3', expanded: this.opened, disabled: this.disabled }, h("div", { key: '3ed651aceb3c0eecaafe9553f1d7d24a6d39f63c', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '5b55314cd983ca7a3e65fc2af3e32e9b6d1e2a53', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: '61389af1e95fbb40fab5f953c231f0ee64c0ca80', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '0d0390475d0c527778e3519dee6ded1f7a66f7b4', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '3f852d832791cc0670034cea02911b61a0451c4c', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'd31a3a64c79c232544a5fb403ad89e0cac3693b8', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '1b57b892c851a2e71d53f83f93b1f1e929d42404', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'ef8f51e0ad0d209aade37e0572b69de1858d0dbb', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'e0c9c8b17b418e7114f7fad6031815f898e6973f', "label-position": "screenreader" }, h("label", { key: 'd72d4c26b1c1d3c1bf96d05fdbda5bf5e8fd1ad8', slot: "label" }, this.i18n('searchAria')), h("input", { key: '3b59353498a7ed48f961377c4e7590206f06f973', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '84db02a501ab6b991221c455e7d9f10284d41a46', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '9b92e1595a91dfb0527bf67680aa18c0bb1dc121' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '287a0a31b612523947ea74efaa8314c21f58cbc1', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'a4465272f922458cc361798793c2980e22135a3c' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

package/dist/collection/components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.js

@@ -38,10 +38,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '0724050983915337bef8243c9c064ab8319d492e', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '5a19b488e67dcae1476ed708f21fc13614b0dba9', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '94643b603d8d2557a5ff17f7b06fe5de1aea5b63', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '48336c3e7fee813a1c2dfdac8a0051d0146bafa6', id: this.panelId, class: {
+        return (h("div", { key: 'bef8cddef519a2cb8ec12c152afade245c76c714', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'e48597f1285fb2f53868912d0d1d04220688aff0', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '505d17fcb664df950b98817214455c8e0960c737', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '03fac25eea867bf43f87a06bb2098abee7f8c7ee', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: 'f045c9bdf38195510c720c52592e190cddac0242', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '7372dbc3ec23058ae0d27b46044a404053095906', name: "panel-content" }))));
     }
     static get is() { return "gux-disclosure-button-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-modal-legacy/gux-modal-legacy.js

@@ -42,10 +42,10 @@ export class GuxModalLegacy {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: 'cbb7033a32fc4731d29fd53c5fbdda9841eb62bd', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'a04bb4a942a82d5510d80e19c0f0bbcbda3a2e4a', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '7187978e04360410ce75cb03992344e8608078c5', class: "gux-modal-header", id: titleID }, h("slot", { key: '62807294a0c5e6a87921768b6e8ba37c1e745902', name: "title" }))), h("gux-dismiss-button", { key: '4f9ef794e1eab16baf2ed2d24e83c2b24dbb7e7f', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'd533e1e8919ce49002e241e6c412061e8a0e9816', class: {
+        return (h("div", { key: '03f3345c7976259d303e5a90cef1f90e9ed945f8', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6d996bf71389945c20620588f63b97bae1adcf0f', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '087b55478498c89f537af3777c1beab4d903e063', class: "gux-modal-header", id: titleID }, h("slot", { key: '03421a7218bdba8a3daf898575cfda9a1e6793a7', name: "title" }))), h("gux-dismiss-button", { key: '5d9a4cf25bfca9a421782178292478f798362cc4', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '8d659e428a5f711e9a6b8c5874a37b82a492eac8', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: 'aba93cee1b1827c8931efa8fcef277343ee943b9' }, h("slot", { key: '74f8e6920f16eba66ffd2d7030893207410e02b0', name: "content" }))), hasFooterButtons && (h("div", { key: '8afe0581fa777708dd8daa1576797c4bc79db659', class: "gux-button-footer" }, h("div", { key: '3997fa6457bce071b70e2a3869c5dd1d2f616afd', class: "gux-left-align-buttons" }, h("slot", { key: 'c2796e0fe34c961aec79139c315f08733ccd7c79', name: "left-align-buttons" })), h("div", { key: '0d4f0e75cfe8c06f6bc81d077902de7b7d78b3c1', class: "gux-right-align-buttons" }, h("slot", { key: '82f39a85ce86c9b60931429e056b09940e11a998', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '162fc85dc6aa8c27136aa62c0e6b85e598c408f9' }, h("slot", { key: '3e0dd4c8dc4223b015e76e9ad242c4bfbcdc74ff', name: "content" }))), hasFooterButtons && (h("div", { key: 'd907a2c3dfe55c8433e23696b1b978f23f425b76', class: "gux-button-footer" }, h("div", { key: '46980f01b328f8bc6edc3efbbd3198ea8d086d04', class: "gux-left-align-buttons" }, h("slot", { key: '87643cd1528b294f25ec41a1e286149b094a7f9f', name: "left-align-buttons" })), h("div", { key: '293e4349fda8a877f9d084104f55a46dd7c44674', class: "gux-right-align-buttons" }, h("slot", { key: 'c7d087a32f336a97a8e8c8becdf27886f83c5739', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

package/dist/collection/components/legacy/gux-notification-toast-legacy/gux-notification-toast.js

@@ -13,7 +13,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '5e188ce217e4cada21aa6a0cebd4b27494d6182b' }, h("div", { key: '1dcb0d42c4cf65a30549376a58a6d8ec88575107', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '7d733f62e76c33612676f95644c53b2ff582f495', name: "icon" })), h("div", { key: '6b5fd4ed61a8e91259e0455391e6def0706ffbd3', class: "gux-content" }, h("gux-truncate", { key: '81c65e9d2f5017e9b8d6c3eb74411bc7087888e0', class: "gux-title", "max-lines": 1 }, h("slot", { key: '17f3ded65b42e9d6282646fef0ef2ecc9d2f8227', name: "title" })), h("gux-truncate", { key: 'f20c82791a07925b35fcca03e754ca79d70c7c40', class: "gux-message", "max-lines": 2 }, h("slot", { key: '78f92bf23d08e089dd87071814b452e629c7052e', name: "message" }))), h("gux-dismiss-button", { key: 'b12da6be4e1aa16e322d24fba9320bbe12febd2c', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '47a33ed4de5228de0e187987869c27b07e0d5787' }, h("div", { key: '361fb8c114bfbe51c8d16a8de214bdd723c0a6f7', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'bd3a78f5a5f05a0cf5098266766789ef8cc0a8f3', name: "icon" })), h("div", { key: 'dc19ff38c0c039b8296749f418cf6fcb06159ad9', class: "gux-content" }, h("gux-truncate", { key: 'ea408eb0806dd5f58bceeb9a7b8fbaef9e702fb4', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'c6830def6d5e01d3761f7b5a187cf5a52866a0aa', name: "title" })), h("gux-truncate", { key: '319a9a3e695163d12a869577b88a4c84afbf1713', class: "gux-message", "max-lines": 2 }, h("slot", { key: '789ff5fb32b7da6408d2ee31328e2a39d3d6bd86', name: "message" }))), h("gux-dismiss-button", { key: '2abc520e1b95ccc419209202de06265398542179', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-buttons-legacy/gux-pagination-buttons.js

@@ -71,7 +71,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'abd4479dc85d6e29c69392f016d183a1641881a7', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '3c670832d6e9950ecd939d3c04cefd13ffb8e5be', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '49d432be3eb2e5c60ed43f481444794b1a5a75ab', accent: "ghost" }, h("button", { key: '465d8406072d3ed4caa9ec8777221dd8e0fde717', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '06ea7f1d28920bc0218db53152c0a3883bab206d', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '332fd069ee566220828d19f0816099a0e467f365', accent: "ghost" }, h("button", { key: 'fcd5a8ac4b5d19a5de428129a511172df49fedfe', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'd7dc6b58158f72bf139d42c9e9652d209853575a', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '7c53ae7710942814a9d937f2efe8951a82951c88', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'd4d1240015d221191e88a9528c02fdca704bd95d', accent: "ghost" }, h("button", { key: '78c0a8c9a4518ddc0c9ad74202e7a3eeb2b4ba3d', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '0180aa302d8a7573d41c114ab27d70636ca8ff7a', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'e1b68c2ba127f9ae273b0344d4c3fbdc00d03084', accent: "ghost" }, h("button", { key: '9818369377240ea3ab1bee9ccaa045cd48afdc0d', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'e6deb4767bb3ae4b21d129a023c77abf4e6d6cba', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'd8c81c219ac05bc53adb30f145ae963fcfcc32c2', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '8e885c3c6a8faaa84848eb50224dd7480b4dccb8', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7fcea3d2f0278a6a79f1ab2574effe6a1c2e4e7e', accent: "ghost" }, h("button", { key: '6d7d3e30c99c3b5e8cc211cc1f4c0b030251188c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'a9ecd35be4e3ab14eddd4cebbab05f96c45dc84a', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'a51237614face62ae69ab1c834ba0bc486324d30', accent: "ghost" }, h("button", { key: '31c7817937aa6730886e8f17f63a7dca79c8921f', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b55f173a1ac205741ae649381f89606f7589d82e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '39e50e104d0e8c9924deaebec2d338893c8286ff', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7c65c3c5a1e373b6d3c12dc7bb64a3cb4674b217', accent: "ghost" }, h("button", { key: '712b22788b90bb251807f95eb775cd1c1dabf358', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'bb75fa24ff0f240a57627f0faeba7f2f9182aac8', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '3335aedc8c13bc0384c4095f38355b7a9636a5d2', accent: "ghost" }, h("button", { key: '0eafffbba4c710d54e23400fb017c50f9ad4340d', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '9ed3f45ee34f10a779bc24ff9e952134d4e0c2ca', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons-legacy"; }
     static get originalStyleUrls() {