genesys-spark-components 4.111.5 → 4.112.0

package/dist/collection/components/stable/gux-content-search/gux-content-search.js

@@ -46,10 +46,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: 'f92c07b3fcc3fde5904db8874d3cd9f2a46cbcb3', class: {
+        return (h("div", { key: 'c677f35b38b7761866cce6f52c6bf70a39efa87b', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '339f115cecc425b8a09826acedc108c306fae865', class: "gux-search-icon" }, h("gux-icon", { key: '809dc13d39dcfde0b2f26e0a0317c7307f0c950d', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'd2b0566ab5910055da0ffda28fd890bf9290983c' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '50f3e9a582347e1d24a50c765f5dd63c37d5341c', class: "gux-search-icon" }, h("gux-icon", { key: '2ed0aefa3e93edef285808e336fe5897b078fd8e', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '95257371d6a06235c2c0b7358afcbd408949230f' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {
@@ -60,7 +60,7 @@ export class GuxContentSearch {
                 }, "aria-disabled": disableNavigationPanel.toString() }, h("span", { class: {
                     'gux-navigation-result': true,
                     'gux-navigation-result-disabled': disableNavigationPanel
-                } }, this.matchCountResult()), h("div", { class: "gux-navigation-buttons" }, h("button", { type: "button", class: "gux-previous-button", title: this.i18n('navigatePreviousBtn'), "aria-label": this.i18n('navigatePreviousBtn'), onClick: () => this.previousClick(), disabled: disableNavigationPanel }, h("gux-icon", { decorative: true, "icon-name": "fa/caret-up-solid" })), h("button", { type: "button", class: "gux-next-button", title: this.i18n('navigateNextBtn'), "aria-label": this.i18n('navigateNextBtn'), onClick: () => this.nextClick(), disabled: disableNavigationPanel }, h("gux-icon", { decorative: true, "icon-name": "fa/caret-down-solid" }))), h("div", { class: "gux-navigation-divider" })), h("button", { class: "gux-clear-button", tabIndex: -1, type: "button", title: this.i18n('clear'), onClick: () => void this.clear(), disabled: disableNavigationPanel }, h("gux-icon", { "icon-name": "fa/xmark-large-regular", decorative: true }))));
+                } }, this.matchCountResult()), h("div", { class: "gux-navigation-buttons" }, h("button", { type: "button", class: "gux-previous-button", title: this.i18n('navigatePreviousBtn'), "aria-label": this.i18n('navigatePreviousBtn'), onClick: () => this.previousClick(), disabled: disableNavigationPanel }, h("gux-icon", { decorative: true, "icon-name": "fa/caret-up-solid", size: "small" })), h("button", { type: "button", class: "gux-next-button", title: this.i18n('navigateNextBtn'), "aria-label": this.i18n('navigateNextBtn'), onClick: () => this.nextClick(), disabled: disableNavigationPanel }, h("gux-icon", { decorative: true, "icon-name": "fa/caret-down-solid", size: "small" }))), h("div", { class: "gux-navigation-divider" })), h("button", { class: "gux-clear-button", tabIndex: -1, type: "button", title: this.i18n('clear'), onClick: () => void this.clear(), disabled: disableNavigationPanel }, h("gux-icon", { "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }))));
         }
         return null;
     }

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

@@ -5,8 +5,6 @@
 }
 
 gux-icon {
-  inline-size: var(--gse-ui-icon-small-size);
-  block-size: var(--gse-ui-icon-small-size);
   color: var(--gse-ui-button-ghost-default-foregroundColor);
 }
 

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: 'ffc6e8ca1e45223814cb5e7ff3d53cabd860cdeb' }, h("gux-popup", { key: '91439f5aebbcb2c2509b7120633ad79c6e9a9ba0', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '02afa66639be9de0b32b487c4ad542b337386db4', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '4f756627c056ef4423d2354aeb0e1cd794b2f092', accent: "ghost" }, h("button", { key: 'c83f00e7819228da19e6a3801e2ae0788e45af31', 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: 'fbc97061fa98ab2eab9169efb0493760e477d7cd', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '12fc7618ce8a6c5658fc6564c8d52ddd97877839', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'd08420eb4b2e4ad22068a699a8a1ccf97d05e028', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '819b32c1b10b27fd6e898c7b9c99485ea3f320d1' }))))));
+        return (h(Host, { key: '194e9a18eaf58654cd45527aa95dc68c5559af46' }, h("gux-popup", { key: 'a92927b14c97e848a98f3fd3885c0568d076ece3', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '397efdadb4369691d684bf9acb33e98254b6e059', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '993efdc7e2b9d773776a12849f9894855b7a9c96', accent: "ghost" }, h("button", { key: 'd825f9e55515a125dc39a61654e5117a33e4f0f8', 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: '5ec0fd4f34b790429b127286f2b64b99b2b23b13', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: 'de7feb2cd3e65333e8001e1d22add25440244be8', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '39987d740aefe82febc597c3700af22b6448b984', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '15a9091a836f9217bfb2aaa214bbca0365123814' }))))));
     }
     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: '8708931a89e20be48131001c9eb929be1a0f34e9', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '76460f7bb0d4e1cbc19705530c10929d78fc3c0b', class: "gux-copy-content" }, h("slot", { key: 'e647b5368a0a7e00eedac3d5e3850b9750fa3105', name: "content" }), h("gux-icon", { key: '2250fa380607b08648574bcc11903a7242144621', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '1f22d1671641887bbc0eb38575cb36f614800d5a', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '58b346a165dd6db43dacf9e93375ee5e4bdd4cd0', class: "gux-copy-content" }, h("slot", { key: 'c61843695c721e376ca8c858595307134f104e67', name: "content" }), h("gux-icon", { key: '6a0736266451f2b5702ad9b1e0a417a7649cfb13', "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.css

@@ -134,10 +134,6 @@
   color: var(--gse-ui-datePicker-iconHover);
   cursor: pointer;
 }
-.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon {
-  inline-size: var(--gse-ui-icon-small-size);
-  block-size: var(--gse-ui-icon-small-size);
-}
 .gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar {
   position: fixed;
   z-index: var(--gse-semantic-zIndex-popup);

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

@@ -486,7 +486,7 @@ export class GuxDatepicker {
         }
     }
     renderCalendarToggleButton() {
-        return (h("button", { class: "gux-calendar-toggle-button", type: "button", onClick: () => this.toggleCalendar(), "aria-expanded": this.active.toString(), "aria-label": this.i18n('toggleCalendar'), disabled: this.disabled }, h("gux-icon", { decorative: true, "icon-name": "fa/calendar-regular" })));
+        return (h("button", { class: "gux-calendar-toggle-button", type: "button", onClick: () => this.toggleCalendar(), "aria-expanded": this.active.toString(), "aria-label": this.i18n('toggleCalendar'), disabled: this.disabled }, h("gux-icon", { decorative: true, "icon-name": "fa/calendar-regular", size: "small" })));
     }
     renderCalendar() {
         return (h("gux-calendar", { tabIndex: -1, ref: (el) => (this.calendarElement = el), value: this.value, mode: this.mode, onCalendarSelect: (event) => this.onCalendarSelect(event), minDate: this.minDate, maxDate: this.maxDate, numberOfMonths: this.numberOfMonths, startDayOfWeek: this.startDayOfWeek }));
@@ -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: '6d4ebf976b21e17ff568bd205bd77f7bc35250cf', class: {
+        return (h("div", { key: 'af2a22d53c2bc721f52aa9340a9a52f63671f5ba', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

package/dist/collection/components/stable/gux-dismiss-button/gux-dismiss-button.css

@@ -35,7 +35,5 @@ gux-button-slot .gux-icon-container gux-icon {
   flex: 0 0 auto;
   align-self: auto;
   order: 0;
-  inline-size: 16px;
-  block-size: 16px;
   color: var(--gse-ui-dismissButton-foregroundColor);
 }

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: 'a54d9fe7d1873b24d2b99899ba228440cb223c09', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '752feb0398a667f08f9ab6eedc4bbeaceb3e5f0f', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '6fb35f13046effebabe116064b07583ec31ada44', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a8f8ce5b1964f7d9388eb74cb8054a16a72d53b9', class: "gux-icon-container" }, h("gux-icon", { key: 'df3c509cd84781826587b712d25fba8d0356af4d', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+            } }, h("button", { key: '26801d3be916d0cf2ddee38059ccd6da9245197d', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a8cd1712d613296b9ff84afcd30b4de95d39d35c', class: "gux-icon-container" }, h("gux-icon", { key: '1801568c4e57cb7830c40da1416da81c73639d6a', "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.css

@@ -96,8 +96,6 @@
   flex: 0 0 auto;
   align-self: auto;
   order: 0;
-  inline-size: var(--gse-ui-formControl-input-inputIcon-size);
-  block-size: var(--gse-ui-formControl-input-inputIcon-size);
   padding-inline-start: var(--gse-ui-dropdown-gap);
   color: var(--gse-ui-formControl-input-inputIcon-iconEndColor);
 }
@@ -162,7 +160,5 @@
   flex-direction: row-reverse;
 }
 .gux-selected-icon gux-icon {
-  inline-size: var(--gse-ui-formControl-input-inputIcon-size);
-  block-size: var(--gse-ui-formControl-input-inputIcon-size);
   padding-inline-end: var(--gse-ui-dropdown-gap);
 }

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

@@ -316,7 +316,7 @@ export class GuxDropdown {
         return (h("span", { class: {
                 'gux-selected-icon': true,
                 'gux-icon-position-end': iconOption.iconPosition === 'end'
-            } }, h("gux-icon", { "icon-name": iconOption.iconName, style: iconStyle, decorative: true }), h("gux-truncate", { ref: el => (this.truncateElement = el) }, iconOption.textContent)));
+            } }, h("gux-icon", { "icon-name": iconOption.iconName, style: iconStyle, decorative: true, size: "small" }), h("gux-truncate", { ref: el => (this.truncateElement = el) }, iconOption.textContent)));
     }
     renderFilterInputField() {
         if (this.expanded && this.isFilterable()) {
@@ -334,7 +334,7 @@ export class GuxDropdown {
                 'gux-disabled': this.disabled
             }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: calculateInputDisabledState(this.root), onClick: this.fieldButtonClick.bind(this), onFocusin: this.showTooltip.bind(this), onFocusout: this.hideTooltip.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderRadialLoading(), h("gux-icon", { class: {
                 'gux-expand-icon': true
-            }, "screenreader-text": this.i18n('dropdown'), iconName: this.expanded
+            }, "screenreader-text": this.i18n('dropdown'), size: "small", iconName: this.expanded
                 ? 'custom/chevron-up-small-regular'
                 : 'custom/chevron-down-small-regular' }))));
     }
@@ -349,7 +349,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '8435baa8a31d934303386e198443e832f2734cb6', 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: '6eef6544d82af165c88d8f6009b3eec02f70da9e', 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.css

@@ -37,10 +37,6 @@
 .gux-tag .gux-tag-remove-button:not(:disabled):hover {
   cursor: pointer;
 }
-.gux-tag .gux-tag-remove-button .gux-tag-remove-icon {
-  inline-size: var(--gse-ui-tag-button-size);
-  block-size: var(--gse-ui-tag-button-size);
-}
 .gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon {
   outline: var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);
 }

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

@@ -22,7 +22,7 @@ export class GuxDropdownMultiTag {
         this.internalclearselected.emit();
     }
     renderRemoveButton() {
-        return (h("button", { class: "gux-tag-remove-button", onClick: this.removeTag.bind(this), type: "button", disabled: this.disabled }, h("gux-icon", { class: "gux-tag-remove-icon", "icon-name": "fa/xmark-large-regular", "screenreader-text": this.i18n('clearSelection', {
+        return (h("button", { class: "gux-tag-remove-button", onClick: this.removeTag.bind(this), type: "button", disabled: this.disabled }, h("gux-icon", { class: "gux-tag-remove-icon", size: "small", "icon-name": "fa/xmark-large-regular", "screenreader-text": this.i18n('clearSelection', {
                 numberSelected: this.numberSelected.toString()
             }) })));
     }
@@ -30,7 +30,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '03eb4b5b125e59ff73526d0d12f50b10c2e09937', class: {
+        return (h("div", { key: '2967af24bf413f1bf154318ecc2fd546692d6d7f', 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.css

@@ -111,8 +111,6 @@
   flex: 0 0 auto;
   align-self: auto;
   order: 0;
-  inline-size: var(--gse-ui-formControl-input-inputIcon-size);
-  block-size: var(--gse-ui-formControl-input-inputIcon-size);
   padding-inline-start: var(--gse-ui-dropdown-gap);
   color: var(--gse-ui-formControl-input-inputIcon-iconEndColor);
 }

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

@@ -360,7 +360,7 @@ export class GuxDropdownMulti {
                 'gux-disabled': this.disabled
             }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
                 'gux-expand-icon': true
-            }, "screenreader-text": this.i18n('dropdown'), iconName: "custom/chevron-down-small-regular" }))));
+            }, size: "small", "screenreader-text": this.i18n('dropdown'), iconName: "custom/chevron-down-small-regular" }))));
     }
     renderTargetContent() {
         if (!(this.expanded && this.hasTextInput())) {
@@ -374,7 +374,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: 'fa62f2b9076bdc86b557cee8d78b5aaed87e35b4', class: "gux-dropdown-container" }, h("gux-popup", { key: '97e2a04ccddd0c7164e918cd57ec230e12ef5385', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '1f8990c9e2be6f7b2d8fb8e7c2998fcac1358cd8', class: "gux-dropdown-container" }, h("gux-popup", { key: '5602788af72f17d5b1b75786b10519b319f82340', 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: 'b3d3cac1af9c246ad1b5d674a917ea9a791a50cb', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '5acf723eef337b444eca0ead4af9168709f47636', ref: el => (this.targetElement = el) }, h("slot", { key: '19336c7b779004bb3c7220b2fa9b38643ecd969e', name: "target" })), h("div", { key: '5753c04aa3dabb536e037fc56b440b3e6ffd2f19', class: {
+        return (h(Host, { key: 'e697db0a95c445d37e219834cac68563c3908c71', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '36a1189956602bf432dbf893caf627da5aae61f7', ref: el => (this.targetElement = el) }, h("slot", { key: 'c0cc138fe827d6cf7ea4ac4dfe0366b991a2a33c', name: "target" })), h("div", { key: '91a50d9b88c593091b530b3c01448ba91bb781be', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '480c3587da9a85f78a4a9d095fcdeac35c7ab274', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '4ad4674ac42ac1fd51e3171392cbe7001171abd1', class: "gux-arrow-caret" })), h("slot", { key: '0d4e50dfe985fa318bb6942813728afb5fd79e0a', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'ee86e3e4f078391d172b6af5b136a977681ae73e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '478d2666ae5cb9dc3a91806161cdb81b49f0df9b', class: "gux-arrow-caret" })), h("slot", { key: 'fdde4c2e39513b0d1569ff50bbba12a6b2e1c8e9', 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

@@ -28,7 +28,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: 'bce268abfbd7b364865bdc458158228da6212c8b', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'ae5a68137e1b5c73569e302459911ba6d65e776b', class: "gux-menu-option-button-text" }, h("slot", { key: '4005c5d25e5c8d3c28fef4fe67460b81312fb3a3' }))));
+        return (h("button", { key: '8b2fef439f2e1d099f4f5418661ab10e11fb47fc', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '41321a02d7ce5f09e8a8eb88f417e49aac6fb822', class: "gux-menu-option-button-text" }, h("slot", { key: 'e6c4323d85deabdecc64b9e8025e535637e44485' }))));
     }
     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: '1f6a40b02c043d1cf3d9e9a79d0000823021f544', role: "menu" }, h("slot", { key: 'ee049e4f8889392cb927dc924625a57988389890' })));
+        return (h(Host, { key: '5bc89d1092da16dd5dc445295763db2f94b88ac2', role: "menu" }, h("slot", { key: '6ded0a3a542135ffd6ac8bd326df50d331fde613' })));
     }
     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: '625e1b3c4f9c0c92d2b2ff71b7bcce7091c4ebaf' }, h("button", { key: '855e1bd204fd867c90e13b75b382eafd15832676', type: "button", class: {
+        return (h(Host, { key: '37554bdbd5cda270ee692781c16d9cf4e88eee5f' }, h("button", { key: '6ff5813ccf2954164223f91b5dd9751278e45ac7', 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: '455f9a3673222bc69ee01938aa0d1c202bb70c0e', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '38964f5d522a61caee905d1f6a77bced76165f3a', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'f2e61dcd3c5652f48b3314ba6f5e69ad5a10f736', 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: '8dbb3254bb9f4af7ed4b44a807b442bc49fbcc6a', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'c155723afcd5a52c3917f7d2eb1f7a3e0d7c46c9', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'ac66eb504c60a7745f66ea65926378c4fb75e030', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '59cb761bc21d9f68db5606f1aa434f2c834b03d5', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'a5472a86ed6fa30dd586cedb362a1e8685f7bb4b' })))));
+            } }, h("div", { key: 'e019e00a09313a5da7eb74199e1f471d4a2e95b0', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '079239f688e2a4cfd15382b76fab089361fddce0' })))));
     }
     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.css

@@ -5,7 +5,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);

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: '07d3726b97fa4209d5686acdb68200261c8e663d', class: {
+        return (h(Host, { key: '8caa48a2062d9215ca83ed9c32a99e8d127b2e65', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '78c4607299907e842ab6559a7482fba6e535865c', class: "gux-form-field-container" }, h("div", { key: 'c56af4e07ce06ccf2ced1a18b80bdaf9798f1ce5', class: "gux-input-label" }, h("div", { key: 'a597be66d3a8a2a8ab4a570f0f453cb81b1c9e9f', class: "gux-input" }, h("slot", { key: 'bff7904998701cc122095720356171bf464894fc', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '5a3e93a6de74b5ff8ff9dab50ce7395b2653251a', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '3988b5f0aee358e560332815902655ded47dd07f', name: "label" }))), h("div", { key: '49504b92b60c8ea481df1bbdd1d8b6a0e0a588d8', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '01fb004440f4e353852b5600438765aef2013ccc', show: this.hasError }, h("slot", { key: '29206452dc440dab0a4fb99dfdf9f28eea7e4d6d', name: "error" })), h(GuxFormFieldHelp, { key: '8287aae4b5a6768cf8ff2f4a03eaf1cafb87c708', show: !this.hasError && this.hasHelp }, h("slot", { key: '528fc01df5a77f2b6b1472f45432716672662f5d', name: "help" }))))));
+            } }, h("div", { key: 'de9eaffaa82f2a4c2c71a8284e69dc2d9b21db69', class: "gux-form-field-container" }, h("div", { key: '74b8a5c75320a4fbecb56133c76496ff969c3a71', class: "gux-input-label" }, h("div", { key: '7ef1f708533822f77be11c6863e314718305f959', class: "gux-input" }, h("slot", { key: '514f440dfafb6d66c1d43d016e4af97b612e6f5b', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'eac246880b46a6811f7f4b742a36cd8736e8d863', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '7b49eba6f52e02ad6ac1bbe657a376df1d0036c7', name: "label" }))), h("div", { key: '351f9c954f1eaf8f73db23988e1c3fa7ba868e55', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '32c8b7e4c5aba307f604c0840f13879ab1a048b8', show: this.hasError }, h("slot", { key: '510bbcfcb6440230fa42d9a4f2a83ee7aefd0b7e', name: "error" })), h(GuxFormFieldHelp, { key: '989d53d3926b2d762175d3c235e4985c1a565d28', show: !this.hasError && this.hasHelp }, h("slot", { key: '1cae7e12a865d65aa3a53e5e266150e14e62debe', 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.css

@@ -21,7 +21,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);
@@ -72,7 +71,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);

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: '0cc9b3908cf431dac18e6bbb9c69e16fa9266b29', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'bbd84167ea318acfe739888d3181f8813ff853b7' }, (_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: 'c4acac2683785e0b178dfcd3ca123bc7dc4e73c2', position: "above", required: this.required }, h("slot", { key: 'eac9e38aea665fcf1416741e8622333d58243fc0', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ca4719da3ccb12e9efaf74e51650d199d702ee19', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dfc3ee61f7deddc958d0691fc0be280629d8283b', name: "group-label-info" })), h("slot", { key: '8b6adbdcd21c0101e473ff63efb5a7337fc86bd3', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '2570c2da7e12226e4fe6bc0183b6754970c67504', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '5fc53617ff14b4990abfaa7ab6bf6c7dc67c09ed', show: this.hasGroupError }, h("slot", { key: 'db6c0f5d057151b74a1d76c16c31d26381c25814', name: "group-error" })), h(GuxFormFieldHelp, { key: '9eb911f64eec0f0b14381ba8f5be8b54ba8e742e', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'e8cc21449c5a85d9a9bc5fefba514a3bc11baa0a', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '21f4256a8e698d0c29c1146983d7053489b4599a', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '2a62a74c4279b6055ae3d2afbffd1859ae230df1' }, (_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: '3d779e1cf8d86bd97f1aba07f1eef48cc1b3b24d', position: "above", required: this.required }, h("slot", { key: '32ee01013424fd7e06f01791fba893315d1b7e2d', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3d7bf7bdcd7265ea8ee7dfbcdb5113a046eb7be2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8e3dc8413f650697b20cd17df15737abad1d4fad', name: "group-label-info" })), h("slot", { key: '6274b0107fd8ff70a16dcd511ed87b0fcea575e8', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'ef16b0485640a6dc19556199c9a6505a3a2303b8', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '6d7573efa09ba00faa217bb90e902de9f7d0f8a6', show: this.hasGroupError }, h("slot", { key: 'f5f373d1f52814ba6a8ad518ce98417acd9377ab', name: "group-error" })), h(GuxFormFieldHelp, { key: '9e3790eb8a1cc6069a1b9f843eae503a8c45e5e3', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '464a4527f57b43ee0025e4657ec74ee9d0c7d044', 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.css

@@ -12,7 +12,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);

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: 'ddd4e92466da1ff85c1e37394e8e1dea3717f4c9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fb87a80f5762de1c4e79f5701f8d859fb82831c1', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6087b8e6a96ed1a6d6b4dcfe9bda9dc87717162a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b964c7727d0748fbc985eacee89caeb88df55cab', variant: this.indicatorMark, required: this.required }), h("slot", { key: '457541d5c6d17fc1916a38d29c220e260c6f70ac', name: "label-info" })), h("div", { key: 'c3ea7b8efedeafdbf76f1517374060dae49d30c2', class: "gux-input-and-error-container" }, h("div", { key: '1f7939085298012bd988264002c0eaf61bdac619', class: {
+        return (h(GuxFormFieldContainer, { key: '4f2d5c81c27a6b294ec1da732a05dcbe2e0f757a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8c2a3fea7d5f3688ecf94c09f304e45e78cc52b9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2eb688d2ea844db29abc6480d7f99deca5c0f759', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd1a74c1ed23c43c9cd529cbf31647b6d846a71f2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '00ef98a5c07dfb79f8394dee89a7d39726b7ce69', name: "label-info" })), h("div", { key: '50a9bb5afb7b0a7fb494cdc6837d5f48878773f0', class: "gux-input-and-error-container" }, h("div", { key: '3b728c52323763e676e82215b2751d97cf6aa020', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ee95a2c23f49e3dc050f7ed4f1f3f8fc4e3771ac', class: {
+            } }, h("div", { key: '7383a4e3f2b6b31607e149f81d0675f8088ac4f7', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'c5de40eb44540d23000d84d7de69fca97874b420', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '94bcd357527458d756e8239b759af9fec80fd166', show: this.hasError }, h("slot", { key: '2ac19f0d433bc736adee4c17c5bce8ad1788c263', name: "error" })), h(GuxFormFieldHelp, { key: 'e2bce846cc98500397f3ffd640ec387b42d90f7b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ff45d87bd2a67ef1da69b33911c58a6f809c72db', name: "help" })))));
+            } }, h("slot", { key: '4bea8d3fed0381008958f2050f93623740a41282', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '1ce3513b1a5d95a78954a172780382b4d3a4fd5c', show: this.hasError }, h("slot", { key: '461ed1f61b72f88ed143807107a6ef7f2a19654f', name: "error" })), h(GuxFormFieldHelp, { key: 'b5d3641ce84f47f5b29f0056752d7d57edc29cca', show: !this.hasError && this.hasHelp }, h("slot", { key: '3326ea75f8c1a3adb491209bf669405ad8f33c46', 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.css

@@ -21,7 +21,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);

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: 'b2e7d87889e05f1ae5f6ca00dbcd9fd817e71a4f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '69b424189b6db30900fe2ac5911b0933b536b7e3' }, (_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: '9252794ff34a92db29973a470fb58bb8c367df38', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a78f00207da568284ef53f9831f712522f207fd4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c57bdd09b495bfa2e478718d60f589bd685ced01', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f0cc4d4ce18def318e414d89b84e8977576961cc', name: "label-info" })), h("div", { key: 'b99d05a88910935c7b203cc3fc47ca1a8aee836e', class: "gux-input-and-error-container" }, h("div", { key: 'a560d26b087090f9f823b12e1a16c3f333e70a7d', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '2f3eb650abd7b65bea2e9065d17219f027dba3fb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '08f95e46239e74cb5e4c4ddc424d521a1ad01844' }, (_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: '504dad52cc166c2692a35c121fb9da8289b0a8b6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f1e976ff4d16227ff4e456783f8a48b6a8dfe89f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9795a4548ccd3b8eb393aef038e690a29df27882', variant: this.indicatorMark, required: this.required }), h("slot", { key: '70522620562edda7d198d89fa0221963b2bed3be', name: "label-info" })), h("div", { key: '0f4643ad4e3fbdadf3689752c46c6326e47cbb1d', class: "gux-input-and-error-container" }, h("div", { key: '8972cd0a5cd1a9f4d0ba3a6cc70c2530eef4c981', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '74c34b2e18987659c39115904ca22080d867b04d' })), h(GuxFormFieldError, { key: '17ea66768ec888616585e953234a8e6d5daf5116', show: this.hasError }, h("slot", { key: '438c966e466fd1cb2c1254d99bd4173993fd2715', name: "error" })), h(GuxFormFieldHelp, { key: '03e74fcc6afd58e989858c07af5fca8a8756df30', show: !this.hasError && this.hasHelp }, h("slot", { key: '66427274fe187427ce579b6dc1a22bd967db3627', name: "help" })))));
+            } }, h("slot", { key: '281c93df50e1529e244eef3bcfbcc7e95aec374f' })), h(GuxFormFieldError, { key: '0b2a3429e24b2a321e41d9a472a6ea82f6524ec5', show: this.hasError }, h("slot", { key: '90cfc1c8ead0a08689e74e6d1fcdcd169ecbc4be', name: "error" })), h(GuxFormFieldHelp, { key: 'bf3923393671a312ee0bc509e6bb2a0c5d5e77be', show: !this.hasError && this.hasHelp }, h("slot", { key: '3db202feefdf6ea50c0fe4158ee9357d34344853', 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.css

@@ -12,7 +12,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);

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: 'ecdd8777d32db60aa14e4f835441b56773b888dc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '94daaa86f4d520f8240d28098ee30b5b11029c51', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd32f2a9aa37c4d113eaecda713bfe6dbf54a85fe', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c8b87645a8434a11850562c13e385fafab036dfd', variant: this.indicatorMark, required: this.required }), h("slot", { key: '69d783e5f348a361a5dc3b79150f9a84979967f1', name: "label-info" })), h("div", { key: '9492d49b0b06d1561d3ef40b57f6ed17fc60b8e3', class: "gux-input-and-error-container" }, h("slot", { key: 'a8c7e6c2fb1a60f35a554152da531c5f6f8298e0', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '55c5ec81902471255af9dd14b2e95e03d53eed17', show: this.hasError }, h("slot", { key: 'a71b3802642a1bd0013464f5bd8af42063d25087', name: "error" })), h(GuxFormFieldHelp, { key: 'f411df77305841065210151ce9e065d067f7cb12', show: !this.hasError && this.hasHelp }, h("slot", { key: '1bbae2c7bc926810e0d6843c6a499695aa780556', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '0f8a6e0c91cbcadb884e19def722434d3bb91fde', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'bc72ca400167d977d779a527587bb4ed4d50014f', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '86bd49f60278e1e35694565e24ef8861d23dbd9f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6a2447ab73b548a8ee28a4dab2d04797e991e75b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5cdcd5a70ce1bca9a7bd7d00b8fab4ef712365fc', name: "label-info" })), h("div", { key: 'f160e8727f1120f255ea9ed8d4a1a90918610ae8', class: "gux-input-and-error-container" }, h("slot", { key: 'd5a54809e695323d3037652bea4770cfb6d2d7dd', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '3744d40c9ed26578a9fd6e5d75aa9cdf230975bf', show: this.hasError }, h("slot", { key: 'b44b1cb5992043697d28d049b4fd1fda26ac590a', name: "error" })), h(GuxFormFieldHelp, { key: '658e0653ec811676c6f695111fa9315048368c0c', show: !this.hasError && this.hasHelp }, h("slot", { key: '0eb70015eac6a8094e30e1d2f7d87986107d32a0', 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-number/gux-form-field-number.css

@@ -12,7 +12,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);

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: '9130606d82f93896ef88f3487080054e283de111', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4bd5e3c71628b945a50a468d6fc7aa7afabd624e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4383c95fe83fec6e6ae94c2c7afe8d3ab859a5b3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9bb2de3331e4977313ef7dd047e8ef4780b2f1df', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f4f3d3c172301bfadb156183a5ca02fe48dce92e', name: "label-info" })), h("div", { key: '7bf94ce9b4fd7a3cc5d6f5ab68f9d43e581e433f', class: "gux-input-and-error-container" }, h("div", { key: '35883426da3b8b5ceb7fa61cfc137f23e4b3c75a', class: {
+        return (h(GuxFormFieldContainer, { key: '10899f683134e7949d9d3ef60759300efda6560b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c4c8018c21ffaad4adafe64ef09eb803b738d1bd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'd9f5ada771dfc2eed2dd820e27db9b42ce9b8765', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fee5da61b7211c1f8fa2de8e965e55adc75dd714', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7d37cbbe3717975bf8664acc96fee96f72a922af', name: "label-info" })), h("div", { key: 'cd700b93a55a201b636dc7edbee668e5811f1eec', class: "gux-input-and-error-container" }, h("div", { key: 'b4c2aa8ca0adb5d82b020d58ac7cae4b7f0c871e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'a3ff727dbfc4abde0b284b270ee9d068953573ba', class: {
+            }, part: "input-section" }, h("div", { key: '96853730c0f12249818cca264493b3ec82178143', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '9616ca55da9df60b1dd821d1561ee2e1ceb03722', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '8d0d4acf4ec59c2895fe9a80cca45b517734106a', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'd34205cf5be5d6815608bf7a2791e7c159cd2166', show: this.hasError }, h("slot", { key: '213e706a54a8651c3bb7cdcaf94f00a9f30aafe6', name: "error" })), h(GuxFormFieldHelp, { key: 'b55428378780dece7d43fcf879dda30415b5ed91', show: !this.hasError && this.hasHelp }, h("slot", { key: '4a0b845c87da629bd806f76011e917fc8def2b92', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'c8c96bf60da2feff48f86e0123bc1e4e75a7bc1f', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '94a106fd095572497a235d9c6e6806f6319d18ac', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '1cb123ac507b5fe8f9f6e28af757211b89225797', show: this.hasError }, h("slot", { key: '5c4817ca0b44c92fca9a82bb214a49e0e6c10804', name: "error" })), h(GuxFormFieldHelp, { key: '2d8522e78f42ff0c8e074a5d56d657a1020dad48', show: !this.hasError && this.hasHelp }, h("slot", { key: '9330ae9bb786e366de5c272b5442c157d16d54a6', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-phone/gux-form-field-phone.css

@@ -20,7 +20,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);

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

@@ -92,14 +92,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'b4ab6ded3d06cdbe6013533fe6e66fb8a0d7e959', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7e8770fe64aa2ccad7f39abba8779c48ff4c9ce2' }, (_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, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'ed26f0594ee1620528280279c0224a8dec16e8f8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '28d1172b152fd9a23e1a67c3f5548908169a0f67', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '078b0061f4b2bd2b645723685ea5544cc241e1be', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bfe2d61ab954d3db6db9325e0c0b5fe737da8e57', name: "label-info" })), h("div", { key: '2f72143c66756d7b62de182e703e413f72c676c6', class: "gux-input-and-error-container" }, h("div", { key: '49fb490b08a621c5e6c8952c0f4e9ed6825e02b2', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '2faf2285935664e9c280134387a706a1c1a944bd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ec23a5300f9e8c80238e0cdaa6a85e7c3f9ea99a' }, (_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, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '5330332f537b8a995bc51446d8a6cc31a8310439', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '027707b7360d78f80578421139beb0139f5e8dd7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '597b43ae4ba13036f30a48842dd91e8b9887652f', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4700b0137ef46b7b426c69ef58a70e736358ea93', name: "label-info" })), h("div", { key: 'a51dfbf4a9a859b7e74dc5f90b6f0bc3c06405bd', class: "gux-input-and-error-container" }, h("div", { key: '6d18358edd54d2d9b102c6dba7c546b0688a1723', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '2b531ea8e07b950bd47394baf0cf7a03750a050a', class: {
+            } }, h("div", { key: '705a88162290a982c53eb525ad09709fd72b81f2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '83e25848d17cc1140a9ba017818eaeb74bb15f6f' }))), h(GuxFormFieldError, { key: '4e2812c595f717faff7c77c7ea157588d863c85f', show: this.hasError }, h("slot", { key: '0313ae1d6ad56a14d00563c1f154dfad3e2c8d40', name: "error" })), h(GuxFormFieldHelp, { key: '23ca0fd41588a0543cd1aba80a314461c739e25f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ba096bf423d9ae62ec17662bf2d35dd3f4aac4f1', name: "help" })))));
+            } }, h("slot", { key: 'fc1b8087722c654ce08985e3a287d7acd17d1eac' }))), h(GuxFormFieldError, { key: '8d0df77c0fd84213ba45c0138e149f97763bcc9f', show: this.hasError }, h("slot", { key: '612b08bfb7389bc9f2f8635c19871c2fed54c919', name: "error" })), h(GuxFormFieldHelp, { key: '57f241314207da4d7ec5d764bf6c6454386e452e', show: !this.hasError && this.hasHelp }, h("slot", { key: '761b87a8721f60bf917ef2a37304ccd093c9e97a', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio/gux-form-field-radio.css

@@ -26,7 +26,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);

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

@@ -47,10 +47,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: 'fed96c8c49406e71ae3bb7b116afb2c0591f6b81', class: {
+        return (h(Host, { key: 'fb3d9c54fed410c8abdf127195d8e1f8d9225b78', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '2914da86215007f985b046af492ca8314a081c84', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '24b4774de5f4fd92202bd97d06a01c6b47a48d4b', class: "gux-input-label" }, h("div", { key: '52c2cd0df939bb58fcdb45c05f7bf22b02693874', class: "gux-input" }, h("slot", { key: '416b6efb605f2ef8818cd836b4d1ea41d457101a', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '7773dcff902ee4c96c67c37c348b031f6c12a67a', class: "gux-label" }, h("slot", { key: '38784500d1703c5766657214c1a05312f004bd3b', name: "label" }))), h("div", { key: '3251d742977c72cbcdd62702faeaa45d840ce8fd', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '90220712c3b8ec0a63b7fff0502ccdd086a21033', show: this.hasError }, h("slot", { key: '8dc4388036c1800950c438af3dc337aef6ee7ba0', name: "error" })), h(GuxFormFieldHelp, { key: '7f9741c57918a12c8342a45a79d27462ed00ffab', show: !this.hasError && this.hasHelp }, h("slot", { key: '40c2560f8cc8fbc733e881d0307e465efa5bff7a', name: "help" }))))));
+            } }, h("div", { key: '401e0f3a5751e025066180e6283f07009dabc03d', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '9d3f8ded8332853838047fd636c4ab1030f4267a', class: "gux-input-label" }, h("div", { key: '96d50560144d5a93e8fa47175fb7006e0fbd2a0c', class: "gux-input" }, h("slot", { key: 'bdd20154c500c867c60f472a0d999804285bd32f', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'cb33289fa8ecd145e5a20e49449d8d88732e37c6', class: "gux-label" }, h("slot", { key: '87e5b690d46888750ca0df79d0025bf824a459c6', name: "label" }))), h("div", { key: 'e445df0b2d5e8780375f6657f49e6c0deb3fd4f3', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1ff9b1cc620ba590414e2dfecd8b6aec1b809d12', show: this.hasError }, h("slot", { key: '8a65f8bdb03f17fe8a8cd662571c990db99cd084', name: "error" })), h(GuxFormFieldHelp, { key: 'd7363a4941529425ab349196e31b079cb601a51c', show: !this.hasError && this.hasHelp }, h("slot", { key: '63fa3e674fbee4b7bdfa8309b12e98f41b4e0ad3', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio-group/gux-form-field-radio-group.css

@@ -20,7 +20,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);
@@ -71,7 +70,6 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-formControl-helper-gap);
   place-content: stretch flex-start;
-  align-items: center;
   padding: var(--gse-ui-formControl-helper-errorPadding);
   font-family: var(--gse-ui-formControl-helper-helperText-fontFamily);
   font-size: var(--gse-ui-formControl-helper-helperText-fontSize);

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

@@ -104,8 +104,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '8646d0b536f9fa77a62cb72d22a574132c569d76', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '1b328bd383b62b0f0776bc15b5ec16472ec468bd' }, (_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: '19d74f17c38c7e10c3aea107f9c0111874bcc918', position: "above", required: this.required }, h("slot", { key: 'c4bf7222ed7c1607257baa0a81d2e565a280a644', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bab75d7afa7348004d0448a6e994aa4ec05dd958', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2e0de2aa4c82f1533bac8087f6c5f186f33251af', name: "group-label-info" })), h("slot", { key: '2331499f77ea40ba7ef38ff275840718ce28c0fa' }), h(GuxFormFieldError, { key: '91bfd5f14aed331e7c5543bda4b318541ba390fa', show: this.hasGroupError }, h("slot", { key: '4ec2134e3b722b51cc00ca4fad8979237ffc42cd', name: "group-error" })), h(GuxFormFieldHelp, { key: 'a5c27963c7bcefd352e312660b6c8ef23b8d0096', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '7517b64af6c049abc4081eb2f4dea1d043e88e71', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '3b4c6e42b8ce97b5cdee3ef91e78cbc7a63edb7b', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '37f5386961b4c46c53e53c0926afe293dc47e0ac' }, (_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: '78c16ad10a53caf2356fec070fa3cd09134598e3', position: "above", required: this.required }, h("slot", { key: 'c7aa140614bf894a9141048ffe2064d4d3532962', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1b0b6ef495fe1f4c4b71757104a9f6de0c8167c2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2f465750afba08333fb43a9b8effb428a9c79f99', name: "group-label-info" })), h("slot", { key: 'b5d3aae02917653bd5600b34c61e7df4406076c1' }), h(GuxFormFieldError, { key: 'c38c240fd998c2ba0d700314da730676ce1d089c', show: this.hasGroupError }, h("slot", { key: '7aded3170e6e3668525d813caf66360b040530c2', name: "group-error" })), h(GuxFormFieldHelp, { key: '4f1231350282aaed75d25b70fe38fd21ef2f8061', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '52ce42b5dca6faa646394ef72528ce69658f03f0', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');