genesys-spark-components 4.171.6 → 4.172.0

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

@@ -76,7 +76,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: 'dec2e09c13b69b06a53cbdc4960bac6122b23bab', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '27e945d1b66edc8bce373db4a7ce7008d30edfc9', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '150d934b5aad6f476b0a351f317834ac17e6de8e', slot: "content" }, h("slot", { key: 'bd3602ad0e6f4ac30df9517589e3cb0a2d1a9b3d', name: "content" }, h("slot", { key: 'b7bd4b50d40a548e0506e3294b26b62c044c89d2' }))))));
+        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: 'a09b1f5780b2e245ccf6dbae26dd424a0c98183c', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '5663264ae1cccc111d9396633ce3e0d995ecb33c', 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: 'f767e9a7024e0628e37adee398789d3c5bcc1d3e', slot: "content" }, h("slot", { key: 'a95aba49553d11f989f1e68fa8631366b6f14e0c', name: "content" }, h("slot", { key: '74e6c8b8403f07b5d468fcc0eae2867c77e1adfa' }))))));
+        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: '86c7d4b10a2b6aff27aefc4b301600d37d3a2b95' }, h("div", { key: 'c91122959f04e871256924658943d42e3efa086d', class: "gux-header" }, h("div", { key: '197997e4491ecfef4eae36be626625d63e5cafe6', class: "gux-icon" }, h("slot", { key: '42299d9477f16ead474126a0eb6c18dec4e51ba5', name: "icon" })), h("div", { key: '79aa729ba27becac9f95ac5278d105e14ed69211', class: "gux-title" }, h("slot", { key: '59b6d808b0c56b6e0468ec59598326039758074d', name: "title" }))), h("div", { key: 'b1e73ea83c95fd1e17f0f1657ab8aa5b9b7deb14', class: "gux-message" }, h("slot", { key: 'e16d6521334acf2997d594c62589662b65eba647', name: "message" })), h("div", { key: '4c72959e5ac48709d03f49ed00d3af1e0b9241bb', class: "gux-action-buttons" }, h("div", { key: '6d451a966ff94fa805f78462215ca3858d6bcc11', class: "gux-positive-button" }, h("slot", { key: '5e7f6901f414700e0dacff47fc2bb4ea591bbedb', name: "positive-button" })), h("div", { key: '6a51a2a92c669756d643655487e3deeabdd94e04', class: "gux-negative-button" }, h("slot", { key: '3194513f90919ad3f4f4f2d0c50f4fedd92bb6c0', 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: '5e04a1dcfcfc30f675e15113f6d6bb61c1d90b51', 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: 'd41f1a7e46667e03d7aea00cf76e41f0bc5cea80', expanded: this.opened, disabled: this.disabled }, h("div", { key: '244e5e3fc340a4d1d7e901589dd979e2349a8490', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '10d8b3ffc2b8fb20657a787e9ad4279ea4c827ff', 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: '5b1f9d9730c645274f78c873005bd348e13ec915', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '737e474d88c6d6e1784d7ddb09c6bc4767d93f21', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'ba4e4c852695a8de28c01e68fb433c5458372e1b', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'baebb260e06c027a8966d8e9d4f1a9e363389348', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '20f5635cc8b7cbe68154fa756f493ae4f555bf03', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'b4bfdd196c7a46161d084ebb350ed2709fcee346', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '9f3a8c05391065246fd0f58c1245fd7a2cec7b0d', "label-position": "screenreader" }, h("label", { key: '68908618c59e9f4bf27ffc46f263c5468e5f10fb', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'c8ca819f3bbeb8daadc46795fbb6a0745d9e6591', 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: 'dfc60a1e40be71ce841d33bf24fb587d89d6d648', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '0f51073ffc5e046975d74902fb4bff45a05a3352' }))))));
+            }, 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: 'c96d5f177492ff489747baca32b70f93adaf1bf5', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'f71f8d93c8146fa3367acdab0c4c116197abbba7', 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: '7bbf022e573cd8f16fde788be416c6b93b76f203', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '53f88d45530817e81c91f130f083307e4b166bbe', 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: '3e234ddc4164e3da3aaf9d430d57f016d031068d', 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: 'cf42f13044a776e9737d6e4eb116679e1f1def36', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'f943a8f753e5a6543c81bafe7d6ed08ac9e63fa0', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '5f0b9552741d7a94eead287d580ba06a7090d941', class: "gux-modal-header", id: titleID }, h("slot", { key: '15acab823d68f5c933a045beb99387105d07759f', name: "title" }))), h("gux-dismiss-button", { key: '1781b8dea0a20bcb6a5882e7592b83fd47551292', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '12c81a0e0958952d89a55c17e9899e301e5b3bc2', 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: 'b8a99c68306f05cc843cf2569d6689a4eedc5e9b' }, h("slot", { key: '5c88dabaea5f7ff2ce152907c41f41980474997d', name: "content" }))), hasFooterButtons && (h("div", { key: 'a57a2c1ec660b8e9b0e662bfed969f6696992772', class: "gux-button-footer" }, h("div", { key: '67e3268b76c15ebec134a0881de4cdca4ef38ab2', class: "gux-left-align-buttons" }, h("slot", { key: 'd311983951eadfbb6028edfd1a92d682f746a378', name: "left-align-buttons" })), h("div", { key: '1ce03d9d93028232807f0dd6c5148e80fa98f3d3', class: "gux-right-align-buttons" }, h("slot", { key: '3f4ffa188878a61224ba47701453cb298e0b5db7', 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: '1028ea02235e685a46434682add681629d81ed1c' }, h("div", { key: 'a9100ef51dbd153d3b93df43cfc45229da6d1b35', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'f83911f9ef15beecfe1efa5a445f571c6333df53', name: "icon" })), h("div", { key: '6b642b1effb289db65b2dabf3b684fddc5db0f52', class: "gux-content" }, h("gux-truncate", { key: 'aa35891a528aaa9d1fa20332fc3b7e1c153751e5', class: "gux-title", "max-lines": 1 }, h("slot", { key: '2ef932f47926407f0e0e6bdc2541494029926d0b', name: "title" })), h("gux-truncate", { key: '210594c7defbd0eadeef4b06c89aeb9f028e19e5', class: "gux-message", "max-lines": 2 }, h("slot", { key: '71778069ab9c775f1118628c27ffa5bf48e9f32e', name: "message" }))), h("gux-dismiss-button", { key: 'ef00664ff6305872049296977a8092ae4b0c829d', 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: '0d4772429868e48f1f1f5496fd610261b05dce01', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '980bbda1f84c6d6b5610cafdb8c3f176ff0a0298', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3d6b26301edee8387d38a1fc38f5c7cc38afc4d5', accent: "ghost" }, h("button", { key: '4eee3435dcb62d77d1ec6997d164714f472e69fc', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '0a5eb67869460a7ae52acaf03abccb495406447c', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '8e5f0c069ec74111e4f72b8bf4255d557db1264e', accent: "ghost" }, h("button", { key: '2dc2323f66220aa6d075cd368b037ab4be497eb8', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'da5d20f1efbe2f4a6c69b98d1d65544d122915c3', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '17a601fb01be437563764834129f10854e2c6910', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '444a86967aa34b651bbfc83a144947b850c76beb', accent: "ghost" }, h("button", { key: 'c3d00613c5e8ec8c42a9e94f4da8957f8696954e', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '736e70db0bfd031cb578a9818dbe92c3d823c14b', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '7471cb3d2f5616c60c5403c716679753f7a79cb3', accent: "ghost" }, h("button", { key: 'e1954b39e68a59ded7daab7a6a5d20c55615f0af', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '5662ea67d264c5879f21c4810e70958a81bbb1e2', 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: 'c1eb5d511624530037247147d21131e6d4179467', class: "gux-pagination-item-counts-container" }, h("span", { key: '95e6e2896e3b8df06478156c4bc471a6a4e963cf', 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: 'e932b57232dddb43cff4c187b05af0fedf4ef31a' }, 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: 'd6fde66a0dda82512ce40a51a0853b85d3f40166', class: "gux-pagination-items-per-page-container" }, h("div", { key: '7e8f0da433f68b8db632d5c0f09e36c5ea36836a', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'b863d991f439ff7200b3b8712f5c9456abe74919', 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: 'b107dfd919c1e04795f6239de7b2c7f56ba61a83', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'cdd5c4b9d60e291e732fa8d9058f0c0f3bdeb52d', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '6be7e5ce93f5b9ea10e54eb520df2667e2a8ffe8', 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: '370cbfe91752486a47623dcad3cb690383c9be20' }, h("div", { key: '9ee2b7c1de15d6cd522396d30890fb5273668e76', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'c07d623d41fbf26feba320240c89d44dc2b2ea70', name: "icon" })), h("gux-truncate", { key: 'dca0b0fb9b1a20ef990ad89140418412f48224a9', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'bab604744d2170b0bf01d5a6f572c3aa05bc2f69', name: "message" })), h("gux-dismiss-button", { key: 'f21ee0c87e36d92e9d0c6289da860112b2d94ddf', 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: 'bbec0575109e6efd87682732b7663341876738a9', class: { 'gux-selected': this.selected } }, h("button", { key: 'f227e03ac9c53598e60a82f01263196322be5f3b', "aria-current": this.selected.toString(), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '99e85be341fd0c939e2f952a3e88350685af43ec' }))));
+        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: '88b86e36c2c9083bf79172dea82fbdd6b5040d4b', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '6ac3e68b902ea94c0647b2161b11bbe423b54b12', 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: '674fc87bcc66d1d95e5cb276d5e70692e3cf51a8', class: { 'gux-disabled': this.disabled } }, h("div", { key: '9468ed945146ed3cc49211ad68cc4ae34d1a98ec', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '81c4c2abab2b4023688b67e03fb7eec2ddec246a', 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: 'e10cf5069ca43a76e4f0cfe3f09e21313c949c59', name: "icon" }), h("div", { key: '4395ae449bcbd47d16dd08c84be5e174bc68a1cf', 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: 'd9f81cf111342ed803f0de96bc4837ad55683b46', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'd087bbff228ccd623769c7d27684f9db038b7843', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '84fd4c249ab6f1c5a024d0b885a4a2e839432f52', 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: '59f3304b140ad39781a3e41ed9623dd21a4c4e2e', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'e50b7aaebe532de57349ccb39644f4c326df05ff', 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: 'ac483e88d40ddd8f7ee0030be7de192f690c4e6c', 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: 'eaaefcd1cca70e95575f2a04c632021ccc93787a' }));
+        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: 'f14d323f9c10b003797a9de4b18af7dcac6fcf7e', class: "gux-action-button-container" }, h("gux-popup", { key: '714da05054cf5b53dcfa00d35a820eaa742225d8', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'f5154cfbf4d41bb0ba8955d6f9e52978d28d6e17', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'ca2510f0946954e9af16c61390b744bab208083d', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '3b39ea4b471dca0aad9049a78ce783e52902f9c6', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '2e03cf69a0308100b41dccb4f04b25711d63a8bb', name: "title" }))), h("gux-button-slot", { key: 'e8ff491d344751fbd3aad8a4883d218540fd8053', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '806b5b458454bc12104f8dedb46a8e75c9bef212', 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: 'dfb75af52b0817f9b54125e28c990fefdf150957', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '1165c634704e0436e67eea3801e8650325c496ef', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'ec0c603e4fce250e05494b6c3e310c695676bf4d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e3882349fc5ae5c7fe6c2e4979c8b9eb4297190d' }))))));
+        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: 'b86da02a9ae67308fc5c9ac6aa0b7a1f7a747ae0', 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: 'e7c20863e2a8e957ec8e3b0d8c796bb6e250f817', class: "gux-container" }, h("div", { key: '33e2d205db3d81db81490c4a1986adf25f815878', class: "gux-image" }, h("slot", { key: '1ad4172b9e9b82e026ff1527727c2c3e83115b8c', name: "image" })), h("div", { key: 'c189af637773ec5b19fa5a8bf29c302ea37bb109', class: "gux-message" }, h("slot", { key: 'd0933deb27de1c4565e4a0c41c2631c7e7efd037', 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: '9864718c7a85867dc8ae13c77b71ee2d47595345', role: "listitem" }, h("span", { key: '321aa9a3d13bc88107c1f4296b8acbb0194ebb2b', 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: '97573bc551ca35d0f29c2f77f3cae221a7dbb532', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'b35d243aeb4bce30d1d5145a1efb62bfcc7e3806' }, h("slot", { key: '9f03f2e162e635d107284f73483f2bcd0405337f', 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: '24dbbdfe3e039dea0cbdc2d452cb0cf5da7f9d9b', 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: '3cdf6222d210ad14536037885d5d6b54f684a209', 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: '1de80e87fb808e2c1c67f11069ff854b3c8bb594', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'ec449bb3cb5a07b22aa19a1cfbe7bad390348c58', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '59a02ac2a0617c39bdee504aec91325e5fa6b011', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '8e774e6ff321588c41ffe731c1967752dc5ca622', 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: '18b5e98f45e5b7f4b4644e55417575f88d240d21', name: "title" }), h("gux-icon", { key: '625f150aebd9cb9c87214c200309e1c76c7ed372', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '3f328498971bffd3d0c79d2dc01e6cca83079af4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '8263e75953b2091c4af783245e89b5abfabedfe5', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '2eebad343f088ea4f234ba23c9758d24d082daed' })))));
+        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: '2f0d21a41e3f692f1f5f64a096e69c2c39feac8f', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '1f7173b22404bc2e7e56cd25873dac40d1c803a6' })));
+        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: '0c55a401066c6b0187e748aa283250a0b1241319', class: "gux-calendar" }, h("div", { key: '5a74b7258882a980360239957794b1c2ae89f26f', class: "gux-header" }, h("button", { key: '74a80f686c61660c3dacb46c3ea39254b175767f', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: 'e6591ea5f66819d5d28628fd1eec2fbcaf29bd7a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '4cd50eea789472a67ea8dab48160f9d372f22633', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'c70331f456b7af4a5df486c555d7a38ed06ff5a4', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '5ec1b7c7032ab13ed4c2e1fc55a861695d3ec7de', 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: '363ba6f0a883e4e2f4a056f6d4d441efb0b3ea2c', class: {
+        return (h("div", { key: 'bc2bb7347826de5373435e505fbebe378169ea60', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'e36c2a015923aa961bd1c0a308f2066b702e6272' })));
+            } }, 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: 'e6013e498a0c7f257528ace4073d8172583d08f8', draggable: "true" }, h("div", { key: '49ab2eb77431ae3133b5aa34697fc85139a146b6', 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: '50c716123ee00cba66bd2f6fc8b15779113b4f47', 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: '97863cb76d1bf28dfa079c77a1c99eed6664972b', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '6bd0d410c9d3d0c7772abfa40fae34987e3d41b4', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'edf779e93542edcd8704fee84f330939460776de', class: "gux-select" }, h("slot", { key: '84f0bc882c16a3e478ea6a0e76f85bbe63b23686', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '6e4e27282db27295a16cba27d063fe0f682f4901', 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: '62daef53138e926a9cbfae1719232de3f3e7f9b2', class: "gux-container" }, h("div", { key: 'e3a79e55e8cbe501bdb26935385ba313cd4927ee', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '76a55f638c25df7ceb4d38b53be63102889b9aa8', class: "gux-search" }, h("gux-content-search", { key: 'be60a7fdfe003135a386d313bd3fecbbd52c853f', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '19af360a04d7d4df522dc76676897363fe35c1a4', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '261035c713eb6c548bf5cf3f0c2cfd8337446c4f', class: "gux-select" }, h("gux-form-field-checkbox", { key: '7067d7cece7c16d05a45e6b01fa46c245a450eea' }, h("input", { key: 'bef6b7f2804bc0f8006901195a694f725dd6c14f', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '2135cd8bbc8421a4cae0fb46f93728245d5d670f', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '58b6db75ebf6d37d15beabf2a6e572d863f01fd4', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '3e2cdf0655d9dfbd380495eccd7cdaf23470b7d3', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'da70374436f1c5fd2746e327a7eb7709efb770ef', 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: '005b8a6387ab8fe85d2568dadd131d23cad52d66', class: {
+        return (h("div", { key: '32431ee233c0db5f0d5bdf330c9c656b8090fde4', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '101221eef9d32157c62232694a25117102c3fa39', class: "gux-search-icon" }, h("gux-icon", { key: 'ef6aba3306001c5992c549e7bcb8e7383405e9a4', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '66f162a8e996e5f99df6e38bd2b53f8e33c0569a' }), 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: '712766726f51496b197f8bc8b4b078eba95fc78b' }, h("gux-popup", { key: 'd63eae63f446631b86e15e5da66211a5b1da8973', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '5803d9588cc254405d81b47676bb522556852298', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '37464d05fcadc2488eb2d7a500ec26fecd5b5eed', accent: "ghost" }, h("button", { key: 'f9a9a599eb1e7659db8d122b73167abade6a5efc', 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: '97e212d1c9c63ad3cda3ef0d233be328255f1586' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '56dd9ae5702f22b70b87ff208e6c378ea751b37c', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '205236163d67bc004d3f1d9cbe13d8a87ee10953', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '0723738aafe999061236b5551055759ae057975b', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '06661fe6110f934663f64654eada07524bd0cc5f' }))))));
+        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: '743c477dce108f8bc377e764794fa06f6331b60a', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '0d64efa090fa1204f90ae3fd91370889e02a7e48', class: "gux-copy-content" }, h("slot", { key: 'a67e11585ad450ff94b8fc037a342996211564e3', name: "content" }), h("gux-icon", { key: '8c0f272c28636ca675bc901dbaa5407302f0501d', "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: '8bf19a961f4cd2d4b66e75d6088b93ea72a13879', 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: '699c5876801bf26edbae2803ca5f7ba7d047b27e', 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: 'de66227205545b4dbf92210167fa4d5ca1ca4a48', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'f9284ac02c27e32ea3646718efcad36954099ce6', class: "gux-icon-container" }, h("gux-icon", { key: 'fc37236b5f832358416119d97e8aa6cc3612a825', "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"; }

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

@@ -371,7 +371,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'f6ecbd888d9b224251e3d3f4584f222493ccad0c', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '7845e7c6ac35672947d15818efb3c105b837a3cb', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.js

@@ -33,7 +33,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '736f46e03112b67563ab34cff27d60a81b74d06f', class: {
+        return (h("div", { key: '2b2aa8b916b9d7c8dd1d2d8defb85790bfef4916', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -417,7 +417,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '2b80e284c77b3bc8c188ae174b63abf78d38e5a2', class: "gux-dropdown-container" }, h("gux-popup", { key: 'f36c515e5d88f3f46fbee21f3e55da5143d06d53', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '0ad53fc78ed29f92581ecb4622c56cd609ab7297', class: "gux-dropdown-container" }, h("gux-popup", { key: '7639a2c499c575c239877926bfbe9aabb1ae1bcc', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

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

@@ -183,10 +183,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: '7ad3efd714c201938298cf87b5acc6e86a4618c0', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: 'f2c96a97da0e807e8a0506b12b01e7d9dc4e03f1', ref: el => (this.announceElement = el) }), h("span", { key: '92702bfb121a185695edac754f6bc29371b7f635', ref: el => (this.targetElement = el) }, h("slot", { key: '6b6e3221ea75d5f498466c178e1229f1eb27e675', name: "target" })), h("div", { key: '701eb459b5a0f71395b55c5785f549bef720d23d', class: {
+        return (h(Host, { key: '7063a610531204ad0c1965d67bf78e16f1845059', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '00cacf47e84e37d99123f66594018fe9ebcdf343', ref: el => (this.announceElement = el) }), h("span", { key: '0de9db332da5f137fd39885427ebef304c9307d6', ref: el => (this.targetElement = el) }, h("slot", { key: '3cce21666f3a89743e9f6dfd153052a6d5d2e274', name: "target" })), h("div", { key: 'eb49b4d2be707405fdac0d7cc92b7e6371fc9b79', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'acf809c3553c47e9c7807695dd4598251268ed7a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'efea8e265eee0be91e5a95867b869fe0d7c92f6d', class: "gux-arrow-caret" })), h("slot", { key: '7ab7ae4ec3ade19ff50e2eec0d0fc1b20d3d7c93', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '701c68dfa3afbeeca8570c88c7e49cd18d64aed6', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '75f8878bc9bdace74c109c2671894f8719f423bc', class: "gux-arrow-caret" })), h("slot", { key: 'cbe4dab5682449ead5dbaedb9515b63f59152a81', name: "menu" }))));
     }
     static get is() { return "gux-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu-option/gux-menu-option.js

@@ -31,7 +31,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: 'a6e20affe6260ec5c17148cefdbfebe4a53ad9c6', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '446395c2040c00b76ea1ce85e5f5599cae769aa7', class: "gux-menu-option-button-text" }, h("slot", { key: '4cd4228be9a88d2c02e9ec1431eb3128b72c02e5' }))));
+        return (h("button", { key: 'de6b2b45f6db056357c7ec8a06a80ecb914ecf62', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '13be260cfd6ef36d14b4a98154842df445815118', class: "gux-menu-option-button-text" }, h("slot", { key: '0efda4cdc25113c87bad6c98926a1705712b0623' }))));
     }
     static get is() { return "gux-menu-option"; }
     static get encapsulation() { return "shadow"; }