genesys-spark-components 4.201.0 → 4.201.1

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: 'b8aeaabdcc56dc2c2dd88e48ea66e74e73fd9a36', class: { 'gux-selected': this.selected } }, h("button", { key: '1442e755144c081e2993111b01bf45519719c61d', "aria-current": this.selected.toString(), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'd4febff316d2eeae51b2226c479b79fdb3d4bb19' }))));
+        return (h(Host, { key: 'ae0a1ef8364b2e1dcf17dd3c2d483f7c6559a4c4', class: { 'gux-selected': this.selected } }, h("button", { key: 'c44971ccc4f200acb6ef1e61a0d8b1f25693d959', "aria-current": this.selected.toString(), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '28bec9c60df46233d91c323e45dbe9921d44957e' }))));
     }
     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: '4259e3aa5e18a54b8c5923b6d98ae70814127859', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'a2efc869fd19aa1f6b316965afa158ac46c51219', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '6fe4a92ece5465b5466ce61f30943798f05951a6', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '007ea5fcbf50c5061453a47da1657b0a879f0501', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-switch-legacy"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,20 +50,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: '7a36dda42c5665bfb90062f5c9a7779d2ece2f1f', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'a57a616a608c4d798e2e922e1e90068f81c6083f', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'f5c0bcde76bf3d876a3524b692ea597ad164a622', class: {
+        return (h("section", { key: 'bfdecc4988052fe39ae2d2736fe74f3a6465a43c', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'cca1d2c59ef4172b78d9d8c3ef206315fab4660d', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '09e7979388d180d9854dd3bd2667415fa40dbfbb', 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: '1e871497259e9cfd12e961a4e4e5e7ba39fab54e', name: "icon" }), h("div", { key: '4c37679e609366454aed59007ee834bcf9713289', 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: '28962a69f5ceb72e90afb1c612637612f6785039', name: "icon" }), h("div", { key: '75c53f8ead605793309ddb1a0f9484e5ff88ce77', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'a64c30daec40a93cd84a345edaf4f6a0c7c8d8da', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '5d50e96774908737d166861ca7306222cef9ca36', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '16d5f3c48a7896d8df83be98706edd821b1a8d9f', class: {
+            } }, h("slot", { key: '587e5d5da7b2c1de8e407021d9e8fac413def359', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '8c4f087f2cf09637f31691d59b595237790f5374', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '272bf7544e0611221d9d800abf1d04faeed1e999', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '6329579c186313c2a09be2f8e7c165db0e19de05', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'b2473f6247c55baf2029f3726e3ee27a3374090a', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'c1f1b2e7c8d0343f25dd3e7c2caebee4171a0b0c', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '3e63c880620f9ae1dc62cff0053148e04fc9bbb0', 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: 'f44baa77198ef6007b84cdece15855ac5eb542d7', name: "content" }))));
+            } }, h("slot", { key: '01e5f6d2508fc1d0a8271fc459428c713730c752', 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: '62afe840282269949f2f85a70733fc80240cd41d' }));
+        return (h("slot", { key: 'ec885382a47455e8b0fa0ef2f69dc4dccb290fb4' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -138,7 +138,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '9fb75bfefeb4a11e607cfc238ba44a7d614f6aec', class: "gux-action-button-container" }, h("gux-popup", { key: '2c389c1470836be61de4527f775371ca96948c0c', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '716b671dfe9ba9e0e6e17eb891a066f621ec5904', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'd66da2901a1b7d6627a60d65834adf2e838614b0', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '442b1a98bc77f3ffd60c8a7caee6d18412c894de', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '25441105f217180fe3ba4e714122894c4682251a', name: "title" }))), h("gux-button-slot", { key: 'cb6c2d6911075b2bc84a6beea752eb89e4ace912', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '7c61e2bb65f8ef3f299d934f0e14fc24b56a2377', 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: 'da09cbac51f95be1a106ab1dc80254285b0c3e37', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'ea3a0980df79e10065f648406cdc2e44b43aba89', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '8a5d0207687eecd2355c4aecdd46ba8ed265e327', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '7624cda20a147dc6f4508aa2efb59deda6ca441f' }))))));
+        return (h("div", { key: 'f6f7c09a9c553987935376a2580a0f498739670b', class: "gux-action-button-container" }, h("gux-popup", { key: 'b19f5933c199e562f1f023cea5ee5c2a6eae82df', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'd3d55ca2bc5a99d5b61d82eee723f341e4872ccf', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '33bffd81a8f09675038fc2fd30e1a71cd2c50283', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '6efa69bb6c13e34dffae5aad7c49a55e7bc035a6', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: 'b8f9ba1412ff2827adec5118809559e820ddbdbb', name: "title" }))), h("gux-button-slot", { key: '44ef9e7daa8082c884bb579e159c6f2c4462f2e2', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '2489cf12b9c4af60c79af4ef8f55abd5b9f4bffe', 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: 'a8b5b269455918040b724756134019296897e377', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '7860b31f3021d456598f6b1e4f40f6c889288072', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '0313534229c687e09253a51748a154a5a372f7e7', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '173c07eafae29589f0ceb6a9ac0189e8ca98152c' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -52,7 +52,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'c82a69b2ba883220c70047f4bb8e0143d64f5ab7', class: {
+        return (h("div", { key: '3478aba3be240a28cd722c73a1cdf219357e1be8', 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: '0a02b112b77744f869aca6dad69f9c3557aec550', class: "gux-container" }, h("div", { key: '5420c1ffa848a76c8bc5564ce46877d8dd506020', class: "gux-image" }, h("slot", { key: 'c79a013df93656c195b0a02f342d52ff88cf6d1e', name: "image" })), h("div", { key: 'cdab0c7570e102e7af161ae20973b27e50470a41', class: "gux-message" }, h("slot", { key: '587f0bb85fff1c5ed585e4e30494e8578788b16c', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: '15d61e793a92692e596e5044697a66652db121ae', class: "gux-container" }, h("div", { key: '4b1fc6c09dc948a1fe9e39112065d60566d784e2', class: "gux-image" }, h("slot", { key: 'ba606a61f00c22ca844c2cf5660bb1098d3aa06d', name: "image" })), h("div", { key: '813f3afda83955c629fcf16f763a1f669174dfee', class: "gux-message" }, h("slot", { key: '97e63f337c594d56d4a4868403f78e63996ca551', 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: '57b4ece742278d8cfaa8807ca87d91d43c4990a8', role: "listitem" }, h("span", { key: '26d8eed82048367a36dae7582820d4c41306aec7', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '9a1fb679e73c163e154140f72d014923f211275c', role: "listitem" }, h("span", { key: 'fc63a064d326943c93f8a949281b403327d17c7c', 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: 'a013e943aa3ac16f108f54a2cfc34add1cca65a3', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'a9d910293665b785f3a511c526f007481dce2408' }, h("slot", { key: 'fef8837cb85c9d4efadb8a41d2576be4f274d3ba', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'a7a3755657e1c30db9f9a1c1049fd9f2e6dd6939', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '23af1b7c8cd7e504f9e0e91add98cebd2984534a' }, h("slot", { key: 'cc0778191f729cad88dbbd4959ecce85d46d0dba', 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: 'e28c1a67ace4de6fef7cb98e203a49118fd2033e', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '6ad5e08f318e82030b2c614bfc0cadbb7112853e', 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: '45020b966f76c9ad44524da5c7f13fdec6788475', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'cf9bc1a97983ae43da627fcf871b6522bed092fc', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -126,7 +126,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: 'fdc223e8b845669f25dee4767f7b3e55d7be8f46', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'e4448fb450b3ef6b5b606d648e410786963687a4', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '5510f77ee06e42f70445d28ab4000c828fd99066', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '186011c13f9ae63b7bc30ae4f9e5e5dd4c6375f3', 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: '7d012b95871cff16168048aaa5612427f24c847d', name: "title" }), h("gux-icon", { key: 'f222b55fe03b763fe1cb7fb3328eeed18c1f08cd', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '78eb53fce33db4b8c7788c3d422cc9d4bb18e35e', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f73bb9a97ecdb8ffcdb0846be121f735d37da83f', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '75bf49c2c67fc0a767f1325d400ce36a76dc18ac' })))));
+        return (h("gux-popup", { key: 'ca7863669c2d861138f08b423fc1a3bd30633d26', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '42da00331d7d048327157a178c699d7b8e0561fa', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'a57632e7c7a05fbbd1a095a4162e67cdb9f1542a', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '07412edef0608aaf7272c947dc9b032f56c11a3c', 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: '13df2c393d9605dd2353a50a4905cd3721a889a0', name: "title" }), h("gux-icon", { key: '8e1789ab2c264a8383c4d905096ce590a2504c72', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'bf53811beaea06d92a7e0c855bfb8567548e6a30', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '10d6b9f400333f0a5a6072ca4c9b7ad72a6e2191', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'b8c7309f16f1aca67d7228df5b0af54cf8fc239f' })))));
     }
     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: '99df51793447c80e05a7e5bc0af1efac6a6aaa67', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '55fa33db37c115a75614bdf69b805fb65777310d' })));
+        return (h(Host, { key: '9af5642ac57cf0ec0e1079243a0d9a44ed47d255', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '2ac0d12a7d4a951e42ceaf6a547411c18c24fb94' })));
     }
     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("gux-screen-reader-beta", null, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: 'c9b9ccdf18efa3ea27e3a636401b512c4389a89c', class: "gux-calendar" }, h("div", { key: '1afaafa4bcbf2b7dd9d99c3795665a1971f8720b', class: "gux-header" }, h("button", { key: 'e3da9e5a0335040fb3bb1bafdafb450119dc5eb1', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '7390b76dc18e618b08e1865a9cf48fbc639607f0', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '8d06a9b0bc59c714068ece8c37aa328a81f0c8cd', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: '757c5f1bbdbfbd67f72315158a7aa525237b834a', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'd73926384152948cc0dd9e63cc0ba6dc2653ae33', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: 'be52186563b5b4af99594d37830a9ca628c426e6', class: "gux-calendar" }, h("div", { key: 'a8a4eaf490a2e2683b4eb6ed892b0e3f36a66328', class: "gux-header" }, h("button", { key: '0f8214f3fbf93aa19e63162139d802fc2bfe4d05', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '01581e1e81a1e24c56313af17b021613877a44bf', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'e09e986bdbd808bb4fd02dabb08d93b57f933e27', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'c14f4de20fdec6f0c083e70e0b77881dc65b111c', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '223b941b96aae89108cbdf415c1f2349e7fe2c98', 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: 'ac1982d547b7bc12a24055b66e87157f6e63ffe3', class: {
+        return (h("div", { key: '88d40c4d76f7c7600cd9c69ad16910473e6d6e15', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'ffbe39af10ce841ceceb1b80093f9e891cd1e799' })));
+            } }, h("slot", { key: '2cc850f4125c0462adb01b8fedb0223568d5ee19' })));
     }
     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

@@ -160,15 +160,15 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '0bb8e7cbdb444f9121f835953d336706ee32c851', draggable: "true", onMouseUp: event => this.onMouseUp(event) }, h("div", { key: 'a66ed565c6ec89e205eff0dbb19064f0d8d650fd', class: {
+        return (h(Host, { key: '91d174fbd62d18f344230dd8334f866a3b528743', draggable: "true", onMouseUp: event => this.onMouseUp(event) }, h("div", { key: 'bcec8eb0e161901dc64239d8ed22b68a6eaf0c3d', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging,
                 'gux-parent-reordering': this.isParentReordering
-            } }, h("button", { key: '4f3626a007b2759c49570c392db4703faf08d2b9', class: {
+            } }, h("button", { key: '9549a036b0bb9026b4bf55c68e61334309f7ebbb', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onMouseDown: () => this.onMouseDown(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '4f74a4523f7bc606962ceaf55c3e71d2f49c43bb', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'd5078724571fdc889289d481d2ee7af72ad1837a', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'b886cdbe68f7272fc856179b9795d89ea1765589', class: "gux-select" }, h("slot", { key: 'f38859d5960bd7d75ecba7f3287b45824ef83da9', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '6867f4c085305555e914538bf5d7201a945cc305', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onMouseDown: () => this.onMouseDown(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '954d09c9074750ca34ef1fe8df545ebec7c262f5', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '2653c80e6d150acfd32ab98da44429f33a15f5fc', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'f27d5fcfedd22da043368881b3b885bf0881bbac', class: "gux-select" }, h("slot", { key: '3965ada98a9a9074653db5e5537933e966961b17', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '2ba1b36165861805619eb909633530b6773b8aae', 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

@@ -121,7 +121,7 @@ export class GuxColumnManager {
     render() {
         var _a;
         const isReordering = ((_a = this.keyboardOrderChange) === null || _a === void 0 ? void 0 : _a.oldIndex) !== null;
-        return (h(Host, { key: '9180140ef650eee47d235354b6033767e75e1509', class: { 'gux-reordering': isReordering } }, h("div", { key: 'fa0f8f4d88bf8d44f01918febf4961ef9ff59bd8', class: "gux-container" }, h("div", { key: '270743e0cb67516a1243dcaa26e835affdcbfa3f', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '4f20f66f0cec7fe077548e0ac24ba3f0253483c7', class: "gux-search" }, h("gux-content-search", { key: '3566d4d735dd6e4e506e3ee843d2b6d84b99a974', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'd3dd6ac8602b65a8fd1a61dc988cf4120ae97012', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2c76cde8312cf987062e63a85a66b1a6b150fd8b', class: "gux-select" }, h("gux-form-field-checkbox", { key: '9e263ce9d3b943c22ae8a253a9dadf7e090a2001' }, h("input", { key: '0e36f7d018153f2663a81041e9762958988e0600', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '3a9000d7e24b67ea0e72a9ac9c24edd8afc458fc', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '814ae37aa105a28c07e0a593a9cbbcce596d7569', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '55f6147bc98fc223f1cda73697bc49ca8ee6eaee', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '6fb042630df98775f6f621549d6ceacbef1ca421', ref: el => (this.announceElement = el) }))));
+        return (h(Host, { key: '268bec824f64f62ed1ac86b176d410e1e0b1c182', class: { 'gux-reordering': isReordering } }, h("div", { key: 'd30e1b183beef7fb383867f7fc852fb406569f41', class: "gux-container" }, h("div", { key: '385793470b815f7ca173bca25383d126e4df6f2d', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'ede257716370e286175e5d6910148d06f4a1ee50', class: "gux-search" }, h("gux-content-search", { key: '208329e54d925eab3d2943c44102e5c9ba99ac6a', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '6c7e540f538424f99c39ea4c86f3e77c4f52cc1c', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '008a57dfa57eb3f99928428a77e11a79bbb0ac27', class: "gux-select" }, h("gux-form-field-checkbox", { key: '16323e766d4bdad2cac26e9b8a835a323c7a14ad' }, h("input", { key: 'acf142011b21213ee07997ae34efba104cd305fd', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '1fa242945d3b5c47b583bf59a5cb742236fbe5b1', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '1df234fab07054db97479fd102f0ce4c2fda91b0', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '58d6f924d50e7906b15a68c237883ba80f9ecc59', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'e0478648f3ba0cf0a29c95316744bc73415e76ed', 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: '0322d498380bf4142aae58c002d6e255c10b0d2a', class: {
+        return (h("div", { key: '7fa5146703a1cc3274880daec4212ad86c8f7777', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '544452f5dade815dae33c8a750308f67ce5d7613', class: "gux-search-icon" }, h("gux-icon", { key: 'ee0d4eff05cbbfeb22b6c423e4f9a5fd46f90652', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '06903a8957fbf65f3d72a55edeccbc6d4ff809bd' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'b02dd9719bc8ab25b4c8f4ae189e1a5ef6b51bd4', class: "gux-search-icon" }, h("gux-icon", { key: 'ee0fc55297bb20a08bc84f3821478c90e1d23e18', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'b354926642cd093d0ed9527591e42730d7da1fc6' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -124,8 +124,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '81836c77be4c08e8a8064e5496b3a93d176bca94' }, h("gux-popup", { key: 'd1c0641894fa09c885f4081ef11c164d99a3173a', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: '9c38589ae3493ac7213833d543d5358020ba3c99', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'c1d9f87227a982aaff25c8039dd957c88f7e9445', accent: "ghost" }, h("button", { key: '935c5b453ddb4276f4cf33e704c2724dbd39b7f0', 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: '84bdd613ee3c688b7581c3945e6a9f813a424432' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: 'c51448b1ca8fc4cc549650de048955324163784a', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: 'b2c8fac0ec29de0112892fb635a4d3d1dc67ce80', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'd0321ba183384455f360acdabb28cd9131572aea', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '1cadfb8651d374fce5f451497fd1426e229959e6' }))))));
+        return (h(Host, { key: 'e310938f8b0fcc1428bb4a329e1f604d915b3486' }, h("gux-popup", { key: '62da049670001b768aebdf0de5cd8cc54ae4dd9c', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: '7efc6f9f1ad292f4475b141d1f47c6eeaeb9d347', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '96e06f32eee29ed346723bd2237237644959e8af', accent: "ghost" }, h("button", { key: '4270c983da522a39ccc036f3599ad3cff7f5c026', 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: '900460110c33ea4dd31f95f63c48c70da188c350' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '78a4bb5412d48a5fb269540f56b5e5c8f905ad50', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '3c990ffd587d3750d463af9255f789ee07b3de27', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'f5023b88e967923cd2d58f055ae879476fe2b38d', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '71962ed60d0f01a07f7e7847dc2405ba60a9ed1b' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -52,7 +52,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '47ceb34ec5e2f59f5248519ad89d942776dd86c9', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '0be72c41a00e3e16ebde6533408b460a4d3d803b', class: "gux-copy-content" }, h("slot", { key: '93aa1cf91d2321ba0aed46bbb97d1bc7ee787738', name: "content" }), h("gux-icon", { key: 'd90d9cb3efdc100692d468fa69e464026cc126f4', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '387c0d39c185535212ae22a2f70a8591f9e15eec', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '62ffa05eaf9141013baf612df280f42e0c9da35b', class: "gux-copy-content" }, h("slot", { key: '7215503ec7a5ac25925d6966efb450e986c3ad42', name: "content" }), h("gux-icon", { key: '755afc0b68068740bde3fa5f2c230933493f5695', "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

@@ -566,7 +566,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: 'e2d2b71084dc77ee917998b8360c0339acf85a01', class: {
+        return (h("div", { key: '5a3eb4c9816e56a1eee04663d1991f0168986c7a', 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: '17d54102c6cd3b5be24e494dbb0e89a2828765cc', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '125498e0c49d34ba9b8b9f598a8319e494b60914', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '7093ecf3f2e2ce68544f133aea9da1b22180d99e', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'ce3aff7c04e157f98f239a0701e0b0f506fad86b', class: "gux-icon-container" }, h("gux-icon", { key: 'ba4c84e62cee99acaa05c5ca50868111d9b8791a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: 'fa8d34bf35d8ef3a9ab840c6c76e0d72e0ec9162', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'b45186b28668a5faae5610cc8c0a580a661c9244', class: "gux-icon-container" }, h("gux-icon", { key: '79b165f2b116d62507a2a5339532aebbfa72fdc5', "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

@@ -224,6 +224,9 @@ export class GuxDropdown {
     filterInput(event) {
         event.stopPropagation();
         this.filter = this.filterElement.value;
+        if (!this.expanded) {
+            this.expanded = true;
+        }
     }
     shiftTabFromExpandedFilterInput(event) {
         return (event.shiftKey &&
@@ -358,7 +361,7 @@ export class GuxDropdown {
                 : 'custom/chevron-down-small-regular' }))));
     }
     renderTargetContent() {
-        if (!(this.expanded && this.isFilterable())) {
+        if (!(this.expanded && this.isFilterable() && this.filter)) {
             return (h("div", { class: "gux-field-content" }, this.renderTargetDisplay()));
         }
     }
@@ -368,7 +371,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '3adac9cd14b03a5770ebdaf54dd80ce3da53ca1f', 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: '25ed9294a5d59ec9873d170ec7016d2c26bb9abe', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

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

@@ -422,7 +422,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '071c65fde068c93dc57104b5eb4db00266aa59d0', class: "gux-dropdown-container" }, h("gux-popup", { key: '1fade15c550ed7b49164594bbc301ac27c46dd59', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '9ade49ef7f4ceca5fd720ab7ca62b91201befc7b', class: "gux-dropdown-container" }, h("gux-popup", { key: '13e4daeaf902b9e26c3f1ca030898d8ba6bd5589', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

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

@@ -183,10 +183,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'a37f6dacc6970052940671fca0a2aedf5bdd3e0f', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '5a2cef27ec878bdb149d8f4b40ffbe279acfcb38', ref: el => (this.announceElement = el) }), h("span", { key: '1eb4e10688b84214aa4ce10f86657b1e142cb410', ref: el => (this.targetElement = el) }, h("slot", { key: 'a09f6a9aa2104c69a0df9712ae61eb44d307f716', name: "target" })), h("div", { key: '9c8e722ffe745cf58b954fe2d45559952c644562', class: {
+        return (h(Host, { key: '4c5bd08f98a6f953784a8bac40c4a15b091cf6c0', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: 'af5e3568ce65c54fae539d1a29c2cfb3997553cf', ref: el => (this.announceElement = el) }), h("span", { key: 'bc006c834d105abc13a2b09190ea259b32b74a67', ref: el => (this.targetElement = el) }, h("slot", { key: '64507bda6b1e37a1148ee221b98eb8e18283b72a', name: "target" })), h("div", { key: '7962de3cf3ed6121c681144b910da1ec5fee9a84', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'a5b7247514dae94497b34ef9f35c8fef53255b45', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '808e13b6f0c7658fd28f8d2616a2b85c7cc8b122', class: "gux-arrow-caret" })), h("slot", { key: '64e65d7d0e722a6cc23146bdb8e3c4145e89530a', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '083b04c96a76fbb18c775fe2b6c26c65f28d81bf', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '10cfb43e34a1e49588ff0817e3fe668074a80ede', class: "gux-arrow-caret" })), h("slot", { key: 'f7e07e6fdd1b47e816a64d4bbcbf59b16e755c16', 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: 'e76cdff85f90934a2f083e5656c1539f6d45040e', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '591cf44bdc37acb5b8def54db341425690f6edb7', class: "gux-menu-option-button-text" }, h("slot", { key: 'fe645d5cb285b4840c62fc7bcc372cf270c96cc4' }))));
+        return (h("button", { key: 'd76e5b7ba73c0e85398aade035b73bf380213e24', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '72d3ac4a1dfcad30b059f9922ebfcb381c54438e', class: "gux-menu-option-button-text" }, h("slot", { key: '7cd2b1ba30ae6e7209bc098c7bc104fd53113dd6' }))));
     }
     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: 'c0685bbc3e0d84c3a5fb3fc0536c6fc9ef616a02', role: "menu" }, h("slot", { key: '549dec36ad70bbc8a38b4b8d52ecbe11a0f38914' })));
+        return (h(Host, { key: '3253b9d5e30f8071c394ddc337f2aca81562872f', role: "menu" }, h("slot", { key: 'bdb6e2d2ab3b14c079f0952cf9e84dc73b02d891' })));
     }
     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

@@ -142,13 +142,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: '30dc311a1e7e29950af30f08e72f0faae6e2f804' }, h("button", { key: '13b9e2bb5f983fcbf82b6a999eaa12e6d7212a93', type: "button", class: {
+        return (h(Host, { key: '2a9a75f683241a69b91efb948952b9f74d77d9fe' }, h("button", { key: '5ef21f6d2c43720e6380db8dd85ba7f111ef82d5', 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: '5764cbc60b2be313fffaafbb077f400871436573', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '3ae7338cb3e91fef5e0b132c75052a5346698af7', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '1d228502a0b0f37c6ea920e41301ac9926ebd749', 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: '6d18f1f4348b689def0f5429aa470c7196470ac3', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'e6fe0f5c08b3a7c20acf42d8752aea9f47a0da10', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: 'c8942af751b44ad79eff361803c2a93e6551e228', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '882c0a3dded456bda4b42c3a86b960297bf23205', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'e0eab69efbc3341a503cc08c6e3849f31fbef871' })))));
+            } }, h("div", { key: '434e7485f18533c013140b5d022222e0dd667d01', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'e16ede1cd0c76cddc2ea70e5363b52bb597938d6' })))));
     }
     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: '1021a1ece03e541d6b28af8894ac804911a6c6cb', class: {
+        return (h(Host, { key: 'a1eab4b0363fa1a57368b8289dba98b0b3b4333c', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'ce974db61a1130db3c7bab023631811cb8be1ff5', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '84438da1640b1176c156cecda93b90bb392008da', class: "gux-input-label" }, h("div", { key: 'cea8de7b99dd9cd851666ba2cd37562948e34c1f', class: "gux-input" }, h("slot", { key: '5f8948c66bb64b595d0552b0983618550ef45960', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'c50f31d8ce9d5744667063ef705bca8f3e5b0082', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'a7eba4c6d1ef6bd53a5ea799099266d6856323f5', name: "label" }))), h("div", { key: 'b7af5149e9279e445fc2adde11c53f83871052e5', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'a69dd6e4686ae76e643acefa4d2fce463c210bd8', show: this.hasError }, h("slot", { key: '48d89602d92a31571991d0ba1850efbb948d556a', name: "error" })), h(GuxFormFieldHelp, { key: 'fc526239d31338491ad48aea16248d5f553e5d91', show: !this.hasError && this.hasHelp }, h("slot", { key: '2261bb17a34d3ec8539ff4601734a704895e191d', name: "help" }))))));
+            } }, h("div", { key: 'ca896d0f6ff0046447964effc2c0e90f3349e4ef', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '0a785d712e47d203baba0515ce9a7a98ec68fc46', class: "gux-input-label" }, h("div", { key: 'f7e7951a4e71e5d1e700a73239a984a1b95f20c5', class: "gux-input" }, h("slot", { key: '45a1c06c3e701939a14119aabc8cceb432ae1120', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '758853ce116b7250eb1f86a17a69bdccb0fcd1b5', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'e48ad9d8fe0b086fdb431981ba29028a505f938c', name: "label" }))), h("div", { key: '0accd007794b4e7c44d326d145af5029cc66b525', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '6a2dce1816569b85b3d67e1b89f0b1bb17fc7141', show: this.hasError }, h("slot", { key: '6ab779c55c8ba965a652f5dd7de1ca9e7d4415a5', name: "error" })), h(GuxFormFieldHelp, { key: '6e401e6185028c5f218c4fd868e4f002e5336e69', show: !this.hasError && this.hasHelp }, h("slot", { key: '6e4400674c74a4085a55be70d05664f20d02a8aa', 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: '376d56782b8c65b32c42249dd7e87c9977532716', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '167b6eeb617d18ab73fe7f5a97b140486147cda8' }, (_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: '6148da1835f189b1772ceaf1cbb1b14794d88f97', position: "above", required: this.required }, h("slot", { key: 'fb1a37443f79c3ea33f9498903c4e29b4496e241', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9488ddba97fa7df5361de5899b56b896c1c05281', variant: this.indicatorMark, required: this.required }), h("slot", { key: '009e45173af5c515533e8d44bdd758c4ebb53704', name: "group-label-info" })), h("slot", { key: 'e57b5006ea6e2b973d7847fbde518747738fb103', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'c878cb8d2bfcc0e38e9ba6f239e092e206459208', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'd25ead4c5dac7a89e72d8fd3dac2d664f3983bc9', show: this.hasGroupError }, h("slot", { key: 'e62a2de36892eb1afd94d512e543bb9de1bac95e', name: "group-error" })), h(GuxFormFieldHelp, { key: '70c096f7525d0364800cb531b40a6ad77bbcf671', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f43c80c1605347afcb8b26d8becc7042c0618346', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '027270a1e4b7202bd9705cbe2bb35bc293d117e8', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '82aaedbada65763c5efca3f4fe8fadfc243351cf' }, (_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: '568be7098136403e030d08a092393d3647115f08', position: "above", required: this.required }, h("slot", { key: '746171ced45e9a67c21827d4b3225abd73b5a6a3', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5921b30916e82655ad76f540175e8aaca5c37935', variant: this.indicatorMark, required: this.required }), h("slot", { key: '13e826514ec62ee08fdcccb5748a0bf60e61cb85', name: "group-label-info" })), h("slot", { key: 'b510cf46135b9d4ce3787e0c894054dca42534f8', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '95d6025a9f22b8076d04ba2bcde7e38e57b9be6c', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'da8c5fec11998a35bf47860d7e7c24210a4d7887', show: this.hasGroupError }, h("slot", { key: '07347c226d6f5c74316f544e9eb02fa2166de68e', name: "group-error" })), h(GuxFormFieldHelp, { key: 'a7d009deeb18512cb0dfabf82cebfe7778df33fb', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '6b7671bb9d683d1d6860b4848557d448e256c962', 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

@@ -88,13 +88,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '558a50fb328be6768c6dd9f612cc380c46338d73', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '906409b0d89e488b5c4cd96901d834ee8e077d30', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b51a9d98cab8b2404c72392bf8070c95512f7495', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ca4650c1b695f13529ea74de3933786ac8ffd8b1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0b54cfa8d6073c916406c103fe3859f647d772b5', name: "label-info" })), h("div", { key: '34b7b5d0188de7038992097af8707d45d3227b19', class: "gux-input-and-error-container" }, h("div", { key: 'f557b5a8e13a65eef2baacd49b7ade39d9726388', class: {
+        return (h(GuxFormFieldContainer, { key: 'ae0af4483938196cd0b0c48cafe264f01907af94', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8b6fabf4b50b68faa65489d920a7243adc3b7e5c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '736c17968abefee2be00f8a2bc5431f36435a35e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c0479ad7ffea3335a0f75e6cd08a3c1913e54dcd', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e1bf4260e386fe30710cf7991b65e15357835b8e', name: "label-info" })), h("div", { key: 'b707ed26f604e670100d09b212f4d4a8e2f34ddf', class: "gux-input-and-error-container" }, h("div", { key: '105584a7f73912decab5b37c3682be00f78f0658', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'a6bf3f574491eedb5426dc8088c9b46dc0febdff', class: {
+            } }, h("div", { key: 'f86a4fe89da53cfb0b3ce3da3697ce2c156fb198', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'cc78ecd5557ff6f821cac2a0c47527a6db316817', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '766c8bc859daf887255583c3ea896bc4beba5bc4', show: this.hasError }, h("slot", { key: '1b457e4d708fbbe67016489531db6368af4152b7', name: "error" })), h(GuxFormFieldHelp, { key: '4440eed169e44cf81d762709895dff14c580e38d', show: !this.hasError && this.hasHelp }, h("slot", { key: '6e7312afa51593253be4cef9a8134da874fafb49', name: "help" })))));
+            } }, h("slot", { key: 'f148b2edf963efffa49aa7ca4032a6094405fddf', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '58796f269b320d84e8d247118910059b19343657', show: this.hasError }, h("slot", { key: 'da78d8a65db6171d8853c519ec0984ff9d555d55', name: "error" })), h(GuxFormFieldHelp, { key: 'd2e4615cb4de83c5e6f2f779547643096d7cfddb', show: !this.hasError && this.hasHelp }, h("slot", { key: '2d3faa3fe6d77aca9b2c1361f8ad10dcc24dd5cb', 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

@@ -102,11 +102,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'd51e853f6c95848922e8d152c825760312e1fba7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ba451ffea039428797569bf37dcd0fa11d47d607' }, (_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: '5e6513e14881982c3abafddb854427fccfb002f0', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8f0064910cd5cf80cf83d380045d0bfa6a455dd9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3dd2eb6b3947a66965d0e83870f22f3629657c88', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6e9e86a0d920caf06b96b068a8d0cacb14e40f06', name: "label-info" })), h("div", { key: '9744d30d312dfdd181561eaab6f8d6abbab499c2', class: "gux-input-and-error-container" }, h("div", { key: '9b25225a1a193153bcb9c26ea2e89e0a6c6fc7e1', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '45813a9d6e6aa4c4e183e7ac7912953ff4156b73', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '8e89f7305b2862f5fdf9f3571d738ab930f31545' }, (_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: '3d3b608ae2ac3998315b5f96edfd7682c7307add', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c76cdba7c88d2b9b1805c74103fa74d7862e0e01', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '63799f7a2b594162e2d11ea563a106e982a737ed', variant: this.indicatorMark, required: this.required }), h("slot", { key: '75fffe6fbdc82f5510f91e5e1b08ccd631be8424', name: "label-info" })), h("div", { key: 'ef361acb654eda14f90ae89bc5ee8e0e12911d15', class: "gux-input-and-error-container" }, h("div", { key: 'e2f90bb15de1c522ddb73a584228e2b891081d39', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'bdfcae006dfae7a03510ac12eb4e58472e5f044a' })), h(GuxFormFieldError, { key: '0d8638fc072f956a972ca34a055e51a70bf4cc53', show: this.hasError }, h("slot", { key: '096069725a6a9c6b4ddabbad5509b19cc9e701c6', name: "error" })), h(GuxFormFieldHelp, { key: 'aa612fc6dbd35bb6b273e2d1bf45ca7749a1a36a', show: !this.hasError && this.hasHelp }, h("slot", { key: '55793d384e12d18af54c4c08cdfcf900f15a28ac', name: "help" })))));
+            } }, h("slot", { key: '836235c899e97e17f16ae5eec91e6401cae90225' })), h(GuxFormFieldError, { key: 'a6b919c7ae48c18af3c7918af3e681f603932fd4', show: this.hasError }, h("slot", { key: 'd2f61c524b67464d0e81bbc975ad551c5cd6c8c6', name: "error" })), h(GuxFormFieldHelp, { key: '9fc96f9708eef447e77ce8b9ea629ee0d3041cda', show: !this.hasError && this.hasHelp }, h("slot", { key: '60b7da52b8a4b4096c5a06febe3a6dcdbb4324f1', 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

@@ -105,7 +105,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9a562d7523a70d2bff4e7d2d32871ce29bcb865d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2d7ea7f26fbcdbb58fdf27053ca8ba6071ebb406', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'dc887919e36a7b6ad595fc98a46a8fa4704c5f0c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8fcb9657de2e653d84b21ad04d9aa59406ac6c9f', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bc0735404ce679d6b5e845dc8875e9cd7379cd4d', name: "label-info" })), h("div", { key: 'b7ac14182f08e1e2fd3e1081cd852943bb7e4216', class: "gux-input-and-error-container" }, h("slot", { key: '95f713de8c9ca514592d0af6ba7e7b8a9b77a88f', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '35a654570e572eb32778efd3ca2b56a9a6e19710', show: this.hasError }, h("slot", { key: 'b2293ffa278d06f4ec6887378801045b0680a010', name: "error" })), h(GuxFormFieldHelp, { key: '280f35c44b1ea927382e31a541d5a85ea44889c7', show: !this.hasError && this.hasHelp }, h("slot", { key: '72f56116408a48fac923bd316915c9174f83c42a', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '4a00499581216ca6bfc8969fd57aa2093ef91e12', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b1bfa1b15a86e4a1d5ecea1d6756ef2eb6a1fa39', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '83e44cb2eef60e2c6b5f35457fbef1f483832e53', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '076163f9a351c422275093d893ee7b26d6279104', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c022756b20fc0b073c3228379c31839351c9e177', name: "label-info" })), h("div", { key: '254da039201a23fd4725fd33b6cf8737ca1cec88', class: "gux-input-and-error-container" }, h("slot", { key: '8a8c1948e2d90c3c587f2dfb9dcf46db13e00882', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'd7fca8245f24db03e4fcbcfd0a58a03e5f084024', show: this.hasError }, h("slot", { key: '312276b1bee03a0e80faef7665a865ca55025994', name: "error" })), h(GuxFormFieldHelp, { key: 'd89ba7dddd614787497556d54eb2f722082ea988', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f214c42315914b7a25ae4b1c7ddb39198f4d0829', 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: '16017e4cd1c6503a395ce96597b4de4672a98e67', class: {
+        return (h("div", { key: '3354e8999ff69bc07932307b4a3bce99adf460a4', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '966a60f866527fcdb5e6359abb8eb661bf60cb2d', class: "gux-info" }, h("gux-truncate", { key: 'f3dd55d982d99d79d3db0f9f980ab1dc547169c4' }, h("span", { key: '9bce918502ba6b238bdd2844319860112fbfb396', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '2cd9090ee92f1d74140c512eff86d6311a028c26', class: "gux-info" }, h("gux-truncate", { key: '9a2a47df828a82135355a822c5da2b38808c6a4d' }, h("span", { key: 'bff8158a3eeaf0f764b9f14583a4c8c97e4f10c0', 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

@@ -94,7 +94,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'd66fd7c7c0ce6518b70c72ffbfadf3c5caf91309', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'f1275f72a608b9ebff405140a19afea507d73760', position: "above", required: this.required }, h("slot", { key: 'ab6f12e9dba9680ba51963eadb2f6be298a14989', name: "label" }), h("gux-form-field-label-indicator", { key: 'b8485f1633253b6c76a89c05377be218d68c9f27', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5379bafad54380a5328aaa49e5259c95d062af38', name: "label-info" })), h("div", { key: 'fe4d4031ffd16b57666389ed8d9f324cdd4deb16', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'bc59a5bdfd1b5a92867c0bde63689dd7b2897bb7', show: this.hasHelp }, h("slot", { key: 'dc9fd872e825df3a0e07d2c769c047a1f5c15133', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '3338ef3f1b6de251b05741b3f5e7ebc1e2f9f0e0', show: this.hasError }, h("slot", { key: '7d202728d353e208833b6e447d8e842e0c3ff30b', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: '675ac2ad6b2298d51816a269b0d1d1c885865a49', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'ab17689c558a2355de1e7a8315bcef1fcd500ae5', position: "above", required: this.required }, h("slot", { key: 'f233f0231d205b5fc4737d849139ad850b7c6054', name: "label" }), h("gux-form-field-label-indicator", { key: '536914843fefb247897b6c85538dafda59a5558a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7cc474fc0f3e028c039c99a41f4e39b5ed498e6d', name: "label-info" })), h("div", { key: '8874345bc4f061dce04ba81595b50e4839534448', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'fea399358ab5eeea3f5547d64d6bcaa40d5da14a', show: this.hasHelp }, h("slot", { key: '1a0f52f5e82d2a3fef9342f7349f12af05621f8b', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: 'db0752b8bb46f4c4e8fdbf0acba47430f4cc3075', show: this.hasError }, h("slot", { key: '7feefc877dc99f14c75a7b93549329f94907ff1c', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');