genesys-spark-components 4.171.5 → 4.172.0

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

@@ -41,10 +41,10 @@ export class GuxStepper {
         this.stepList = slot.assignedElements();
     }
     render() {
-        return (h("div", { key: 'e47f240d69e16893425a93471aa31c1cb3195285', class: {
+        return (h("div", { key: 'a42f2fd6330f028b0f9958b5ed637d08abe80025', class: {
                 'gux-stepper': true,
                 [`gux-stepper-${this.orientation}`]: true
-            } }, h("slot", { key: '11e714afac97055cc38a7f9f8f606045d64ad962', onSlotchange: this.onSlotChange.bind(this) })));
+            } }, h("slot", { key: '0e318b2dc401e9aca1320a92d4a15ee75d6478d7', onSlotchange: this.onSlotChange.bind(this) })));
     }
     static get is() { return "gux-stepper-beta"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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

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

@@ -173,10 +173,10 @@ export class GuxTooltipBase {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'bb54225b89f361f12820f1912fcf81db8cf8fec4', 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: 'a148f0b42be2986acfa4b38237a75d268c05aced', class: {
+        return (h(Host, { key: '589eccc3b0bcc5eb1c0313420eaf3bd7a907e33d', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: '9d7223f66128f43fb6819aa7d7d766572d572f9a', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'b8a603426f079657827293ec48ca849e1e6bf1bc', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: 'f3cec6be4be4ace2c1c7e8b6fa539a283c161fb5', name: "content" }))));
     }
     static get is() { return "gux-tooltip-base-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -76,7 +76,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: 'd0b2e3181a2588558f7ec6e6dce60db9f4ba7011', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'a43ed8e1a405842c2a0a18e7c376d8651aeb581d', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '4d6464a3bbc979aac5149e41e44925e071aed157', slot: "content" }, h("slot", { key: 'be4cefbcf70e6e0ba729bd0083ec4f55f5268d3a', name: "content" }, h("slot", { key: '9faabb31c6ba49e5f4162b8f2e4c93568ee08c08' }))))));
+        return (h(Host, { key: '68b4d6d96ac9576201c2829ec58a77ab92032595', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'cc009014f934281a4cb44ce8212c08f2514d79ac', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: 'eb04cc584248b325cfca71cd86a05c25e638acf5', slot: "content" }, h("slot", { key: 'af2c4fe55b64afba8a147708dfa588c09a510e1d', name: "content" }, h("slot", { key: '90e1c25bce923d426de6068228b3ce22a880164f' }))))));
     }
     static get is() { return "gux-tooltip-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -73,7 +73,7 @@ export class GuxTooltipPointer {
         }
     }
     render() {
-        return (h(Host, { key: '63644551b967d0ac9845a6666f59a811239d0237', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '362c5ff0ed2605b11d75cef9d9603e63bf0f600f', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, h("span", { key: '7710ecc8942e0c50370395f24d2456b8e34a4c28', slot: "content" }, h("slot", { key: '238564d49e4436d6631cbe3850a5b196e99c6641', name: "content" }, h("slot", { key: '0d87d1a053c7698ca323e84b305339673991a08f' }))))));
+        return (h(Host, { key: 'e355bd3301845f443c222589f5da5bc6f706419b', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '97ce3127bf64911c21884f586c80b2d213616deb', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, h("span", { key: 'fa43a9b4bf1397a25536d8d79a6382fee3072282', slot: "content" }, h("slot", { key: '1691405ae0c85940c0315f7fde3e0a1292c8d113', name: "content" }, h("slot", { key: 'b0a1a8b150441f823a517e1832a44ef86b1e16ad' }))))));
     }
     static get is() { return "gux-tooltip-pointer-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: '1506992246aa83217b6d73cfdd0e8c85631e8278' }, h("div", { key: 'e51d40ec1cc3650da7a8c56b44886e19af8f5c82', class: "gux-header" }, h("div", { key: 'b82beceef04d6c3826865501295278cdd42eb59b', class: "gux-icon" }, h("slot", { key: '113bdb46f8e908f2ba692c61cbd004bd1dbcd68e', name: "icon" })), h("div", { key: 'd82f9009a6dc984f4b510f2afff51baacc7ad262', class: "gux-title" }, h("slot", { key: '572c9821793787350bf4794cdafa52578178e873', name: "title" }))), h("div", { key: 'bb9fdfeb5cc2c5e0b6ce799ae5c73f44e0377e99', class: "gux-message" }, h("slot", { key: '4b5224ff6c9b8d9d89599fb3844764caa02977a5', name: "message" })), h("div", { key: 'cb928aaca6ee3b28daef8650359d9fe081e53a2e', class: "gux-action-buttons" }, h("div", { key: '3031f0c0b5111bac18d42cd65c4086a26838fc15', class: "gux-positive-button" }, h("slot", { key: 'dde475930730886bea30537ace45997f091ca576', name: "positive-button" })), h("div", { key: '99c2f76f71099fce3a21e40fc51f920305d2a1aa', class: "gux-negative-button" }, h("slot", { key: '9ab48c1cbc8c92087b7427aedba720cd60eb2073', name: "negative-button" })))));
+        return (h(Host, { key: '4d39862f1b1c44752b7ef7a041dd6f7bb15c2f18' }, h("div", { key: '35800d66f8a2c3e06ba6dbb58fa0de84ba320f4a', class: "gux-header" }, h("div", { key: '44e580c674173430049c4253c88492161752d312', class: "gux-icon" }, h("slot", { key: '899a89d3c7e51ecbc68f0f04c3d0b04572bc79ba', name: "icon" })), h("div", { key: 'fb4e6d32fddcf81c279ac2e246644c4e41d01f6d', class: "gux-title" }, h("slot", { key: '48b9903c96f9992f0ff38442af1a36499882753b', name: "title" }))), h("div", { key: '2bf09e29d6b25c6237c74ec94f55da59abf02905', class: "gux-message" }, h("slot", { key: '768a97bc1a4678a25f2212672e4fdde5dbad1a8c', name: "message" })), h("div", { key: 'f20cd1821d41bb426c36c491d41cf85dedce0cc6', class: "gux-action-buttons" }, h("div", { key: '2a104165a2405a48c076325889faacb1f4de91c0', class: "gux-positive-button" }, h("slot", { key: '211b7949285688c7be31bf094694f8e7e8d3f262', name: "positive-button" })), h("div", { key: '44b173003e69e9e94cd91f6aacef573a0047353e', class: "gux-negative-button" }, h("slot", { key: 'a889ea28d2ae58b69d7bd427185de4f5de3e93a3', 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

@@ -50,7 +50,7 @@ export class GuxDropdownOption {
         };
     }
     render() {
-        return (h("div", { key: 'f725c7472c496316e8d7bf04a94dda49a1ae5c0f', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '9d2fc81068f966e6ee59d41a31764b192d3805bf', 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

@@ -77,9 +77,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'f35ff963ea0936273394396e3433763ab1133aeb', expanded: this.opened, disabled: this.disabled }, h("div", { key: '1e34ff4b82be18a74ffd1f37233012e43f7fc18f', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'd49396581273df932ad86c71cc69d4ece2de0f5a', 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: '0f56eb0c5b7939573073b35aef386399e4c05bf9', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '6a93a48248890c16faf8a570786547d312f3118c', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '876190acca853f1a7e1c01c1a4776c3f79096a61', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'a8003e1eeebcc46fe533067a172a229518298326', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'eb4a9ba587e2c8495eaf8606cd1f9fbfc82b8a62', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'c189b3f246e2e28ce4c0f44102e05b1deecdb4fa', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '249a443171cfa09a43f5a1fec2866fb96dba28dd', "label-position": "screenreader" }, h("label", { key: '270c3b22e776955348e945596f879ebaa71bd17f', slot: "label" }, this.i18n('searchAria')), h("input", { key: '0ec79593819d6196ffe1a4edf8fb0a583101d097', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: 'a68131fb4389984d28ac42fa6b8aae015f8f2be2', expanded: this.opened, disabled: this.disabled }, h("div", { key: '1486d84be1a6558d9d2e9bc00123528d0db61cda', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '163845ad680277756efd0c3879e727b67f9961d2', 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: '50e5226799904dc038515cf826b4a4a6d90470a0', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'e129606c33d4edf28070c73ac6f9b4390dcbcbaa', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '8b65e817b5a1cda5ce43e5447d9c94f245eddd18', class: "gux-icon-wrapper" }, h("gux-icon", { key: '5b7bef3634c2e38fe3dfa7f5f47fc5f1afb0686e', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '65771895cebd700d92e180270c74870e5b1dc4ff', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '92d9beb445984e52e5b4c4bf4dfe8dda7bf366ff', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'f897e85bd52efffaacae84bcaa8a2272bf9df45c', "label-position": "screenreader" }, h("label", { key: '3a979d9f0afbfc6b268ebbc6645e1a05965ef9c7', slot: "label" }, this.i18n('searchAria')), h("input", { key: '6aca36cf778a414aeff2ba074d2ee9324dcde0d1', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '42703d008e5454a339e46aa2c46c8306133f8f67', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'efd0d1d6d48d81da4ef16acf1ff29c6bbb2d24be' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '5d4878736299975d453a91c704bec13d5731771a', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '8b9af86dd402b65cabecd2c7395d039eb54bc93d' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

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

@@ -46,10 +46,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '747050bec6ca0ca70b51fe1f8efb1950bb4067e7', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '9777b416941be9663138cc389a511140b9b5029b', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: 'ed8712e407c36294c3fccc057276bc798f56c1fd', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '08749b4054704a5b117d5441f521a6b76e2e5ba7', id: this.panelId, class: {
+        return (h("div", { key: '91b4a46f393fa472d008c37d69636fd851d6d218', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '002368d9d0a5367336679ef236aa84389a205827', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: '6e76144a9a1fd3a94d563175f1e306989ee810d9', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '35d324f3483a176e279c3ac2c12cc021175e01b4', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '5537e7e7ec37df16faff2c47ba1d69894b892812', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: 'eb9357653efc6bd10f09fc253108498d44698ae4', 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

@@ -44,10 +44,10 @@ export class GuxModalLegacy {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: 'eb19b6f4d5e706e5f631af65788790b4b6a28988', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'e87022164421cddbfe8b27a38b8e239e14033b23', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'b5cd2c9a126417ef21c94e860643f66d5dcc87e9', class: "gux-modal-header", id: titleID }, h("slot", { key: '770edea87c19561922dd3f8431c091e67712ebf1', name: "title" }))), h("gux-dismiss-button", { key: '3a976273e3565189fc9c23a28d86d77da6782172', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '63f5ff17b14028cf92dcd8abad21ba8c44909d86', class: {
+        return (h("div", { key: '7b494ec1f94b00283ce2a11901c7ff331d35e130', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '2ea6c04de942130555316a38e76bc11b0c6bf5b3', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'ec346d5def602698a06d51419631d03b89201c49', class: "gux-modal-header", id: titleID }, h("slot", { key: '1570f63b8fbc10451e486492efc9713c21f06bea', name: "title" }))), h("gux-dismiss-button", { key: '59b6875de06c1f46d1f20557955347c775742237', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'a99f8346cb73018789e2f3ecb9d0bc2f74fea16b', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: 'dcac66f03f3c1c0bf8aa5f2ac47de7985654d5d4' }, h("slot", { key: '0d458479ea3a41f540569229df9ad362b49fbd6c', name: "content" }))), hasFooterButtons && (h("div", { key: 'bc59458c481d65841cec791c1d49f6ebfdf6da2c', class: "gux-button-footer" }, h("div", { key: 'cc598c263f762d22574b6c36e0a6c64e708ca265', class: "gux-left-align-buttons" }, h("slot", { key: 'c0f5c6b565059278216be874d0f8b1801e6141eb', name: "left-align-buttons" })), h("div", { key: 'a7908faf1ab3801ea531a3429ee4c4f3a3be0b95', class: "gux-right-align-buttons" }, h("slot", { key: '3a63cdb61c930d575b8673dd4fbef51c538de1af', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '5048c00f243cf34b0327af9218050198f4f66ef1' }, h("slot", { key: 'b1d772338076a1cfc0737a1a37c3aaef4215bdb1', name: "content" }))), hasFooterButtons && (h("div", { key: 'dc7914559269eff4a4770a2ad71b93a6bea6e6de', class: "gux-button-footer" }, h("div", { key: 'b890737c5d150aade109bb6a65f68582cff6dbf9', class: "gux-left-align-buttons" }, h("slot", { key: '890dfd26c875da22404aeba6fe0b3662160c5fa6', name: "left-align-buttons" })), h("div", { key: '09ebe9070192e85e9c5c4580d00a8d180c70b0ae', class: "gux-right-align-buttons" }, h("slot", { key: 'b778b6885c39bd64857109395b9a181d3712e21b', 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

@@ -16,7 +16,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'e49229eae063064416b3aa771ea42bbf576cc89d' }, h("div", { key: 'e9d17ba196fd3d42bf71b79daaef314460d8fa16', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'b148bc51252ec6598cb09d3890c8ac741006fd49', name: "icon" })), h("div", { key: '38b5547befdfe2d723114ded494279969fa5b9a6', class: "gux-content" }, h("gux-truncate", { key: '7075cb4f27361e6a89a8cefec06001cc82687430', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'c18aa4bab6040b54033b7d4d71ffbdeb888188e9', name: "title" })), h("gux-truncate", { key: 'c131d90b96d47d15070344570ca95c892efff77a', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'a4952c02699ad006853adb5713abe3b18cfa4c97', name: "message" }))), h("gux-dismiss-button", { key: 'eaa16b6a0643038103f734689333c1ae1b64ae5f', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '573734c5d1cd19b45211f3dc45d9622b254574ad' }, h("div", { key: '68f5a632ababb60af7c8947c3e5e632d0db222c3', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '9d065164cfc34332ab1ba91a2472d3006bb4c011', name: "icon" })), h("div", { key: '3d3312b47b577649d01a5e5ffcb822dc2af1b483', class: "gux-content" }, h("gux-truncate", { key: '6665c8e2ae07581016b5adba584976fc3de9f5f6', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'c5ba59e50a18b161602c7ef8317aa8d5db35a35f', name: "title" })), h("gux-truncate", { key: '0639745b2296204cd5a9d2cba2cc0d936c7b3459', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'e4f4a2ec2e217d7db77737ed4e2342f320b0b0b7', name: "message" }))), h("gux-dismiss-button", { key: 'f882f12e0e0504291e723a1fe5dafd7f5cfacc99', 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

@@ -69,7 +69,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '5e26b4c88c75858004872520573e4e9a24f38520', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'd69821705a27f94c4076b3a52cd33fae7d2a59bb', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '81c2988010ddc9dbf4f0dc95d2d77c91a68a31e8', accent: "ghost" }, h("button", { key: 'a464a8047dc67ca58a78bfe8b88c0c61e85cb134', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '4e1c2c529cc99124ba8c4760296db50930805f79', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'fdb430cf0997fb1cd11eb4d514471f80fd3d3d22', accent: "ghost" }, h("button", { key: 'e003ad9f868619f41987312bbf368865fe93688c', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '6093b0a5112efe3b1e48a189ec91859e7fe3a472', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '7b50ddbd7bfca49ea34cbbda850000125fb466d6', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '238a6a4ddb27edd4562d6c3cc28d59a45038a0eb', accent: "ghost" }, h("button", { key: '3bbdeda74c0459640895b9b1f6109b405e1b2f34', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '2fd99e8e2ae2b058a61e7d200a898245118990c9', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '07af0468c68c533bfeae77130b7ae0a5d8ab8527', accent: "ghost" }, h("button", { key: '4f1033f47d62708c38a621454037f575f3e0b2fc', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '73e2c027239e5861875c99a72e370ddce12a52b9', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '6bfe9934da12338fb2079bf12b709178b204cb04', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '3b4b70a7b293b9ccfa216b652760c628c0439f11', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '0f858bc9edb6d94cbef14cbe22b04c9535b48be0', accent: "ghost" }, h("button", { key: 'e7a98217c45d94b0e513a5261199400a362f84f3', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'bcf31dd3f99f7a5360749c0fbf82ee028777e029', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'c0fd7151f5aaa3ddd0b1456be7b2e03cb713b1f9', accent: "ghost" }, h("button", { key: '96434284e1f850fd1ac5cd2115609e22bb768fae', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '8de80332d22e23165a101042ec359c070dc21e4b', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '0b5af87d767c97f6e68293c853f9414548a132d7', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '92f4a0b97a636e4f1cb4f8ed95c1d086d09b33b7', accent: "ghost" }, h("button", { key: '5d00559acacf87acc96d0adea82f85719f45831d', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '87229d76cca7649f9167f9ab50212f476b57694c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '31a88acea931076ab3ad9e2b6c6a1be58f72867b', accent: "ghost" }, h("button", { key: '61e056bef24d87a70294cfeb7b6f7c79bbb19ed1', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'dba41b0b95a37e60757abad289079f380a9fef98', 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: 'a194f602611450321c1ca072500eed6dbd051400', class: "gux-pagination-item-counts-container" }, h("span", { key: 'b05780de885df7f9690450f52a5ab319fda268db', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '52a55df1d822e6d2f0e8d43b127fc3331059dcee', class: "gux-pagination-item-counts-container" }, h("span", { key: '49f22f7b71a5e23a5e66ee9f04b3016c7fac9d68', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'd5507dcfb2a71b761fca1e6149edf720573771cf' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '981d9efbf53346d2b0eddd03d80dc54d18a03a3a' }, 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: 'e1a57ac40499540ef858b15900dc9224cad95c9c', class: "gux-pagination-items-per-page-container" }, h("div", { key: '3b7f866b9ccb83f659323f1a968951bb7021efcf', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '4bb3b1b71d6ca80b09c049461533c669e22d95ed', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '7531aa0b47bd1ed05092058e9eef5908807d0f73', class: "gux-pagination-items-per-page-container" }, h("div", { key: '623ea4b20eb5a59bbe39b577ca2cd6cb2af8b42f', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '25cf6bccb26bda557cda5278a963b8e7c458a9c0', 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

@@ -69,7 +69,7 @@ export class GuxPaginationLegacy {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: '259162b87542bc6c5a4b9489684d23d076123529', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '25ff155574383798c6045fb9de65f8af6d880df8', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'b61c3ba34b335d25bbc5ac10ce8f08cb47bd1a87', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '26e3a619fb233d844e67a879b1a0e77c924fd4a8', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '3c9c3ceb9a04a9d543056a8b8636553f2da0df3a', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '42179a5af805ed97533739a475274080fd47648a', 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"; }

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

@@ -15,7 +15,7 @@ export class GuxSimpleToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'fcedc51276036598daebdb655e739f7ef4f62b45' }, h("div", { key: '60c846e5a15400cbef1e1827d1a549c51903b9c5', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '1171cf31e5573d3485b338e0fcb430664e500fde', name: "icon" })), h("gux-truncate", { key: '41e9b1c8048684f7c0ae32e32789c95eb9e9be28', class: "gux-message", "max-lines": 2 }, h("slot", { key: '1e43240a28a3d7b857b03207a7276acbe5b42230', name: "message" })), h("gux-dismiss-button", { key: '6ec76bb9de5815f5c9f8c4c1a594cfd23f6a1e06', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '12e14271129b836c7a70008fbfa2e8999227fbfa' }, h("div", { key: '022a9fbd431e064d8e5111a9b73618109bb4bafb', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'eb775a609b8d13740ecfe6cfb69ba322f7be98f6', name: "icon" })), h("gux-truncate", { key: 'f5c7d822134a7cb021761884ef7bd29fc0a2f895', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'cbce81506a2fb5dc65a05170e17a04f2847de951', name: "message" })), h("gux-dismiss-button", { key: '32d9498e48222282503e6e0f855890afc287f4c0', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/legacy/gux-switch-legacy/gux-switch-item/gux-switch-item.js

@@ -13,7 +13,7 @@ export class GuxSwitchItem {
         }
     }
     render() {
-        return (h(Host, { key: '473d91b23d91706de57cd54e5bbb4cf37643aeda', class: { 'gux-selected': this.selected } }, h("button", { key: '9b47a44b1d319d18c193cd25375b3a56a44505cd', "aria-current": this.selected.toString(), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'ee5d1ecd3dce5be749976abe85047bd0b5511f5e' }))));
+        return (h(Host, { key: 'e88c57855018110fb25e7f63549f5fd3f78b67c9', class: { 'gux-selected': this.selected } }, h("button", { key: 'ec619c173d7c8d6df364bdf65c1929b2caa90cc0', "aria-current": this.selected.toString(), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'c57a01a8a1f305c40fca5226c7b6efb3014be677' }))));
     }
     static get is() { return "gux-switch-item"; }
     static get originalStyleUrls() {

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

@@ -30,7 +30,7 @@ export class GuxSwitch {
         });
     }
     render() {
-        return (h(Host, { key: '636ba23f9f730f26792bbbe606ec742967b678eb', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'd0d8b7103c7d91457e7a195eecaaaa0c154719c0', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '392720a0d0769a1ec3ad68e6dccd119df83c2828', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'de1cf16f14e240f7cf277c1c541334d8245324db', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-switch-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.js

@@ -50,20 +50,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: 'c75d8043d26a05924d297dadca25c032f6ae0526', class: { 'gux-disabled': this.disabled } }, h("div", { key: '750e9560166edeb46ede34c1a1dadc62ec94aafe', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'b53548ea3c8cf3161c928cfbbb5843bd201902c6', class: {
+        return (h("section", { key: '0bab27c0aee639f3a962946ba9ad443440c7f7e8', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'f50596e83269ec309e6fa153378a1cb16baeb660', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '5c420c009d26ae52517c58dd38d31cc1e1151353', class: {
                 'gux-header': true,
                 'gux-reverse-headings': this.reverseHeadings
-            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: 'c726912ea2e56342ae5e1e457d359df6669623c6', name: "icon" }), h("div", { key: '5327ff401a76ca156bbed009ff83a511299193ff', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: '71880462d0ffb3b4cd01c75266db3f598641654d', name: "icon" }), h("div", { key: 'ed5c022515184c89088bf6ef158dd270f1ab4b31', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '7cec0481566f2df6042fee39b09cc9257de0f200', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '37889a095f6646939267098e27f19738dbd71e07', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'ed188ffbac75e18a0833ca40702d5b75b88d0be5', class: {
+            } }, h("slot", { key: '36bada79777b79e29db1550f26a22703973366ca', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '227094c24a25e4e966da41ab9c6ce8d63623c015', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'ed98e57626b4ef122e8a78159271b86fdeb8f6f9', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '2a4cf310fe0429d84f028e4f07ff1e3de27e1e47', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '7feac8c47c093b5f8ffcd49f0cc7026f7bd41ba6', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'dfc7c82e8be5a34408fff0194a328a9ee622d7d2', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '80ca67b8cc507a096c12995e68c43af6e03db013', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, h("slot", { key: '561fc3a7c20efc44c44508632a41ef7f6e541f20', name: "content" }))));
+            } }, h("slot", { key: '3c241863af3b71d4fab580abb43588622f7c5a60', name: "content" }))));
     }
     static get is() { return "gux-accordion-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-accordion/gux-accordion.js

@@ -36,7 +36,7 @@ export class GuxAccordion {
         }
     }
     render() {
-        return (h("slot", { key: '40c10eb6df635f2f67aedef0880d2a2575d7e4be' }));
+        return (h("slot", { key: '1d574a5ca15e0fa85c96b1d8faa1d09bd0eb9223' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-action-button/gux-action-button.js

@@ -138,7 +138,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: 'df9dd5a402a6324792ba6f5720f9ab321b667364', class: "gux-action-button-container" }, h("gux-popup", { key: '7c01746417f8ba0becf8515f767e76942b91e7db', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '361a159c4683ae17a0fef7553ad46bdf293a6748', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'd6eb30aed3d5742796fc16c5c372ef23ae2bee6c', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'dc11517826480de7c04b67ecdf66c7795a7ce552', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '6fa178458824c8c3c3554222bb51bb8b7a3a9770', name: "title" }))), h("gux-button-slot", { key: 'de01cecd901bbfd17e64fd649fe2fe51590007e8', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '9dd30f7d7c367a3ba3afc5afbcbec0e36c6305af', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'fb946785e7f06d461645f293e9c2a10e099fb671', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '2835ad9397bd6226379bdd344a4c650e443b16b0', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'bffae7b0a2f0d41cd82830878eadb058648a4480', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '5ec78abedc3497737d04ab157cf25dfd44548e80' }))))));
+        return (h("div", { key: '61732623abe1e7e5c843807bd2bd2808053376d0', class: "gux-action-button-container" }, h("gux-popup", { key: '105ef8cbf3e2ec7fe0e2ab140e8755b882a654ad', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '6865224223a13a93449e8da3398d5fbcc44072c6', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '37a54cf79f5899368b34507b13a64ea47cfe3069', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'c140ea31dfd538010efe365d5ba59fc87aa08e9b', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '0a32820bc05c5f90d2d7039ad6a970d603c6bac3', name: "title" }))), h("gux-button-slot", { key: '02d98a75d254b685c507a6c2a2e58076f94e35c5', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '32a58a3ba514f1bb9eff1405f5e8410f343a3423', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'dbdd6b42fcd5b02f2ff156670ff2d49ebc71c03e', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '33387cf15eeb12e9a537a53aff1b2a70a127cce5', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '27734249d902b5e39d05de88ef5a3da77e299324', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '259f83163eaa3d047fe3499c6c798e6eaf544882' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-badge/gux-badge.js

@@ -52,7 +52,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'e76bc3b1f5b461aaf992f5ba79ba778f1084fec7', class: {
+        return (h("div", { key: '32114bcb2f163054a2dcaff3a8089d99dfa43f0f', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

package/dist/collection/components/stable/gux-blank-state/gux-blank-state.js

@@ -43,7 +43,7 @@ export class GuxBlankState {
         this.hasGuidance = hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (h("div", { key: '552956046140956fafb09eef24724eedca205f2c', class: "gux-container" }, h("div", { key: '7085f843ea70d6e20f1fd114aaa0f916e78702f8', class: "gux-image" }, h("slot", { key: '31dec09402b2ca8f0ab388466d534706783fe900', name: "image" })), h("div", { key: '86be542b754b1cf257f01a0842f2777238b83f3b', class: "gux-message" }, h("slot", { key: '1809ba5287c136a995e5ec882327a94cb4e40599', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: 'd1d9e6dda33ff6c8d842041a0d71a3d095acb6c4', class: "gux-container" }, h("div", { key: 'ad67ff6c35b695b2abc9dae51fcd1f305d38317b', class: "gux-image" }, h("slot", { key: '0fbd6c1246c1fb1c07fce178a936c3c033539e6d', name: "image" })), h("div", { key: '48563f8683ef511bbb672b4360bd959122dd6be0', class: "gux-message" }, h("slot", { key: '86a9de560ef82df5b8a6422a6abb6181afbbb16b', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
     }
     static get is() { return "gux-blank-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-breadcrumbs/breadcrumb-item/gux-breadcrumb-item.js

@@ -35,7 +35,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: 'dc776ce73d09cdc31397017a03c56b7612a896ba', role: "listitem" }, h("span", { key: '9e6106e96f4e83cc5c1ff26135f50f293ef06afe', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '1f2825289f611798842e1bbd6e9e9185ab063b8e', role: "listitem" }, h("span", { key: '84b62296f7581ca92889e5e2518a6cfbc5fb356b', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     static get is() { return "gux-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-breadcrumbs/gux-breadcrumbs.js

@@ -19,7 +19,7 @@ export class GuxBreadcrumbs {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: '28e89b70724e2fee7aed501bdb7876c26e62436d', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '288ad6b8a76170a489b17bbe53c983a6c084e15c' }, h("slot", { key: '1278e0feda4ab8d38e0f9a53ca2c4212199e9b20', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'e5a11fbfcfd9205f4a5ff4ec4ac54972e9d21a9f', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '6839aa6f10a47c237a885c20a956d39ba668272c' }, h("slot", { key: '19975699c393dd4f3ecbaceef71143ed5e2aa9f6', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     static get is() { return "gux-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-button/gux-button.js

@@ -26,10 +26,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: '9c064f7a47d8a4b4deaa4e60af5756a030d716af', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '9b341a080ad9ede866c03283b2939b32094f2a9a', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'ee0e8501a4cd24a1fac1cb4c29c452b03bf434bf', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'c06d798086112b51b04ed31b57461be53a074836', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

package/dist/collection/components/stable/gux-button-multi/gux-button-multi.js

@@ -126,7 +126,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: 'd0471123ebbef7706d65e54444eed83bdc12e8c5', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'b0518abc3f62574c92e51bb7aef6d2a63796084e', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'cfbb5ae0ab92a8b73a455fc98eb2e2169bcb625f', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '1e632b8a5081b7baf0ab68faa19ba48de2131844', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: '6f41114c448e2e3bfa155d0f3650e6eea54eadb4', name: "title" }), h("gux-icon", { key: '6d16800f1259010172329c1095a654ac273cb8be', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '0ceaafa916a6334c13245b6127b88958f0bcf9d7', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'e131b5fb0eaae56f8f2a811f14cb28feb7865430', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '006b0c69edb184c8259a1dc3bb2366c9aa6eacb2' })))));
+        return (h("gux-popup", { key: '52ad777f01760b4ac5994c5fbf38b550075feca6', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'abdaedeec31d0a9324ab40888241638902451ec0', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '483b3e5fcfaf4cf2211cf8825b376a2c0ab6893d', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '424db87118e6aad3dc878f66b2260e86576a524a', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: 'ac7d024897d02a9baf5f00b05068a9f47ae5f0e8', name: "title" }), h("gux-icon", { key: '138a500f5f07ea4587e3b11920fa3095a2e06fe0', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'ef3a979bf39b1965a57f13b2624d127ac0669bc6', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '470fee384dd0db9599f39768f43239aac6093d41', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '7d6b13d9e7789c45da7418c9fb2d1a76dbe6ea73' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-button-slot/gux-button-slot.js

@@ -31,7 +31,7 @@ export class GuxButtonSlot {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '1820b416e8c54da3570d3784266eedc5933efbc0', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '66f3850cef58ba9df05d432ab522e60b28280d90' })));
+        return (h(Host, { key: '2037431d7676744e33dcc65c468266fcde5d5556', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '95b754712c6c2b20cb7fd00b0215e5a84872e98c' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-calendar/gux-calendar.js

@@ -344,7 +344,7 @@ export class GuxCalendar {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: 'e7078b80ee2b85e0fe1c83f96e60a7964939545b', class: "gux-calendar" }, h("div", { key: 'f1e5fe1d328ef32158989cc9e20909f9e3139a67', class: "gux-header" }, h("button", { key: 'aae4da818ac5081ef787c16c812a7c0bc680a32d', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '823f261e39e0b061ead849afb82f5e0a2c5d55e4', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'd1d9ebc762d7278b19964ec38d00296b47f98b78', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'a7bf63b4506e7c55f691d3aaad430f18edf0623a', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'b1cd35692c38c748363d6a0edd9c3f8d866d944e', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: 'c51efb3d028a1f1cde67b73a45ac3bef6ed8cdeb', class: "gux-calendar" }, h("div", { key: '43374fcd8668bc32a6a1980875d1852108cdcaae', class: "gux-header" }, h("button", { key: '5137af4c0a0c4aceac2a128ff80cd0bd99e286f3', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '8af0c734ac2a821921bf44cce758b86ebb82615e', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '1fddace228e1b8c9ef100de46be121ebce045335', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'bfa9eb3d0f63bb858da0a94794dedba1aed9562e', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'be493aec6f129e041e026e486992860be3a667ba', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     static get is() { return "gux-calendar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-card/gux-card.js

@@ -14,10 +14,10 @@ export class GuxCard {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: 'cf65846810dd24ade44d0c3400f9d16c1876746b', class: {
+        return (h("div", { key: 'bc2bb7347826de5373435e505fbebe378169ea60', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '4a241e4cc99530464998917f75093f565542dd7f' })));
+            } }, h("slot", { key: 'c665bd5da52773cc5ff1abe3efb546b1d3d7311f' })));
     }
     static get is() { return "gux-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-column-manager/gux-column-manager-item/gux-column-manager-item.js

@@ -124,14 +124,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '87e64ab19cc75a34e27b0da4a3883b4fc03bdfe4', draggable: "true" }, h("div", { key: '852ceec945260e57f0366ba8dd4067a36cad1815', class: {
+        return (h(Host, { key: '3db4d18c3513fa2f0461f69cc0663678e6f188ce', draggable: "true" }, h("div", { key: '36d290e735fbb0a7bc2cdaf6f4ab8a940e768e99', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: 'b871cd2344b5df464276ac3b3ef46fd13d491d17', class: {
+            } }, h("button", { key: '156fee9ed31cc504e5fa39ee260f04b98eeccd51', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '5ae5841dc9fea7a4c2915c103206aa7cfc96b939', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'd33b39c970e321e6216875363cc3fed45a8dfbeb', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'a047de4fd93b7e742b1b70a31061750478f1c224', class: "gux-select" }, h("slot", { key: '6b3a439c12c4ee9f3dca44e7802f691fae62e003', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'd64a6d6a97f3d8fecf40a92f7ed8d27f1ef6320f', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: 'd1dcf32301fd2a5c8ccecee528d306fb7b9bc3be', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '65f5a4a087f806a23b7c0fd485cff4c54aee3118', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'b917c17ef5d19bb77da44606882e1afcbfa106bb', class: "gux-select" }, h("slot", { key: '83417c8e82830e7d58e2523a37a1b30105c12b78', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '207ac0f1826d4dc31e73deb56e08ab9e2709b3bf', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     static get is() { return "gux-column-manager-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-column-manager/gux-column-manager.js

@@ -89,7 +89,7 @@ export class GuxColumnManager {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: '5634246ba2c88484b06021a8865c9566401d069d', class: "gux-container" }, h("div", { key: '331e79feaa5c41b17162af720b679948de0fc5a4', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'f3fdd3580c20b6e72d9d9fbb16bcd57f53c233c1', class: "gux-search" }, h("gux-content-search", { key: '7fd12c67d493f5b8df537c44902492308b81d7b2', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'fe70e4da7358e2c413cf535c301d8d688dca0459', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'f334f3aeedb3d06980fb3db7fddbc2c94b83b7ab', class: "gux-select" }, h("gux-form-field-checkbox", { key: '7b3587652fd0ee01cf4ce12e05f4d154cd9b5eb0' }, h("input", { key: '86e8bac0b754e2f6d8040dc7c632a1e7dacfb7b1', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'd5c984dcfe510e346d5dd7d4e8d76e2515ad72a4', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '290e31ddb2ed344dd96d0088185fd5ece7301f7e', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '9c50c0a680be1c7adf023facf2186b5fa0aef5ac', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '29fee5ffde0698cda242795a20d4fde8fcda791e', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: 'e25980b0574b06cda13a00324a68c9e1560a83b0', class: "gux-container" }, h("div", { key: '22cd01ef039ca1acc952f7d858c41f21e16269ed', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '29cfa06de232ae3edd57f605ffa353edfbbb7ec8', class: "gux-search" }, h("gux-content-search", { key: 'fa3367796b94656dab71ac71d0c31fd89660f871', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'ce088e81b8e23c5d62dcfdc6820ca9b3f9448725', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'a2f74111e803a8a1dc6116e810266041b5617203', class: "gux-select" }, h("gux-form-field-checkbox", { key: '1778d957f892eca5380352ea38bbd961ab6d9286' }, h("input", { key: '766d1032ca7b5e7676efe4f174be28fd8fcb8a8d', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '0d5e9289646c0406792fd5f178cd47864d900701', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '10ce02eab90acc7198480a3e5959415e1055f796', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'ead3d3be357238e2a08de36c1df768adcd3ab3a2', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '4c422899c8b2cf4ad20fd54ed195ca7e95c8d32a', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-column-manager"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-content-search/gux-content-search.js

@@ -50,10 +50,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: 'ef4715513267f640e3146f356942998a1d7f9e8e', class: {
+        return (h("div", { key: '32431ee233c0db5f0d5bdf330c9c656b8090fde4', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '2f2a5f82d513ca4c1c09e74c83854986a85806f7', class: "gux-search-icon" }, h("gux-icon", { key: 'd0dffb2cfa01e19729d43c4f8560288ca97c3af0', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '830f23a720ef5d477402fb6666da5b9503c453e7' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '3fdd6ef2b2212c7b34c3a5b2ef28d275ac271251', class: "gux-search-icon" }, h("gux-icon", { key: '2c96251d2cd8469d45a8b854df50bebd41b8eace', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'c1ce20c547c1f065de5225639e331d8d1e1bc14c' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

package/dist/collection/components/stable/gux-context-menu/gux-context-menu.js

@@ -125,8 +125,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'f488ad19d41d35080f3d154fd01df5db25525f08' }, h("gux-popup", { key: '268ac9de1e2177f6c016afa2e8e9232e06413a29', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'fc75f62eba05adfefbbca68084eea444c7b13eb3', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'e486b064881e5222f70d9f29e057b35702674ad8', accent: "ghost" }, h("button", { key: '1fa611940f9e8a973a0ccb457e5522d08afbfa04', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: '1038219d1e6252b4cab799f114968a91a3a8b6fe' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: 'd395e55ca6385b7f12a4f5935fdbadae31847a08', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '3b8bf6b2d089dbabf260e16ed4695f95e2fb58d9', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '75a76f7e521a2a94c097e511e7c83445c47e2bd3', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '384bcd95b6aca902644c583a7f248421a59e8bd9' }))))));
+        return (h(Host, { key: 'c4770d1881b4e7ab459b7739c8cb97a55aad863c' }, h("gux-popup", { key: '32fe7d95c93151e2808de68b995c04a9b9ccf96d', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'fc319d9a8534cee4b7662a182bf0404bd59f71e8', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '98ef960c680bd29786e1573eb2dd66daa3452998', accent: "ghost" }, h("button", { key: '6cbb88334f64626c8d7fd7e850ab94de50ea4575', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: 'cf2d185cb73691af155919d4baad7465c7563c4f' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '79bb071c68efda53d7c59fb47d03d905b4c61fe0', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: 'd945e4239602697422cb4a9b991d21689334faed', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'a3979f582cd830d9affdeecfc0c0d65ad90e40ac', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '1556e5dc27c0aa7e8d7a08e486ba7ccdbc2e91e5' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.js

@@ -52,7 +52,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '986b0d6a44472080a6b1631f47c09a3a9293e0c0', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: 'c382424b3b372d1174344e77d3ca5ebb5c3cc75b', class: "gux-copy-content" }, h("slot", { key: '41e4a779c6215f183b4c0e3e1ff9eff4a3e2c122', name: "content" }), h("gux-icon", { key: 'd1ba22b2523a59e428b0a47603a937e99b840ff5', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'a9767c852490c997e2bd065bd22735207b93b536', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '3bc0a4b44f52ab25e44549f50ce9d5bce931a5db', class: "gux-copy-content" }, h("slot", { key: 'c3df0f4e629b775aff5b61d7f295b0a6638b8d6c', name: "content" }), h("gux-icon", { key: '394d0f89bfd345c09f35f2cc36b29e4671a94ba1', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-datepicker/gux-datepicker.js

@@ -538,7 +538,7 @@ export class GuxDatepicker {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: 'e1c82cefb4af617e0a0c4897db4e137eff68ba16', class: {
+        return (h("div", { key: '964add5da00248a406910349337e751462722389', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

package/dist/collection/components/stable/gux-dismiss-button/gux-dismiss-button.js

@@ -12,10 +12,10 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: 'ab4d4415b6534ff0bf1b123ca26d51cc28ebe9c5', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '2fa1ce4c98697480460bfe454bb34e422b528208', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '3a7f9528fca9183623b19082d34b51dd853ae615', type: "button", title: this.i18n('dismiss') }, h("div", { key: '7310d0b8879ec530ecfcd7432e89cbfd41e953fc', class: "gux-icon-container" }, h("gux-icon", { key: '0883e5154696a9fa8f06cf58bbda345aad7daa4a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: 'ff1aac5aeea781fc1579ec57e1d192c71b895608', type: "button", title: this.i18n('dismiss') }, h("div", { key: '29450eaee154db161aa360efb8ee854ff71996df', class: "gux-icon-container" }, h("gux-icon", { key: '61d479c2d4505d44e6394b5cd704bd63afe8b2ff', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }