genesys-spark-components 4.171.5 → 4.172.0

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

@@ -371,7 +371,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '645da4a22f146958614f3deab6841648522216f9', 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: '7845e7c6ac35672947d15818efb3c105b837a3cb', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

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

@@ -417,7 +417,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '9d884b43d3c3bac8b8d89679ff84679ee8c021f1', class: "gux-dropdown-container" }, h("gux-popup", { key: 'd3c297d49ca9685aa2d4794c6978aa1dba000f58', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '0ad53fc78ed29f92581ecb4622c56cd609ab7297', class: "gux-dropdown-container" }, h("gux-popup", { key: '7639a2c499c575c239877926bfbe9aabb1ae1bcc', 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: '01b2f7b591de02f80ebc30023294d9a125581941', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: 'bb575a0d277ba7c17e5d5d72bdfdbf4e811a8546', ref: el => (this.announceElement = el) }), h("span", { key: '782a9458bb70cd1cb6d15c6cf0c2b84efd418a5a', ref: el => (this.targetElement = el) }, h("slot", { key: '5036b56a98b30f7e5e3e2e552ef049f229ca3b83', name: "target" })), h("div", { key: '8cb12708f669ee1a43279636559cfad0abc52a81', class: {
+        return (h(Host, { key: '7063a610531204ad0c1965d67bf78e16f1845059', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '00cacf47e84e37d99123f66594018fe9ebcdf343', ref: el => (this.announceElement = el) }), h("span", { key: '0de9db332da5f137fd39885427ebef304c9307d6', ref: el => (this.targetElement = el) }, h("slot", { key: '3cce21666f3a89743e9f6dfd153052a6d5d2e274', name: "target" })), h("div", { key: 'eb49b4d2be707405fdac0d7cc92b7e6371fc9b79', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '025640d7561716a0477633c3ec2d314527e78cd4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '6ef10c8275f541598dd8cac789caa3895ec2cfd9', class: "gux-arrow-caret" })), h("slot", { key: '6efaae19eeb267202f69e649bf4f7a705a5020f9', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '701c68dfa3afbeeca8570c88c7e49cd18d64aed6', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '75f8878bc9bdace74c109c2671894f8719f423bc', class: "gux-arrow-caret" })), h("slot", { key: 'cbe4dab5682449ead5dbaedb9515b63f59152a81', 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: '2de491d39c836b2f319b6c96b87b31e408b3ecee', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'ec9cfa62ddd1a747a7121a22f1de50acbde01fe7', class: "gux-menu-option-button-text" }, h("slot", { key: '6557fc3a2b2c38890e3e8ee8304f9e5b05a09f46' }))));
+        return (h("button", { key: 'de6b2b45f6db056357c7ec8a06a80ecb914ecf62', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '13be260cfd6ef36d14b4a98154842df445815118', class: "gux-menu-option-button-text" }, h("slot", { key: '0efda4cdc25113c87bad6c98926a1705712b0623' }))));
     }
     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: 'cdb799dedd8b4e21a5d201b09a66cf7e58e33cbc', role: "menu" }, h("slot", { key: 'df78d0a5df60760b818c32898e70d9a0aeab9033' })));
+        return (h(Host, { key: 'b7e5613a9ae29f06d1fa275ff98c9d830d17c82b', role: "menu" }, h("slot", { key: 'aad227eaa4618650645ba06579f9046031c04817' })));
     }
     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: '1ad11a00e017b984c136796e2ba9dd69130acbfb' }, h("button", { key: 'f038445901d006e5418d0383c1b90007ebc7d0c0', type: "button", class: {
+        return (h(Host, { key: '60f9d8ec9d6ec0b42382786b2137f35665d22d15' }, h("button", { key: '2cb308267b5fb8cb617d30e68f667bd5df5e5927', 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: '6df82dc2463debb73e1d6a9012a2693bc0472303', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'd133d35ecf42ff9605f29c0eed4510df49470877', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '837cb55663cdc8815aaea972d898848e61be5a67', 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: '8abb42a4ac2b235ce5b8d9cbbe9197b0bd46a191', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '021706d4fe68dfbb925be736ea25404a3f475d24', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: 'b5530ea5e296a5768dd68da5040780c9238b6806', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '23e5beec4ba73ff41118d0b0c2cfbd32a233f6aa', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'df488b3d36386e2a31ac8172c74f801a5adee2af' })))));
+            } }, h("div", { key: 'bb65d6d92706bcee503654df4183dbd40b085f46', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'd43a8e4d5ccf2ef33a197135ad3dc6a5b2ca7c14' })))));
     }
     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: 'e33c81e5ebf0d6384e70c9dbebd425818b629b05', class: {
+        return (h(Host, { key: '92f784c60de719c2d44a6c6c1d287e28543ce94a', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '3209c402cd3086dc5973c814cd170431fc40e5e1', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'b8fb142b0a7a9aa18e561fde1e78aa346acae7cf', class: "gux-input-label" }, h("div", { key: 'aa9799bbe2619e3457184eb79c4060c645f042df', class: "gux-input" }, h("slot", { key: 'c653d17b1ce35b6de6da2af0b3ba4a494ff561b2', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '99c76426d28252d0cb0f4814aacc110b9fad5d42', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '6baef9d2ebd2416132c3f344204f38958378bfbf', name: "label" }))), h("div", { key: 'f4a6883b718d55544f99147aefebbc1973cd583d', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '3e48227d9ca51e366c6a667858faa3bfe2c689ab', show: this.hasError }, h("slot", { key: '36e87306f5aaf967487c2326e2473c72b2762b46', name: "error" })), h(GuxFormFieldHelp, { key: 'fbf8f14d1ff02e9285957ef594ac1d9f0a60a984', show: !this.hasError && this.hasHelp }, h("slot", { key: '13a9478a6e10abdff37a4ac822a979c0686f7de7', name: "help" }))))));
+            } }, h("div", { key: '7168f00ba8c45b565c4f0f68025d4d124d063747', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '593ced10f42cb62d076273b20399daf27c5a68e6', class: "gux-input-label" }, h("div", { key: '0396631b15546678143d2f2bb7e4bc69ae883002', class: "gux-input" }, h("slot", { key: 'fb45f22677adb94dac13a9eb093cdb66c921ca10', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'e744b97454039996f0591704cc0701a7507ea941', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '59644c11ca82a7be7a24b518d38804b558fa7e12', name: "label" }))), h("div", { key: '16c3775e2e4ab2cd60e6e3938c65f9ffe22baa1b', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1b873a626c1cd6bdf55a519ce867be7559462664', show: this.hasError }, h("slot", { key: '200aa4ba8a1f270a62d152db881b901b242f951f', name: "error" })), h(GuxFormFieldHelp, { key: 'fe69885fbe6cb786119351c224023b4b0a815f35', show: !this.hasError && this.hasHelp }, h("slot", { key: '4545ebb7cdb42f3798caf6746d62490c178afe76', 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: '98d0690d8c1fd17b434f8946cd7f93c394b9b9f4', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '298fe9be8fbbb3b7f7ff7749d0ce873bfa219995' }, (_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: 'a94e7153bacb115cf63ed0b4dc4603b8347229cd', position: "above", required: this.required }, h("slot", { key: 'd30a5befd3fd15213c284d0c7af243d6d07bc780', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6449f6c04cdfcdfcd80d75a9b9f229f445b7b7d5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4eab381a152e8baf40bfb4adcda5bf81937a262a', name: "group-label-info" })), h("slot", { key: '8c988a909db54ff6e9dc294d7dc9e0c4a5d702bd', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '286b30b7358d9715e8c1b9e0bb2a90b259305f59', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'b7aafae8f77cf32e153591bcb0670384aafc1bb2', show: this.hasGroupError }, h("slot", { key: 'a35123dda49a72c62deb59e18f29a9d829a28ff3', name: "group-error" })), h(GuxFormFieldHelp, { key: '4969a7009d6f8bf513394cf60297c6b5b499afb2', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'a377111d6f5816316189e5b9fda971311af68c8d', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'baf620387f0eadeead439e43b419e36f83ba8e99', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '09929ff284a3567f435988749c80c699fbd2d687' }, (_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: '9c1c28b15c436a93a526bc7e77f5b908588a3d15', position: "above", required: this.required }, h("slot", { key: 'b51c883c68032d9ba4f9cd013a95b9c8a8881b80', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0182c24a93a2783e0530ea2a9b4babcabd1ba6e2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8f7a0677eb8936f4335b5b1156faf66e437e7528', name: "group-label-info" })), h("slot", { key: 'b81dc8fe59a493a4bdd39bd51856abe068288e4f', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '5cf224861365e570a69942e06cb52c2de5e3f16b', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '69a6552e617649c13532e2bf9a62bc366143c285', show: this.hasGroupError }, h("slot", { key: 'f64e7ecdf6b837ee07101ff58b65a8b3d2071b48', name: "group-error" })), h(GuxFormFieldHelp, { key: '31aa07854103a0cd858c0f2880771fc745220fa5', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '0c33f5fa9a64759473da9d8147e846c30e1c5c8e', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -85,13 +85,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '2b294a491cedc62325544ae31f7ca0e32ae3441b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5b9714407a6faaeb26502007efc73c59ec87cf60', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '46c9249b6a3dd4f697c8ea296d236726fb345121', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c170cbb3cc937ed4c9b6d1d26ba04f3c87266e2c', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dfad3c6d0fbe5fb49a88d26dd926d193e7359a5f', name: "label-info" })), h("div", { key: 'e67d83ced521d1b46ae7d61074d4a9b9c51b98d5', class: "gux-input-and-error-container" }, h("div", { key: 'd220d60f0b54edc579177651823855d63165f7ec', class: {
+        return (h(GuxFormFieldContainer, { key: 'ac80892f6aa823c95c4bf9eb8fa6cc1b78433cf8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '88a49dc596d70952086d7bef3561ae1201af05ea', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3199eefadb885cb5a361c0132b7d7b46748f2a9b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '64aacb9eca39b48fe36c161fc4bc36682468bcf1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6732d92d22d99dc933e52e2e66a6c52da192b909', name: "label-info" })), h("div", { key: '610d4b7eab39a6c2eb234e0dfc3939c7c928088f', class: "gux-input-and-error-container" }, h("div", { key: 'c6f5a2648520e8255855a1712ff1936a753e2613', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '02de15bef4a1e5b206e8abe595c7353f73f93295', class: {
+            } }, h("div", { key: 'f17fdaa76d2b4e28aec176ea73988c8ce4545bf8', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '98f63dfef469bc8ed7e4990d5ce2a82b33f213f9', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'e7973a26ae9c40a79142180782f9c2d8a21eb00f', show: this.hasError }, h("slot", { key: '892a55dfd1c972e2bb1cea9375b071b167e6ccd5', name: "error" })), h(GuxFormFieldHelp, { key: '0429c9be3c92067b61bd8c2bffb9da4402ad0d9e', show: !this.hasError && this.hasHelp }, h("slot", { key: '85fbf1c590a2d5b99d4bf4bc19212d6baabba4bd', name: "help" })))));
+            } }, h("slot", { key: '4f1249926032dea07312c138db496294bbce3dce', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '3e2a59ec6e6f345d1600826716f0af2ec800a427', show: this.hasError }, h("slot", { key: 'b9b616bf65d30039db8c86b6475a2cbe2199810e', name: "error" })), h(GuxFormFieldHelp, { key: '3944eb6504e4ff41d7444281b51b19c298b80722', show: !this.hasError && this.hasHelp }, h("slot", { key: '0480745a070e31cc407006b552519ead961830c5', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -99,11 +99,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'f2f4e9a8ff7f9e22045a4be75a5d3b41447ae71d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '00ed473cf198a45a2cef8ba110780d2caa71b03f' }, (_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: 'e18eb380e152e014acf011e2858e4e1f802073b3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fb18e487b41ad436918342653f1d7642d6530074', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '27c7ca59d34e537eeda039c95c4b119232c1fe9e', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cd7efd152a6c02f115a5953e57d8a5f0333ffbf5', name: "label-info" })), h("div", { key: '021d1706cabb39b8dc9402ab8d531aed533fb57d', class: "gux-input-and-error-container" }, h("div", { key: '2c5117c5e441a28dd9bc270d5a45cd3e1d7b8f00', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '30762a1d8b8b8221b55708b08be89d7d0c650c91', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '6a6f8aa475a5bd5a77abd5e9a385fabfcec49aae' }, (_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: 'c4dbd22f2f8c06ac6a3cb98ade328dbf34cad0c9', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '43541880e224753c1ccbe30c6bb5b6964c49cc0d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fa1ee9bde28251f0f3de0fad80a96f42da3ea0a4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8fb9206ceb9a7f91344bb8df721df2d1496bb34c', name: "label-info" })), h("div", { key: '017bd8d9281c1bb8e20ec817e74ff40a4f3a79fa', class: "gux-input-and-error-container" }, h("div", { key: 'd232e6bc921beae293872770c869dd8afae0c872', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '6faca4e188336a14f3ca7ed945ccce9531157a86' })), h(GuxFormFieldError, { key: 'e60dab8fbe562ea703d869b08684672a372a19a5', show: this.hasError }, h("slot", { key: '4fbe80625cb1c8e4e6ecc6c7e7e0fbd01c1353fd', name: "error" })), h(GuxFormFieldHelp, { key: 'd97ecff22998058888377877b40574a40bcbcccc', show: !this.hasError && this.hasHelp }, h("slot", { key: '4516800cc56bb7203f18c752689d5ba266578b41', name: "help" })))));
+            } }, h("slot", { key: '688553f86ab1b096b28f7b2c1b19d96759b879ca' })), h(GuxFormFieldError, { key: '58f84ca599a685026099a3eeec368969f3edfa37', show: this.hasError }, h("slot", { key: '7488cb905aba13a355b8762f37bde335805b46c4', name: "error" })), h(GuxFormFieldHelp, { key: '48a94ec8beed63d67177727e831fbdcd3ce4c661', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f4389ef1cbe8c7388d31092f22542d7076ccf502', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -102,7 +102,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '08511bf60b590f9a13ba6a7fb3561769eb0d3aa1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '04a5dfc249109bbe7fa2989d764a9ae58bc952b4', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6953fc2d625acbf6e3b33da32647cb534c1864d1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '51ec4246ee2079232ef350e6decf7dbf1dc91b04', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b2f6397e827292e196516614dc72774bb9a80020', name: "label-info" })), h("div", { key: '4a1a487771bc384f433278cfe3ba63c23141fa8b', class: "gux-input-and-error-container" }, h("slot", { key: '47d0d93b1ff6902dbb6fb17233455a6209f15698', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '96b0f4cf4ccc15e6f42856c03ce0e109a30c7d72', show: this.hasError }, h("slot", { key: 'ae24a6c6a1ffbe31d576a946dd7e8d8c4574fb39', name: "error" })), h(GuxFormFieldHelp, { key: '2702e229e642c9e700b203f7fc20a15bc7c0fdc0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'da73bd0d3b3207bffdff1d0cbc6506c301cf8792', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '7d68b9bbec8ccf5e986a111ec85d1aef75b7fd42', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2e0b11577ac70752c097da38130edd347b6f10c8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'df652b90869ccc1215a25ba8b961611b9164aa99', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4ab5bebf69016e58ad1584b3b4846d0d916da234', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6666d6a44106d9c69d02b7c396216cb006024437', name: "label-info" })), h("div", { key: 'c44beba0c012e28508ff28745fba63d8449c3789', class: "gux-input-and-error-container" }, h("slot", { key: 'e6f22580d2828e5744743bf9aa99d8383377390f', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'df3444583701a27d740c93472a0b9bb89f0a4969', show: this.hasError }, h("slot", { key: '0d3dd48b257ceeb9da5836db0e542f2123346813', name: "error" })), h(GuxFormFieldHelp, { key: 'd18290acb7b1533bac3b461e309be94e209313cf', show: !this.hasError && this.hasHelp }, h("slot", { key: '20542d67c17398fe9ffaef9a010d0bdc89a43378', 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: 'bd9d26c240035ffbe982dddb2a9c21bd666e6e42', class: {
+        return (h("div", { key: 'bd60a5d901971683dd8c07deaa1d5f13067bf8e3', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '52d3290facfd43bc9190ce06bdef735f0fd7a913', class: "gux-info" }, h("gux-truncate", { key: 'ae84f7ca73d48fc75ea1ad1bd5c4217e195e12f0' }, h("span", { key: '62b2acb4682e9b89c1064ef368807faf24397647', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '0820dde771242058df1655e17c01c57813f69eb7', class: "gux-info" }, h("gux-truncate", { key: 'cd34287cbe755b4bdacdec4bca6bba418c192815' }, h("span", { key: 'c17b494d04f95a4bc093c4069cb1284737966d42', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -91,7 +91,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'd6cd4823100ca775ddd66079da9825e9dcf6c41c', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'c35ca22f59ce27c225b92d14002418fbe600fd69', position: "above", required: this.required }, h("slot", { key: 'b19f3e2baacb6d03212926d9f3383c2dd6e75060', name: "label" }), h("gux-form-field-label-indicator", { key: 'baf3c024b9dc7bba0a2ad8ef697a9d0928efdca5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0cb36f65dc3460538daac6bbf62f0edf99e39bd9', name: "label-info" })), h("div", { key: '8f68e0239d124e802752800c054d867508175181', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '3f512ba19d68ec08e72b3f1ab994c0246f15b762', show: this.hasHelp }, h("slot", { key: '3e663f6a7094935eb03ee6a69410190bb0d50a63', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '4d9dd6596e57c32a4e2f86da8684c59b6a72ef69', show: this.hasError }, h("slot", { key: 'dbdbac3f00d3764d9b0bdf70394ba96e4d79cdbe', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: 'df3e2e37aaece000d3b1145bef244ba721700319', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '4f51e23e5c625d771919b59baa8481d91951bb56', position: "above", required: this.required }, h("slot", { key: '07174882e4bc06b0e6647edc17cb424369591ae7', name: "label" }), h("gux-form-field-label-indicator", { key: '078864f03672ce4e6105e58e0841ff7f69c3c537', variant: this.indicatorMark, required: this.required }), h("slot", { key: '192a3d80b3d9d5c13ed271a99e9c1b6c91317a08', name: "label-info" })), h("div", { key: '9c5b29e1a63f0f2320ffa6855a235b41390ffaeb', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '641cf8ad73760c3d9ddcfd2962d12060be38ad58', show: this.hasHelp }, h("slot", { key: '3df43f343973c841bdcf12aa3ce6b030e8ad5b88', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '9bdca612cfe36495ea88211de6ef2e1b0aa7643b', show: this.hasError }, h("slot", { key: '91b31b4655f45c03bcaf33308533628720fa9410', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -102,14 +102,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '064b2007a38027d4f97550745ca7c7f3cf4b7d8f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd1740901d5d5c27ec4f806bf35befa064e6a66d5', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '58027f50032fbeafecd90837708f7d601d10f1fe', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0488b44de3e25719b594ad8d8ddb11bf262ec7dd', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'de7653879e59754090b60f0e252b31e56465aeca', name: "label-info" })), h("div", { key: '90ac5896eca80bcf8f90bd46ddffeb55cb8a8857', class: "gux-input-and-error-container" }, h("div", { key: 'ba18c3897c9c0a05c79db41a2e830cf868278f3b', class: {
+        return (h(GuxFormFieldContainer, { key: '9cf095b76f7cdc99390ab4971125d767c8551d10', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a8b1cb9d70f6933f91ae99d59fcea559d4e57666', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b1afae41a51de6e93fa7051f1232479b53818d29', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5a6e9f047957d8fad8a18ace19594e6e9fd0d352', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cd6874af1325d6f20e47aac9d0acc09385d809b6', name: "label-info" })), h("div", { key: 'db2c064b017b5cf3eba8a02b22015195ee07fd6d', class: "gux-input-and-error-container" }, h("div", { key: 'ccf1e5d24c5e65280d5e36ac72e91b1815e87ea8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'df7c0fda30de62de2b8e60d990db981d46bed398', class: {
+            }, part: "input-section" }, h("div", { key: 'd699d997f4647c661b97df82a29fbc95d28c479a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'db8e57514b91b790ffef0e6527c7453f4b836ff1', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'a94c0704fd44dd528e715f080fb78ce4c01c4c34', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '2b5102f868a4e18812549bf6e96b6e413f352096', show: this.hasError }, h("slot", { key: '9d22a28226b37f1f07269fac2b213a95ea28081a', name: "error" })), h(GuxFormFieldHelp, { key: '337135575dadc0205a503693eb6ed0904048e7ed', show: !this.hasError && this.hasHelp }, h("slot", { key: '5ff91b042057e53e5a0544a1f2f2360d6efcb671', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8675e9dbb15ef98d6ee1bb34a48ba7c0bb856882', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'fe341ab8fb43483ef48e62f0e0fab0600282ab21', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '6abd61e734347f9254b57855a87139ac8457f29e', show: this.hasError }, h("slot", { key: 'b41b4a9b94143c5a1c4977d577bd99667eeb9df7', name: "error" })), h(GuxFormFieldHelp, { key: '23f85373ddcfcb3120373eb254ebd3827228b8f7', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c49098160ee433db6f5d83d271743fcd59ad424a', 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.js

@@ -95,14 +95,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '76ec4542d19c73820b60e842627c0a858cc72a01', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'd2602bce25fe1e01096e6da3d3d171730c362688' }, (_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: '6f55fa065e8739cd78cd06568f89611205eb5ee6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8e4dd8ba32b6ee45ee98f3973d52fc7a8ab52ff8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2574f92ac8b14b7daf54555a15f79ddb2ed94707', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7ed18535d9d73a9cf45c33146a2263221d873edb', name: "label-info" })), h("div", { key: 'c7763fe39299bf1f7f8c8d02e8589ef26bc60d30', class: "gux-input-and-error-container" }, h("div", { key: '3af18fef9a1de6dc05f590310d681a7648e5a55f', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '6f53fd250dab5760a16e87288a4fa237ef3efd05', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '17020052af1bdc5b05f73da760457b1de568b86a' }, (_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: '25138989474d7f6c95f8b7712afee494c0cffedf', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4daea60d103c2ba64a4da990e3c3df3bdee16677', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b005f0e380dd789d7d2c59071bafc2b1883b5e3e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '054bb471075577bdf2c0465e7e036feb250be3b8', name: "label-info" })), h("div", { key: '69b6f61f6d9d3cdc16b2e2b3a21eec877067ca78', class: "gux-input-and-error-container" }, h("div", { key: 'bab1a4e4522677c7981eb9d9011ae8901c3a04d3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '18aaf519eb2e58eee8fadd543a838cbe87c4371e', class: {
+            } }, h("div", { key: '0c37dd636828246ca0ca9d2a03a78c7b769204c0', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '70dfbc0d9a344cbc81cd90834b16f6696316634c' }))), h(GuxFormFieldError, { key: 'e24b52b1084eb2b69398de9e5e0bafbe34efe3a1', show: this.hasError }, h("slot", { key: 'e6785757f2193cc643fb2c5285e5a7d57ac495bf', name: "error" })), h(GuxFormFieldHelp, { key: '27d134d612398cb783e4875b437b0a7fd7135942', show: !this.hasError && this.hasHelp }, h("slot", { key: '98e602e754705715c2793776ef5803c07ecada0d', name: "help" })))));
+            } }, h("slot", { key: '7d914db58e44733a120ad838913c9308dc816821' }))), h(GuxFormFieldError, { key: 'd5b96e0f686244bd2544b539e073f6701c2c8270', show: this.hasError }, h("slot", { key: '291d309f864ab81e5298259bcecd9dabc3ad5984', name: "error" })), h(GuxFormFieldHelp, { key: '2005a3df0d1d43ba2f640ef3d823c2681f0efc2b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a7d4055ff4379a7eee4e64c06c58a35071e50d05', 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.js

@@ -46,10 +46,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: '027a65529baac39c48426634b16e216de228e935', class: {
+        return (h(Host, { key: 'e0e0d98ab38896c5d4cbcf90498ccf440123e40b', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'a368d94400ded63f97a91961c04c68e2b5458c36', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '54ffe9d74bd5b5f2763008ceb774d71b4cad744b', class: "gux-input-label" }, h("div", { key: '4d32d3a82fa16d0ed6461b20779b76c8c6ee8692', class: "gux-input" }, h("slot", { key: '2cc9b7db733a5845f2bd758ae25eea223cdd184d', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'd2e351035f0737fab0eab622148baa0e14bcdca7', class: "gux-label" }, h("slot", { key: '1bcdee07bdd20ce7cb7c2f6905e82ed56611735d', name: "label" }))), h("div", { key: '662f53fba77fda4fd7067a5c255d9ecc6d66ebd7', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1a2b4f3cdd0ef55638941da8a5f80b109aeea2b9', show: this.hasError }, h("slot", { key: 'ec9fab4a338961d884bf90ad30c61b50fbd1b866', name: "error" })), h(GuxFormFieldHelp, { key: '41e1975a1824c49330654cb7693d314cd765bb45', show: !this.hasError && this.hasHelp }, h("slot", { key: '47fbf0b55fea3fcbff967fec03a134b3dad95384', name: "help" }))))));
+            } }, h("div", { key: 'f4c382c5aebe033e75fc3f0113e70535cb2f0138', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'd46e9122cd209f3a42e99289a1a5d0307bacec7e', class: "gux-input-label" }, h("div", { key: '694d91da674a396ad1e52b21b4ac25ad74671939', class: "gux-input" }, h("slot", { key: 'a8b00eb84744b96156921c82d037cf827ca49aa3', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a8c08c5b73e6de6478972115f746840cbf01c3c9', class: "gux-label" }, h("slot", { key: 'b73bbbc54ebbd541cba58637e615b22d843447ae', name: "label" }))), h("div", { key: 'b1de4a63d91b5e831140a7fb921dfbb5358df959', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'b4d8844ab494c9299c82d439b77b4a633e3dd7b0', show: this.hasError }, h("slot", { key: '3d8e245398d7c828a425b1822454e9359090edc9', name: "error" })), h(GuxFormFieldHelp, { key: '778983543df8acaaf063a7557a3c4fe17d3bc217', show: !this.hasError && this.hasHelp }, h("slot", { key: '7f3090775f8a178b7cc4275aeb01e04f00dd4eb8', 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.js

@@ -121,8 +121,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '731c2e0b2b969f58583d3df7f813a9c73e59e489', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '18dffd2ce505962b4df7fef1ab31fcf0e44eac38' }, (_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: 'd857a6f447a4e05c30092cf947aaf24ea3fd2a81', position: "above", required: this.required }, h("slot", { key: 'd85271ac786c4556e0452bbfec8b584a1d4f0877', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3a0d099903ac6c3bb938e0744e8f474862e34756', variant: this.indicatorMark, required: this.required }), h("slot", { key: '851cb0c5e43e9b6f65188177e58138e82f1420aa', name: "group-label-info" })), h("slot", { key: 'b538ad5c1be5b6ad27cd60124b1164edf6bbba9d' }), h(GuxFormFieldError, { key: 'bb1ecc4080944f92df270cd270f8e65d319caea6', show: this.hasGroupError }, h("slot", { key: 'a2655f28592b13240491db06e8d3e2059d5a9239', name: "group-error" })), h(GuxFormFieldHelp, { key: '394bbd8bf6c106a2be881a9e456d996ce8904d66', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '60ad4e1b66ddf8ed1a69fa350114614de7f614af', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'bfac95292d8a298d959c975aa8afdc09c10f93d1', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '8887396048474c3fa6f3c95bbf03d3ff094d834e' }, (_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: '61623ff48ccd197b231bb6f69fe48915c76307f6', position: "above", required: this.required }, h("slot", { key: '1c5fe95bf6c9734c395796aa5d5adbb5ac67a37d', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8b50ab385c0b542a520aa63d854065026c8c3b57', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2c68efcbbd7ccce19df0a33da30e4d95302d329a', name: "group-label-info" })), h("slot", { key: '5084d14f3f8266d8624d1434dace1855945368b4' }), h(GuxFormFieldError, { key: '6dadd7d13148cfd29989a5dc6ad43beeca4b2d22', show: this.hasGroupError }, h("slot", { key: 'adde29609a84f7ad17f6289190935a3b8d0fa5c4', name: "group-error" })), h(GuxFormFieldHelp, { key: '0b9da735c9f7768565defbd5c2aedc7cf3ac6cef', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'e55001e85aef7d227607f269b82d0ac41a7bd975', 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-range/gux-form-field-range.js

@@ -111,9 +111,9 @@ export class GuxFormFieldRange {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '31f01769550d411a4713273f21460ef8a17bfe9b', class: {
+        return (h(Host, { key: '596f228908b64f5000c033fc7dddc884803ba844', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '05666e5c2da8a83fc5dbb5e4c74fc6cebafe1873', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '944a961259a0ba609321ed18d390643356f46e0b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '251d8d4585e9341a219d6471e6094097e30db03a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b2254578b8fc410c9ad118c18c3fae319fcaf213', variant: this.indicatorMark, required: this.required }), h("slot", { key: '526d1c560163c94a3cd7773fc01e06121c96782f', name: "label-info" })), h("div", { key: '607cd1107fe1b1be5efaf086ce488d7754656412', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '46a6d1cde69ee6bc024dd7d6b5c71a936573464a', show: this.hasError }, h("slot", { key: 'e1166d2a1b2ecc7aa68c6fee47c2ce3515016ec1', name: "error" })), h(GuxFormFieldHelp, { key: 'bc7b2c84530ff62e5eb9e8163b83139409547e76', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fbb856c477c50e0fafdaa74abc8d62dab8a70410', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'ec6a328d75067245f5a620a6e02ccb9c1e34f927', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '50dfa7ba93091b0daecc17dafaa3dec0c4b1817c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f9cacdf8826b916a8e9f104d2ea72e50e93accf1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a570fc50b5e3f8fe5468fc2b777c0a52a5705446', variant: this.indicatorMark, required: this.required }), h("slot", { key: '580c336e259a682b58db4cc071cf6e65543c6835', name: "label-info" })), h("div", { key: '837618a9112b802e0f75d58c9ed1cbdde6bc0b07', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '712a7b3e8deeac4464d4a075f9d64838ed04eee5', show: this.hasError }, h("slot", { key: '7be6ab32a17d0bd5c9ae227cc39c3c52f2bfce8d', name: "error" })), h(GuxFormFieldHelp, { key: '78343d5a6947491598110af8294aaf86aebfa8a1', show: !this.hasError && this.hasHelp }, h("slot", { key: '5d8c0e5af6664848c8a33a74e67810a810d5c380', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -96,13 +96,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'a74e52145e3730e81a2fc9809f6b91caab36f95d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4ca03c5135a5f0caff983e89c1be29e140b63dbb', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '143a6c904688b0bcdf6bf904cbe9689a0d7893c2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cd0e5d753d09fb2b129add014a878c7407ff9216', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b647dd68be49b0d54e49c0c88b9ac484dca8b615', name: "label-info" })), h("div", { key: '7f1fec79684afa6943489451d2a02e578e4317bf', class: "gux-input-and-error-container" }, h("div", { key: '9080ac7a90dc51ccd4461f3e20058f93e605bcec', class: {
+        return (h(GuxFormFieldContainer, { key: '02ef2024c58cc41e3d9b91927cf1c961b03dea9d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2c7be96bac66b11a75cbdc077124d5d2591f556b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '0241645ec86b420d36ad6e007e622fa5a63800fd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e8d6599b83c69c4d3a3703122dae4913748c0726', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0315a26cafbd8b750fcb6c25d69fb5c095ca3020', name: "label-info" })), h("div", { key: '033de1c37d0c12e3c89b4c4951c10827d9ffb9c8', class: "gux-input-and-error-container" }, h("div", { key: '53e0dbf09d50df8e85db28686bd3897c40216eee', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'c4a3823de7f3e5e6171c48b7a0b8860379eb70fa', class: {
+            } }, h("div", { key: '3ed3794b946148cf74b85d2f9d04634712f112f4', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'c751e178a2df12fbb1450c8e634c8ddfc88529ea', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '4c9789b11d5ce5da90e6bf16e0de694878f1b093', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '11e2f54cc02572395b5c23b9e3e6d7382756171a', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '95affd07be581b62a0d1feb8f6f6066b90b32214', show: this.hasError }, h("slot", { key: '521c6e8eac641c4c6cae8fd1eae8c2842078d509', name: "error" })), h(GuxFormFieldHelp, { key: '3fc1bdb3cad4e36bc7852d31164acf67b70ad513', show: !this.hasError && this.hasHelp }, h("slot", { key: '7eb1cbf7147edd67c2b87143ab6f2f5d24877669', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '5adb5a8958854401bb4c0f6e4677611ebd79121b', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '8c846e20c6bfd6e45f11616f5eca3ea18a257a19', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '696b6481a75e43a0622a6f3bc8cb9d17f68abbd8', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'd2c230c7332b32a262786a362bbd64022c45989f', show: this.hasError }, h("slot", { key: '6e09fa9a5d01736a1920d84505ae4b0270eb96d1', name: "error" })), h(GuxFormFieldHelp, { key: '1b4921e22d22abc5a678eefd86468e0fb01c2fd5', show: !this.hasError && this.hasHelp }, h("slot", { key: '8f92b60391ca0e69a87d6cb7f8bb14c2f57218bc', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -86,13 +86,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '1f7af21ae6f4e0f340d7bd1f8b46905a9006affd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8e1e26efc04a630a3210dc9f6f5369e86f5d7b3f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '52bad8ccd6be89d32d481de6dc4593b27d4c373c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9f945d2aa00cf10afb6108d4244471d020c06b38', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1847e3b363f25bb9545044e14ac1a82bff288446', name: "label-info" })), h("div", { key: '9e20271510432d81386e633b3b5235ba515f60e6', class: "gux-input-and-error-container" }, h("div", { key: 'd378c343be8091b1e21c42502712e27d3c4d777f', class: {
+        return (h(GuxFormFieldContainer, { key: '1776444d022652c05485988916ec8fb27af17ef8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1d8f34c688c06a2e87be85cfe5ca18f8a69f0b8c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'c9c9444097d284e44673054d6bcc8079fd7e5d72', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ba6a3ccb7d36184f102db76086166f1781e10f97', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8d85d67110a2a4fb50b28cec5433728317c0ec68', name: "label-info" })), h("div", { key: '3d69cee5cea3b56a2f45f228658fa16c67642679', class: "gux-input-and-error-container" }, h("div", { key: '0a56f7fa5da167955d1302b6938bce42f0e3ca92', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '9869b00a57d35e9d9d080ce83695a6cf8a0cb0f4', class: {
+            } }, h("div", { key: '24d1e4264467a3fec1afff835c38e3fa8c009022', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'fafc752d2d5d26829b46a8ade25606e8dc24a60a', name: "input" }), h("gux-icon", { key: '8ff17bf951a4e28a7f4e4650c53e8e78858cf5dc', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'f907d942bbb78d090d0e40235f6e224c96e7e63c', show: this.hasError }, h("slot", { key: '357466cd4fb1d5aa4c7da17f94a3a69c6e1b4478', name: "error" })), h(GuxFormFieldHelp, { key: '7bf8bc68781ee3a26ebc159eb4802f2f129f0638', show: !this.hasError && this.hasHelp }, h("slot", { key: '6f8c8da344636a9cee18fc27bb0b6a9c17dd41e6', name: "help" })))));
+            } }, h("slot", { key: 'a017b9ce6a4bb4ed7a6486adaea6b9b2ed0b2e56', name: "input" }), h("gux-icon", { key: '9f830f9be1854659534863b9146e8ea0309993a5', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '061944edf9c8db7c0089d533583715ad1ac4fee8', show: this.hasError }, h("slot", { key: '61c8350161459bb3e90d76e399744ccd5b0a287d', name: "error" })), h(GuxFormFieldHelp, { key: 'df22c9254610661270bdf372998b4d72c26bf814', show: !this.hasError && this.hasHelp }, h("slot", { key: '6d77442dee747b00f8d0ec27db0409bed3235bb9', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -111,15 +111,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '052193dad16740cb33266b39bad1ff6f97491f05', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1321c9db80a9db18592c50648305549aa9f5f3f9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7c2b5db94cb3755bb88275fd9e8e65e3c104fe8f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '82fa67d4a259d9be2a010b93af28e3ab355b6d73', variant: this.indicatorMark, required: this.required }), h("slot", { key: '73dee45dd499f8ee31d7925040e3abe70d1c8923', name: "label-info" })), h("div", { key: '7603192f8e5b673f5669d402a942abca6b95c29e', class: "gux-input-and-error-container" }, h("div", { key: 'd6422fc785a4ed80d8dd818cbfb9e3f3eff42605', class: {
+        return (h(GuxFormFieldContainer, { key: '4fce7e4fdc2ec649138a73525f70d755355c290f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '3bd1dfeb6ae262e35698994a170d4935981bc709', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1624885f92f74713d59a8d7bf6284b1be31ed944', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1cd1a5bc40387973b0372ffce0ccf4fe27c8130d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e94c892abed4804c16d60a52b065023fd9dceae5', name: "label-info" })), h("div", { key: '2a8c2041637342270171d99686bbf5a143cb952d', class: "gux-input-and-error-container" }, h("div", { key: 'b4462cb55254d7573e1e8066eb61a961b5720e05', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '460152bf2a6a0d764681bcd997ec8167048d699b', class: {
+            } }, h("div", { key: 'd6e410956a69c71486191caa48a133f37a9e2881', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '5470ede1eec1f0cad4c0112a50b7adc6fe0dfc20', name: "prefix" }), h("slot", { key: '9017dc9ec1340605d5840adc7ace438c80797099', name: "input" }), this.renderRadialLoading(), h("slot", { key: '50a7cf9eae2c62f62bc9a41ad53ae185a562551f', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'b02a8880f365da818b968f929a29efbeaae94189', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '8d977af3e6e196815afd63b30d60da604f783e6d', show: this.hasError }, h("slot", { key: 'd86ca74347b21511fdfc5dcf33d11a06510b306d', name: "error" })), h(GuxFormFieldHelp, { key: 'c2c9b8a1cda26789e619a3aac1fd7c241f15a08e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b619fe29487e5f78d49189aa68f9ab4b661210c1', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '6aba227d374610b9e00820917e7a6c8652546a34', name: "prefix" }), h("slot", { key: 'fff512fa17c0fb6bff787c3461b4e75a0bf95436', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'a3a3af955a315f7746320849f67161311c4b72f3', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '735e6f359a1910420404ff62d070cce8b8a6c532', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'e00b1da3db86003ca6e8825de529a5b6f20ed512', show: this.hasError }, h("slot", { key: 'd2a1ba6b37f216ecde96cabbdd25de64e27d2e32', name: "error" })), h(GuxFormFieldHelp, { key: '93470bf58659872fe7e38342e6af41b9784c013c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ad6f94e42e47406d5606ef1c692889d3db2841d9', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -90,12 +90,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'dc91f1c52f5ff4b03602dc988de4bd98d672b9f5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9e99c750315f5b791618290ba84646e5d4e62c12', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'c74895595797e2473c1519102e2ce2293f54a877', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cb0250e5950574c7863838620e775106e69edcc7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7507e6f8d81f1a936aef580367133d42d96322fc', name: "label-info" })), h("div", { key: '5f4e9e7bdb27b0c1487a57693a125e0be4a01485', class: "gux-input-and-error-container" }, h("div", { key: '2256a149e567345c42e056f0a012fec5b057990a', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '5c10afc5a19072721f0a3f30aee414a5b4125f34', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a3af7670843aa6d81184263628643dabacd1d059', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f8cc20cd3c48cd63f840f184b182405beb79f2f0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '98fc55d8b6a0bfd8f45b3859e1c0cf3ed195162a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '43f51cd9154dd2d6fc5063c67d7bca77c96ccb5c', name: "label-info" })), h("div", { key: '551e45a488041782dd04cc2990b2824e91241e12', class: "gux-input-and-error-container" }, h("div", { key: 'e4e8edfe7b1fd30f20cf1d5961edf3cd9b9f3055', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '430bba39a0067891aa8b35a2775af5c821914a58', name: "input" })), h(GuxFormFieldError, { key: '8938e6c87d7b30589ee73ef2384c522618482465', show: this.hasError }, h("slot", { key: '5bb212a62026cff9170bf2fd3580392b5296b6dc', name: "error" })), h(GuxFormFieldHelp, { key: '7d9c330c620ba837fd56567abcf2d1361efd5543', show: !this.hasError && this.hasHelp }, h("slot", { key: '78dff60fc984299a30ee0bc2b632789befa8f014', name: "help" })))));
+            } }, h("slot", { key: '1056b93996cc3ca5795a9ab003dfbd34a9a6179a', name: "input" })), h(GuxFormFieldError, { key: 'b4aa824b5aaf1a18cb637f23772011c9ff56e6f1', show: this.hasError }, h("slot", { key: 'f7e1085b8694c92715c9af148b248f665b8c1ece', name: "error" })), h(GuxFormFieldHelp, { key: '692dc0a2412956d911fe14b4a13c47763422233b', show: !this.hasError && this.hasHelp }, h("slot", { key: '1d4952f6c15597288069646a1a62ddd155ce12a5', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -95,14 +95,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '0c2cdc6eca40af226ae24079c99d164ddcd12600', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1617f88288293f831889f150ef1d69eabb123a42' }, (_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: 'aeaa56b68b49eb096a9570d5d3dc9d0643b47a57', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'afc71be8118bec86e2041c68e4f261d2a778265f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5238dec8976b892b08367c6fb8e4a82c7126cf3a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cd5111809b8ff0b3cd0316ed018b524d2db973a2', name: "label-info" })), h("div", { key: '9af39d057c982688352b877aadefdcef8119a31a', class: "gux-input-and-error-container" }, h("div", { key: 'b31672314ac1065f65b99d13dbc774897ac37437', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'a37739e3721bc187a40a1953d3da450276184c03', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'e9f3da4f8c9f76f11e18c89ed3c13e18656c5a22' }, (_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: '7abcf714c92ec9ea00c4351cc2ff65d9cd6f64e7', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6a3e1c35d0650b7cdc394bd34b2577c03b558033', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '846bcc418064c9bf89a93047b7090604a788fc3a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6263bcf77bc2e60fde01c1a6a71841d954364599', name: "label-info" })), h("div", { key: '832fcbed48a54520173a8a2ed79cd312b1e428ef', class: "gux-input-and-error-container" }, h("div", { key: '8da750731cc5efd90042019292a53c144f58855f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '8afed2032d884964bb8184acdba88bf3aaf3e9ee', class: {
+            } }, h("div", { key: 'b946e3edabeacb2ac04c91904a2f7fa5e02d3a30', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '985ce24b804a8388e9edcf153677ba2698a77bef' }))), h(GuxFormFieldError, { key: 'a59b033b7d4f77e5b692cc84f00f9dc46d95baa5', show: this.hasError }, h("slot", { key: '1f9ad63d997b15c22d660198ae66f345b2e62034', name: "error" })), h(GuxFormFieldHelp, { key: '0e2d230e6b2e3768d5794c6e8752a57f710ed466', show: !this.hasError && this.hasHelp }, h("slot", { key: '5d7216036c87afa602947d8d218520792b9580d8', name: "help" })))));
+            } }, h("slot", { key: 'db9981d492f290eec8b8158f74ffd3fe36aae325' }))), h(GuxFormFieldError, { key: 'c8e5772acb27d2514552da8b5975092adb31b681', show: this.hasError }, h("slot", { key: '57dc0afe200c368f0cfd918285933cd7e24bd988', name: "error" })), h(GuxFormFieldHelp, { key: '95eb66affa7b1fedb7aafee583cfd56c77ab8a0d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e521971c153aa7318289dd9284a64262661ab89e', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.js

@@ -96,13 +96,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '1ad4d1c99aabb9a05e74fc29f2b837395f09b509', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ad6f9aad86f1f204bc1e031922854e7d49cbf4bb' }, (_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: 'dae40a4854def934d8f0c36fc4839b489a5daeac', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6bfdc3715997776d902ef4d2fd5e77687c082da0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8216331ad832ec97847bf6eec4bfb2f0fcc5c36a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3f8a3c2ab7f0eafafd5cb5e04655c9db971716e1', name: "label-info" })), h("slot", { key: '2f6f4e8cd88b743cefdd8d3f57b184fec3dd2e24', name: "label-info" }), h("div", { key: '0c64f7fb01d27455a15cf0141922cfed7e8d3903', class: "gux-input-and-error-container" }, h("div", { key: '6435dbd53f58b7562dd26661174ba80150f08c20', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'f9b2df0a4593f9ce5fc5177112574d5ee3713ad7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7b6e1614cbf4a9030a2b94d37e891d587712a508' }, (_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: 'cc88a4822cee92ff57d141190941468a52f3fb7e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '61a7045da6cb11c3f8c5a075c5c2c9dbeafb3205', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c39f3b709ce9de50c0f379306a8b5ea021a4d957', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd93747607144a91d16a3c57baca5eb86c3b1fa73', name: "label-info" })), h("slot", { key: 'e431c7e99c2e303d0501d2c0766dbc322a557976', name: "label-info" }), h("div", { key: 'a0e15fc1c10956ad7b516840d7d51ffd6a073a85', class: "gux-input-and-error-container" }, h("div", { key: 'cd4a458864ad50b52f5c77cd798c2e79c1eec534', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'b3753cfe2c0ff405a8d50810e803ded2b788f275' })), h(GuxFormFieldError, { key: '78c8ca42bd66e97d9acfcdc121b6c05c37086fb6', show: this.hasError }, h("slot", { key: 'ca9116ecdb5f8ef1c27ab79c4d15fb482b001e37', name: "error" })), h(GuxFormFieldHelp, { key: 'f8da82f8466efe11d5a6e4ffab6a4fa0c2ea6ef3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f1b21555ecfdeb1b007af82f0d01b7a6db94787f', name: "help" })))));
+            } }, h("slot", { key: '85afe7c87101ddbd671677da2d758d8b9c9d6020' })), h(GuxFormFieldError, { key: '635ea9731ea196c21a601e8d895253615a55f75d', show: this.hasError }, h("slot", { key: 'b4ba4b38ce13cff17a2766d567c58c0c27af2eff', name: "error" })), h(GuxFormFieldHelp, { key: '215e812e9f80d601731567c8c231c03738e13622', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fea9f4a258e8e27e4c091f0c03a780ecebda4757', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.js

@@ -8,7 +8,7 @@ export class GuxFormFieldInputClearButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '862f8c928a953bfe7acd8e0db031c263adfb921d', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '16288e57f1813e149f773d11cd091d6d4937781b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'c54f6ecd5a1cbaa6728decc53201bf17c421b3eb', "visual-only": true }, h("div", { key: '32293800c852ff0978b26eb0150c773d8530b8dd', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: '7928adbf029eb0b6be59958c0462950f19302d92', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '7d9a45b6ca257d2e0e2eaefe73b811da55cd2feb', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'e90ad9afc158abb9a32b6686549ab01932798d7c', "visual-only": true }, h("div", { key: '49ce8b28ddc2d89c859ea0601ad89b8e6ff20097', slot: "content" }, this.i18n('clear')))));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -68,7 +68,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: 'a59aba2c4f3cd199767b643dc42e29d4b13f3b12', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '973cd6644dfaf02f79282392680b166009887fa2', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get is() { return "gux-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-icon/tests/gux-icon.common.js

@@ -0,0 +1,17 @@
+const decorativeRenderConfig = {
+    description: 'should render decorative icon',
+    html: '<gux-icon icon-name="add" decorative></gux-icon>'
+};
+const screenreaderTextRenderConfig = {
+    description: 'should render icon with screenreader text',
+    html: '<gux-icon icon-name="add" screenreader-text="Add item"></gux-icon>'
+};
+const sizeRenderConfigs = ['small', 'medium', 'large', 'inherit'].map(size => ({
+    description: `should render ${size} icon`,
+    html: `<gux-icon icon-name="add" size="${size}" decorative></gux-icon>`
+}));
+export const renderConfigs = [
+    decorativeRenderConfig,
+    screenreaderTextRenderConfig,
+    ...sizeRenderConfigs
+];

package/dist/collection/components/stable/gux-inline-alert/gux-inline-alert.js

@@ -28,10 +28,10 @@ export class GuxAlert {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '916f7d48809d702c93f9859fe6c33160e8172e17', role: "alert", class: {
+        return (h("div", { key: '3407cedd5e603a4470e5869ceeaf54d3848aeac7', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '2c819f7ce29e9b6f1c9a83b1a2e138250fee9c53', class: "gux-message-wrapper" }, h("gux-icon", { key: 'aeacfc9904adaa1d3d244ca673f45f341a910e40', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '1718705ae90a7239ffe08ea272b45d3bd8eb1ba3' }, this.i18n(this.accent)), h("div", { key: '243f7623d050a7e3bfdf62134c1f826e498dc7c3', class: "gux-content" }, h("slot", { key: '84abf447e95172b66d85da1c06ab5dc885bb90d8', name: "content" }, h("slot", { key: '71fc229ec57399560ad38e51055bacdc60748225' }))))));
+            } }, h("div", { key: 'bff42fed6c59f3eb572513666f9def8de682b5e7', class: "gux-message-wrapper" }, h("gux-icon", { key: '2f0f712fae5766ae29f0bceeaf8b9a47da59cb43', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '5a0c38f3f8253707487037307c9d294129c08a00' }, this.i18n(this.accent)), h("div", { key: '10d3b61f1bfd10333fcfcbed1ee678ec0231add5', class: "gux-content" }, h("slot", { key: '60211d42ef7437b3248c2e6623e18ed550a0d8ee', name: "content" }, h("slot", { key: 'daba1c9b5529417e7d60757441ee5f37a6fa5eef' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-list/gux-list-divider/gux-list-divider.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class GuxListDivider {
     render() {
-        return (h(Host, { key: '832a958e798918e5a855e468b849cd7f37227764', role: "presentation" }));
+        return (h(Host, { key: '684cc7dda816ade4c1def0b79e15ce051dae5bb0', role: "presentation" }));
     }
     static get is() { return "gux-list-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.js

@@ -7,7 +7,7 @@ export class GuxListItem {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '431a816cf504da6c5d15e43254b3d26a73e81bb1', role: "listitem" }, h("button", { key: '9f77f42138d9ab3e08df8360e235e92498c4d0b3', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: 'a6bc27b892b8f356aad4d9e1947d59080cdb9277' }))));
+        return (h(Host, { key: '00764e893b204801d06abb5a818f1f49b645d9e1', role: "listitem" }, h("button", { key: '1d2a4d0dda62be111032798b6c704d9b8b1ebc27', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: 'ec2c9fd29f8dbc33e1d32316ea6bcdd7230866ad' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,7 +46,7 @@ export class GuxList {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: '769e96008978c3c427f6ac6657289d3a86167b45', tabindex: "-1", role: "list" }, h("slot", { key: 'd8130d172a4589d8dc362fef2299fbc136119598' })));
+        return (h(Host, { key: '809b8e69e3b56fec4f6c5694b32fc86280905cfe', tabindex: "-1", role: "list" }, h("slot", { key: 'd1f6cb16253c883e5629fbda312091072e30e2a3' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }