genesys-spark-components 4.185.4 → 4.186.1

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: '75d67820ae309e19d2913fe1857ea0e8d5c62936' }, h("div", { key: 'b86ff4e2dfbdf83290db95e7b45976fb27e9f8d1', class: "gux-header" }, h("div", { key: '3d1f75da3fce6792c0c69b83527d9a5a24c3e2da', class: "gux-icon" }, h("slot", { key: '3894a22dd04c410b5762d7cc73636d4085ab61c7', name: "icon" })), h("div", { key: 'f7297544f0ecd9fe053f7ede98a145f106d7a879', class: "gux-title" }, h("slot", { key: 'ea0a1c5f9cc2d8b98f6b90056dff5e69fb3e1fd7', name: "title" }))), h("div", { key: 'f5d7b3b430ef5fbb73cdeacf214c18cee158c17d', class: "gux-message" }, h("slot", { key: 'e23a21e7314a7b3c06b2b74511ed5b268b8fbacd', name: "message" })), h("div", { key: '1bcf28249bc1f9fa4fced9e2f2b56e6fc939399a', class: "gux-action-buttons" }, h("div", { key: '47ee8eb8af2fab9c7ed7358071976daf4f687486', class: "gux-positive-button" }, h("slot", { key: 'abfb9f2ba3b313e5615fcc949a17b60db32b59cb', name: "positive-button" })), h("div", { key: '31cb0927ac3ac76ea49a6d36e03303ef7c6e121c', class: "gux-negative-button" }, h("slot", { key: '4f7808777bc3c63b733e6f711405c7bc35dcced6', name: "negative-button" })))));
+        return (h(Host, { key: 'c247dd5cbd7e7620b347b0a39cf937b2ea7c2171' }, h("div", { key: 'd856dfd6f551d4d6f6d408d639a21b216eba6ee0', class: "gux-header" }, h("div", { key: 'ba1a0a71a9e55b5e9e3f0972e92ffda6958c63dc', class: "gux-icon" }, h("slot", { key: 'e085d4035e1ebb19edb541fed82382527728a50b', name: "icon" })), h("div", { key: 'd10fa331919b6c5a1c1b1b1c745cd48133bd3c0e', class: "gux-title" }, h("slot", { key: 'e1577f8fa958aad571d9eb589204accea2a2fbda', name: "title" }))), h("div", { key: '10db9f24afcb2076e8d7dbd338875dc5e61588fe', class: "gux-message" }, h("slot", { key: '8d6f447b703271e529531cf04ac258e39a7d23ce', name: "message" })), h("div", { key: 'a6d25ca4a46bca49fe2cb0a860a27658c3417a0d', class: "gux-action-buttons" }, h("div", { key: '5d5bae0c44b425c73935e6cc79ee6018fb4f6ea2', class: "gux-positive-button" }, h("slot", { key: '1f50efb6d242eaa1d7bfa98a09f679321ad13bca', name: "positive-button" })), h("div", { key: '262d59329ae9d874ba717806077291a2679beebf', class: "gux-negative-button" }, h("slot", { key: '325d5a1ecaa27945ae181fb3838e799564eeac2d', 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

@@ -46,7 +46,7 @@ export class GuxDropdownOption {
         };
     }
     render() {
-        return (h("div", { key: '0765bb4e4b62ce9fc26f32665ff6fbe9c8c26c8e', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '30e6345cc3bccba138c8a65d9be617507e642b37', 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: 'eccf0859f6670a402c190d071ead21c7566739f1', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'd9bafd42887a29427fad0b15660d6310c10672ef', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '6e07937f5e10b027aa6f9db92a325b0a59587485', 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: '4a603330257bdf0ce6019d2d3506d478f74248aa', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'f40a10a016f4496da1a163b8aadf469b66e1954c', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '46af6ab864e5c7127b83d577aca83955425ea9df', class: "gux-icon-wrapper" }, h("gux-icon", { key: '87d3cea99a0bcbda1cc92c6b92bd8378895cb18b', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'b34d7631845c84cc36d3623e13e104e69108f103', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'c3d4f420862bd8478a4bd9c6f85e6843aeb748e4', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'caeda18e13c4e2cd31e42d0f6a95b3e2f47713b0', "label-position": "screenreader" }, h("label", { key: '6ef0b61cb13db3af5eabea1ac0aec2b822619f8d', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'f3a77ae2791f4ebe154ea3326e8c5d7292ec5cf2', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: 'ac2087f1a801763e9e56a0cf242118326265fcfd', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'f2468da65bd74312cd63eb4af2a2b3a53fb13914', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '4c80724c195c8fdc7400836c0ef15cd9245361b9', 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: '3794881b5e02cc76e0ab718a956743e130b767c2', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '0c588a2491cf7917289a05b7cdcf0fd59d757ad0', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '3c690854ec8886c9514b43512460462fde3f6608', class: "gux-icon-wrapper" }, h("gux-icon", { key: '7095d987e35f266c43996e130e883265bb2d0e40', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '54a1e5d7b885887aa8f845d627f197cc6024234d', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'a40b2344ef7c9248f9d2655ee2fc55d45b868a5b', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '95fb462fa712e5e3e09bdd2fe5a3195aff731dd9', "label-position": "screenreader" }, h("label", { key: '3d4443b0a9f8510a735b837ead337d6f62e30283', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'c532940a9c21889ee5250fa63306fbc56e870bcf', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '0e2794f891ce31e12f9273be27343afce5c287a7', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '509b2379d8ab00b31b9ed977a20c481dc433c1f3' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '6bf278771cf93865f5eb50268e4c17cc3c9a7b24', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'a4d17a8e59ab17b2ff60f5eed0f65cd30c1e013d' }))))));
     }
     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: 'd4ccca9f6c37db6b8464e93cb7c21aea2ba7fd9e', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'fbf0522f18db8c424962b2035ad0051e2186643a', 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: '12ee4d26cb612a4425afe78580b8e515fb94870b', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'f34a071a0a4781b7fac8e48277201e94507dafd4', id: this.panelId, class: {
+        return (h("div", { key: '0b8cea3a84571b4fe3f17b3014d23cd633ec5b8b', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'a0c5ec5d60732c45cb6dfc1ded29cc3606e5506c', 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: '341914ea5445ca35182df6cd9278f01c9834d48b', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'e0bf29da162a53397fad88b59c854b4830d51cea', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '55f2bcd7348e92218d30414993310357f51cc0bc', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: 'ac46464c66fc5e05b203c4db108241820ec1d323', 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: 'f95615886dac7a95c47d47141d7b3883bab48795', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '61c0834d0813b540a42a4d9f4a5114b72649a968', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '43bd81ead4e4fd22ddd29e86ac97bad973e30229', class: "gux-modal-header", id: titleID }, h("slot", { key: '32876834598bc00fc2382e240f6f50b6d71499dc', name: "title" }))), h("gux-dismiss-button", { key: 'b78866c3cbcbf68e593b47f57653f4d4354899b4', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '15f5362e2910bbe0350ac04369d0c6485847a82b', class: {
+        return (h("div", { key: '527507413753622ec0b7f3dfed8916ac08d1e260', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'bc6854785cb4731a55cb9dda9386bfd3d339f633', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '05489788536a33ba53b372b0302ba15e2361b58a', class: "gux-modal-header", id: titleID }, h("slot", { key: '54d2f3707513c1b84c6cd813aa4638e3045676ee', name: "title" }))), h("gux-dismiss-button", { key: '52af378c804a04204b5991b92da1e12668ca93ef', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'c60f7060d8b0f0c0dda66b2cfc772db50e10e0d6', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '2fdba95cfbf38f2a82230b4e12e9a708646f97f1' }, h("slot", { key: '9ccd1f88dcfb66c160a66760b00e05a21854d0b0', name: "content" }))), hasFooterButtons && (h("div", { key: '0d2545752d8a6227e18c021fc8a793ada4a37e42', class: "gux-button-footer" }, h("div", { key: 'd4db72ea22b6a3e271ccc0acde99afcb1684c3ae', class: "gux-left-align-buttons" }, h("slot", { key: '0a736ac380345b630d519ded5693198c3700369c', name: "left-align-buttons" })), h("div", { key: '1ccfab40f4d14f0381d49c295f5c187e36d69930', class: "gux-right-align-buttons" }, h("slot", { key: '48c20996d7341184629fc31fb2675e7b183b93c0', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '70a5d1c13c35ce1457e632d7f1a2395f35e2ab2a' }, h("slot", { key: '4c49a8fec8a3692ffd90aa35a25a5696f8ca7cef', name: "content" }))), hasFooterButtons && (h("div", { key: 'fad2aa306ba5c9da2d368835f691543948e4bb17', class: "gux-button-footer" }, h("div", { key: '0392fa1027e5c5e67f22c72aae46a53bcf0d711f', class: "gux-left-align-buttons" }, h("slot", { key: 'c82936fab005fd0a1ec6e171e1891529aaed072a', name: "left-align-buttons" })), h("div", { key: '0520e31db929134210e19f077a512df7fc01b8ad', class: "gux-right-align-buttons" }, h("slot", { key: '360485ffb3f3d8e35635c9b07094f60c4c08c33f', 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: '90aecb5ef42e7905be58ae25715695e621705f2d' }, h("div", { key: 'ac55a982accb188d41d51530a961e7295b3dbd8a', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'c528db8843d275318c1343e058f3890fffecd502', name: "icon" })), h("div", { key: '66bbbe7dbfe5796d9be48cd3c90bef6120f8c6c7', class: "gux-content" }, h("gux-truncate", { key: '8954fc39dce09aa5713bce6fe8e2cfe999d6b11b', class: "gux-title", "max-lines": 1 }, h("slot", { key: '50285b0593570dc4c6c50b55034a80966857358b', name: "title" })), h("gux-truncate", { key: '2789f896ea2ae11b989fc5d28e207e70f6afd39e', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'b1627e5f6762e302f1f70228bccf13df95a78d9b', name: "message" }))), h("gux-dismiss-button", { key: '38f9c72f0eac50341417b04852cf6c48ca05db42', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '6aa5a57a373185848ebf720081ea81f2aaa40566' }, h("div", { key: 'fd325d3edd8657ad4dfd6d1e979163591bda096c', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '885396e6887a2acb41c93a5b80767937528015e0', name: "icon" })), h("div", { key: '596ec95e6c9b1eebd125e40739e31b6757f4218a', class: "gux-content" }, h("gux-truncate", { key: 'dc750defb841cc6a5e106ebff0c2fd1cfd2e1aa0', class: "gux-title", "max-lines": 1 }, h("slot", { key: '7997de03b92ab8eaed7e807d43b4dc1408462d70', name: "title" })), h("gux-truncate", { key: '07b8e596b705f5211ec0e9f87041f74d1c619631', class: "gux-message", "max-lines": 2 }, h("slot", { key: '8abebf222fbf45a9e3fb4c238c0ac9564dc67460', name: "message" }))), h("gux-dismiss-button", { key: '1d4dd17ae058ee4e0d0b58394af57378763b224e', 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: 'a3855b17e5d67893ab0efabe1b4abfec428dad9c', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '29d0a65d31cff580d2e04e8f34da44e353ffb91a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7ef8b7a9a6dc7e317a17461188e329af54c98098', accent: "ghost" }, h("button", { key: '1438f6ef84231519f285221c8a43d303966646d3', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'd7ad250ed7b999649654095b971c1f732f054381', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '10f2a64ed86a9b2194dd7ebf27c9acfb5cfcd48a', accent: "ghost" }, h("button", { key: 'f9326d38695130606fc6c010a273725980f0e4f0', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '073bf03e5c93f92036b4fde4f9b647d190b22612', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '1e5d6590f7887bc80fd8db08c1d28e393bee5f7b', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '98ab51f2fa301a98e5edcb0138f7bedca8ae87f1', accent: "ghost" }, h("button", { key: 'fe0af20fec6e4276124de97a222f5e6470adfb29', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '5d031698bbb83a56cf191ce392d93b700b0d37a4', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '5cb5a5b01f2cd03e220929956d09e89fd4595282', accent: "ghost" }, h("button", { key: '4b8aeaaec2e06c7b3ec199ce1f5be6e8420d92a4', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'd5a041a190ae3fc3d0bbf0e355a8c1d6e71a1d89', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'dd8ba71de618460ce8d72533c3a3ea8559f536dd', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '1740fc3506092db1adaeac5ce692f5dada303415', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '6f17059e4d22c27407c64a1c5daa62acf7c61714', accent: "ghost" }, h("button", { key: 'd21d10b873ce7186de0be09464398101760cdd42', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e0786b297841a2643c60ea39fab5afdea3eed578', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '6a8f904cb4034f82b1cea21ecf122738e50f9a14', accent: "ghost" }, h("button", { key: 'b4fa5f765e0299f398ab22fe82edd96f3d6c13e9', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b8ab36414d3a8179a4d35a3b158142096ac8779e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '28df2109d96af54eb3f581216f0947ebf2d5c0d4', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '14f9d714f63a8d3b4513e6c8d75a824c24559045', accent: "ghost" }, h("button", { key: '2ac7bf9e80908a7083f6dea166e4996c5a82e04c', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c4bafaaf3f057da0f20081a2741832b9e7a6f11d', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'cee4e2e02bcf6fc4daddbc2d110a883246c13678', accent: "ghost" }, h("button", { key: 'aeecb36e22810173a39c433713299ddfc6193fbb', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'd048c7904a57cb563504d39b953cf9dbce2c74d5', 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: '128800c95a3df34d3478fd4d17cc9fb1c85dbf0f', class: "gux-pagination-item-counts-container" }, h("span", { key: '0d41424b3bfe76d119c76fee2fe38dfa75230728', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '3826152e37fb4daded8b8a9966f4fa6c26407950', class: "gux-pagination-item-counts-container" }, h("span", { key: '132059d3b6a4aca70f80486ab48b325619af2f5f', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '50014a1e38fcc5534b372542916c4c9da4092b1d' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '9883b8c3a057a6a0320edf3dba412496dcdd7af5' }, 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: '78ef751f6d0a71e0b1d9decad89030de1fe3575e', class: "gux-pagination-items-per-page-container" }, h("div", { key: '5a76a451ed512c258b9b70ac8557e97ace59d23f', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '9cc83e447a70557ed7be264f92986bbec2acf73b', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '5f50804d270f3c7275913b7d6263347cd4769d86', class: "gux-pagination-items-per-page-container" }, h("div", { key: '8ac6ec930f76019daacdc5d198eb7a1c6a98c9f4', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '2feb90a8ffb98901edbd435a7e01459aa7402c6b', 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: '01777fca0770ef65e791d496ebd0dbb449a6ce8e', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'c808d1ce2d5ec0115a8a0f271895514fe4028fc1', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '0e1f1762722178f82c2f9df23d5d59f8078a7465', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'b5e568b7e4102bc8c4f9c8d89d6ddc6a94568e2e', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'bcdb964d7b5fba9f39a45bb17897bfa35aae860a', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '927a40e7a393768195c118faa9062c091b0a5932', 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: '5275d73676fafc7025fdea71ee25f0fab28a00f1' }, h("div", { key: '82fd7729e65752b6778491530524b3e959d566e0', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'f47bc51dd31878e3390c9b5f61bc25fc1a2e83a4', name: "icon" })), h("gux-truncate", { key: '8c71dc705732e729a8ab8bcc6f3628963d16acf7', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'a9d41b6e2d75c4aea85b60acd1fdb6f23444cbaf', name: "message" })), h("gux-dismiss-button", { key: '4d104e7e0fccd621be5ec158f93d3a1992cb52c4', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'e5616e6da9686080edaa8ea8e73eb1ff76d93be5' }, h("div", { key: '69c97a7e6a76584b9c33ab89a0997593826cfe59', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '887053e0cbfa3660e8047fc929a767aeb2b77134', name: "icon" })), h("gux-truncate", { key: '21e293dc32ffc4397a70d8cc277ac8ec5b7cae5f', class: "gux-message", "max-lines": 2 }, h("slot", { key: '833024cc3e76a926df59d660ff1cfe5614da9e66', name: "message" })), h("gux-dismiss-button", { key: 'bc5fb6acf215944993d59ae7e2d1b8d4d0f3d52d', 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: 'b1f0827f1ad1f494da36fc3e7c4c9245ed9c0d6e', class: { 'gux-selected': this.selected } }, h("button", { key: 'd0879ddb46a4792171643e79aac5e6f0b52e744f', "aria-current": this.selected.toString(), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '3b7ad789884ff53ee92ec6ecdd843295aca690d6' }))));
+        return (h(Host, { key: '4c477ed9def3873fae1d65570061b01883e9884a', class: { 'gux-selected': this.selected } }, h("button", { key: 'f5290fd2396259c58e35ef466dd40e9bc4683a72', "aria-current": this.selected.toString(), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '46e1ddf4798aeda9dd78ec570035aa1b8741db31' }))));
     }
     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: 'cfd18a7b5c306a1782daad2df95aeb6d2c467df3', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '1bdf61ea185e77da76770d7101c915217a0bdc1a', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '35dc87fb85166d1f224b33cfc84c3e516b10a8f9', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '041cb0e845c18272d670dd98ed7ca0c26e540171', 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: 'd6d79a3d1653a542bbf18de5b52a90c2b176d734', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'c20c237090c10de156583684e01fb215ad76ead7', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '43229df56bb1171f20f5c93fda2669c71eefd632', class: {
+        return (h("section", { key: '0e0fd3f90f4a58b4f30adaff88753ca0990a955b', class: { 'gux-disabled': this.disabled } }, h("div", { key: '0e8bb4287a4ad2737a87065a13503a9acd0d0f73', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '3b84678d5057addc7da158e411ad62fad64ea702', 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: '5a3a87ebc2049aaa18bc20cec310718f89fa2162', name: "icon" }), h("div", { key: '6be38d19a29b83717170ac5015db368b9e2aed02', 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: 'b3a3aa4e7c245d38b1aae1acad6aeb426d2371cc', name: "icon" }), h("div", { key: '87fdcdd02886f553852f606e55f47dedeccdda52', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'd786bb89ce6812548b8f2642d749b37d8cf80cb6', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'ff3c1a4fb7569f28a24151568640c062031f7d08', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '7bc3ead78de0ce567545dfa58f9b89c6c163cfe2', class: {
+            } }, h("slot", { key: '8544aca09b59757ad5333d18c84556dfb8555dc4', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'e2498519cf6f348ca4ea71de1ad6e83abe7fa015', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '8488efe5e01e9d00ba67c0df1cb1fa6f6d0984d5', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'b7214df16eda106b936db934d79a8e8bbdbc9c47', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '202ac097d31ebb575825d8272a19a537d2014b75', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'bef68cc87e90e173497b9abac6df11ef36fda6e9', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'd0d0b4e5b8aee953ef17c077daea819300d2039b', 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: '2d4f4633867f426bc8cbfa54662279bc9ebe12fd', name: "content" }))));
+            } }, h("slot", { key: 'f6d2e7dbe89472e2140026ec7cc0b3f8f790f1e4', 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: 'e2823177090dd6fd41310ab4e9b6e304030cc155' }));
+        return (h("slot", { key: '96b3f7b3ae4881a16d9a81a872ceae69e34eaeec' }));
     }
     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: 'cba509955410a8eea707ee62ad9a1b2eecf3d3f9', class: "gux-action-button-container" }, h("gux-popup", { key: '489a13723e4f9eacf34042d437bb19ef5f1dca9c', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '0cbc9b4ba4d88ef783b31c4a74803bfc26c01cd9', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '94f5f5de00e871babe3b60047fefc861f55faa6b', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '634d5a301381c19224ed3179ce8c0c33500307f3', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '758282b3eaf6818e08f06a49d4115f2fc63160b0', name: "title" }))), h("gux-button-slot", { key: '73795fe95ef79f820093fc5567427df128bdaa19', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'dd1b4db154fe120ef48b40a7439d008724e9bf6b', 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: '813a6d0578618d67938429708808d442b303f65b', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '3baa84628c41bf1e8b297919ce1aea7db7b227e4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '0057461327491f1d9096c79be6cd1431db9cca73', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'f283ab8d08ffbd2c7615a516355ff633398f9548' }))))));
+        return (h("div", { key: 'eaceaf40bbaad8e9304be688e7ae8c189abfc650', class: "gux-action-button-container" }, h("gux-popup", { key: '00294a5f5b091533348034b839069b76258d9791', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '5d09f6014e489c84e7b2d360a1aea1f6675f6ee0', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'ff1c7bed309707b93f48c733ba43c9bf3ef5e54f', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '82c69514641d2e18c9964c643f19e812ccc5a809', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: 'f501ff3ae4accbb5ec854d6479a3ca7ecedca964', name: "title" }))), h("gux-button-slot", { key: '7c7b3ba548f28740e302267697c7ba6b8bc6f376', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'fa9a7fd7b8f14eeefa8b0ec3f6147dff048aeee3', 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: '3b887471b3e7963b1fcc7ed7ed7f4e661b0386a5', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'ca403251caf9d5d35406fa7541e4ac7761955569', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '67510e019481b2bae5e4de61be043d53074b5af0', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '676cb29cdc40384069a03379b8a78ec6b0a63060' }))))));
     }
     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: '4f297538594a1123876f5f87f6d8b2b78e9ae892', class: {
+        return (h("div", { key: '6f54efc99bfd2d04e2c361ff6fc8fc6b45357900', 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: '1972904b2ed5339269cdc36567d15e653117a374', class: "gux-container" }, h("div", { key: '833a2f5229bdb45bb6805f3bfe1feafba7fabd7c', class: "gux-image" }, h("slot", { key: '452887ee580c168993a3daba42219fad0aa16d4f', name: "image" })), h("div", { key: 'eb4600de623ba6958621a054ce4fbd46aa56889b', class: "gux-message" }, h("slot", { key: '0a08f39a647d7a4cd2845b87034ecd38fbd99730', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: '029f0c6dfffc6396393ce69af30f4e426b8534d5', class: "gux-container" }, h("div", { key: '67e6a1625a80432a3dcb7b73d904b022c2728c20', class: "gux-image" }, h("slot", { key: '249b5e49bc3c176e88c5d4acd4268c75e3bea6be', name: "image" })), h("div", { key: 'd81484ecb3e482caa1de9d35e30c7914051bef17', class: "gux-message" }, h("slot", { key: 'a59823e9f73c58dde4a8ffa4ee358cf139fc6297', 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: '7c33e15cc35b7e9ff86100d72a837f74434053e1', role: "listitem" }, h("span", { key: 'a341c104941c79d7da214d3db11265fc9cdd72aa', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '357d0819c8848eee39f617f5618d94e1ad3f6777', role: "listitem" }, h("span", { key: 'd741cd79b32a7caf22ec3fd1c15777e45cf93f05', 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: 'f28644755d2c5053a1b7756621d2e0ddd076a64f', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'd6e42de86f1addddcb45b08005085e615fcebc00' }, h("slot", { key: 'be51087d4684d64424a91de44e3d19fe2eeeb6f6', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '9c5f5a9f99b9d45af99bf1eb8016881f387d904c', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '7b8232f93afdf54cfef667dc9457edc269ec285b' }, h("slot", { key: '3c06ad7d0d7fe0b5f0b96903036951e707bfae94', 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: '5f14032087d6595e0db541a39ac6f24c6d937e50', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '45e0647c35e44a15d33a7491b1a5748317b91c3e', 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: '157bc4883613d08916f3db528eedd6c24a35d962', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'd6a726b5e60186346d8755d1cd2821299d584a11', 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: '9335022666f4bf62554b07c71ecc6033b72ec51b', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'f30a437da78d6c15baf849ddc881522817cf837c', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '9110eaee7a7f9f17956219f021981276245a2a5a', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '8307b6bf45eebc6cdf82cdcfdb305f8e969dc577', 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: 'e076a5c0a56a09b4defa331d5a28b6e6fd0fb290', name: "title" }), h("gux-icon", { key: 'a0293fd96c998a280a4bfa598c2db61c340afe1f', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '10449da16b04469d7689cee9b9ad51222876fa50', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f63a7d5f11e4cd77e0fff571da7c71c94f26d176', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '98e3e87d640ee321b8f6ce378c817f5872a42ee9' })))));
+        return (h("gux-popup", { key: '0fe548008674fb471b4649a1cdf9d40e2199509b', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'c135a999850eb1a8979006c68e93db2084b92726', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '97deeb0b96dd9475d3ed60a5e7b8c58a39fca924', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '8f44a4bd2467c39c40a9974fd71940b36713d74c', 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: '93627529753698fad726e17b31e9c08acbe432a4', name: "title" }), h("gux-icon", { key: 'dcc4e9f1cc0b881c530022faa07b579cc9a0cfa3', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'e2555a57679a2eb6e0dedcc20d265064ba55a3a0', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd982c02c29f7a2f147dbbca9d0ca8bd414ee6874', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'bc6da95f60f3cba8bb9d8161c9208c67aada56ad' })))));
     }
     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: 'dd85e7b2e61d8a311d861faa2e56075fc7c81748', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '30d12e7075b5476c40bb4fa65910bd3cb0d079c7' })));
+        return (h(Host, { key: '31ca4b09af9bb76bd9a4a15f7fd2ee9e640c759a', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '16ee328a47ab75d0d4ccecf70c57f373d83c3d92' })));
     }
     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: 'cd6c50d851d8410f3843c68f1a5f0be54f8d7460', class: "gux-calendar" }, h("div", { key: 'c95ab41b3d438fd45c2d60d614355343691f0eb6', class: "gux-header" }, h("button", { key: 'b28c6d87ac010da89aa96e4d1c3402b64c23ed46', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: 'fec29d9097028b81d78c7df2f74f9cfa16773745', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '55deb6a23f78e55b54eb8e3a1cb810acb0a2c33b', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'ca9ea22a8ef0a0f9caa3ae3c035b293730ddf256', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '6350ba215eaefa732bab29346dd98ecf3b1acf09', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '0306246dfcce32aabad2d001c20669cbe69fe280', class: "gux-calendar" }, h("div", { key: 'e5324dfe443431f5a28ddd5420625d664c24b0e3', class: "gux-header" }, h("button", { key: '8c55a02accf37620a169b0cf3f879a61945d8d58', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '392607efecf36bab5a3efcba1c1f3059d5a6aa59', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '62efa4a387829b89452430c48772ab412aa6d1f7', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: '1b2991888a3d39799f0994b9d4594405632871bd', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '288d3d25c4c9a4b97b07de9a5273932892689d30', 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: 'c01aa0504b534e5b00ab38daaf678c28d0be9504', class: {
+        return (h("div", { key: '6a95ced5f017e5981bc34d8b78e0d0a7430878df', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '7928067234ae701d43d3f787e76d8f807446804d' })));
+            } }, h("slot", { key: '3d8fa3f0b2586a8a4aff7b3995905f66ca506919' })));
     }
     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: '687c4fc45d59ca06d16683961465655a75849c52', draggable: "true" }, h("div", { key: '21b54e7a2e87a9cf6ff6776d6a34d4789364209f', class: {
+        return (h(Host, { key: '6d9407f9a83665ad211578bd71092c8819bcb399', draggable: "true" }, h("div", { key: '7de5359beff1e462dd133d31a4c778204b0a3f5f', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '193d3ab6448edf31c1bd19060ab7e57b6694249d', class: {
+            } }, h("button", { key: '6dfe4fc21eada9b5374ccb94cdb2473e52256b22', 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: '85093ea77551d05accb214035901160079a8e8f7', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'ae1b5af40bcf22bc122666aa8ee4609c4d9388ba', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '2f68568a761d3dfa99c4d3035f106876ddc6d05e', class: "gux-select" }, h("slot", { key: '6d825a44cac14c34e4cbeb6097864469a7bedc07', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '84ece8fa3dc2967ce2893631b1be9439adfcc3c2', 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: 'cddbf4d959270062c6b43190eed5c6124484253a', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '28875a8fcf4d8e03734afbac8379be76916ac236', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'c2c96def2a01df9922a2a5009fad8fec49442775', class: "gux-select" }, h("slot", { key: '1cbae9f6ab0aa51925b5a96300d3e88f92ce067b', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'b8e550c27b37e7fda2abf7e74489b8d72058fd91', 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: 'ec62e7dca4e952ee2ff9f24096e8d8ab58ddebcb', class: "gux-container" }, h("div", { key: '9cc756a41d6cb27773eb73e5a2b0d6e13f494457', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '366f89222f45124eeee50b4cf84c3fe6e67df905', class: "gux-search" }, h("gux-content-search", { key: '9336b96f0681f3a014ed950439f45326677787e7', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '83881361b6a2339213f03c726b95dc5c2efc2796', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '66fff64c2242bd34b4c4e47574dd234574ede6a6', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'a1786d994eb7a1a87e0a4bd838694dba570284fd' }, h("input", { key: 'cbb33c97393adfbc7500ee39a2422a54b2c8bf5c', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'c1cd5cc6d9fc5ffbe680d0ceb9e4aa6ee41526d3', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '2f4e12af3991e9a161fc0de86883364eab110ec1', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'ab0751734003d7dc26387e4f88d46d31de6e8d59', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'a36c42516b7b13942da965d59596fd51c68935ef', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '40b00dccbbc3b9dd2d79f0a7e558a592e7a647c3', class: "gux-container" }, h("div", { key: 'b5fb241078d0acb83118b016e3b667fc54e2f31b', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '2eb3f96dc3f109dcca02466eff1d9038ea2dceae', class: "gux-search" }, h("gux-content-search", { key: '8c86cce49bb3ef53bc548c60bd80d1ca648f1a11', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '3d9a303ef7e13e3bf049009616d78ac03fd268f3', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2fe55a8bc3f231ee7901723912c6e2f439ea27f6', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'd5460b9363adb42f5a59b03771850aecdfa9ae08' }, h("input", { key: '93d46d6f32a95b9e38046e95ac419b238ce0cec2', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '2bf04216379485802176367913dfb3943a7f7aaf', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '77332327dddcdbd52f4d4fdfd7779b2eb86dd347', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '1afc970e4de08ab42a607d790a3ad25c4f816c8b', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '5923c285545fe76641d276e51e7f257914912b7a', 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: 'b1095eb5f404dd6ff9d82641117564e65c2a8881', class: {
+        return (h("div", { key: '63572ad234bac3b3b9f681995e91adf7eb54f414', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '1c68f401ee69616bae41abb219f3faa4693145ed', class: "gux-search-icon" }, h("gux-icon", { key: '0bf0e24bdf1c199ea29df18d606f2ec6f59eba0f', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'cf5612881f120a6cbac32eb011c17477395736f3' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '3cd33bc529e14d1ffbbadcbdcab3f26a7195033f', class: "gux-search-icon" }, h("gux-icon", { key: 'c1b2f73a5bbc7e8e860f5dfa7738c61ff08d023c', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'b2b977e60fb69886ff85be6911d212513cc3afd1' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -124,8 +124,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '785461b14d3fd3289ad83f982a25be58859babda' }, h("gux-popup", { key: 'dd8f0b8ec360afc61a49cf747094d53c7810fb15', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: '0118990af3ad9099d1507c45285c08fbc7172cd1', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'fdea4d3a1e703e1e4b8d75e034038c3b7a04ebb2', accent: "ghost" }, h("button", { key: '57a21e1acb8dcfa172bfc8331160785fef995bfe', 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: 'd8e4e61c3b1ee16e579e573cbefdfc500c7ebeec' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '022c545cd37f68bdb5a20e5a8184dcf65c619d77', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: 'a2ae5d7d9df4181078159932ac3c22914b5a10eb', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '0100bf7b6dfb08e746e9114c5b41ec7df6e5ea88', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '46bc9c7f26bbd771dc63e1033c031531b7abc246' }))))));
+        return (h(Host, { key: 'bd1eaa8a09307fe0b60382908b6979863bab69a7' }, h("gux-popup", { key: 'b421a91f27fc08d60b560bc25f5a5a003257c9b4', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: '123af2600cfa9c9a75fc58be7c660b66bd38aaf1', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '5057daf882f0fb9e9c1c68f58ee0508322b75df0', accent: "ghost" }, h("button", { key: '82fe5034eb87923ec8be7e0bfbc87a0f55f392ef', 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: '14793aafd38222372bc11ae85a08a259b6e35cd3' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: 'e18167df43a3c760b67f0333f1ab22cf94141f1f', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '26e208572fbc62b91feab22d7e77e7365105c6a0', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '282dcf2e475722ce1612ac45ad371cc0618f164c', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a2d238931c1e69fb371fa1bcf31cba104dfe7833' }))))));
     }
     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: 'ca0ca5e140ad732a465cae42866b0cee5a1f1af3', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '577957a7e26c7655e3a6533328d4fbb77a2bb384', class: "gux-copy-content" }, h("slot", { key: '55bdaeb5fead9651cdd67ba7d5b25938dce17df0', name: "content" }), h("gux-icon", { key: '947f96029d0569ed96463ba3c4d8a0e26def479f', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '54619cdcafae85606ec0bc28e26e4412c1fe0449', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: 'bdda0698b53008fcb128607fb9d48439223fe15c', class: "gux-copy-content" }, h("slot", { key: 'eec8dea065427cebfc089d5e9a02f4cdc9ed882a', name: "content" }), h("gux-icon", { key: '464b0f7be9ac164d1da7b9d76ed0e6fd01ebdf28', "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

@@ -539,7 +539,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: '3240c7daa76fc3cb703c326279d63095ad1dfa8f', class: {
+        return (h("div", { key: '83d40dc06ae31ac587af06be521dc77740eec320', 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: '8e9f664c567d0158fba24d555538c7d1eecba885', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '1a7708b59c70c79ed919e2873fd4f153ce901c10', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '005f5ee36a716e0f0ddc3af81fcd80776d15e3a0', type: "button", title: this.i18n('dismiss') }, h("div", { key: '0ef51e79d18865cf643d1b85eb94a2721b6ce378', class: "gux-icon-container" }, h("gux-icon", { key: '7fb042e8b56356d4736aae5e59ccc7bb66f64646', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: '08fa407f754962c86794799450e3f45a38f97fd2', type: "button", title: this.i18n('dismiss') }, h("div", { key: '32fc71dfe0fdbe09451cde2cdb44b976ab8d9ebe', class: "gux-icon-container" }, h("gux-icon", { key: '0c1750a285a74832382a28c85b889d166b53bd0b', "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

@@ -368,7 +368,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'b44699ea3b45c8f05e8bb8b14b1e111d0ea4b12d', 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: 'c2672a5985e694e0e6ed7789efe0282619cfb56f', 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

@@ -36,7 +36,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '68c0fd272ae973b81798cf34d6422ab87a4a68d3', class: {
+        return (h("div", { key: '42492d83dbea4a38dc4bbe0652380c66ab4bf7d7', 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

@@ -416,7 +416,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: 'fbca5a2808d47ffe4ecedc7df9f9f00d3de3d2c3', class: "gux-dropdown-container" }, h("gux-popup", { key: '0626cba18d8ab78d8cebe576119c445e5275a699', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '0e869259af3b4f43473cb563f169784269dec749', class: "gux-dropdown-container" }, h("gux-popup", { key: 'ca1c40874385c904dbb3f97f1cd7f4f953e2a4cc', 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.css

@@ -17,7 +17,8 @@
   position: fixed;
   display: none;
   border: none;
-  border-radius: var(--gse-ui-menu-borderRadius);
+  border-radius: var(--gse-ui-flyoutMenu-borderRadius);
+  box-shadow: var(--gse-ui-menu-boxShadow);
   opacity: 0;
 }
 .gux-flyout-menu-content.gux-shown {
@@ -29,8 +30,8 @@
 }
 .gux-flyout-menu-content .gux-arrow {
   position: absolute;
-  inline-size: var(--gse-ui-popover-anchor-width);
-  block-size: var(--gse-ui-popover-anchor-height);
+  inline-size: var(--gse-ui-flyoutMenu-anchor-width);
+  block-size: var(--gse-ui-flyoutMenu-anchor-height);
   /* 4px padding leaves some space for the shadow to bleed into */
   padding-block-end: 4px;
   overflow: hidden;
@@ -38,10 +39,10 @@
 .gux-flyout-menu-content .gux-arrow-caret {
   inline-size: 0;
   block-size: 0;
-  border-block-start: calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);
-  border-inline-start: calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;
-  border-inline-end: calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;
-  filter: drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow));
+  border-block-start: var(--gse-ui-flyoutMenu-anchor-borderWidth) solid var(--gse-ui-flyoutMenu-backgroundColor);
+  border-inline-start: var(--gse-ui-flyoutMenu-anchor-borderWidth) solid transparent;
+  border-inline-end: var(--gse-ui-flyoutMenu-anchor-borderWidth) solid transparent;
+  filter: drop-shadow(0 0 4px var(--gse-ui-flyoutMenu-anchor-shadowColor));
 }
 
 @keyframes fade-in {

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

@@ -183,10 +183,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'e63550a1d6bd46a833e2d9053972e18154d516d1', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '89859f6ac2382dc070c599fe25978ccab17be9e7', ref: el => (this.announceElement = el) }), h("span", { key: '0da478edbd7914dd84f606f48adc19c3db587d15', ref: el => (this.targetElement = el) }, h("slot", { key: '555653f60007b0afc0f179758abea8fd1abe177c', name: "target" })), h("div", { key: 'd772af60894dc6b37fa6243e6b90c1622ea79b75', class: {
+        return (h(Host, { key: 'd893f20c48ecbc0c53f9319f8deadf3a428414cf', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '35d32a4b15afd7c0fb996a97c1f68b7db8f40555', ref: el => (this.announceElement = el) }), h("span", { key: 'a34f3e5d8fc034acd1ffc90abc46d508f85a0f60', ref: el => (this.targetElement = el) }, h("slot", { key: '4ecf54d39a0d05cdec319e5025b92c39358d9b99', name: "target" })), h("div", { key: '05383a9bb129a126c92b74840685a1585244c763', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '029dbd6582546f044b52752e7259aba60e68fdf3', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '664c59bfe7fa693cfdd981628bab735acf2407c5', class: "gux-arrow-caret" })), h("slot", { key: 'a4c61997204f12dfadbeab2dab0161760d6ec25b', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'daa499414605600957060b3837a0a2b743d85834', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '8c38119f8a339a3d4bef713fdb663a5ee2071891', class: "gux-arrow-caret" })), h("slot", { key: 'e34b4d2b8d82f78ca3b6121626f511c6209ab209', name: "menu" }))));
     }
     static get is() { return "gux-flyout-menu"; }
     static get encapsulation() { return "shadow"; }