genesys-spark-components 4.121.0 → 4.122.0

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

@@ -25,7 +25,7 @@ export class GuxIconTooltip {
         return await this.tooltip.hideTooltip();
     }
     render() {
-        return (h("div", { key: '8529bf15b3bfad65a31f81607c173ffc7445cd0f', class: "gux-icon-tooltip" }, h("gux-screen-reader-beta", { key: 'eb9f2480775f73406dac9225072090281a3a4e59' }, h("slot", { key: '3a2ce42fa965c28b49f1dc28e9c0551d4874be8c', name: "content" })), h("gux-icon", { key: '67f296138e09629d2395232aaca01369450e23ca', "icon-name": this.iconName, size: "small", decorative: true }), h("gux-tooltip-beta", { key: '016693d7a1ed09527171d3f20119cb6cdc125b8a', placement: this.placement, ref: el => (this.tooltip = el) }, h("div", { key: 'f83ba3a86c38f8e4cc7cfaee5d7cff46458a626e', slot: "content" }, getSlotTextContent(this.root, 'content')))));
+        return (h("div", { key: 'b1ab7cde7ab8293906afea3263feb09701769426', class: "gux-icon-tooltip" }, h("gux-screen-reader-beta", { key: 'ea6a172ba645847dd5aedb6ddfd4141a10ea272a' }, h("slot", { key: '505426b503eb600716ce006271edbb618e1b57c8', name: "content" })), h("gux-icon", { key: '79f5a63026e7b66d9dad62c93227fe6bbe8ae0cc', "icon-name": this.iconName, size: "small", decorative: true }), h("gux-tooltip-beta", { key: 'b05c706231c1d7f2341136feedd56e067ae61b91', placement: this.placement, ref: el => (this.tooltip = el) }, h("div", { key: 'c1f926ba7d40a87cc67aa8e9edf9bd24fdbbf878', slot: "content" }, getSlotTextContent(this.root, 'content')))));
     }
     static get is() { return "gux-icon-tooltip-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-label-info/gux-label-info.js

@@ -30,7 +30,7 @@ export class GuxLabelInfo {
         return await this.tooltipElement.hideTooltip();
     }
     render() {
-        return (h("div", { key: 'a5cfd50dddc948a84a89406180423e1f2baf3586', class: "gux-label-info" }, h("gux-screen-reader-beta", { key: '242deb6d19f64e64436c867d9ea5cba84c0e69e3' }, getSlotTextContent(this.root, 'content')), h("gux-icon", { key: '33dcf9d4c85d875532483961f2639e0c6f5b0fdc', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), h("gux-tooltip-beta", { key: '439645c57b526ee7f84d67ef8423a38c46dcd12f', placement: this.placement, ref: el => (this.tooltipElement = el) }, h("slot", { key: 'ca4ee786cba6a3cc7278ef642ff3abb8fd79494a', name: "content" }))));
+        return (h("div", { key: '61c9218e6577b4836f5326dbe1810e38bd326ed3', class: "gux-label-info" }, h("gux-screen-reader-beta", { key: '3cf9c2a55b8c7999a929cdb779d8b788f3963c89' }, getSlotTextContent(this.root, 'content')), h("gux-icon", { key: '59597212b0fedcab0229cfcaabe25aa4dca7f20c', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), h("gux-tooltip-beta", { key: '6e853294fdca7244a480d7cf9bbe5a9c9d67dbd5', placement: this.placement, ref: el => (this.tooltipElement = el) }, h("slot", { key: 'b30c8327689ef3db24ec6192f05b4222358b5ed1', name: "content" }))));
     }
     static get is() { return "gux-label-info-beta"; }
     static get encapsulation() { return "shadow"; }

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: '73b70b6b28b08bdc4fbec5d6eba37adf1485199f', size: this.size, standalone: this.standalone, class: { 'gux-breadcrumb-link': this.checkBreadcrumbParent() } }, h("slot", { key: 'd7df0d43acc82097e460659345ab845f6a4277e5' })));
+        return (h(Host, { key: '00fb819da91bc989af860aa2fc72ea1466849577', size: this.size, standalone: this.standalone, class: { 'gux-breadcrumb-link': this.checkBreadcrumbParent() } }, h("slot", { key: '1810b066455a6fa3138ac51b8401b29f3c9d671e' })));
     }
     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: '84a2981890cf379e96d4b2d43d9371ea939d5806', class: {
+        return (h("div", { key: '082c9985cfd1d22c4b20f66f2056deff6ff3741c', 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: 'ad0ecf6d8957eb96eb4ab0b7934e777dd15142a1', role: "listitem", value: this.value }, h("div", { key: '81ad4c6a4cf0993cb2aa7b321eda7bb7d2d1ced9', class: "gux-container" }, h("button", { key: 'c4db6ec6902fb0d0baa62ccd7097d0ff2b4cfd53', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'bf7f8e72ffc4a57669a3eb1ff713b5a37064073f' })))));
+        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' })))));
     }
     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: 'd9ab73cd1531fff0d46e179303b22ccceb8926d7', role: "list" }, h("slot", { key: '3748b9606d4e258d3e0f78211df88b8cde89bfd0' })));
+        return (h(Host, { key: 'bab1846c9707a25137b0b3f760125a8bdd102b9b', role: "list" }, h("slot", { key: 'ffe20edc8e3ca8ea17043e78e6dcefa13e16458f' })));
     }
     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: 'd86acaf580192ffb933f1bddd919ceb60f6c8064', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '48c10e24b1c5527fbb624bfd4f7d9d253ff51d0a', 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

@@ -364,7 +364,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: '7a4cf36b39c5bdd966ce1e55dbbdd53e97b53c90', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'e75a29991abf7b968f8c227f9b23b44176ac98f4', 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

@@ -197,10 +197,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '37097ff16c78960e146808147fc29da4b0381693', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '5c0a4e04803ba62ac2fe04225f748681b56ceb2e', ref: (el) => (this.popupElement = el), class: {
                 'gux-popover-wrapper': true,
                 'gux-hidden': !this.isOpen
-            }, "data-placement": true, popover: "manual" }, h("div", { key: 'd351ddc5005bc742d78a3d3421be9d17e5269671', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '4269fca2eaa5072b4797fbc8f7f76e637d4f425c', class: "gux-arrow-caret" })), h("div", { key: '7997ad6bc0a9ce3e5e05f21c532bd309ca71c8bf', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'd7561c283fed7d1e1412e77b9123e2184c4645d7', name: "title" }), this.renderDismissButton()), h("div", { key: '35ff91d63e2364a3a00656814bb22eaf6da3f9a1', class: "gux-popover-content" }, h("slot", { key: '48623dcb0f8bec52b3c17bf1ceb2a587f32a818b' }))));
+            }, "data-placement": true, popover: "manual" }, h("div", { key: '23f086b8e6475fdfc0d5d2539d86002d0ed5e974', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '79d7ff0a5504d1bb3008f09184b518fdfc9366d4', class: "gux-arrow-caret" })), h("div", { key: 'b0fcdbffca433d2b97018901361749c3e2c4092d', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'e11d988a199d469e941d8d17a7bb497b2e2d6fd9', name: "title" }), this.renderDismissButton()), h("div", { key: 'feaba80659bf542b2414ad7f0ac79ee76086bd07', class: "gux-popover-content" }, h("slot", { key: 'd8db74249d39796cfc760aff0a2eae9b56421632' }))));
     }
     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

@@ -159,10 +159,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '9294234dfdacafbca88968ce1b952c6f6124ade7', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '652a19f549d3996c22056d3e1a02f50db25d68f6', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true, popover: "manual" }, h("div", { key: 'eb9daf084e2a447cc22f36284e2e7d9d9c930d2c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'ed5f74d0e04152a8be18bfa72c187ce66e3066bb', onClick: this.dismiss.bind(this) })), h("div", { key: 'f4856c1a0890bb05f680c5a039f2fbb1294b0a8b', class: "gux-popover-content" }, h("slot", { key: 'a0dd537f9acddd6939ee254385d5739019eb30ec' }))));
+            }, "data-placement": true, popover: "manual" }, h("div", { key: '7530607de76b8b9c235d499906835b40ae799b41', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '796531bcc220e95d31e6da4ce1ba8125f1a6fed4', onClick: this.dismiss.bind(this) })), h("div", { key: '7b6ad026fb1f8386ed5d63c62ab3fd50f4074f10', class: "gux-popover-content" }, h("slot", { key: 'f8e1bf1e1e35314831a64754172a5a8d770a67fc' }))));
     }
     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

@@ -74,7 +74,7 @@ export class GuxRichTextEditorActionLink {
         }
     }
     render() {
-        return (h(Host, { key: 'c51c67c1063f35575b11db91781763b1a54f9bb1' }, h("gux-button-slot", { key: '921372b56a841e108352fe26722d3455e3fcf799', accent: "ghost", "icon-only": true }, h("button", { key: '1fad4601444c237ae0931950b0bbe031ed265d7f', id: "popover-target", class: { 'gux-is-pressed': this.isActive || this.isOpen }, onClick: () => this.togglePopover(), ref: el => (this.actionButton = el), type: "button", disabled: this.disabled, "aria-label": this.i18n('link'), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-pressed": this.isActive.toString() }, h("gux-icon", { key: 'aed90b615e1e1c4ff08113cfa08a08ee2289f663', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), h("gux-popover", { key: '4bf2e0f0c8d8e4b55b814fb45f654cc3a4aea66d', "is-open": this.isOpen, for: "popover-target" }, h("div", { key: '1238ca6fe3ca06e12d822a4d4e83e91181e8a44a', class: "gux-popover-content-wrapper" }, h("gux-form-field-text-like", { key: 'bd7adba7b234b2ee11fd48429757c5e4b8e4cbac' }, h("input", { key: '4e04b841b194fb92674af30148c9e6d843caaf56', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), h("label", { key: '239b6f659d59a85db2137691c9a4d7a05c003b83', slot: "label" }, this.i18n('textToDisplay'))), h("gux-form-field-text-like", { key: 'fe15940a60b7e196f24d578d101f1ef5caf0650c' }, h("input", { key: 'ad8a588ed0433b112929bbac1ee3a9371a467671', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), h("label", { key: 'ed65192ef701827a4ed60579c51164aa1e4f15dd', slot: "label" }, this.i18n('linkAddress'))), h("gux-cta-group", { key: '6369a6d6bd4a5268c955d12a81b05de28a974f63', align: "end" }, h("gux-button", { key: '468ccc4f482e7a622d2ca3b4fee2b1aae413d831', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), h("gux-button", { key: '8f46d9f041a70f747a56f398eaa62d346b86559f', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel')))))));
+        return (h(Host, { key: '94bdf15540e0c281f8bbedf0fa3e2e6cf1f0866f' }, h("gux-button-slot", { key: '414b8e189df98ebae5f1be6b4b8b0ff7b7e62a25', accent: "ghost", "icon-only": true }, h("button", { key: 'f42a1e60d9832127ef4ab75b8a412af99fa105c7', id: "popover-target", class: { 'gux-is-pressed': this.isActive || this.isOpen }, onClick: () => this.togglePopover(), ref: el => (this.actionButton = el), type: "button", disabled: this.disabled, "aria-label": this.i18n('link'), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-pressed": this.isActive.toString() }, h("gux-icon", { key: '868265d64f20319df97abadf49262e8b7f506d30', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), h("gux-popover", { key: '71ebeaf803c10a3b1d0b91d2e4cee831b20343b8', "is-open": this.isOpen, for: "popover-target" }, h("div", { key: 'ce666c0b7cffb907548de50bb964ceea831be70b', class: "gux-popover-content-wrapper" }, h("gux-form-field-text-like", { key: '5bf31136e8685920cd9b42fc9854ac1568e1e744' }, h("input", { key: '8e15d9e21dae82d253b44a4a4fcf6dd27810b25f', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), h("label", { key: '483b2cc1139878f75efd16074b5f370d5c4da2b1', slot: "label" }, this.i18n('textToDisplay'))), h("gux-form-field-text-like", { key: 'b635808f7a1682562c13e30a94950f1de4c439d7' }, h("input", { key: '9d029946109dc236f5f198df9ce81b88e200a2fe', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), h("label", { key: '0aeeef599426776c2cd3812b73ee7d78326dcb22', slot: "label" }, this.i18n('linkAddress'))), h("gux-cta-group", { key: '57f9449e54776c0d979464ed39bd8ccd6da593f3', align: "end" }, h("gux-button", { key: 'c5b10ef5bfe8107f386f626ee578e8fac55403df', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), h("gux-button", { key: 'ca73e46aa2efa6345a9117f8fc3e025db6168728', 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

@@ -168,7 +168,7 @@ export class GuxRichTextEditorActionRichStyle {
                 : 'custom/chevron-down-small-regular', "screenreader-text": this.i18n('richStyleDropdown') })), this.renderTooltip()));
     }
     render() {
-        return (h("gux-popup", { key: '40e3c24df747dea627240ba4604c7d7c595a83b5', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '5c9d973231193777d18724ab5f9148678e23407a', 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: '5ab33be4e0c45633f0e14de414429c818b81e6ed', disabled: this.disabled, expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'f786209a85a13554c1cb186a57be60241cb1a4e0', 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: '0b8535ac364ff932423814854e72b91e9c85c3bd' }, h("div", { key: '6894ddec02c878e577d54a67a78d7614c1074976', class: "gux-action-group-container" }, h("slot", { key: 'd437c37fd5ff3b10b009eb69e4c11f8616209361' })), this.renderActionGroupDivider()));
+        return (h(Host, { key: 'a35f7ec5b917b7e8bce41629baa118c98fbec1a4' }, h("div", { key: '4efa85c4228ef1e1b83fcc4011dbeccb8dbb80a7', class: "gux-action-group-container" }, h("slot", { key: '7636078e38b86dbb24df707a2f88eeeeee672472' })), 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

@@ -34,10 +34,10 @@ export class GuxRichTextEditor {
         return this.renderSlot('global-action', 'gux-global-action-container');
     }
     render() {
-        return (h("div", { key: '3ec3c4adf65ef5a7f5ff4ea3ac18002b28fa1009', class: {
+        return (h("div", { key: '9fe763cdbff5cc80cd1ebad678955a7a1134bd64', class: {
                 'gux-rich-text-editor-container': true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '44dacd9cf2d5686e0f10242df4c95a93cbc463d2', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalAction()), h("slot", { key: 'f3393a71c2d917f89a9b2d98aae0cb22b1f054c2', name: "editor" })));
+            } }, h("div", { key: 'db708f25268c477f624c6d4383f47f56f918eeeb', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalAction()), h("slot", { key: '7f3bf48c291ca4587f17e7a959e8103dcb85ee04', 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: 'c30f320ff38c903e13eb69fc493ba73815153579', class: {
+        return (h("div", { key: 'e800e2d6432d1b54bb126bbff56f9977a0fd83ff', class: {
                 'gux-highlight': true,
                 [`gux-${this.highlight}`]: true
-            }, role: "listitem" }, h("button", { key: '58ba38a6ba5ca8a9f256e055e7217670e87e7d10', type: "button", "aria-label": this.i18n(`${this.highlight}`), tabIndex: -1, disabled: this.disabled }), this.renderTooltip()));
+            }, role: "listitem" }, h("button", { key: '40073a6d93f2ee28e0f681892e60865cd7ab3686', 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: '4a15b295e8a77a8760dd96c780a34b67a8301d94', role: "listitem" }, h("button", { key: '3c7a10f99083a85d960da1b686ade1c67ddf78e9', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '7b5cb370a7064593b28952969e50baf59e021bca' }))));
+        return (h(Host, { key: 'c52108367e2e1e44a06ac3812c6b40431991f203', role: "listitem" }, h("button", { key: '2139c2cbf5c9ee92c5b06f4d0a611e084656fdab', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'b37f5cecc7b3cdf36973ea4290187679916a536d' }))));
     }
     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

@@ -77,7 +77,7 @@ export class GuxRichTextEditorList {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: 'a9e2c6054a4069423aab4b7ab97812efe2a3bbd0', role: "list" }, h("slot", { key: '8559c06a39a7094a91fcf4ddf8a61769c58df922', onSlotchange: () => this.setListItems() })));
+        return (h(Host, { key: 'ae364cb0a8ee103ed832931ff70394171e49091e', role: "list" }, h("slot", { key: '4475a36873ca9615054b3fbd318bf45e469b34b2', onSlotchange: () => this.setListItems() })));
     }
     static get is() { return "gux-rich-text-editor-list"; }
     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: 'c0c226cfc59cc8dabfcf12adeb882183b579dae9', class: "gux-sr-only" }, h("slot", { key: 'f3fb06e5682aa51f889fc5b9651dc6198a1b2360' })));
+        return (h("span", { key: '28b31d781ff8ec1b0a3a535bfd9eb05a7dd95725', class: "gux-sr-only" }, h("slot", { key: '992a0dbec3d558f370e57c5e851be04579132a90' })));
     }
     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: '4d6b0dfc7a78260ea7a18864aec9cc24a6976aef', class: {
+        return (h("div", { key: '65c1721318287e3e043912cddbfabe4b88915248', class: {
                 'gux-container': true,
                 'gux-parent-disabled': this.hasDisabledParent(),
                 'gux-start': this.isInStartPosition(),
                 'gux-end': this.isInEndPosition()
-            } }, h("button", { key: 'a002a787ba83ce7c157849394375f278cf75a688', class: {
+            } }, h("button", { key: '729b1718420965d9fe6972ec653e6d54301d9610', 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: '29d7dafbb784a7acbb3aa430edd6df86c5b185f8', class: {
+            }, type: "button", disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("div", { key: '6b2fa63426d79283a1df0fb08f18421fd39252ab', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: 'a0ec031b8d638331e30c9a3f6df5bf9525d2e36d', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: '8e95fbf3dc09a7303043b062abd74076af04ff50', 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: 'c57afa576033c08c059035fb3338e9a4049dc699', role: "group" }, h("slot", { key: 'ef8243fc3fef43c3e680f8772d2aeafd1f638896', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'e69a69f7d9f23f9f33ad43c824b07d18e450e938', role: "group" }, h("slot", { key: '8cf6bb84b335edd50597af04e8da25083334ada9', 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: 'b28ce59bdb9d5150a30f8df1a211b46ee9848a2e', class: {
+        return (h("div", { key: 'aeab1b9e7ad546fb5741bf38f76a8c9a61d8edd1', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'f14e0a4f22356a2a5b1cbfca9f7d249f5a8b5011', class: "gux-content" }, h("div", { key: '6fc4a7a04e1c53033d0902014e56a50b2a7cc1ad', class: "gux-icon" }, h("slot", { key: '1c1551e4058b56057a54816bb1a5377335540e7e', name: "icon" })), h("div", { key: '00277bd34a649eff6331404cd65c8715c3ad2407', class: "gux-label-container" }, h("slot", { key: '8fb89b7d2dfdb37574316cf31605aa2199b70b09', name: "label" })), h("slot", { key: 'd6bc13694aba6883ed8e3240c9c917d5a0a0be4d', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, h("div", { key: '83bf9f133bd4953b4629d778da96619dfba827f8', class: "gux-content" }, h("div", { key: '7a87ef3d2c6ea48cf03c6a73edc925fc8b4d9e95', class: "gux-icon" }, h("slot", { key: 'aaa745d71448c580dbfe892a6c3179fbbe6e2ae8', name: "icon" })), h("div", { key: 'eebe22bf45774fd92bb3bb8fe3b944d31268d56b', class: "gux-label-container" }, h("slot", { key: 'd0a50b966926b4942010003b04c5f90396bb2a29', name: "label" })), h("slot", { key: '2416d439109938ca184d59359e2eb1a539ac7f1b', 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: '69e50b437e17b14b8e0fd5dbd3d3c3167bdb9b70', class: "gux-selector-cards" }, h("slot", { key: 'c8719a29b42c4241f72f67f45ae4c30605976ae4' })));
+        return (h("div", { key: '4e521ea6855227348351aca651b829322bb0eda6', class: "gux-selector-cards" }, h("slot", { key: '73f3502178241acdf0968a662de2336c3be68bfd' })));
     }
     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

@@ -46,7 +46,7 @@ export class GuxModalSidePanel {
     }
     render() {
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '34c80eaee9baf7ce57e6b2be5fd89110fdcd9c94', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: '6600729b45885b675c9e0f616d6a0093682de095', size: this.size }, h("div", { key: '55b1ff1f68212734944d034b97d2a748b1aa601a', slot: "heading", id: titleID }, h("slot", { key: '3f26e81930bd086ae4ed6d4307dd16727f0eddb3', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: '5baccca5a3e34e9572e202c2ff8a123b6c8033aa', slot: "description" }, h("slot", { key: '4f80ab3460adc54565a48c06c058ea955b371bcc', name: "description" }))), h("div", { key: '6d5bc823ac3eeaf7ba0973886c6b50d138a00c1f', slot: "content" }, h("slot", { key: '2fec75da7efb18f7e51df706dc34689448beb8db', name: "content" })), h("div", { key: 'ee9fd140e4796e54f06214d49ef823e6af85c0a8', slot: "footer" }, h("slot", { key: '27a2b723f3d2eaf03a3d9620954996caecfe1c2d', name: "footer" })))));
+        return (h("dialog", { key: '2543125d6dbeec92a65bdd9244b5598758338140', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: 'f1f4648c81a16ac77aa63e223e8f66de37c74816', size: this.size }, h("div", { key: '980bded69d812d9b56063a94c45b7873b45d3242', slot: "heading", id: titleID }, h("slot", { key: '8f5dc879687237f06fe8903d7f013e9631b83048', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: 'e2ce14f038fc263b244552143fbcb0f90c48ca55', slot: "description" }, h("slot", { key: 'e0926d6c43ff22b9f62e178361c1df45dc27120b', name: "description" }))), h("div", { key: 'e8cb6da170feee2098556af248e4ab3195bb35e2', slot: "content" }, h("slot", { key: 'c53e874bccbeeb3871a47a8209a6ff1451a0fb5b', name: "content" })), h("div", { key: '04399feeae63a4badbfb50abaf8f24025772730c', slot: "footer" }, h("slot", { key: '45eebb105329bf25800da83c6eba115690055de7', 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: '47d23d1a3be238352e2ae4ff212f64dd60b6feb3' }, this.iconName && (h("gux-icon", { key: '4b642ba678b527d3b5484ff42bc637f013a69d85', decorative: true, size: "medium", "icon-name": this.iconName })), h("gux-truncate", { key: 'e33010961d0b994342eba916d1127b78d2b53d4f' }, h("slot", { key: '8ad7d7fee07aa2853719b0077962280c364c13d1' }))));
+        return (h(this.headingTag, { key: 'c8e0c7ae7fa3881b9035c9219f568ae0549c21f8' }, this.iconName && (h("gux-icon", { key: '11d88abe1a164ea11f82aa765dcf9009c7059f23', decorative: true, size: "medium", "icon-name": this.iconName })), h("gux-truncate", { key: '26331c63ba484cddc9d871343914362f4c6def73' }, h("slot", { key: 'cd129cadc2261e51a760d3ba9d7cbf706d3f5bf7' }))));
     }
     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("div", { key: '57b407cfe2e84ea6b951e141aebbf530f612e9bf', class: {
+        return (h("div", { key: '684b37f166090f16354fae7907055e92126f2992', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, h("header", { key: 'd3fcabb1691d927364ccb34d37fd1be467511893' }, h("gux-dismiss-button", { key: '353bb0e5806f0528ca0f67ab3e9d9b864039a61e', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: 'ab3775392ab44d8ca086d2bdfd2b0d966f6f3628', name: "heading" })), this.renderDescription(), h("div", { key: '50fcbb0c2ba3e786eb378567eb7d81d4f1abacc6', class: "gux-side-panel-content" }, h("slot", { key: 'e74c5df75f1a338a9b677152c4a043c0feaa6a95', name: "content" })), h("footer", { key: '0be81160f37eac32e60a311f1702a853ea1c97bd' }, h("slot", { key: '6e848313a8c01e537eda3726f47ec4c0d5ff5aa1', name: "footer" }))));
+            } }, h("header", { key: '60b00cced9220cb3dd94f7d341fac8c936e2d685' }, h("gux-dismiss-button", { key: 'eb9a5c98ce21308011cfeb8d2afacfff33c83e07', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: '7cea5ece8dc7a556ce772da7134e6835aedf7d86', name: "heading" })), this.renderDescription(), h("div", { key: 'd64ffbb0823b6eb8dec58b87083a23279d8ff8a4', class: "gux-side-panel-content" }, h("slot", { key: '4c77dff9f5d738ed552ffc4eb3932377b6a73c5a', name: "content" })), h("footer", { key: '309626c0d0dc9930d8e3266440c347717b92636c' }, h("slot", { key: 'fc42ea1ff2d86d8b5afe05a103dff57ed21fe260', 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: '9f15bcc087c164b5a1d74c0ed9ffd928757500aa' }, this.renderTime()));
+        return (h(Host, { key: '017a59108d138ab0c6c3bf7e43508c0a17285d9d' }, 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);
     }
     render() {
-        return (h(Host, { key: '17e41884ee83d41db7a2b6436693da9b863835f3' }, this.renderZoneDisplay()));
+        return (h(Host, { key: '9aab6fe9a18c56f3c0c97f99e1bbbf768a163754' }, 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: 'f46178768053d9ff9d951d8a497b6681667ffb7c', class: {
+        return (h("gux-dropdown", { key: 'ebdb5e8bb84b96be76b34dc6585c0131070da6a0', 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: 'ae3a2e30d97f516bbffc032daa104643fb25950b', "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: '94478e40e4567ebd7bc986f4727ec17688396ca1', "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: 'bd1de270635ad0b5a20313f821d28c86020ec7ca', 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: '925d6d504101a29991630ac8f02b9c179c258079', class: {
+        return (h(Host, { key: '8ebbae170c8373cfe300ee822f8ae46f81930fda', 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: '419bf3dbbed807c2281c0993f85c9223758ca98a', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '14ce53ff67fe39be22f8a0d042657ee864d5be76', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: '4af58cb11ef2b99607aa1c703e98713cd3878cb8', 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: '30b4306234011996e56e73179df457cab4580097', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '7cd729fe08ae89b339e709f166383591b715683e', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '4a4f61468ea54050213898d8b29f2ac1f4be4f2f', slot: "content" }, h("slot", { key: 'c593d4f870a671e61de732d8c6467ac4f5036032', name: "content" }, h("slot", { key: 'a0415bb667e0a8e45844f8e9d6edbbed1ad6f78d' }))))));
+        return (h(Host, { key: 'ceef8f979b4826a1fb20fe6bed5bdc978106c9fb', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '48808110fb78aafe584f54db75fd39b42576b715', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '7ce772ff50a11466b8d4b34ddc7fc9ac0b4503ea', slot: "content" }, h("slot", { key: '22a593f392316bc150d98d1cb7382a7df5934788', name: "content" }, h("slot", { key: '26b13fc3c77ab7d634cad41ca086cf9fed6bb252' }))))));
     }
     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: '54b7d179801377d6fa5dfbad68b1e8f1d2aeac53' }, h("div", { key: '347a1f691e6f57566ef8bdbf67ba3db3842cb804', class: "gux-header" }, h("div", { key: '536ac9803517161d55387934e08a89a07d228bf4', class: "gux-icon" }, h("slot", { key: 'cd7c4935e378075a49b73bb459986ef08a3a1039', name: "icon" })), h("div", { key: '9a8e91296edac6763bab666c4c5a80bcc7be0430', class: "gux-title" }, h("slot", { key: 'f664760f004faf01406b593dffc288e0c8bb7fb2', name: "title" }))), h("div", { key: 'bc048e87370f3151573dac1c45914bc6ed00245f', class: "gux-message" }, h("slot", { key: '7ebeb9eccef844ca86d55ea244c86138d57c4294', name: "message" })), h("div", { key: '95500ab9653068b833cee324ff2a3eac94b7b526', class: "gux-action-buttons" }, h("div", { key: '17da0bcd449d91a1692cadb272daafa161a50181', class: "gux-positive-button" }, h("slot", { key: 'ffe1be21ef77de25d093d7bd033c9f657e434253', name: "positive-button" })), h("div", { key: 'f5b8c51a922fe9ac56097626aa774045b4b5881b', class: "gux-negative-button" }, h("slot", { key: '65c3137c50ece9c9b81c2a05e41ba21f59b536f7', name: "negative-button" })))));
+        return (h(Host, { key: 'd2cbbef7ee8f3edd143aa67fece0e4bbc8f51c56' }, h("div", { key: '2ca80a32285708cf0b59cb8c6c850c935e461196', class: "gux-header" }, h("div", { key: 'da61377c2fdd266fdb59cd966d2d33c1cca7f19b', class: "gux-icon" }, h("slot", { key: '5e16db5142edd8abf940d170ad33b5986cc5e4cf', name: "icon" })), h("div", { key: '78bbabc18fc29746766f5db183eb251fbff0b6be', class: "gux-title" }, h("slot", { key: '78cf54e9406fa5957e987f65c10a9c2ea025e16b', name: "title" }))), h("div", { key: 'a5210c260ded0934d067072495dc3b7fd926093b', class: "gux-message" }, h("slot", { key: '5e840368bdfe33e8deefb1a27a06faf881033fdb', name: "message" })), h("div", { key: '5312f7bd09df29e32964668f2ccb1c554c2588d1', class: "gux-action-buttons" }, h("div", { key: '20cf4d0224a51716505cac1cef233fafe0f15e8b', class: "gux-positive-button" }, h("slot", { key: '3726c398d268a65a1cf9189ec9d68b9e60ad9f8d', name: "positive-button" })), h("div", { key: 'bd94b6a93b34ecdc584b9eaf75f5dd4a30feee26', class: "gux-negative-button" }, h("slot", { key: '66b5e17dd969da3ae79dbd5340117d77636928f5', 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: '00d0a6e34a1cc2eda62041edc64ae50644ead58b', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: 'ab7614017f2126c2772671330748319319044e7f', 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: 'f4f70c22bbee2600c7e90abb8b0e91d8500ee0dc', expanded: this.opened, disabled: this.disabled }, h("div", { key: '0d95fba338cb6dcb02d4e81c6f9d87680eba5174', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '15d68741be283df4301b3b2fed5ee4e1c5065361', 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: '21c3a514da4df5fb802e23d2eb3e490dada26ccf', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '6e250d6b0d6f7c80ca7f6535d29cbe4c12ef32e9', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'bc71a1cda21168a948d1edb7bede5e838d75902a', class: "gux-icon-wrapper" }, h("gux-icon", { key: '81f43b931e2556d21ede2c32dd8427f2aa109139', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'df59a76c7ea8b769424a04e794ce3486d47add23', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '3b553f35084b5931abd4bfd1e2b69186d0737ba3', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '4c009d5d6eefa19b0615692a5bca926077f4028a', "label-position": "screenreader" }, h("label", { key: '94d2d1d1bbcd3a8bf6ac08f0f93ece0b0cedadbd', slot: "label" }, this.i18n('searchAria')), h("input", { key: '8fc8203ef22b7516d05f69ca0e8ff125db4f680d', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '331a236f5949e4a195cac8157638c8e328ae4984', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'd9d8d35ab3a063cd382a95d59e4eef2bf6d8430f', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '1b3debad9f21f422b0a4b2033b6ac9ad0be9cd56', 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: '0792c5cbd59aa1df3c978fae754c7ff60ba86565', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '21bc020832dacbee88fd04b173636b30bf577627', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '320ef8fff99fbef91c52027d762f200e328cec6c', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'c2943c1a220a9883e42797b8ff9131a7bd1f9ee5', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'f109832aa50c8e3c2993f0e0c46764fe08b0cbd5', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '7811a2bcfa3b3d1c4ec105b11551edb4f759bd62', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '142e57b274dd503e9bb79614cdb1cd68ee2c01cc', "label-position": "screenreader" }, h("label", { key: 'bd787abc4613f315ac4c6ae702bfe410fe9abb69', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'bf208ea296a7c5fd9b6712743f6946c0659d3d97', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '16ca535be1a105ee1ae375ed64cf59bbfafd3d95', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '0ef1b9573e68f2de1d67e936c2c33a4729fd950d' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '7b6a99ae48c978db35c511aff18c7b68580dcfcb', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'd1bb91463b695b4beb875abb7902441b101ca786' }))))));
     }
     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: '12d9ad893e1226b25102bbdd4430452f86459685', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '6c24ca871d720b53cd976e90191f30da78b520d1', 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: 'aa90e57056dbd73625defccb9d9043a8765be18b', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '5d1ee4d76e30bd3f1d501bef468976c28d904453', id: this.panelId, class: {
+        return (h("div", { key: '2c75a8124f72fe3bcf1c8d541bee3f332230b331', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'ceef97d15cd6e37201544f251f904b1ebac799e4', 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: '684dc8cc902e931e948ae1f77ed67232e061f86d', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '7afc1d6d432711fc475ba6f776ccb90b985843b8', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '1f1b49bba27c0cf9d7e69a21c6febbb5a869b90d', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: 'd1a526b263c28886802e858a9d074ccc29bc8fa7', 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: 'fac4bdd98541a650b3f450bf489bcb2426785125', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'a7ad8dd77f0dc7d57b3220c50fc2bbed931fe079', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'f09d729c1e39234ac7d01e1672681ea5a8af6da7', class: "gux-modal-header", id: titleID }, h("slot", { key: '1f8d6bd0cf8af490480dbd810fd8f0f1177b4437', name: "title" }))), h("gux-dismiss-button", { key: '70800804dc8de2e348aa07da04fd7302d944b56f', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'a317e49686564298ab0501db9fc426e863d27507', class: {
+        return (h("div", { key: 'a0a1c68c27bb77e9285032d99b9dbb0fd291613b', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '307aa8fefe6b7270cb8c98fe0502917a5e751e78', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'e5c778d172ed7b3ee10d3e0a25297fe355d61948', class: "gux-modal-header", id: titleID }, h("slot", { key: '2cccc3bdfe2ccc266c68336a7573607604c8eb36', name: "title" }))), h("gux-dismiss-button", { key: '4a8093ca3422136365913052295d1df10765b45d', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'fe6e66c363c4744619a873cd6c4bb9acc139a081', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: 'cdbbc90cae0d0493eefa751b4aefc58f21e76153' }, h("slot", { key: '893343f260d2661a37f77b16e0bb5aa9e94f1383', name: "content" }))), hasFooterButtons && (h("div", { key: '6ea142fbc0892cab7bda9dda3123485c5ef9e23c', class: "gux-button-footer" }, h("div", { key: '1d67accea5d546f9c9b272ba96f65835912bb8d0', class: "gux-left-align-buttons" }, h("slot", { key: '7c182f7a3e4c3a351fa0354a0c1635643f2fa122', name: "left-align-buttons" })), h("div", { key: '59fc56ba6471dbea69ccccda2c75cb0bbb29336b', class: "gux-right-align-buttons" }, h("slot", { key: '04f2343a7bbc49b73e07e59e2f5860c7e4591984', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '56406d5b6098adea8b42cf7179574494abf7fd4c' }, h("slot", { key: '5b107a55cbb4c6848487c28491a10e4e809c67db', name: "content" }))), hasFooterButtons && (h("div", { key: '5264a4a99204c481cd08c31832fa2280a24df243', class: "gux-button-footer" }, h("div", { key: '1529fdb01227a68a1789530eb2b23859ac110207', class: "gux-left-align-buttons" }, h("slot", { key: 'cf9537bd6192274a0729731efb9a70d2eeb3c196', name: "left-align-buttons" })), h("div", { key: 'c4c85d7ad09e0ec83c77a174743b8773ac34705d', class: "gux-right-align-buttons" }, h("slot", { key: 'bfe4791ae99765ae8a3ae7b472a6b280d1b1a666', 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: '4b60b5f552987f4d07c4e7bd0e08dcbfc96d669c' }, h("div", { key: 'd58d8f067ed5ee94057f19b4b3cc30fc39b74e76', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'e94bd9fcc694868754cb1ab9573c57f5e718734a', name: "icon" })), h("div", { key: '986586f6df4d407d256475e5ad38ec00120929d1', class: "gux-content" }, h("gux-truncate", { key: 'f816a640100a359626c31debd35a29f3efc07015', class: "gux-title", "max-lines": 1 }, h("slot", { key: '325aaa5c6a78c2d601627a33b04b1856ba420072', name: "title" })), h("gux-truncate", { key: 'd8c952b034064bc37ca561af0601a0c25b643af8', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'a291030dece0b7168eb878de34830b512ec1d300', name: "message" }))), h("gux-dismiss-button", { key: '9fbbcf2c019cc5d178ae3a5b7f1f0a55f5898a96', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'bd858e59d02b2ae65a0079fb38688b3906220e8e' }, h("div", { key: '3eee51c5ee55b2c61200ea93ae4307e512bd8afa', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'c3cc41208c2a0e3aac9cf08e61db2119830f0bac', name: "icon" })), h("div", { key: '9ddfe233b519aff20773eb794643d5691399a861', class: "gux-content" }, h("gux-truncate", { key: '9d97fbfa97a4e33b6673043e12b5166367dcf821', class: "gux-title", "max-lines": 1 }, h("slot", { key: '40c1d83e822a7f000276f762e79432823da55f53', name: "title" })), h("gux-truncate", { key: '9190f8ff373400a4fc15e588594ad5973b106829', class: "gux-message", "max-lines": 2 }, h("slot", { key: '246382e3578cc1b090f4bd173f3a4fafa7272976', name: "message" }))), h("gux-dismiss-button", { key: '6824395ab9e4601f48d80024a7333294ae1a5a65', 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: '557e3312c0152bd3654b28e6574fb741015e382c', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'fd835e1137e8736f609c8164d697b63ded852897', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '061444e9654c31aa2a012e03465500f03a3b1ca1', accent: "ghost" }, h("button", { key: '2da2393ea5079c930b7318d8c66ae9e4443ab15f', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '38e7d295fa218fe90b787fc46b644671d3993065', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '717e500afcb575faa741b65ee215a6817392326f', accent: "ghost" }, h("button", { key: '57de16c874a2ff91c9a0fc3f6b162c27665532da', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '99fe82ca76d03a9b67e1307b2915808ab48b1507', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'da2fc88c6ecfeecf6707a2f13836d07abaf80afc', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '88bbffdb9c5f1f513191949b7d26dfa1b9eccbb9', accent: "ghost" }, h("button", { key: 'ecdae67eb330e77188c2cc9db64698003e0ec801', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'b6d2c5f2732a16e036bb8924a64bc957cb3e4e3c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'f47c7603b8d18724d2c7135ceed76d52d5db1913', accent: "ghost" }, h("button", { key: 'd096eedbb9620f27bee548deee00ddfb7a703957', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'b4c87b2bd8075540f3032acea4895f11dfb04bf2', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '02e225cc747b05e7620cca7cf781dc32eb2dc20b', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'a4b95d7b01c768bf22d19c2a3dd01ee36f88bd1a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '76df04ab3210bdf33bca5316604c192431832e5d', accent: "ghost" }, h("button", { key: '56c5aa4577d26484ab183ef0a3af428b8e563055', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'df4b8156255d36744d1d4155c02ae98b43da426c', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'c61febd35086ce7ecea4274cc14fe74356d2f545', accent: "ghost" }, h("button", { key: '5bb93d100ec55881dbd6dd13be6e28426b7532db', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '2581fd7fb1a61799b9d4aeb7e74293409913c7ba', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'ca9d527093b445a8bbabb936ae5592d3c8a8c57b', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '28fe7492e64a31ed1518a60ec97c311df7590fe3', accent: "ghost" }, h("button", { key: '9e6dc8905743cfc9858b96fc81ddfabffa3a7348', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'a1d5fc160f64161b8dbae630028ece855c5e8942', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '706655f3e299d2222a7bbeed5390da52b34c424f', accent: "ghost" }, h("button", { key: '67f93b4c3fbfc8ef18c551c61340e754afc04663', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'dad0d41593b3ba802e2c99e661b251ffb36bdc13', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons-legacy"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-item-counts-legacy/gux-pagination-item-counts.js

@@ -23,10 +23,10 @@ export class GuxPaginationItemCountsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'b1aa6d30e61142f6272a3e03b7659b90e33ef0c8', class: "gux-pagination-item-counts-container" }, h("span", { key: '3dca5b0d3e857662c0ffaa0d6e8ec92f20289107', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '7409beacbcc84005ee3e85ebc4766d48a45b7fb0', class: "gux-pagination-item-counts-container" }, h("span", { key: '3b7f37cc0935347ef5191bc3f88655ab0523f575', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'cd33418cd86dd09a03834b988dc74ac6807f0db5' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '1db48dbff49cd646a97f9aebb1a05bc8aa82abc1' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     static get is() { return "gux-pagination-item-counts-legacy"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-items-per-page-legacy/gux-pagination-items-per-page.js

@@ -19,7 +19,7 @@ export class GuxPaginationItemsPerPageLegacy {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '7c562c72c13371778551e6bfd16b9931dc614926', class: "gux-pagination-items-per-page-container" }, h("div", { key: '944d0f6d03ebc6f8dafd0702731510ebb0bdcca6', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '96c6dab81456fcfa6c04b32be732a47134aa7d52', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '8cc8d4db80703f18502c9414160e236a93c576e7', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'd60b4b3a899c9c110350b3b38454b679fdb5176b', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'd977d4271382983899c8f417862e556c4d7add24', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page-legacy"; }
     static get originalStyleUrls() {

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

@@ -58,7 +58,7 @@ export class GuxPaginationLegacy {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: '5afda97d8b2a6835ea609ec114df490ced743adb', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '1963aa3608ceee1b8e60afebf19a5deb7c92314e', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '42bf68ac8d182cbca942feb3f0a5c160f560b05d', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'f78ea61450c103185a8c4920e02ec85739b7cf97', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'e909eb0474dce545649bf983fded21102f1184ea', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '9a694cbd80e955a2edcf41ba09288d47ad61ec22', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination-legacy"; }
     static get encapsulation() { return "shadow"; }