genesys-spark-components 4.153.1 → 4.154.0

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: '873a1636c6a2f43692d048a3d51f4a1013a827f8', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'b3a8f4a438f284368ce6be78eab4fbc9e5833e7b', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'e591bca5a8bbb8d1150ef9405a8c516e1e6576c4', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '259162b87542bc6c5a4b9489684d23d076123529', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '25ff155574383798c6045fb9de65f8af6d880df8', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'b61c3ba34b335d25bbc5ac10ce8f08cb47bd1a87', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     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: '740ec16afa50e1673f37312f57430c6e62ae27b3' }, h("div", { key: '68bca6eac3f2436ab80ba0a7d62fd59e3fbc9adb', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'f748401e86c2183f4d9f3e21198f63fd11258dbd', name: "icon" })), h("gux-truncate", { key: '81a2b7a1ccfadf5a12ee61b34669d8e7d7ea8dfa', class: "gux-message", "max-lines": 2 }, h("slot", { key: '2780ca7c864e3843c22721e1fff37c5f62df956e', name: "message" })), h("gux-dismiss-button", { key: '515d2f5d6b96300ea43acc538284f8c3d7f3aefb', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'fcedc51276036598daebdb655e739f7ef4f62b45' }, h("div", { key: '60c846e5a15400cbef1e1827d1a549c51903b9c5', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '1171cf31e5573d3485b338e0fcb430664e500fde', name: "icon" })), h("gux-truncate", { key: '41e9b1c8048684f7c0ae32e32789c95eb9e9be28', class: "gux-message", "max-lines": 2 }, h("slot", { key: '1e43240a28a3d7b857b03207a7276acbe5b42230', name: "message" })), h("gux-dismiss-button", { key: '6ec76bb9de5815f5c9f8c4c1a594cfd23f6a1e06', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     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: 'f2e3b36853c947ecbbb9770c8e4e8c960028dfc5', class: { 'gux-selected': this.selected } }, h("button", { key: '0081c88cdd890723bca9e2bd46f047ea0ba144da', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'a45f6bd0a68bd3cc2c38a445e2ba65fca4165e7e' }))));
+        return (h(Host, { key: '473d91b23d91706de57cd54e5bbb4cf37643aeda', class: { 'gux-selected': this.selected } }, h("button", { key: 'f58a58c514b009a5ed077419e8d0823e0f77344a', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'd74ea185cf5091f069309b0172a8719d5a810130' }))));
     }
     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: '557be79a6860f47c913ecd8dbaabf93730954cb5', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'd1c9c9756cfde1894f2587f8114597fd36eca57d', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '636ba23f9f730f26792bbbe606ec742967b678eb', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'd0d8b7103c7d91457e7a195eecaaaa0c154719c0', 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

@@ -49,20 +49,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: 'df275d28827d27a2dfd85bbca6cab36b5cfd3d63', class: { 'gux-disabled': this.disabled } }, h("div", { key: '9d23d4e724b712cbcd281a1c7cce74a669850330', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '74afd507dff82dcaf347270fb3b7fef847df1f74', class: {
+        return (h("section", { key: '1baf83ef5cc7bc4e6ecd1c29e9ea251f62b91473', class: { 'gux-disabled': this.disabled } }, h("div", { key: '97796a68fbebe47e612b351c8b6ff667f98f4121', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'c401cedd99f720def6f03cbddc9e6af5b7a6242c', 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: 'ae1a0a58e93dbc94a133ba624c3a022ca1735c7e', name: "icon" }), h("div", { key: '4e9c8a843543fb5f63cb0882caca8ad86edcc07e', 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: 'a1ceab9f1216f46ee53e861ece33226238b306c4', name: "icon" }), h("div", { key: 'd9f4d67e24623a46f06c83e6797d3446d2057569', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'dfed8375498b718194ab392c7273040ca1e07111', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '0d3b2087b2187c7ddf45399c4cc543a4237fb989', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '7dd15e932c213d57a82ae1206aacf221b6bdb2c1', class: {
+            } }, h("slot", { key: 'c0b525f2cedb97a85a75ffaff7ce69e73252c3cf', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '61b25a658527fd99eea659491431fc555aa73114', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'a8791ea7b0098a08c9af7ae982fb15ffb43834d4', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '4d949354cb136f1fcb969ccc9840c46461122767', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '0c06072e5529fc17bd0b5e742ffcaf9391282cc3', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '4f3364688f6d3e41c737f5eacdec3db06f1567f8', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '8e9db51c2abf55d2711d6520caace02540a3b1f2', 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: '483d098a1b55d7da7c720962e18045861d0da6b3', name: "content" }))));
+            } }, h("slot", { key: 'b9126e002b8b94ad663ed4d0f47369e47c56b770', 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: '3fc634094a56cee760224ebe2d6bae760438888b' }));
+        return (h("slot", { key: '40c10eb6df635f2f67aedef0880d2a2575d7e4be' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -126,7 +126,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '7633255e916dadb6e24229a0ef559ea3428f9a47', class: "gux-action-button-container" }, h("gux-popup", { key: 'b458ecea7ea0d89b13cd291af0fd25377d9fa0c0', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '414e7dc5173548b76af86b89b1bef794594e2d35', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'c02b2c61bf8cdb4a19e971dd3e82bf36fa905ee6', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '3ade415916030357e8d2f320fc103ebd7abfbaee', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: 'f22099a108f9c99563ee3d2b8b30cac76c9ef534', name: "title" }))), h("gux-button-slot", { key: '151cbf0a40c39abf46a15999665b9539e2dc485c', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '5a5e866a17d43cf70ffc960f928301d22b36ee82', 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: '30d2f061cc3aade2dbaa588a561317d2a4f1cfba', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '0b119de3141e2156b0a4a53d8c6cc6daa2e3302a', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '7b8ad8c7d4ff3df92118147b043883edc00ba903', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '02e9bdedf0ccdd7b22c4a587b924341ea47271a0' }))))));
+        return (h("div", { key: '5cb48a10e70d19c3a9ca2b192811969d4d6dcf4e', class: "gux-action-button-container" }, h("gux-popup", { key: '04230410d20a8719d3e73d8aa50080605203e2b9', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '7f2ecee96315724a13ee06216683026f10bd8a63', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '18e2de61d310a809c36a9967aa9f7bfcf813b230', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'c286ed3c33cfcacc218945ef3b962cd82c3ef819', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '5489e4dd73c8eae59d7995136e39bc997ad6c0bb', name: "title" }))), h("gux-button-slot", { key: '29ef3ee9e685f2331c938517e0214c59f768cfb8', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'ecf4ca0c933ba476d219962cd3a4cd2aa917d356', 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: '578727ccecfda25c5a1258ce2c314d8941f1b4f3', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'd1ad42ce1e7ded21f293af7f803a8f139fa18a6a', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '743386c04341936db338ade614fbfe1733400bb2', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4b955147a76ad026b298ee98b7fd1c10eaff980b' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '1c01e576cfd7ae983f41d36a11ec812943325ee8', class: {
+        return (h("div", { key: '2df75f468fee8768dc10601f839adaecf35e489e', 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: '5ffdd793f53a20b51f0794c1d70507982768e422', class: "gux-container" }, h("div", { key: '5b715204b1b30ad49d463f3d1ec2135f5699bdca', class: "gux-image" }, h("slot", { key: '7bdcb039b23164870c12bf410fe39588bc4ccb5f', name: "image" })), h("div", { key: '67ef7c194d110ad7d510dd4ec66891b52848268e', class: "gux-message" }, h("slot", { key: 'b0cb2f244e686ebfc7dc9cb33c31bce1d9430135', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: '552956046140956fafb09eef24724eedca205f2c', class: "gux-container" }, h("div", { key: '7085f843ea70d6e20f1fd114aaa0f916e78702f8', class: "gux-image" }, h("slot", { key: '31dec09402b2ca8f0ab388466d534706783fe900', name: "image" })), h("div", { key: '86be542b754b1cf257f01a0842f2777238b83f3b', class: "gux-message" }, h("slot", { key: '1809ba5287c136a995e5ec882327a94cb4e40599', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
     }
     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: '391ed04d9fbe5e213eabd7934300dc55ee5a13ca', role: "listitem" }, h("span", { key: '83977c45fc002424bba01b09e43580db049c861b', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: 'dc776ce73d09cdc31397017a03c56b7612a896ba', role: "listitem" }, h("span", { key: '9e6106e96f4e83cc5c1ff26135f50f293ef06afe', 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: '443d281294de9a339349a2c8876536f29a5b06cf', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'f6465c7842cbcc1d1253a94615af68c8bbfbbb15' }, h("slot", { key: 'd9536148e45d3804c5d25dabe16977161700e413', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '28e89b70724e2fee7aed501bdb7876c26e62436d', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '288ad6b8a76170a489b17bbe53c983a6c084e15c' }, h("slot", { key: '1278e0feda4ab8d38e0f9a53ca2c4212199e9b20', 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: '15b89e11c02ebf2ef4b366354ec9ffdee24854ec', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '9c064f7a47d8a4b4deaa4e60af5756a030d716af', 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: 'f08e752335b5148df4218894b773c67e79f2bf4e', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'ee0e8501a4cd24a1fac1cb4c29c452b03bf434bf', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -106,7 +106,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: 'ece72b69d337028ea26da8314ee58bf865d4ab3d', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'a936c62a51be50017c8f47828d33ec42d6547663', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '349be7984bec20052ac497bbcce48c90424f3101', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'c6cb985dc78941170f46d17d0208258d4fbe4166', 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: 'c1fb7a0888726a3e48399c8190074dcb904b7322', name: "title" }), h("gux-icon", { key: 'd83786f9be248466472e50aaada730b6b392103f', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'fed88c06c6808941d920140a3edeb3e0672e4daa', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '7dd56e89a1ba748107cf6df465e9be6c8a2170c8', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '0badfa2c8c2a792cf54f08a86a246b957a1fbc93' })))));
+        return (h("gux-popup", { key: '55381bdc8514d119ece1ccdf437b23259dfde9f5', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '9e501831416c60a1a6cfdacd22aef9a478adc0d8', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'f2939a2c1299a200de699ff71b4ab61c96e1dc0e', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '03802ae5f7885f4a4a18d7d94ae55ca15b53c356', 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: 'eca59158d6046945d7e6fc99a49a21b1cd36e94e', name: "title" }), h("gux-icon", { key: '03850f04446a4c6207812ea7412e670552294f7c', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'ce636adf962609dc76e646624b70177e294d614c', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '4cd052768ed06698e2e13c661f7ffa56c2de7461', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '3404468ea5f1a4e8934c7200e920eb3e3a1e0ad9' })))));
     }
     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: '94506a426fd8280e5976174b68a218dd17215f87', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '0ea2daf66de1bf791d9701ceec6d6bcaa11aa67d' })));
+        return (h(Host, { key: '1820b416e8c54da3570d3784266eedc5933efbc0', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '66f3850cef58ba9df05d432ab522e60b28280d90' })));
     }
     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: 'a1028eb71c81ad286bc176eabf97c8363cbaa1b8', class: "gux-calendar" }, h("div", { key: 'a966ea2739a91060df32ec4f2fa1ccc359e9725f', class: "gux-header" }, h("button", { key: '97b1fb6481b5665b9e8e67a0e4e7091b23a89519', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '0d86f27b1c30f4b0ac292f856f856bba3ccb3999', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '83488973a35e42d78392b0424772750eee259075', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'd403e9d9da4b4bc4a5e23f4eb38003dc2ccbb948', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '398544681200579049d65e2b8d96a65e098b9e0d', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: 'e7078b80ee2b85e0fe1c83f96e60a7964939545b', class: "gux-calendar" }, h("div", { key: 'f1e5fe1d328ef32158989cc9e20909f9e3139a67', class: "gux-header" }, h("button", { key: 'aae4da818ac5081ef787c16c812a7c0bc680a32d', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '823f261e39e0b061ead849afb82f5e0a2c5d55e4', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'd1d9ebc762d7278b19964ec38d00296b47f98b78', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'a7bf63b4506e7c55f691d3aaad430f18edf0623a', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'b1cd35692c38c748363d6a0edd9c3f8d866d944e', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     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: '4e442e796dc0d0d1d52db25ad28e63c33a9e4750', class: {
+        return (h("div", { key: 'cf65846810dd24ade44d0c3400f9d16c1876746b', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '31b3d5da1c3a9e479de4a4a787dfe3635d546aba' })));
+            } }, h("slot", { key: '4a241e4cc99530464998917f75093f565542dd7f' })));
     }
     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: 'f0f911d1a9748d086816c3a62d800e2a8a0a5766', draggable: "true" }, h("div", { key: '386ceaf1dab89ba35d86a6bd43a3ac48a3d4d5be', class: {
+        return (h(Host, { key: '87e64ab19cc75a34e27b0da4a3883b4fc03bdfe4', draggable: "true" }, h("div", { key: '852ceec945260e57f0366ba8dd4067a36cad1815', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '0180686d13c056ce0087a25ea8651f84c92d264d', class: {
+            } }, h("button", { key: 'b871cd2344b5df464276ac3b3ef46fd13d491d17', 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: '828ece69a0d399c2eb5e34ac2a3daee5d6767468', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '13836988a3758ec17cce4e98f6545592bc2fba0e', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '2226d22ca4d30c2ecdcaef69de470ca70e14e5ae', class: "gux-select" }, h("slot", { key: '215068b974b9c778ea36391ed66450356c065ba1', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '6fbb0037791d45474e95740f362d578505777ff0', 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: '5ae5841dc9fea7a4c2915c103206aa7cfc96b939', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'd33b39c970e321e6216875363cc3fed45a8dfbeb', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'a047de4fd93b7e742b1b70a31061750478f1c224', class: "gux-select" }, h("slot", { key: '6b3a439c12c4ee9f3dca44e7802f691fae62e003', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'd64a6d6a97f3d8fecf40a92f7ed8d27f1ef6320f', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     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: '81fe37471e58f95f0809ec4a6a0b933a670d6cb2', class: "gux-container" }, h("div", { key: 'bae92afab70a60c9cdf5790ba271d8e197dc013d', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'c93b40f05f50a4b0b6ed2fae9c19132b6bf57337', class: "gux-search" }, h("gux-content-search", { key: '5e7d395332b0eeaf4aa6d6923e491ed1d17f4faf', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'a121cae684113f5a3b026ecb9fd4c07554872c70', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2aed161d7becbb19f63a396fbce78719e2abbb70', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'b63bd6c7c8bb1b8ed6bf3df631d279f15f4e6301' }, h("input", { key: '9c535f3adca8d2a6827409b0249386133d2798b5', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'c4a236267fa01675112f39f7f1e5432d5c7d7f66', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '804df7d8cf8547ffea63a953fe5723f8afc50ea3', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '1da7cab436cde218ba01950ca7f3f54579be9070', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '80f8be4a2874139096573df84b4200f160eca91d', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '5634246ba2c88484b06021a8865c9566401d069d', class: "gux-container" }, h("div", { key: '331e79feaa5c41b17162af720b679948de0fc5a4', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'f3fdd3580c20b6e72d9d9fbb16bcd57f53c233c1', class: "gux-search" }, h("gux-content-search", { key: '7fd12c67d493f5b8df537c44902492308b81d7b2', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'fe70e4da7358e2c413cf535c301d8d688dca0459', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'f334f3aeedb3d06980fb3db7fddbc2c94b83b7ab', class: "gux-select" }, h("gux-form-field-checkbox", { key: '7b3587652fd0ee01cf4ce12e05f4d154cd9b5eb0' }, h("input", { key: '86e8bac0b754e2f6d8040dc7c632a1e7dacfb7b1', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'd5c984dcfe510e346d5dd7d4e8d76e2515ad72a4', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '290e31ddb2ed344dd96d0088185fd5ece7301f7e', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '9c50c0a680be1c7adf023facf2186b5fa0aef5ac', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '29fee5ffde0698cda242795a20d4fde8fcda791e', ref: el => (this.announceElement = el) })));
     }
     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: '486a47040717c31b4719bd25c904f4e9ad26b4cb', class: {
+        return (h("div", { key: 'ef4715513267f640e3146f356942998a1d7f9e8e', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '962eaf42d64c19cd29229494f8a48d849bdebb06', class: "gux-search-icon" }, h("gux-icon", { key: '94dd95de99314ddaa695295155e8106b7c7e564e', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '4fb508f6e946793dd2634e362ac42f11995539cb' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '2f2a5f82d513ca4c1c09e74c83854986a85806f7', class: "gux-search-icon" }, h("gux-icon", { key: 'd0dffb2cfa01e19729d43c4f8560288ca97c3af0', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '830f23a720ef5d477402fb6666da5b9503c453e7' }), this.getNavigationPanel()));
     }
     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: 'a89200c50e9825bba2d0cb3456ec34259a6474b0' }, h("gux-popup", { key: '611c344242193343098701b23264c9b0f4e804dc', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '9e425c440f41a0e0cd22821f0fdcac8631355f94', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '2f9516a5fee4b2ea801c0b2c39e4952a4ee6f398', accent: "ghost" }, h("button", { key: 'c2d60c950d71c16e67850aef0b211497abea14e3', 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: '60dc66a0a75ff63743c87febf411afce88077d28' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '6bc109369d68cee2a579f1ee8ae9ce6e60193598', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '2b7951d13305ea675eb4f9aa6b602f26cc797a61', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '32e98fca29255ee1defd7972c04836047b222783', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '2537a1a217957a3f277dd789b8e4b2d444fc78b4' }))))));
+        return (h(Host, { key: '71daff89e2c9308fabfe2a72711ee5c6f58febe8' }, h("gux-popup", { key: '1524aa95d9b12ce39377f970a8aa1f88dbb1a96f', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '0e081fd58aac0ed9514684e7956c3bc987ca9a02', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '59ea669fb9a29dd7eaed40ece717cebb64c65b78', accent: "ghost" }, h("button", { key: '4c62d98299bf658e7a97481ca587d080861a1818', 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: '4e6ce2bc70530d13fff98bbf8aed059c7e4928a9' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '6fcaea725f16c37a9f47fd840e6bb4854b6c6d81', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '7af3d8d59460ece729264bd3e8e0c5924e5ac060', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'ed9fe6c367aa9ebbc8d499a27bc0d71ffe63a115', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'fd3b7b86d7eff0e47938440a029b7005add215c4' }))))));
     }
     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

@@ -51,7 +51,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '4a1d855939d0f110c8486ad4d8899234d36f42f7', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'ceb1e4e07fdc56791e89185c73ce8a592b9f14c6', class: "gux-copy-content" }, h("slot", { key: 'ed877b38943607c97402fe2af8b7ada0441476c1', name: "content" }), h("gux-icon", { key: '188ff54cc16790ef609dd66ccbcbc3251da2ca86', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '14de6400815472a848c3a0bd9570211b835e5d3d', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '7cf5c98f49b471284453d0707a30fa6e5fd4821b', class: "gux-copy-content" }, h("slot", { key: '93c62a0ec398406c4f592329d12c00cc3dd08d3c', name: "content" }), h("gux-icon", { key: '2848aa46ed1c48237a41852df02763ae3526b50b', "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

@@ -535,7 +535,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: 'b48b1a41504b6735366664a10a3e21b695826205', class: {
+        return (h("div", { key: '89d01f637b19ee72e82eb020abbd23e1f805d8ab', 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: 'ed2ade35805a933292919edec709d1778ac36a75', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'ab4d4415b6534ff0bf1b123ca26d51cc28ebe9c5', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '5dd0175bb1d46ec17f7346edd60989b2b9114b1a', type: "button", title: this.i18n('dismiss') }, h("div", { key: '1652eca8ab19eee594eaf8d9cd4fbff934d03586', class: "gux-icon-container" }, h("gux-icon", { key: '65e759d50732413b83898ae9d99e2d6303bec22d', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: '3a7f9528fca9183623b19082d34b51dd853ae615', type: "button", title: this.i18n('dismiss') }, h("div", { key: '7310d0b8879ec530ecfcd7432e89cbfd41e953fc', class: "gux-icon-container" }, h("gux-icon", { key: '0883e5154696a9fa8f06cf58bbda345aad7daa4a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     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: 'd0e6fcfbd0da9f9296b950a541b57d3931a85af6', 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: '4dc5bc89637d04a587748f7f8a99e42e4b0cc015', 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: '5359951db3353286222ca483667eb1a4d79d2f1b', class: {
+        return (h("div", { key: '9dc2a9c4f1d75a3fae782daf7b406916f8a69f70', 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

@@ -407,7 +407,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '6927f71083cd8f0700374d948be0aa25cb3db639', class: "gux-dropdown-container" }, h("gux-popup", { key: 'f7ed293f36f193c6e03d245656ec1d8b09d44f7b', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: 'd9a2849dd2af70fea0b94a23ac5fa1de9c16c663', class: "gux-dropdown-container" }, h("gux-popup", { key: '80871f9a99b8a0d6ad333a08f2f1efb6195b0c4f', 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

@@ -171,10 +171,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: '705dd7369dba4352645c1705db33b9f3f7cfd390', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '542a46d2915e83b30dcecf8d515efdd67b112785', ref: el => (this.targetElement = el) }, h("slot", { key: '346efd2bd19496efdd0cee720ddc235cab3573e9', name: "target" })), h("div", { key: '1297adc021208c5f844efe52f22d792d88211efe', class: {
+        return (h(Host, { key: '1e467e8cfa6f535785855280e17d34a7c2ec417f', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'baeb9203d6ccb6d8f920f77e398ef5b8a9913949', ref: el => (this.targetElement = el) }, h("slot", { key: '7983d609dac40d85f1c0e7d1d47a50b0b4f9fded', name: "target" })), h("div", { key: 'aa4d34c15170c14e4316ba44cc0ce62de75216e9', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '436470738e7679f2b332fc66501aa9c5bda3afb9', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '3d66c9b20b677b840da6f76b6c0a61044f4837dd', class: "gux-arrow-caret" })), h("slot", { key: '757f4a157457bbd62cbf239985a00612e40ce80d', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '768d033f05a4517d5399673436e0e10db7bc1a34', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'f792bbaf9bec3e02f2dd409edc4a941a048850da', class: "gux-arrow-caret" })), h("slot", { key: 'f47bedd287b17ddc9cd665529ef470e7d85102f4', 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: '4b065ce574fe36728b28d769da26d1d5eb7e7143', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '3c8cd5af00d1df520e074b16cde9d787ca43d3d0', class: "gux-menu-option-button-text" }, h("slot", { key: 'f1d189749e2f670e42772f5c48b14e99aacf350b' }))));
+        return (h("button", { key: 'fc5e2ae86d85268375b5f094ad65c294f00201d7', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'c4eaea811ff06a313d4bf7f1332aef39cf66d6db', class: "gux-menu-option-button-text" }, h("slot", { key: '13fd8e22f088521621bcda49f52ff4a847d4a3ac' }))));
     }
     static get is() { return "gux-menu-option"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class GuxMenu {
     render() {
-        return (h(Host, { key: '19c52f15d965c7aa60ce0e67ed4abd249a272acf', role: "menu" }, h("slot", { key: '21552d0d24e41b7030f51e69543246d017c2f21a' })));
+        return (h(Host, { key: '7deb2bf2ca469efecb3655efe36e56e739374eb0', role: "menu" }, h("slot", { key: 'e6c2a810aba11f19dec4126051ccef0990598159' })));
     }
     static get is() { return "gux-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -139,13 +139,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: 'e5a1b4c1e87911f03e3a84a66cfd29d5769afa8d' }, h("button", { key: '7afbe1098e9e11edc76437225267ce970171376c', type: "button", class: {
+        return (h(Host, { key: 'd93414d7beb40cab15ae9df1690aeea642ce0076' }, h("button", { key: 'a8f4db8fcdc0ca13c6e39d1f117899d37121a476', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '045e11c6dbd7c28d681ac59ef3edfe77a2f96621', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'd3cc17228ef53ed5ee837f2919d203d16f307fc7', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '9d65a9fe9242435c0687b08f248cd2dd561a6036', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '524a52123f823d425bdb19ffbf4b51c2b2c316d8', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'c99157a92c7575c31a943777d72f88ac7d87cac2', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '65b0f392279185797a6a5ea0db92f4ada7d8ad87', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '6f0cda0fc9b8c88783394b00097896b9115ac658', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'ed21ef6781ecb54218705bb356b4d2a217c23bc2' })))));
+            } }, h("div", { key: 'b9e0e1466d15cb1a5e77c297dd14271fd06d08d8', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'd50a2ee90823846c77ee792f2effcbcfd255f632' })))));
     }
     static get is() { return "gux-submenu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.js

@@ -47,10 +47,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: '3807b1ae64ec97a88b614521d43e17cfc42529b9', class: {
+        return (h(Host, { key: '05eedb3efb5925efd55f0fbed9dec50148c3b671', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '4b0197733ce8805e94ea35710c631cdaa75a9f08', class: "gux-form-field-container" }, h("div", { key: '21bff41e6716c39404111211b3961a12572dabc0', class: "gux-input-label" }, h("div", { key: '248842d8c5b1925209fe3c8d71e9401d85df5be3', class: "gux-input" }, h("slot", { key: '617fbbb990ac8aaca2419f39cc67e7ce71fc747d', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '4c6008656f5972debaf900588c98feca21735cc7', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'b025ca7c7be84f0567b62010b5a07e04edfd00c5', name: "label" }))), h("div", { key: '30174559135d2382d8148678ee15258be90d24cf', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '4e8f50c6416a5114c67e95afdd10ca2bf54ae4dc', show: this.hasError }, h("slot", { key: 'afe78c0a23baf77e348845cb11aacf66f32948a9', name: "error" })), h(GuxFormFieldHelp, { key: 'd13d0a3b79454de838274b5f91066ec785771c4b', show: !this.hasError && this.hasHelp }, h("slot", { key: '0f5c4a72d948a21fc12b7589269c0366b6ebab26', name: "help" }))))));
+            } }, h("div", { key: '9040562d171a9e9c7f070d6572c0787b44edfef7', class: "gux-form-field-container" }, h("div", { key: '0687b65015519fe0118a3caa9623f2c2cc957434', class: "gux-input-label" }, h("div", { key: '789539b0545c078324d0914bce4fbacfbd17812b', class: "gux-input" }, h("slot", { key: 'c9d43b5890dc0eaa3791e7c22382a611afcbe9d1', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'c03b478b667729ec45f4e944204582e7bb34a344', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '00ba2231f4e43868b8627f66bcfd5e0e7199631b', name: "label" }))), h("div", { key: 'c602d8dd04cd59b2395f0c62a2bd47e1db01184d', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'b45e09e8ada10fcaa1d4a19b861f05ef12b63a38', show: this.hasError }, h("slot", { key: '8573dd0905d1b1f727bcf9ee5b092e436b8d1b79', name: "error" })), h(GuxFormFieldHelp, { key: '2e1289c3b6dff1d492a282f2f59f08f191b454c8', show: !this.hasError && this.hasHelp }, h("slot", { key: '509b9e92dd8e454c711c6ecf87d9d434f1126010', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox-group/gux-form-field-checkbox-group.js

@@ -150,8 +150,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '82711918d702bd81432d84e8c4a67af8602f979e', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'c8df4f74e3ed8ecaff04313f30afca29049bebcc' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '08a29328b9b06a9e985f09a93394f32cd039eb1d', position: "above", required: this.required }, h("slot", { key: 'c516fff9067c5e0825688c956248a539438751c5', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f51f8491725cb929a4d188d77c01af1d37063175', variant: this.indicatorMark, required: this.required }), h("slot", { key: '62aaae610193cb1af270487b9c35f4885173f5ce', name: "group-label-info" })), h("slot", { key: '5b8b4784a9c08cd415319afe3e67388dba4c3a74', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '6587e8a28258dff586d3143f403b64af61c98fd0', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '89812bc1133e8b263d12fb17faa45c3d1ecd43a2', show: this.hasGroupError }, h("slot", { key: '475aee18cdfcc77aec936294c6d63ca8d0277ce7', name: "group-error" })), h(GuxFormFieldHelp, { key: '4795c2ff3decb95f0f538ba7ae7b0b8006ed495c', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '18c28aae572498c5014767b937b4dd7002703516', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'd43a9b0f9a02cdc3e7b59c1a8ed1d981d6c2a2a3', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '38fa82fb837196c58fffd81bef9770ef2ffd6b42' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '21aa66364c133d1423c917d06ba0f0133eab9483', position: "above", required: this.required }, h("slot", { key: 'b6d4254b6b76e9cd04357070f34ce420eb1155d1', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cddcbfea5de47ee77960435974a98981fefcb6fa', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dd541b9217eee24522a7159b5be993c1302550a5', name: "group-label-info" })), h("slot", { key: '8a85a1f7f2f417eba3f64f12b410d91fb21ef492', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '3bf015dcaf39267d8c591d190a72fd0e09652820', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '3cf043e9d50bcf434cc8008b529750b8d0c9e49c', show: this.hasGroupError }, h("slot", { key: '8ac68ec59839c02ea93668496f57edf9dcc22770', name: "group-error" })), h(GuxFormFieldHelp, { key: 'a8fc012dc7b87b3a1203e2af16893649e4edc4c8', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f748e652d3d344de2d68078177d6e0f912ebda2d', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.js

@@ -85,13 +85,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'd3b685320b63f563795b1f373eed1e9480f31e08', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0398fe4a51630de16e0565e728ddc075293777be', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '049c6d6a39fefd46e30feedebf98e681bed43463', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0997af10c069d589a213b1812fee797c27c556f2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '35058cc8746cd9a87510e0d338ba1f0ec94bda21', name: "label-info" })), h("div", { key: 'ac4686ec5e818d46b655730507c951e2f472f8f8', class: "gux-input-and-error-container" }, h("div", { key: 'f9b0e6c253315a1d460894a36a2a800db86a0486', class: {
+        return (h(GuxFormFieldContainer, { key: '4e7e2506ffdafdc14e849e190b53199a20595e16', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '178746d28f97da0e811767b1621f536e58db085a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a811fa13fb91847e074b04530543b902f1ab437d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b3799e9bd2e3289163d780c7dd3029cf5d9121f7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '70dc42af063131c13c089bafd211aea7b45fc62f', name: "label-info" })), h("div", { key: '1328994b37a9df7c2cf264dc2d1c5a62d507028f', class: "gux-input-and-error-container" }, h("div", { key: '375294e1bc7eb7f1638e92c61ba21704fbf1f4e4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '3ed9de5c316531dd3fb775e71c4eb72c65eb762c', class: {
+            } }, h("div", { key: 'e78ef6ed7627a86d575c98709a21b0054b2711ac', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'ef3e40bc0ec3903adacedcb3d29b77bcd8e7c48c', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'f95f940f2f5e4320eb06f9a2a9e4c0f51e00d285', show: this.hasError }, h("slot", { key: '6c9db0ec5ecc492a5949dd2605ef2057d308eebc', name: "error" })), h(GuxFormFieldHelp, { key: 'd710fd3516b5ed6f1ccd838585ef296218578811', show: !this.hasError && this.hasHelp }, h("slot", { key: '659a44ddee240ab4a479559532daac6642fed57b', name: "help" })))));
+            } }, h("slot", { key: '1fe004b427ec82f8ee4cc95c0e9aa09f598d4c4c', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'c9ac3066cd29528c79508adb10df4735d0114ac5', show: this.hasError }, h("slot", { key: '81266586b55830e6e4d112ec86428cf81540a022', name: "error" })), h(GuxFormFieldHelp, { key: '4bd5491ad1a773664d00a7741573c5e4094cd485', show: !this.hasError && this.hasHelp }, h("slot", { key: '3e245c1d59d93b978dd31a630499ab149e1e5119', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -99,11 +99,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'b084d277f5af04ba23b029f570db9da98cd77372', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '2364915bbb4f415913c3c7d3e6fec33b799c79d5' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '89802e22a555dbcde4229d5476f7b1ad55fa1e93', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '37778bd01fd581cc4453101ef365514225c9127c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1d4036925e42aa127a939b3a8af63ab021d6a24e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '06e63b59208f4a810d30488f1ff55a16ac382a33', name: "label-info" })), h("div", { key: 'a3f731cc685ff0b12207d08f467c88b1759bbf83', class: "gux-input-and-error-container" }, h("div", { key: '8940df02a3aaed5c35f6110271cd51ce75b6e77c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '48dd4196b897e9316021706d1ca00affaa7d4ef2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'bffd3054389ab9c0699f3224fbcfef46735fcba2' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '4528f24da52468134a33b496ca750fba10b19c7d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e53eac2281337397867e7088beeb80a9b3568e34', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9632ff3d56811f422677365cef5996f4a7f9fca1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4527f0d23ab421fbc5d73ec39874e98d3f683327', name: "label-info" })), h("div", { key: '0888eb5b4ce1d11b3f93a778fd677ea00ac7643a', class: "gux-input-and-error-container" }, h("div", { key: 'd7b5eac8decd41f8d83f05eb12bf1185b0354423', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '8ba0d26fc6bda18988cf7fe8c464a25e020d3d88' })), h(GuxFormFieldError, { key: '82d57e7c9eb59cc1ee4eb3f0a29f7aac786066c7', show: this.hasError }, h("slot", { key: 'cd34704355e3eca52d7a67bdad79d024125a2b1e', name: "error" })), h(GuxFormFieldHelp, { key: '897c69adc392f05a29fe7f442aa1c6a49ff2821f', show: !this.hasError && this.hasHelp }, h("slot", { key: '5f55e0ebda1dcfbbf8c772446ef026c201ec11fc', name: "help" })))));
+            } }, h("slot", { key: '2157a30d53a5d3fd9c4f4e74df655051121041ad' })), h(GuxFormFieldError, { key: 'c37c2957def14bfd8d6ed3d4d38a66eccca3b631', show: this.hasError }, h("slot", { key: '8b59bfe287a7c93042ef58346d9d7b273344a552', name: "error" })), h(GuxFormFieldHelp, { key: '7c75f5a3d71634e86dc1a4854d29b2cd34e09a2a', show: !this.hasError && this.hasHelp }, h("slot", { key: '775ddb0b4ad3d36287b301b5ef84bf3c337bd54f', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file/gux-form-field-file.js

@@ -102,7 +102,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '7d563066ad9c8436ebcff05124aa6d89114ed3d3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '423e06477e702f4dfeddd13686846c58bd9c1e86', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3ba8031783460f7aa90c5e0b890111e34220060d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '10a3831873d6038d70dd0d9367f28aff502c6f9d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '48863510d76fa08fe770365a9876a6204572df27', name: "label-info" })), h("div", { key: '78b87bc6a5c35b46d0639be0bf8432f2b38338a3', class: "gux-input-and-error-container" }, h("slot", { key: '83c22f25feb28cca6a8974fe3f31891205ebd215', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '394b5fa72d633fcbf1074013a6adfc85fd0fe7d3', show: this.hasError }, h("slot", { key: 'cce151e81d6b6af993c533a8e22ac71319aaa527', name: "error" })), h(GuxFormFieldHelp, { key: '444741588fcab48668782e99b004988739362ad3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd9eedbbe7c31796e8f4a147ed6c94d6c13d9f64f', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: 'c10fd321c8bf773255a80434613956e996a9d188', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '3f4d192096e0f66c8efeaddc7f3d0e3b5fa0958b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '586a908c14797751e6cb1b13ae0bc564161ecc8d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '881f38860f97ab5cbb30a94c50767689463a485d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '275b28be2eb6bee317b8a70388ee77020a02e121', name: "label-info" })), h("div", { key: '07efb7bd5da23115070848e87dbb089412092702', class: "gux-input-and-error-container" }, h("slot", { key: 'bf560f13af6416db616545f486971274c87f57c9', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '87e187eab3d3a5ea23855baeafb865b858fb47eb', show: this.hasError }, h("slot", { key: '6ad1bd62f989684bf073c3ba9a6327d6a761e2f1', name: "error" })), h(GuxFormFieldHelp, { key: '0043e6cf974b807c2f8ae7d5f1ebee1f00a11b46', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fbf83091e4a9665dfd296a55dfbbd98a6b2d76a7', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file-beta/components/gux-file-list-item/gux-file-list-item.js

@@ -11,11 +11,11 @@ export class GuxFileListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'dc5d16d800223c9802181bfe4301b53bc9f35483', class: {
+        return (h("div", { key: 'c548abea3507d94f3b230a1a5283f844408cdeee', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '80debc4f3b87397f4a3e6e810db88f3f22ce04dc', class: "gux-info" }, h("gux-truncate", { key: '3f8b95df7792e068a6b894833866df9760c056e0' }, h("span", { key: '708bdd96c2db4bf13e80c32edbdb2bdebb97737f', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '1d67d6aa5e1e59cb0da9da2b0d5eabecee980464', class: "gux-info" }, h("gux-truncate", { key: '37a2f6c927f4c58fb66c3f78d539b8832bd92ec3' }, h("span", { key: '1cf82c753506910632a519cc75ef5f625af3c1db', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file-beta/gux-form-field-file.js

@@ -91,7 +91,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '989d4155c0aa73d2f0f9afe0eb04ba55764bccd5', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'cd69dd4dcc333cadb3b50e5736d319db88e8cf06', position: "above", required: this.required }, h("slot", { key: '88513d8977f749e7d0e9dc61b266a026c22c7048', name: "label" }), h("gux-form-field-label-indicator", { key: 'c602062bb5789fdde49921a0092344a8e9f60d58', variant: this.indicatorMark, required: this.required }), h("slot", { key: '48a3070cef06dbb9a8814b8750e3234cd7da0c60', name: "label-info" })), h("div", { key: 'a99a2dfa6c3662cc7da84cdf6c1866abe9e4878e', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'bb626c2431562b30da8a806838a4fe21e0f5d2a1', show: this.hasHelp }, h("slot", { key: '71119d39ee8324a48536350c24d92d2683f1d0f7', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '573d6c356d497d8bd76e0adda31f606de5953bee', show: this.hasError }, h("slot", { key: '4390140174fa3c91572fc5c5f5e8864f6f5af3ea', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: '26192fb8fa1b688471449dc0c5d67603fe5938a8', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'be2e80f56f914d8f276302404eb3d247f7f0b3b1', position: "above", required: this.required }, h("slot", { key: '8ae15aeed7c9b15f6e99ad358bb8a10d8f966854', name: "label" }), h("gux-form-field-label-indicator", { key: '2b017f7683939286029c15aa97e55e3adb0a8fd9', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cdc28be12d3a7e424b11c196038d679cb6ea65de', name: "label-info" })), h("div", { key: 'ddfa624e499836f78e691477988630e288327e6e', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'd192f564f007aee7e9f25d11c865770f19ed4274', show: this.hasHelp }, h("slot", { key: '0fd8f308994e09f903ad86d50b012f873d8a625d', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: 'ed983dec6ddfa19f299bc09126a936c977755a51', show: this.hasError }, h("slot", { key: 'dc789ea26c192a8df28332b0d9e7576adb0766d8', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');