genesys-spark-components 4.121.0 → 4.122.0

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

@@ -12,7 +12,7 @@ export class GuxSimpleToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'cd12b491d684eb81457698877ce95c28b38c0e7d' }, h("div", { key: '38c6178c912e8ba8e6ba2f0e568ff7839ae39bcf', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '2d9a870749e1d07dfb4e6046c6016b40aa4e0e53', name: "icon" })), h("gux-truncate", { key: '55dc46c17c39f744fadee4239d7d2c85a8f0d23a', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'f2bf7698cc8ee194826b73054a3afde88b1c1cd8', name: "message" })), h("gux-dismiss-button", { key: 'c98371ac3aacfa923f2b5a5e4c07f548835d32bc', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'da07a992640a0db76f9423ae0d1383b053056c8f' }, h("div", { key: '470263e84639ae51777b13a35a11613c58545133', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '3ec7ec589cefb08dfa4030787c7878a20b092351', name: "icon" })), h("gux-truncate", { key: '75ce7fe40b5c8fd0932c4024e20ddfd53fd1da14', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'f41d0ae31ea9000bac4c4eb1327c68cb8c842321', name: "message" })), h("gux-dismiss-button", { key: '4b0b3bf5e00cc6c2e3cf4de6a2543516166ea15b', 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

@@ -14,7 +14,7 @@ export class GuxSwitchItem {
         }
     }
     render() {
-        return (h(Host, { key: '2ed33e7c7c9bc10a95fe58ddac40aa92d3baf6fc', class: { 'gux-selected': this.selected } }, h("button", { key: '18dd54fc6020bc33af1fdb3291ed467ce24c337c', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'ed50cc2aed32e97a7340496f303493967f03708b' }))));
+        return (h(Host, { key: 'd5b280ba1119cae6da0fe1a533bf16792489d28f', class: { 'gux-selected': this.selected } }, h("button", { key: 'a72dab11df7253877c5b57fad126887dd32436bb', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '9223e26d35099c79260e6a11787266444aee9d74' }))));
     }
     static get is() { return "gux-switch-item"; }
     static get originalStyleUrls() {

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

@@ -31,7 +31,7 @@ export class GuxSwitch {
         });
     }
     render() {
-        return (h(Host, { key: '2a5f7a42ae51622f621083945722d55b21c61c95', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'ad155fd665ccca61c80cf77cd5da7e5ab45f899b', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '1e1c9ad790a962a498613cb3d51968b073ccadf2', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '6d5d3212464cd761dd22785ea54c8e50093d31ce', 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

@@ -44,20 +44,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: 'd010859104eb61287b50452027502d8b45bb97a1', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'ef3e10d59e72041ab201ebe4237d2002cdd424b6', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '48d14b1238dd5a8cda1bb397e22d03017e4d42e9', class: {
+        return (h("section", { key: '786d627dae3c8ba98f9837f08f63ae7e21bd2c5d', class: { 'gux-disabled': this.disabled } }, h("div", { key: '740bf624d7ff10ce5e48c8c22c566dbf3aa70bdb', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '2b589469a7367988e6b672e73d1e6eee7c797efc', 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: '9d7df0c288b8d31f42e605d98a7235b5bfcad1f3', name: "icon" }), h("div", { key: '310515c0a8243811e9126641691f19092f06c00b', 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: '24d99448a3984adc095cf40d907ab02a5592c5b9', name: "icon" }), h("div", { key: '1fbfb0695e9c512087c38b14b5194089050e5f80', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'abb2ac57412ddd1984b1057f34a6a1cf8ab69c11', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '091a96c1a6fcd05544beaf5bbd499629e0131d61', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '8fca0530223a93e1f1cf064c9f5af2665543de84', class: {
+            } }, h("slot", { key: 'ac0f49477577aed4d920ecdb9930c97c0a14efbb', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '30a8379cb5e2c3828e28545f04d151ad2b2c16f9', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '8fd478c58e5cc1dc65b132f45e72ca6ff51848d3', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'f0718a400246a057f618ea7b31d5bf41546b7cd9', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'f90a2fda46aee4e75338f560388ac175842eba9a', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '91bfc5a3fc1ba1986f3c4473df42845bc72200f3', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '38f5637347de3dab2ce48e0f389f56976eee32d5', 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: '963ee01329e2877b05e9fc52d8d268ffd4b6946a', name: "content" }))));
+            } }, h("slot", { key: '646fcd2b842509fe33a59b3aa5b3bd6859fb6fd9', 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: '2bd07707cf323ba6568223a125cec4b24d6197d5' }));
+        return (h("slot", { key: '6da12a034a2413f705a3242978bccf634b58fa25' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -117,7 +117,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '01844aea07004b55a12d1e722300049f8108d6d9', class: "gux-action-button-container" }, h("gux-popup", { key: '339ec282d5b932c9086d90592a401f9dceaed8d4', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'd2b8baa66af0545779ca753efdf99aef16dfaa0a', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '3949872f533e25ddd64347d6f2ce8cfff34c66c7', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '44a9f5d9a758c42d383a475d950624c13476b292', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'dca6257158a8a6c57284839e0294c6fd4065667d', name: "title" }))), h("gux-button-slot", { key: '93e5b097582eeeed9cd5389e38abd4a45803fd37', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '56227811b8f541048d8510ae6862887aa18c92a2', 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') }, h("gux-icon", { key: '127864b062cbcb777a85dfb15bea33c94ad33779', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'e07f57ddf92bb76ecd88eab8306000817b5d88d6', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '567cef20863d6fd4a6d56a01419609bacb68e877', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '9faf3538d626d574e5090251afd6883e2e880428' }))))));
+        return (h("div", { key: '11f7c3e5acd6829fe353fc620d39cf323a5660d5', class: "gux-action-button-container" }, h("gux-popup", { key: '93f19604d339583b4c2a631204da3570cb5c2532', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '95f42f2f1b5ff9e7a301b08d1f01f724ad6f2ee2', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'f09eddfe45a4ffb3d8c8cfd11480f8054e5e1f01', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'f67b55090575445c1873fcc4ae0283ad69ea1a2a', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '96ff98c3112a6f0b78d122e10c52b1d58587d05e', name: "title" }))), h("gux-button-slot", { key: 'b0ada537ef60d69dc50ac3ef9816eea7b3504df3', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '36dd83583d1790c6a76d63e353638427ae15dff9', 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') }, h("gux-icon", { key: '38b8d87a8a77715186e1ecc7910f5e15de6d6ebe', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '150dad3473523a949f5b0918ef664253d16303e6', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '55e8da3babd597b9fbcc205707066fd575d42439', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '119295d3147499c32502aaaa80ee93c0d01655d8' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -35,7 +35,7 @@ export class GuxBlankState {
         this.hasCallToAction = hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (h("div", { key: 'a812183308ce82399d1dafa36e8ae80f40298505', class: "gux-container" }, h("div", { key: '737ee62ee9f2b669070cd8a18924bd22ff9d86b3', class: "gux-image" }, h("slot", { key: '4380b94f11a96e94178e5407ae29246ac2278e7c', name: "image" })), h("div", { key: '6c7ac6b33dd5873a83bcf05fef4fc980a858b6d9', class: "gux-message" }, h("slot", { key: 'a4a61cf10544e1966a6e7a63439ee137798f8aca', name: "primary-message" })), h("div", { key: '5f874e0c18a3065b9b02ab4e4aafb90e931443cf', class: "gux-guidance" }, h("slot", { key: '53b008ec660295789193b71139dc727d2df7948e', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: 'cde6aa1089fd28a1fa3886dd55175bddf7438832', class: "gux-container" }, h("div", { key: 'e86169c91f616a9691b5e8ee43551743144cf92b', class: "gux-image" }, h("slot", { key: '7f51aa33d62dcf4e55da8a5468a8b5430f555e89', name: "image" })), h("div", { key: 'e828f67eafcd1973e1bdc894e027518c126827a3', class: "gux-message" }, h("slot", { key: '7ea4c7b68df6eaef26f15e332a1fc053e4315380', name: "primary-message" })), h("div", { key: 'd09a12632405ce6e54fd206668fc72fa7133a6a0', class: "gux-guidance" }, h("slot", { key: 'd3cfca7561ebd67960922d77fcc76faab5049769', name: "additional-guidance" })), 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

@@ -38,7 +38,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: 'f58448179219988872aef9743467bd8faea585d9', role: "listitem" }, h("span", { key: 'ac86e1fd271d24f82d382cf4a9692f97effcdc5c', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '11f7521a9667d09523e23b2e7afe4d81f2d0a6a4', role: "listitem" }, h("span", { key: 'da935c3713d500d0f9ad01ab60e7c68a74371ffa', 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: '47b29436439aeec2d6d3db2c9b5d29f23a6a1ab0', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '30534f46660ef40e401ccd40f4d1a71f66e916dc' }, h("slot", { key: '3f5a37c1cc6ab74400269d676db0998aa81297ed', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'ea6c25ebfd5858e0736fd427eb72422a187f293a', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '84863092e412993739e6a0af414b89d8445d8765' }, h("slot", { key: 'cc4495754bb42b94c3693a9e9ef3798fcad31d55', 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

@@ -22,10 +22,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: 'f336746777fa318e2cc8ac18a77c44b0f52da0cd', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: 'abb493ee85bcfdc518784bf593b3afe7c3a15fce', 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: '82cfa0f55e0684131d6ab3b752411587d7fab276', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'ed943237a31b0227d1d295e2f092083f24984862', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -96,7 +96,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '5ec1e75fc273a9e1116c94bfd8effb3af3491896', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '12949104e609ff33d8f8521708d62394a2467455', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'a47f20a6b55ce7ea75eafc1e1a45ee5a62c1a0a2', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'e04fd6896eca10c48d5e7f5377cae9a140f2e7ee', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'fe65c3c7276ccd4c2b5d970890f2f923152d9a00', name: "title" }), h("gux-icon", { key: '0c8faab4dd21b420b9405c7796c944af361895b1', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '86efbaef84b9c9c07cbebb288afa0686f74ab360', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'b1a0670087e7d02a7573ab87a2568b04c8e4eaba', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '72fc4897ab34980e0a19d0a0e2af24aaca47ba24' })))));
+        return (h("gux-popup", { key: '12f5a802d4b2143b53d257d73ceab98a90784103', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'b5d3c9255f69e79abcfcb7669e61f18f7dd6836a', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '665d22455bf0360dfcb8e06fb76d79747101dc1f', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '1e61fd22caff151322d5f66d1e3b2b7ee83b4fde', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '74124b9f00a560cb3f65112a266cdde878cb6065', name: "title" }), h("gux-icon", { key: '198fd2d236936afb5f31884cc77cea9d62faabca', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '1b8a663f77bc6c15b6913649323ace481be05d2b', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '62f318608a347e92b44b48f7f4defe71efed441d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'bbe8d996414785303bd5b221aa33bc079ba554d1' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,7 +32,7 @@ export class GuxButtonSlot {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: 'e6bbc2d0af4e87622578d8c08042e4ed52b1e505', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '85281c21e359f1c635e6235a1ad62b84227f4ddb' })));
+        return (h(Host, { key: '20a58cb5c60c129e26c8147d908f8fac0b10373a', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '75971e7e739dc2964398ffb9673f5473fa3c09d1' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

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

@@ -322,7 +322,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: '608100a47650aa8c7408cb72b41bdf610375cfc2', class: "gux-calendar" }, h("div", { key: 'e064a53e54b55478085a77e65d84eb752103dc83', class: "gux-header" }, h("button", { key: '4e258899ed52b4c21d86ed865313b679313391c5', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'aac6049449bdcfc0696b1bcd4d8d6efebdab520d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'a13722dc99f56373ade9c3107900d9524a82dd92', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'df253ddcc563541ab79b8550daed55e8ea9ac3a0', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'cb5bf8914175a52ee1374ccd288e9c04b9d5b8af', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '8eef32017815d3a9991df30f9367fe577a076724', class: "gux-calendar" }, h("div", { key: '9af530182f8a3f19626e227a03f69c75924d6d33', class: "gux-header" }, h("button", { key: 'b11bf4a64cf27093820606c4ad9eee1197fcfa9f', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '526857a7a7423887067d385dacc786c66acffc23', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '6b73f9e4a29d00d3317023e84ce2b3446dca64a4', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '8814bbd30a56b7a00c9b0b8a323a565c35f15d75', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'abc9c3e39be6e7527fe361a3d9088f276e3fea16', 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

@@ -11,10 +11,10 @@ export class GuxCard {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: 'fddfeabae96f3dceb718f2e81f787a607806626c', class: {
+        return (h("div", { key: '7960d166fb22cecbd69470b9a533a963496a70d8', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '1a47ff002ceb544b37882c381dadc09386d69531' })));
+            } }, h("slot", { key: 'e3d5e5aa8c1830855197b22c6a750b3bb9e01eeb' })));
     }
     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

@@ -128,14 +128,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '4b62f8a4e6987662a4442eb64b46503c7b846832', draggable: "true" }, h("div", { key: '379821764f92352f40a5784fab4b410629248b36', class: {
+        return (h(Host, { key: '2b847dce74096c35cc157d86227bfe2250453b7a', draggable: "true" }, h("div", { key: '7f1c45e045063f490cdce3a4c19d0a90aa9b8a92', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '900c686eba727645339be71d8d4d6dd633b16512', class: {
+            } }, h("button", { key: '7c0634a4315fe5f34194ce368ee256e72acd6831', 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: 'f89e7db5f9fab521b3c12cc900df57c9577c7091', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '0fd4aa2424b7a5f86c55a2d25b69bcb97bd2c54a', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '2ef6bb1398919a63ac26037ae065001a2a5db766', class: "gux-select" }, h("slot", { key: '47dececc3e186ff4e87939b09e7b1942dbed1ac4', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '9e5b15098cc39242e5efb94285c46c938b7f379d', 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: '0f8c101b730dd450c4796c5c8bd6005d773bd671', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'adaf9a439fb518cd0179bb2b79d88d893447827d', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '1e8254d24ca0e5080b396e8d8402510e2f52fd73', class: "gux-select" }, h("slot", { key: 'ca3ecfabe5939f5d624824febbebfdcbf40b9098', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '0cda2ec75c5f6ebaf14e7cdc67a5a55923be66e9', 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: '90472c14aff4241a12a67e599f4eb4575766f64d', class: "gux-container" }, h("div", { key: '6708dbf297e838ff3a39c0d3eb0d2166bd82b603', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'e81f51fa16667552b12defa722fdb4e2570fa31e', class: "gux-search" }, h("gux-content-search", { key: 'd4f6ba75ce8c93142efde59730391ac93fc3b137', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '6ccd29773587b71fd08d47d7c89cd7242f4b4c3e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'd521b953340ef6ef42656a8dadef2a2afe53eb3c', class: "gux-select" }, h("gux-form-field-checkbox", { key: '9d11c72ed14a1c87cfac5037880f220e679bc522' }, h("input", { key: 'adf6a87ed983216e59b38888fff529d665aa22b3', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '19e2f8f14b119c8a73728a62edb38dabdb21447e', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '3b9164ab9d5f245f76b8d19afd5e5ddb8f005442', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'f87a0f01ba201238d5695d0c436343cead0c52a5', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '23888d1c0878856edadbb8bdb611ac6d803d9f71', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '6d868fedc7cbcc175c27d99aed857be111b66383', class: "gux-container" }, h("div", { key: '4396666a70da06b166491e04ac6337f001453844', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '2fb37b21ba764da3044828702beb75c1d2284e82', class: "gux-search" }, h("gux-content-search", { key: '20e9d4741f888b88fa47cc0bf507706ac88a121b', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '0d85ca9bc4d5bf7701fd617ef2621394c25ac21f', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '494db5819be47cc0671ec21ec8a3af592078991a', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'f4ec73eaba92d68037b69c28a0b078f0ede521d3' }, h("input", { key: '55ae9c76c5f8a3f24d96f8fee16ebbdec7fed385', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '27566d59de986d29833c8243e5e3b461d2a5d391', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '18f6969f6e8318e4a5f988759e07f700453816fd', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'cea1f7b82035c23208942e97a5b863ce7179df3e', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '86b81887bca36d7b58c07bb12334412db47b3b81', 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

@@ -46,10 +46,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: 'c13e18adcc7893bd09918918011f06a6c631b690', class: {
+        return (h("div", { key: '90297d9839ce2a2725f5f6000e12349e2f768021', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '9ba14b3d49298ebda817fb6d600dbad6dfa63713', class: "gux-search-icon" }, h("gux-icon", { key: '2146014de1e824adcb11d8a0d61d12604c9b3206', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'ea3eb44b3235e9cfc0bb3f3afd7c0b3c81864332' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '2988d6010d9378ab73e2ffc4f7b61906f5f12750', class: "gux-search-icon" }, h("gux-icon", { key: 'b33de08d6a0be6caa610d27bcb73bd9fb50c0e9b', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'adf4ba4825e751f7af8a59aecc36a311bd79a5db' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -107,8 +107,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '6ec72e40159292c148c53dd5739fa21b45710f30' }, h("gux-popup", { key: 'b60d4e27776f9bcff8dd81767b5d4fe83abdeb31', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '46c37f1bcd37e728ae260978edcd2d25aec33efb', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '52355dc84b4b2c6df125906dca42b54f314e8e2b', accent: "ghost" }, h("button", { key: 'd051f5aa1443d0b3f25868d650696ea35552b1ff', 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-icon", { key: '350ba0aa9ba35950e14c05d5baf0a2b3eff78bad', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: '5468877b13a689cd2dc0c0bc5050eea6a090cbc1', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'ae649d83d0722f5614dcb66122f1f7a87a78ab47', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e00d0df7d2a0bec67de19b11134dcfe5218fb589' }))))));
+        return (h(Host, { key: '3eb0557c9030580eb2438f733516cbb1531376e7' }, h("gux-popup", { key: 'aac6dd689c10acc91286136f375f185310357ed0', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '9e2c3d5dda35d81b89543508c1482f597844c7d8', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '5b6ad2c841351fb7702b5a98a034626a5a1d5f62', accent: "ghost" }, h("button", { key: 'da286e8b0b9398548f28b855cd5431853fc35500', 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-icon", { key: '1acc9584468d2f72cb5fcf5fe814334fa28fec05', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: '632c9205c311d3643d28577109a9813ae959ca5b', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '7fd46369b3736c76d0be4e84dbec5c379be609c9', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '9fbd52e44827fb653604c60364e3e4c0190870ac' }))))));
     }
     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: '4843d7c055d6d34758fdea75f67d4a24bd95d7d5', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '7f503d10ec5f1f31754661f518d60f9606055001', class: "gux-copy-content" }, h("slot", { key: 'b6f200fb75dae908cf65584a32650e03e0c22295', name: "content" }), h("gux-icon", { key: '8bbb7a6dfd579ed9a2c21b15c75395c167af5864', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'e326b6c909136bf5e09cf286da6e8849f5af9a54', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'afbce6a3de1f413af4f534036a6f9f250c2ec357', class: "gux-copy-content" }, h("slot", { key: 'b9120459d62af3d29454afd38af25d81028fcf52', name: "content" }), h("gux-icon", { key: '869fc9434a8cfe2d2617fec0d3ed698f7e6d16ca', "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

@@ -510,7 +510,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: '70cbb2cd6fbcd3a770d50258f90d07d833e0da05', class: {
+        return (h("div", { key: '69c0e0294c404f3422945d527db1dd0c3b18e848', 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: '5ceaedf6208b7fc7277d65e76afe34da93b75b6b', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '953bbb409a1a951fd847d5091aa3d188d4a9749c', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'b3fbaaa681b6164182336f30ea67caac83e64561', type: "button", title: this.i18n('dismiss') }, h("div", { key: '439ba2827dcf7246ac076ba2e1911a0fc600ec8e', class: "gux-icon-container" }, h("gux-icon", { key: 'd05b7eeb8a2612f3052e4ebc7647db3841f4241f', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: '0b7998dfdfd5662fe92c32bbdc88e1ee85629764', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'b4af062105a26a9e7b9c16ead23c65c168cbd33f', class: "gux-icon-container" }, h("gux-icon", { key: '4948240d2fc18b870b9a6f3ab08b9eecd3f35b72', "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

@@ -351,7 +351,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '25d3e1076b69e6729046d6ae3c6818d3cfb27702', 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: '6d1688a7ecc7d444a14e828b92f06019bc37da47', 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

@@ -30,7 +30,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '80bf22ee8cbb16ae1af046a5ca3821396a8a3acb', class: {
+        return (h("div", { key: 'f8ec2bc6ef464aa684b499b3eebe872f6d64a143', 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

@@ -396,7 +396,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '7e1e588b5c7bc098cd659a3ddd6fd91000fdbea2', class: "gux-dropdown-container" }, h("gux-popup", { key: '47df7e9b9670aa052fb8d30912bd7a08e6e5cc7a', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: 'ec3af81d43ccad571fa9e6be678a819015e793be', class: "gux-dropdown-container" }, h("gux-popup", { key: '206a86a2aa4270aa1278ca1079f4b802f8c0f211', 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: '3fd4266f454403289736c713c1d3788cd0ae4430', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'd45e79a74c93ead8f2674337bfeb9290854c061c', ref: el => (this.targetElement = el) }, h("slot", { key: 'ac3c9d9f38d0e861771b76bd77f79410da8944c4', name: "target" })), h("div", { key: '83e13292bdf43fb6a661e4c4369fa6db5d536446', class: {
+        return (h(Host, { key: '02f90d5af9f42688dbab74ec7a51ca9b67ed1d3f', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '1575e5d56530c650858918848f0b5e71dfa630f7', ref: el => (this.targetElement = el) }, h("slot", { key: 'da87bb6185349d87cb33ebe5393e53eddb904924', name: "target" })), h("div", { key: '45b8dcd5883e4dd97b2f3b83063fcc636ed22a32', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'e03bf57ba4308052a71b6b45e28af4763a08f8e7', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '18a28ca0abde38c0ab77b7d021e062f172442cb7', class: "gux-arrow-caret" })), h("slot", { key: '4254349a9cf551d08e0784d30e5dacaadca91270', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'bf2411aeacde36dd207a3e0b2568887c33f124bf', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'cb6f6f6a4fc6f4d4ae47e4da48d96a1d14858133', class: "gux-arrow-caret" })), h("slot", { key: 'fdf674822844d59d8ea8ef21a15286c167580efb', 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: 'e6ecda816b03b740867041f0598d52b54bd6f2b6', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '9ee25dd181aa82386e3703332d7fbed339593e84', class: "gux-menu-option-button-text" }, h("slot", { key: 'e0a974404686e14ff9b078b2e367738f3dab69ce' }))));
+        return (h("button", { key: 'b4fe7d30f29d7cc564e9539f3b70775470643377', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '78ba56833071e37751fdf025776deb7c8be7599e', class: "gux-menu-option-button-text" }, h("slot", { key: '5ae3379e9398d2b5819990a36680eff323c3fbec' }))));
     }
     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: '2d74355f99f30a0a767a6c10f8488358dc32d31d', role: "menu" }, h("slot", { key: 'cbc4501e25efdca1ac97ba654356b49a9a4ba644' })));
+        return (h(Host, { key: '3ac1a87c8b75506c6e47967afef71506f54ca47d', role: "menu" }, h("slot", { key: '311f9fcc4f7d6e13c6f9c6df07a569d97f57ad48' })));
     }
     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

@@ -140,13 +140,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: '73451d05dd8ab24de76795663c9406f1be70b9ea' }, h("button", { key: '043ad200c28c4fa9f476488e3789e43859af5f0c', type: "button", class: {
+        return (h(Host, { key: '9f8947d3d3421fc16a6189aef3b5fbab1eed7f16' }, h("button", { key: 'e7bf084d37698c3315dc3291e9ed1f661db14c78', 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: '4f8522dde576ae710c435b2bba48e2849719c23e', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '1a71c1fea4aaa8f08a4f091e6ae6d71f0b6b7c2c', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '7269a1ff721903054b32e754f60b68541a864e50', 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: '6e660cf0a72c13299c8c314471cbd1cee62ad416', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'b5918cea4f4b27bed7409d5832f7b0fb1abe0d53', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'd744f9ee1b0a1db817678774e644ea27c834511d', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '1961d7534de93f3f9a13df268da591cc19debd07', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'dbdf8e962df400f3a8aaddd46cffde5d92675db4' })))));
+            } }, h("div", { key: '03d47d6d9cd6c237e4f033a1e1dbda2ecf774ed8', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '8553e38c55d676401811e3df4b5a9876e150d1ea' })))));
     }
     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

@@ -48,10 +48,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: '067f89ff8cc4f7de2b316ce0d472819f03b75fae', class: {
+        return (h(Host, { key: '05463e1dc299bc6b617377c3efc0f12b881bae22', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '88543aa3adb303a4edafdb12b16fc7a7243c5a6f', class: "gux-form-field-container" }, h("div", { key: 'c24ec13522c4fea24a56a12383d4f1875148efaf', class: "gux-input-label" }, h("div", { key: '28ce882c01a02a34961a2f1741c59e31e4025411', class: "gux-input" }, h("slot", { key: '47af0056364dbec633d30dd67e609d38a2068fc1', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'c799fa60591717fa0445fdb55d01757504e284d3', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'bd7f2c57a5f1c2eb929b0a5f701533bd286ef4fa', name: "label" }))), h("div", { key: 'b374ad8d8c0e44a2ade98dad93eecab4e6e3e921', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'd5a82479c64610063911d45dee568bedca04bee9', show: this.hasError }, h("slot", { key: 'ea5a86149c204e10112000d6cebc42fd11bbba33', name: "error" })), h(GuxFormFieldHelp, { key: '7f6793fd9f1418db983a1f67f08ba8a23d159202', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fb7cfd1d99a99385c1e7581e12f108badbbcb4c7', name: "help" }))))));
+            } }, h("div", { key: '9b3688789bc0f7b1a71f7e885bcde548c307c017', class: "gux-form-field-container" }, h("div", { key: '399706bf3335ad7323263b200254d67f5397b8d4', class: "gux-input-label" }, h("div", { key: '5780bbcfda45cf8a63d3b22cbbcac86a13287648', class: "gux-input" }, h("slot", { key: 'c03b78b92291bfbdadc9c045e28a498462dc42aa', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '3c95367561e9a0ea66ac2f41295be853f57996ca', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'c4cda2c50944daf8ff38e53745d6e8d435474499', name: "label" }))), h("div", { key: '9cce188eb629f2cb97fe5d841288d2cfd2dfee47', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '2869a534a332505c4d17810f77b931dccebcb0ee', show: this.hasError }, h("slot", { key: '4fbd028896fe718448351bc97cdbf3f948a551ee', name: "error" })), h(GuxFormFieldHelp, { key: 'a339e9b66939b57f31aa6f7f416d779a4bc7f7a0', show: !this.hasError && this.hasHelp }, h("slot", { key: '8b7d03fc93bed6d9bec5c9a469d0095fd1634c17', 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

@@ -133,8 +133,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '016ba0fbfb61b207e8321b6f293befe02b8e20d7', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '8a3cfd265b557ecf0d3a0c72ef3f34fcafd36096' }, (_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: '6c71ddad3a7dfa4c683851e84769ae17e6c786ae', position: "above", required: this.required }, h("slot", { key: 'c7483941443cec196820bcf352a4aa0ef629dfdc', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f47c76e0de709eef2ba827d4202adf768ae7f461', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f36c6951128863714f6d4e58f32b3856ca677805', name: "group-label-info" })), h("slot", { key: '475c3de3cf644d77e664231e07f00968d050e289', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'f1ff46cf13a0b01d57bafbfa00712fcdff2f1a0b', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'e00317549fc4c75fe5183e804f5a43cc456ec06a', show: this.hasGroupError }, h("slot", { key: '5de293b3687e5249524a167b988837c6a8e0e546', name: "group-error" })), h(GuxFormFieldHelp, { key: 'de36271470d7f76aa653d98fff3bc4ad8500ab15', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '161c8132d48f8e761e821c18a780221f870011d5', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '5bdfe9018a73df9e39d096c3dc7b79c5228b83a7', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'f28827a29f50949fd89b9d6e79c55480725f356b' }, (_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: '9380899460b75e199d511dbdda9223822608ed25', position: "above", required: this.required }, h("slot", { key: '4df01fc0917c3ce8b0c5337e35f8ab0fb2f15f8c', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '234c91705734cb8e0b2194018e6d5d1679d5238e', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cd8312e7dac10db5637669d03315fbd2ff59d2bd', name: "group-label-info" })), h("slot", { key: 'a14a4ffcc9a11b1ec26c633649381b2d6bc9f608', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '63e97caeded376aab9129b3df5a6f525de7b0059', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'e0cd6bc1f8b09f6f13f63aedad0e2a0b911e1864', show: this.hasGroupError }, h("slot", { key: '11072bc866ab0ab086444178cc749fafc1f8d656', name: "group-error" })), h(GuxFormFieldHelp, { key: 'f43d12fb526dda15b0e2c4d436501f3d5c54e7ce', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '2aa1e520fcb7c0cfe370b7fbcb9452f75d1a435b', 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

@@ -84,13 +84,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'eb5167c31fccdd7d84ebc4a94228404f18027965', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '016b80603997293cdef58742516958685765d5fc', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b3ada7a58c3d46ae2e41ff12215b0d28c60b05a9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '70245fa42b86f0bb1db34722f68942ec04311da0', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6dfcb4faf9144a85c7458db49670fd92512241f1', name: "label-info" })), h("div", { key: '1057e6f945c033a8334319cb968d82aa9679b5fb', class: "gux-input-and-error-container" }, h("div", { key: 'ae4bd61d9ca718a938ac24ea1246152b59fd15a4', class: {
+        return (h(GuxFormFieldContainer, { key: '35c231188ad1439c01b9db6092219d0c10a71e62', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'bbfed9555f80ccadd46b3c61ccf4177ab2822e6c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3a6c05a6d7153c5fad795f4755497d11973094c6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b5ac648377ff0250c4ca0f5eb806b1923afba3ca', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fc926a731dbe99e847b34bdbb8926abccff36ee3', name: "label-info" })), h("div", { key: '3da6f05bec079676dfb91e76ff0cbe72bdd55728', class: "gux-input-and-error-container" }, h("div", { key: 'd9f2d4b73289d89a32c1e98ecf77691d441b4881', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4454e9a6152b00d3a0ee2d49c53012ff73d22546', class: {
+            } }, h("div", { key: 'ec676f890cd36573503ac7112ff8115e2168912f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '389cfccf2d5f364996388b426d006b32bcfff54a', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '3b2f40aa97d1702ad76ee8113d8839bb5b5cf18a', show: this.hasError }, h("slot", { key: '8bb94fe63bdf80b4437eeb14f3fc24a23f92568d', name: "error" })), h(GuxFormFieldHelp, { key: 'f83ffce79ac863b0089beea206dad9f89fc46926', show: !this.hasError && this.hasHelp }, h("slot", { key: '498f9663f15081c36699100bfe9916c54932bc42', name: "help" })))));
+            } }, h("slot", { key: '91bd242ea19e802406a66ecd49623a5ecaa2854b', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'a91116d35ceedb49890aa650cc5de9f31a5de63a', show: this.hasError }, h("slot", { key: 'fbe5a3cfb60a271167bd4d710a97ec4d7804e404', name: "error" })), h(GuxFormFieldHelp, { key: 'd71de70d53409c4301563cc7eb0cb10120c8fc4f', show: !this.hasError && this.hasHelp }, h("slot", { key: '0388c43bbfca02c903db3a3f50ad8bacd48da52c', 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

@@ -96,11 +96,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '24c11cf76b967caf723bc0d50034ca1982450201', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1f8350bee643311a6bbfb11bec30b5af63c3caa5' }, (_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: 'db64a853d9a3e9b85eddd28affb3b920abe11cbc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '37761aefe67dbbb28dafd2485044dfeea87a0b1c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7c49f9df2354223d7005c22e7b09dd5aa564bbfa', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0e23cb5b0f860cd0711125b13e55a7eaadc0e09a', name: "label-info" })), h("div", { key: 'e3fa2afdd90d98729cab0d816d9f80803d457c40', class: "gux-input-and-error-container" }, h("div", { key: '7238001ff7984c82ebe800529359c10e9074ca8d', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'fcbe3825092d7936bf885a7be1f7c929fae0f42c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '2d5ab3b48267ce070105d49115951c9c8c11436b' }, (_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: '46bf523f4cf9ba4d2315c58c0064865b8c574782', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1ff1ae9ac980081f8a02cb85a724731729688e02', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8076b21c0fcdf561599e2e0508b2e5361e711c07', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5c74fec07707c3c02d4e79fda6abfc06509152c9', name: "label-info" })), h("div", { key: 'af31ac1d91d5dc3937bfb685defa3cae7e783315', class: "gux-input-and-error-container" }, h("div", { key: '3c2a108ffe21e1d342fad16747e102832f578f88', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '7c9f77db11bf52459a2277525447fca26643fd6d' })), h(GuxFormFieldError, { key: '4dba038e763c2d0e96cb611f1786fa0c160bc924', show: this.hasError }, h("slot", { key: '4d7a0a2167e494b4fefa444f4ef527a842c1fa0c', name: "error" })), h(GuxFormFieldHelp, { key: '2ee006ae770e3af278c4056f4b7fa6fdce490170', show: !this.hasError && this.hasHelp }, h("slot", { key: '0532bc69d0be05d01716b89147d6e461405b473c', name: "help" })))));
+            } }, h("slot", { key: 'f68c3aa57bb9527cde24fff8e62fa0a54ea131ab' })), h(GuxFormFieldError, { key: '3381dc6990aefa8d563b3ee623eeda2b48509a9e', show: this.hasError }, h("slot", { key: 'a1cc0cabc98fd9f7bb8a506c9e4670eff1332b9e', name: "error" })), h(GuxFormFieldHelp, { key: 'd785eeb373e07ec70bf15b47d7433d7abf6b8953', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c0030a20a2b757bca848aa6f84fd6ced73469d27', 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

@@ -98,7 +98,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '82b7f546e302726bf3da20fb203f65d39f518357', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8d6ea028da8b4b69a775e1db3458fb8d502b453a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '855456190313c3de0b580b01d1e9f52e3de5ed28', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '55daca20526e32d7d42ecfb28ebe19f2244bd9fa', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e3fc2009e70ef3e1e34fddf871dc054c9295ae16', name: "label-info" })), h("div", { key: 'a2f4c0707797b559d3706dbdfb7b0d0c02e327bd', class: "gux-input-and-error-container" }, h("slot", { key: '4772369244195fc256a943d080f37d6339e17dd0', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '9fb36778f5b95c8f838c4cad28ca732f7ab02197', show: this.hasError }, h("slot", { key: '02eddf03b82dba489b2b1739d7f33ab0745f2fe6', name: "error" })), h(GuxFormFieldHelp, { key: '162bc657dfdd99bb609849cd328bed2941075575', show: !this.hasError && this.hasHelp }, h("slot", { key: '8b47d8af375b171573edc232fcacaf31ef31cb11', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: 'b27324b472d6a26cec149d28ef968e329a870b80', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fea137ce4812f4b231e8653bcb425857d5ec1c5b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '156eb453546ee38051dccd8d1ad86870da080f8c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bbe992fe822dfa660b60c147db65d15d5686d32c', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ebe144b46872b25a21c29b0340de06c5ca598583', name: "label-info" })), h("div", { key: 'd2b225aad3f0f097ce709d1f972a7d03b8ff333c', class: "gux-input-and-error-container" }, h("slot", { key: 'e21a6fa23a9204af0cc9e7faac7e8f4c79dbdd89', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'af905716a4a0e7b605608e1b84ccdcb048e5b98a', show: this.hasError }, h("slot", { key: '11e1bd7028880a3a25fbf0c42a56439e0952a5d1', name: "error" })), h(GuxFormFieldHelp, { key: '0af2d7064f94059ce28142b9e7bec8183c1b3489', show: !this.hasError && this.hasHelp }, h("slot", { key: '2944e2846c8d11ffbc8090f6bc8bbed432b0df7f', 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

@@ -14,11 +14,11 @@ export class GuxFileListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '8c7de21311c7efcc6b3ee95dfe5224ffaea9ed2f', class: {
+        return (h("div", { key: 'e13745e5800415a2caac07873061613a20ab3085', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'e7c5b0957f52222c50c7599f69a4145e9f67ab74', class: "gux-info" }, h("gux-truncate", { key: 'a095b2528c551c7aafe85efb9a06dc5a1e357e41' }, h("span", { key: '81732c744cd8230d5bcde46a39bf99c4a6b526bf', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '045c4a7aa5ec18daad0ec84080023c54fd4b60c1', class: "gux-info" }, h("gux-truncate", { key: '9f51346c68b037ebe27018abadaa37ee044582c4' }, h("span", { key: 'f55480c4877bcb4cbd3cc8e03338881cd1e3d098', 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

@@ -85,7 +85,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '00c36efa4405c0b5a91f862cb01ec2b8a71046ec', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '70256247ed84be23f88ae9bb38c49269b171ccf8', position: "above", required: this.required }, h("slot", { key: 'd533077057b2e9ba5a7d93db92227b370ca01958', name: "label" }), h("gux-form-field-label-indicator", { key: 'e97db53e8a57d4788e362145ead6edf1d06c6856', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3404533998a709fe4de78b3d4acaf769892ae6a0', name: "label-info" })), h("div", { key: 'a76911d55098f00f1d3ad972aab42d9a4670328f', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '97d13f4d962563a6128a18f06d70b5adc830d0ee', show: this.hasHelp }, h("slot", { key: '15db9f5259d63b803cf34cb8d82974e79f2c7328', name: "help" })), this.renderInputSlot(), this.renderFileList(), h(GuxFormFieldError, { key: '7160af25b00b911a46598cc694c27abf9cddef9f', show: this.hasError }, h("slot", { key: '9cad5228cefbff40f83f7a3657927421d64900ee', name: "error" })))));
+        return (h(GuxFormFieldContainer, { key: 'a3a433f99f39c13c6ba0c052b4c68b12ac6a9912', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '0130b0fadf2fae60383d528f39cf9a4a41602446', position: "above", required: this.required }, h("slot", { key: 'fa0ca532f8b1f01b9580592c1b182980f7588d8d', name: "label" }), h("gux-form-field-label-indicator", { key: '2bdfdbf7f91ea59b2f55402b62f21cc9a1524a02', variant: this.indicatorMark, required: this.required }), h("slot", { key: '886061de4e0245595d6a8d8276cd8171917674ac', name: "label-info" })), h("div", { key: 'ce5c3bd1d15cadc6464e35b711fc6e7ec3730437', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '7a3978d92aeb595c8fbf2fcd6866838f93c1693c', show: this.hasHelp }, h("slot", { key: 'cd64b06c45bdd1bbfe43fdfd6ef49324904a1de9', name: "help" })), this.renderInputSlot(), this.renderFileList(), h(GuxFormFieldError, { key: 'd98fc278c377870703f993fae72aaab4d322cd0e', show: this.hasError }, h("slot", { key: '30fce4fa958537b80e609e3c0d55ec1adc648dbd', name: "error" })))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -101,14 +101,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: 'ac43d3e00fd5df500e494d87e7324698acd4e0d3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '97ba50cd5cea0ea57ed638b4abbf0b6edf9d193f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '584c04853deedafd0cdd8621defeca51fef4cc5d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b4e9f91216e8a327a0e25f9dc8ae65a1f3e3e02a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b011385f1fbaf8f825fab9a67f477ce20a42392a', name: "label-info" })), h("div", { key: '6ae1d9c9007f0cb6058aed17887e4d42260b7e65', class: "gux-input-and-error-container" }, h("div", { key: '5d41e8f121ac8272a0475d11e0d8b97a3b5fcdd3', class: {
+        return (h(GuxFormFieldContainer, { key: '687dccbc2feb887c8096afe5607fe5308a9230d2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a58844bcba501e2c12dd2b0d6425161387501ea9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f028bcd0585a38a94391dd199988e61d6248e641', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5331224ff673d77c40b4d860c6bfd049b1d43254', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'de435ce3eb2d7b791f01aabf147f9bafcceb6800', name: "label-info" })), h("div", { key: '758d196c36e6770c5d4e532639c0770e6c46311c', class: "gux-input-and-error-container" }, h("div", { key: 'e974161dfca25ce0faef27274cb40bb4d395e302', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '44320059d441eca83c239358cfe0a87f1fa413e9', class: {
+            }, part: "input-section" }, h("div", { key: '8ffcf7633b7132cfdb35c0e80a53c850cdbba6b7', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'bfc922e0c92a8827fa06e1f58a17a69c94a5a20b', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '7e124f97a6e4f71882cb7ecf2696d6fa78ea9793', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '983f0c0a61491972c37a1bdf96852da45374296a', show: this.hasError }, h("slot", { key: '681c52116a4f3f38a122528f55026889decec2c2', name: "error" })), h(GuxFormFieldHelp, { key: '8c85f169d647fe851ad214cf7bd6c5d516f45798', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b8ad7cfa8e5ddd3655118905fc4877dbd5bd88db', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '703aaf4194921bf385292b0cbfd3c5d4fe2d8858', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'a949b06c98eff6a049c802de3c3297e129b6d409', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'e0c6cccba4d62b2aa9f50ead9ecc335284992a8a', show: this.hasError }, h("slot", { key: '9ef58993a005656abdc9beb0a877439ea63d8942', name: "error" })), h(GuxFormFieldHelp, { key: '3414a4f641c2cac0f9ead28842cdb1cbc0a74a87', show: !this.hasError && this.hasHelp }, h("slot", { key: '0b984ebaf280d03d47375553593cb0537d9841d8', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition