genesys-spark-components 4.185.4 → 4.186.1

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: '8df684d6a63c0326fca835a2145608a395fd6a5a', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '82a2b8134fc4346d1fcead92306474c4f0d2b8f7', class: "gux-menu-option-button-text" }, h("slot", { key: 'aef32e29441986829fbc99451bd41659d36c80a0' }))));
+        return (h("button", { key: '8afb09f7d2b4f932a8f99f375d16b2d2fa846a45', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'fdbf0bd3eb32a26af04514aad91e2561a010a126', class: "gux-menu-option-button-text" }, h("slot", { key: '2f9cf18af45914086bff86912e3de57b42aec965' }))));
     }
     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: '634c7bd92b76c3db367e621877eeaf65bdea1add', role: "menu" }, h("slot", { key: '040cfa7890cce02fd4d89b8ec7836538aab2358b' })));
+        return (h(Host, { key: '88ef2c8361e137d3b8da7f930146507fb80867aa', role: "menu" }, h("slot", { key: '45debe814faf4bb0d6a9009a797c847eb0f379d7' })));
     }
     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: '4ea784955ae10022fa91c5be25be287a623011e9' }, h("button", { key: 'bdb44cd7380bd8f39b3dbe7333d58d123c756605', type: "button", class: {
+        return (h(Host, { key: '4684c393e9e08b9d1b661486df976bcd0d34d369' }, h("button", { key: '77fafa569ed358f41fcfd33bd343cf01c3a9665c', 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: '386b8345753beb369ff01661050e3b0e69e5da7b', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '6cf085db1867f48119889ff8d42f228c5cdfdb3c', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: 'edc2968a5bcc8d30b7eb079fb35677cf61c1c529', 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: '6c91e66a1a123d3cbbe3159b7d637d3fb76e6ea1', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '4cc6e1d896f81f270dfbd7ddde28c84edbba028f', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '68664f5ed95500750e761dd99543d65f0963dcf6', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'a214aaebcea062253170174237b06df17b958694', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'eac5c8758d94ac30d273dc74503528105b857570' })))));
+            } }, h("div", { key: '8774718456ba008315d10ed8a100f7591d24cd32', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'c3735395f3b40ce38334ea6064da228c5554aa56' })))));
     }
     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: 'c30cfc74fbf49ca8665eceea20639154eae55048', class: {
+        return (h(Host, { key: 'ac4c350f3740263e087855405893c8591473a343', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '87863216dd4a334c8f3db9a060f198f012e8273f', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'dc0e4e67c10f92837dfa84093d1519067fe55e05', class: "gux-input-label" }, h("div", { key: '3e2cdc002967e8cb7e923ef8d520a5c6546c0888', class: "gux-input" }, h("slot", { key: 'f0b49b88323835301dabee42dc2bf6f06cedd8c6', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '5f5064c8a83cc167a79591de143851384e47d2e4', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '78684d5774fe0bb39d303e9bd1897be05e502a72', name: "label" }))), h("div", { key: '0cc9bdb9ce446a586c58554996bd08bed94bac26', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '7bf8daecbe3aebd203156d9537c7d6590bbc7d35', show: this.hasError }, h("slot", { key: 'b488461fc158b827514f00e41cf67f2dd4c7663f', name: "error" })), h(GuxFormFieldHelp, { key: '8e1a84f7fe2c6ae21770f37027c4130814cb0efb', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c7b6b0413a352f10e7813eb8b24b3b36794475f6', name: "help" }))))));
+            } }, h("div", { key: '9023cfe2c3a229ee02eb17400be384f4cbf3233b', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '50a2e44fa492a7ec498a9bdba632b6218a7417c1', class: "gux-input-label" }, h("div", { key: 'b05f4cff4e554ec83c54e25bffde8069d78e5415', class: "gux-input" }, h("slot", { key: '56084fd218eb3abd754c5895651f6810d6896d21', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '3ece0f8d2c67e58e4bc94f712feb99078169387c', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'c3aef0651560c3e59249f858151b0853471f631f', name: "label" }))), h("div", { key: 'a18261d9885b2d5c47446e1622e7d900763c2d71', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '24254244b3e22931e9ea21f018427edfc4abb9df', show: this.hasError }, h("slot", { key: 'ec6bc633e1b9ee7fbd8c4f93291a6ac8ab3021a3', name: "error" })), h(GuxFormFieldHelp, { key: 'db3d45cde0904532a1e1167005ede49b34037836', show: !this.hasError && this.hasHelp }, h("slot", { key: '593347068a3eea028e92ad19d29f82c0e0bf872e', 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: 'cd41207bcf0e7fa581f45453c978e417f00399cd', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'c5cc46f0e994f49d5c2ce4eee68d0001c2c301ac' }, (_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: '018a9dcafe88d3337bea53a53488083b5b27a6d2', position: "above", required: this.required }, h("slot", { key: 'e3fb3a38dc90f18b43a618b2a2cb0df8b622d569', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '26c540bbe51f05d763b28b52b4da9ca243d81cda', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6e8b26bdd292e7a05a0e62d05767240e87bc8ae1', name: "group-label-info" })), h("slot", { key: '998cdb3c4498c27a0524f0103e38724397d462eb', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '7b4a080ba9712aa65137ee74337f1185b6671d1d', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'c137d23ed93339078fe224111d085eed892995f3', show: this.hasGroupError }, h("slot", { key: 'c30cbc6ec4417faaf69091f5eb9104ec14fab858', name: "group-error" })), h(GuxFormFieldHelp, { key: 'a6217901c574c013c1234399031fec442f18cd08', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '072e27395b31e3fd73203f75d9e7148369ff0895', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '8b23a6004b0b565409f77c8d8f76268777e4a46a', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '8db961d61792294a029105c59e6c6899cc0f824a' }, (_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: '122b2a5e72978b9270d18250deca99aeab059964', position: "above", required: this.required }, h("slot", { key: '672ea692498842082ce1280e14b73e076985873d', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2c1265810dd5e1493c16d6d38e6c649eb211adc4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '21198558848aa14c73100f96f5d24e0174e34ca8', name: "group-label-info" })), h("slot", { key: '24253f95315f0c3772af65205841142f24f55c3f', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '454967df941b0b97105fc9b0d9570e068123eb6c', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '2f202060aef97b2a3b0102141208519de48e2fcc', show: this.hasGroupError }, h("slot", { key: '9218a8634edc62dc2858c7a5fae894884e86d3fa', name: "group-error" })), h(GuxFormFieldHelp, { key: 'c8f856367bf01b0549c4d85f767daf4904b61e32', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '88d4a2a31f3900876ddfedf0e159bf483058e388', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -88,13 +88,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'a8ae60daff847ec4ba920e15c5c2229bb50a54ec', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cb5e53870665b34f5cba57d83f33db9515b867ec', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'be26235a31bf076b8878ab33d36bf2dda75cad80', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ffa2a4541738be67eae851e8ede06542e7bffae1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '95a1761073c81ccb8adb21830e45323187864552', name: "label-info" })), h("div", { key: 'dc1f66b955fa64f65ab9a82445d6f97e788c0cd9', class: "gux-input-and-error-container" }, h("div", { key: 'c87168f74a8d5285c02756f2237bf69dc180e07a', class: {
+        return (h(GuxFormFieldContainer, { key: '009071e57535069390977cf3fa16634c6cfec3b1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a0fd7c2dc428b51420691343018640756785f4fc', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'db59300b54ae433e79aebd5ef1fc8e4550923c19', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bb7b218d7a69c2259daeeec531b416dc06bd9d39', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64839ceb647c9d3ab4ee253fbce623c34e30667e', name: "label-info" })), h("div", { key: '733b26f89217daa7ccd6e1f0b1389c693f9f55ac', class: "gux-input-and-error-container" }, h("div", { key: '19edb2af7d6a25f417aa1630f4dd3e34bd361d8d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ae187746dc81e70dbcd67571f775e4844c8dfb70', class: {
+            } }, h("div", { key: 'd247bade16d24fbde33c611f4c7fe51fdce8985d', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '3ed3f0efb57ad55a3d6873eb57930af35924ac6e', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '93d384c4620676a97972abd766a77aca358f6a24', show: this.hasError }, h("slot", { key: '3750328ca7c7b62a278a4805db4c7ac14e67aaa6', name: "error" })), h(GuxFormFieldHelp, { key: '7d26678c1b31303599741131bcb7228343a0ea7b', show: !this.hasError && this.hasHelp }, h("slot", { key: '52973388e061ee7efdae4b62f579934a494881f8', name: "help" })))));
+            } }, h("slot", { key: 'bd3b018e1071a311102ea243511a19e0982005bb', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'b03b984c0b3feaef0803a5f571afc56a3c37fcde', show: this.hasError }, h("slot", { key: '57801109ad4729741e45f1cb72cd2ba9fd54206c', name: "error" })), h(GuxFormFieldHelp, { key: '9200f9e6c13fe5157cd03f1125de77936dc328f0', show: !this.hasError && this.hasHelp }, h("slot", { key: '93e90b066b4c0aa6132361133af439d0bf962c0c', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -102,11 +102,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '7b053afc1e4239cc544deac4650810ff88d13fa8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '9297c6459663934682afe9398efdfbaa4bb765b8' }, (_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: '767c8e4a4c4995cfa31100f79d7e96ad2de088a0', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'b879b53aa8df83797a16d1a263316808370e301d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'da7c9a5349db2f179866cbcc56ce77794c276ebf', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b5dfdaffee81961e2d49aa90e511cea1d63dcecb', name: "label-info" })), h("div", { key: '795f20f6398169ad2c8bfee3f0e1a7cf03971524', class: "gux-input-and-error-container" }, h("div", { key: '759eed24f07de9a0dba995c247962b04dbf84fd6', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '9133ae32d20ad4a621a0bbb7a94dc2f9e8ac613b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '71e21aa4cd76a7912b1a134da24b6eeca7613afd' }, (_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: '1082853d5b066488e3fa4fd967fced44a630bd36', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c485afd80404797870c381d2c7bc4874a38780e2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4bf6fe4371dea4ca230c06d5fa92f515397631dd', variant: this.indicatorMark, required: this.required }), h("slot", { key: '82a497f939b66fd5e02c603418cddb2a1ff45998', name: "label-info" })), h("div", { key: 'b58671aff9f09554d4e787d20a68b459bcb27024', class: "gux-input-and-error-container" }, h("div", { key: 'cf6c229fe7eaacc9846171dcd8ab8efb22c25dd3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'adc434705994f2973631ec282ee924e0faaa0309' })), h(GuxFormFieldError, { key: '665530549449a343dc485e4cbee3df3429cbd724', show: this.hasError }, h("slot", { key: '49cdf2682aaa7fd032ebe3dc3ac952597fb655c6', name: "error" })), h(GuxFormFieldHelp, { key: 'df6576ed2c4709d3196a12a2deb9f4e2eb9072d3', show: !this.hasError && this.hasHelp }, h("slot", { key: '842e31b97627469948198d6e517d54012ba29516', name: "help" })))));
+            } }, h("slot", { key: '7626416d34c71ffd354e5648731bab5262c26c15' })), h(GuxFormFieldError, { key: '10e61c6dc2062a99e6a5f56341b7736f5672be60', show: this.hasError }, h("slot", { key: '7f82f3c3c0594aa3c70aaa25b8ea665ae5fc03f1', name: "error" })), h(GuxFormFieldHelp, { key: '54f1c9da9894d8a6405e8f985ee174a6a9dc528e', show: !this.hasError && this.hasHelp }, h("slot", { key: '83ef12a54c7dd12750f980a8cad7627d0f1969fd', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -105,7 +105,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '57c6933d66859a64428c6fc0b495cc798b4646c7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '70ed23b333a5a4e090ad67c4e331f9fade1f78d4', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '7f29f3e4f2f092cc618945812a7426a21f6981fb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2e3f9a5014ebea65122f0ec0af7bc34cb1374e14', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4d4d7cd3fa161224794e9ebe461b5c5e14db15ec', name: "label-info" })), h("div", { key: 'b14ea846d3d04027f5e440eff98f5b7ca0f335f1', class: "gux-input-and-error-container" }, h("slot", { key: '50d8065171ad328e6526264ed070f344250a9a46', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '67e413bfb58317d608e4d9cbbdfbe5633d3b1cb7', show: this.hasError }, h("slot", { key: 'f80cabf0b5b3cb59ee66d81c767b513acd2b0529', name: "error" })), h(GuxFormFieldHelp, { key: '18b201934530a4f58218fc3454e8596641384fb5', show: !this.hasError && this.hasHelp }, h("slot", { key: '0797f938e2c9af36ea3e0e838b1d6381d7318c31', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: 'e0bf36a5846108b782d45d69d546df7968c27be1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1e38a2db5962d0594b9c4c24b5cbfeec54e10a9e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'cadd228e2193bfd3dc6fc683567798585a43a970', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '274ff710fcaa93a43c8745733ea8b6ad7fc17886', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a3769af19bd4ac5ba366b2665b94b2aecb52e6e2', name: "label-info" })), h("div", { key: '369144c92e017294e9239a789512f33cea2ef30c', class: "gux-input-and-error-container" }, h("slot", { key: 'c3404649dff37d36d99f3ee0e0fabeec595e56c6', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'a611431c330b59cc6c3f10a3f61ece178d025c12', show: this.hasError }, h("slot", { key: '29a75e190160ee14011b962724ba9f79913e938a', name: "error" })), h(GuxFormFieldHelp, { key: '34871d72bea59b39c5c582134c5cc9a44ccb448c', show: !this.hasError && this.hasHelp }, h("slot", { key: '69868bad03f1cb80e040723946677e476bd15efc', 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: '6d4424b8b3099d8154fc19f1ffdfa03a1b4816e3', class: {
+        return (h("div", { key: '74a67e3eb8594b03e2e51107ba5d253bf6cdc358', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '23ee8ae1fdb817b51e676858473d5d29a9abec3a', class: "gux-info" }, h("gux-truncate", { key: 'dc0dbbb443efcdb4150be7917f5e4b24a0655d1f' }, h("span", { key: '8ecebb9c66d7b34a64174ce30fd6903c6527ca06', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '982761871ea387f92c3f4043029a17e829e6d0da', class: "gux-info" }, h("gux-truncate", { key: '7ec0bc6695144d62d316e1be0947be6991310661' }, h("span", { key: 'da1dc4d9381b52ed0d837fa343225b80b5fdbd2a', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -94,7 +94,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'e9b166fd53f9331f707994d2d6a7434b492c71b3', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '08e530b79a6a7d6f5910c3a40a6a6e75595234e4', position: "above", required: this.required }, h("slot", { key: '5aa85b7ff23fee47de65564f201696b81191e721', name: "label" }), h("gux-form-field-label-indicator", { key: '29984af400fe9533db9bcf9e8ba329b51aa37236', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3732c9fad58a25507898e451944d96fd8cc02901', name: "label-info" })), h("div", { key: '58d976226028aa6dd527627ebfaa1a4e9eedb6d1', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'd1be45394502290a514b0398a2cb445dfefaf3a8', show: this.hasHelp }, h("slot", { key: '52d185b20681d5b75d694a049cca26bb26ce5be2', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '59a049e588913219a3bb3049b9598d2b9ad70cf4', show: this.hasError }, h("slot", { key: '33a2f4286b4da11bbdbdf750a610c9891c2c46cd', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: '02dcf74825ace95fbe008f9c0bc27110e70cbd3b', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'ce34c0744dfb380228e8f85b49bfd34e6b9c46af', position: "above", required: this.required }, h("slot", { key: 'e6b0be9ab1d522dbfadaf52a2a616e477d536eff', name: "label" }), h("gux-form-field-label-indicator", { key: 'c728afc13e494f18d65404f835ef0e8093fedede', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7af682a968e63b01393a4effa5b1741834c7cd79', name: "label-info" })), h("div", { key: '9e8c1a5709bbdcc3c94ac6ea31b56a13387fb293', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'e5e7e5a204be705f7554d2f5934c5d1349fde81e', show: this.hasHelp }, h("slot", { key: '859d83bbfa4feac37b7778a7f91f234fb36c609b', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '458d699dba91973c48c544eac9b7e42bb7b753c6', show: this.hasError }, h("slot", { key: '7d3adfeccd61ad7148ed8bd363f73416c56c3079', 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

@@ -105,14 +105,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '0ca5789e5559958c4ab1b417c73991b23ed11580', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f1a515af274fc2c6d8934c17a5d26c1348eeab72', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'bcec3882fa1918153d794e5c6ed3b8992d63db65', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '110f71183b08e6cba8c526a858118bf46cb211c3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0c31a9352578006a4dca382689921121a8c5f249', name: "label-info" })), h("div", { key: '401dccf5bd3816a186a127ead4110fbe16991853', class: "gux-input-and-error-container" }, h("div", { key: '6f3d3dd17c6440b9d8c7ba78f84a325b9f9ff506', class: {
+        return (h(GuxFormFieldContainer, { key: '90d5e16c6ef7e2a2e7abddc91bf5713c688d7441', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1796e128b658cef62715939694a50c71563adf1f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '74b756eea647e50e0ec1f5b9b8ef196ff0baf919', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '41c513200de88aeea159bdc06ec72ba4eef7d0ec', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bbead0e0878d01a6c5b5c2080fd379bfe280781c', name: "label-info" })), h("div", { key: 'd29c19a7659f7c6256d04f30c559f7a250db8d59', class: "gux-input-and-error-container" }, h("div", { key: '348f1bd39cce8cb55808e575edce407a9de787c5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'fa47c9300d920689a7fb83d1caed78d83b4278f2', class: {
+            }, part: "input-section" }, h("div", { key: 'f5f0a64ecc9cdccad10aa53c736af6a58c64ad8c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'fff065406a009f7111596786957be17cd19d174c', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'd1254160acb0f0b6bd4ba64845b85789691bef30', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'e812de2dd3698a21bbfa7482e233671b47658bd6', show: this.hasError }, h("slot", { key: '14c27afac8d064a6c905c5e8b8cf707ed5cae8ff', name: "error" })), h(GuxFormFieldHelp, { key: 'e8cdaded0cdbe3c99507bc56c8f97ce9b4ceae99', show: !this.hasError && this.hasHelp }, h("slot", { key: '6b1ad0a8da8bdf473678a2a3469f82f7596da261', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '98f09b4410b331d1b6e3be20339cabe5e4ed7dac', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '154a6d749eefe9b4e9a560665d6899c842d9cf88', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '5595b19ff59894584333bb86b26626430e452d9f', show: this.hasError }, h("slot", { key: 'e3d9f931279d74a70d33249f8a91501ffdb6d5ef', name: "error" })), h(GuxFormFieldHelp, { key: '01fead16f03e86758a9a0a678297566b2942af5f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a527b88629e7eb040ab000a6e6f3db8044c8c3cb', 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

@@ -98,14 +98,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '48ad6b29c9cf3184d7b974269ff017539558577d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'd702b6111d9ad4149b7d83b942081acbdffeee93' }, (_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: 'c5afe2948a77fbfb59a31ef937926f0b562b0453', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6205f5297560aa8b80442d7905366f2be554d906', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1bd7e446cd2ae7f1523dcd366a4e11cca86f284b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9a440933738d89e80ba84f9a995d1a59e57d46a9', name: "label-info" })), h("div", { key: '42af7606cbeee106338c4cce6de736d1f718e1f8', class: "gux-input-and-error-container" }, h("div", { key: 'd818fcb5b98ffb57105e7e6e1167b502286554eb', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'd02acc2ecd285af4097c4f8e0650304ecb698666', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b87c20f8aae8c7ac95a0d4ae146c7814515a5b3b' }, (_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: '83d33ef98ffc592a170447e96ecabedd4125d256', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '75caecc8381787fb2751bc83fce11c65616c1d7a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b5738ff7cf2ce709943d6908293eacc2a6ddb645', variant: this.indicatorMark, required: this.required }), h("slot", { key: '33752d449da92a9101bb15c8c465fcb2901b69f6', name: "label-info" })), h("div", { key: '16ecb114cc8328b0e03657d6f8ad21dc824db150', class: "gux-input-and-error-container" }, h("div", { key: 'e03f1e808f07138f7d7a1fa706d4b0ae5857c9f6', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'c2635b91afc4255a20214fdc5f30064df47ecdc0', class: {
+            } }, h("div", { key: 'cf3ed1da0bc6a6267faacbc72552603caa5a582c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '48eb391485bfd146bc3d992fbc9eb382a05f70be' }))), h(GuxFormFieldError, { key: 'cd8eaefa2bcf75b0a3a91b69dae3dd430f801a19', show: this.hasError }, h("slot", { key: '73c069f3f489eb0ce7ed643375d6638104df489a', name: "error" })), h(GuxFormFieldHelp, { key: 'a1017a202f74da9dee4a6705dafe16e3a97b6de6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c984a15612b83357feacebacf2fe256410ece20e', name: "help" })))));
+            } }, h("slot", { key: '9c46324d327fb4d7f572ad88ca1aa611442df87d' }))), h(GuxFormFieldError, { key: '3db40106986120504499cd2fc90f40fc2f8cc08b', show: this.hasError }, h("slot", { key: 'f8f4142753a77fcfef3837ac3f7cb0146a9472c5', name: "error" })), h(GuxFormFieldHelp, { key: '7bb84e4970d97b8d5551cf9cc2c193555f90b8f1', show: !this.hasError && this.hasHelp }, h("slot", { key: '8ae10776979cc9bbce58d3043d7749a8a6a913d2', 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: 'cdbd2999af664775c9fbbb8909ed8455b75a8d87', class: {
+        return (h(Host, { key: 'ffa91c4980dedf6966d07728fac70af8dd3c0342', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'a8f5d9b404abeaa61bc2aab3c552bea3d34c3ab3', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '72a19c873fbb32ddd74287fc52b1feaea5c7ac25', class: "gux-input-label" }, h("div", { key: 'c7d37cc005cc7fe82e9ef36fa891f6f70d9dbc30', class: "gux-input" }, h("slot", { key: '57dfa32413c3742167922bf9410209b9fca5e2b0', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'd1351917964a6261008745741485e188540d542f', class: "gux-label" }, h("slot", { key: 'be777e085bdc919df6587ec2bd905c483dc009d1', name: "label" }))), h("div", { key: '2cb952987818bc32432db489cc7af078651e3b98', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'e04f532c4a36bfccf63dc3158dae3eb3a8f632c6', show: this.hasError }, h("slot", { key: 'a9d379d624876876e6ee32b9041a79ceaa6fe1fe', name: "error" })), h(GuxFormFieldHelp, { key: '41ae1821a7110e50925014e1677aa62a188d6273', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a8684abf6fe06b0b3589be736b7c6d86cbaea4e6', name: "help" }))))));
+            } }, h("div", { key: '350a11e6b8ceea7db7421b4038ad3e92c42cbe20', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '4bdc2ab3f55b39ae4b3ce241d0a2155ce5699dfd', class: "gux-input-label" }, h("div", { key: '6ecd24d59520df35e1f959dec3811bcdc0ec813b', class: "gux-input" }, h("slot", { key: '9ea6fe772d5a3c9ec0adb84a9ebfc268ebe10f25', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '2157e39470641f4cfd1aaaa286bfd52967e07168', class: "gux-label" }, h("slot", { key: 'e6cdd130bd4e88fa354f5dae02f9fa151e19a52b', name: "label" }))), h("div", { key: 'a70f211ac223b25c8ca8eed0c5ebedbeaa0c470d', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '44f0c9d809c6151d78d1ba83240348c5c4f13267', show: this.hasError }, h("slot", { key: '21b3d86da75c6242de82e59dbf8a9459ac0b36f3', name: "error" })), h(GuxFormFieldHelp, { key: '718a97a372c910e03201818251a4b147b188f095', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b7c158cf60bf8646ca70c3348c55e13604a39058', 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

@@ -124,8 +124,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '05c64757b4360c2cbde636f1b9c56bfa87bb1ed1', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'ec3b592bb9814a3991941107459c486500f32ba1' }, (_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: 'e633013670cd3b1d623ffc5af52272d66b88a5b9', position: "above", required: this.required }, h("slot", { key: '4c44be52fa7bd735bfcedb8b32034ab0596e5667', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5d23a198f2cc49a64d9e09da30a360861254e465', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b1ff651a76c99d7347903d4cfb4ebeed0028516d', name: "group-label-info" })), h("slot", { key: '8bf311b110c4d56f6127ed9faec116e05b129918' }), h(GuxFormFieldError, { key: 'cc188359f1812cfbd4eff1e2ce5cbaa3c843ba77', show: this.hasGroupError }, h("slot", { key: '28b1c773eefb6e64a149aa656d63a5b8395dcf40', name: "group-error" })), h(GuxFormFieldHelp, { key: 'c27f1d0a442422c08018734031295f7afd35f345', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '20eca05d8843a71929c0d96af015f83bfd596e40', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'd59d42b7ac017dae65bdb39848d5d34e6cc15155', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '8c4c4493d85abb8085f04b0dd0aa31aa4d9c1ee3' }, (_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: '977aa8619c01ac312ef2867af0d2b5035bffada6', position: "above", required: this.required }, h("slot", { key: '363436360629d4870983e06b63ff66d4916dfabf', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a417bf7381dd2b035d1a7b6a8cbe8d5be755bccd', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2a4d491c1d101eced26da978adf3b9534bb8b87e', name: "group-label-info" })), h("slot", { key: '5cb9c24b82a7f95bfc42cd5234080bf3fbf60ba3' }), h(GuxFormFieldError, { key: '8aab8df8ea8220afd790231e34e9c40028481876', show: this.hasGroupError }, h("slot", { key: 'aa26defba2616e0e541e6d8338f15c3f97d52028', name: "group-error" })), h(GuxFormFieldHelp, { key: '93c099443c2d59f555f84cdb51645a8de2f80bc7', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '2c11dbfc0399c3d8f48edca6eebf9f13e632f1b8', 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

@@ -114,9 +114,9 @@ export class GuxFormFieldRange {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'c9659001a315704171830f441ec9182edcdb775b', class: {
+        return (h(Host, { key: '92ec1ee133a77d92f78c9202b871279a128a53bf', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '6375acacb5ffe29e4ab47b537934b53adf2ca1eb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'bf3d45c557af11a891b35d4770f31627e181af4d', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '220710ee4498dee17925719dfd97833f2761a8b6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6409696d7f0261aaf56fedf08b9aefa225f77c87', variant: this.indicatorMark, required: this.required }), h("slot", { key: '404dd77023651d4c31e63e792c3aeb4a04e67f5d', name: "label-info" })), h("div", { key: 'cc59cf41be40345152d4ba98a267502cb4b09da4', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '82eb5395053d1f34698b3efbfd1906fc4ef872e1', show: this.hasError }, h("slot", { key: 'dff24fd024a96675168b79286aa97b1a8352ecc1', name: "error" })), h(GuxFormFieldHelp, { key: '95f342c37af75350aba83b531b3dfa73680266d0', show: !this.hasError && this.hasHelp }, h("slot", { key: '235e9611fccf02f722d1b6eeb738656b4e1c8154', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'd71760f210098f07fce8cdd7534f1a28c2e23e34', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '91e96fbb01462269dde8c4002a99ba6bc01b0ca0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'faedc0d452b980a1a31ee866528f11478c0b30d6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd5dd35d8531b413aa9d7070a3c6f9445dbafb906', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5a88aedcaefd6194d1efdb3e505e4368ca01227c', name: "label-info" })), h("div", { key: '186590723bbc1dd4fc3e3b5df51e4ac8b9d364d3', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '3f9bf15506edae92c99c6ef2253fcac88f5f6efd', show: this.hasError }, h("slot", { key: '87142fe9eaea7022f303a96c964251adc4e696bd', name: "error" })), h(GuxFormFieldHelp, { key: '4c104fe413acd07a3c6bca04fbb5c07616e63925', show: !this.hasError && this.hasHelp }, h("slot", { key: '67049f23c3d2f7a4b752e3204927aed9610fbe33', 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

@@ -99,13 +99,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '1800f6b5551a09413912e1a58d4a089058d3152f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '98573195cbe1985347b122c23ac7f68867a72348', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'fa42ce1c5c480bd36e72ee0ef98e334920fc3a3d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e75d18eac5cec8e717601b59fc86cce41780c4e2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '54d70d22db1a653f6db0faf3326edc92ae9bcf92', name: "label-info" })), h("div", { key: '22c69828bc6fa7dbf487e4771ca4299b7db9907f', class: "gux-input-and-error-container" }, h("div", { key: '4b64e4fcca08bc440633b902efc884acc8d2bcc4', class: {
+        return (h(GuxFormFieldContainer, { key: 'fd6c5b29b670241a7274565b60c512314ab8f383', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c55ff8ad630dc94c527409b5ae311a3418b34496', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b97c16c1b697337e83b6425ea61dc8cd29b277d0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f902dd50993fd669ab34555a2b885d9fd2c17b20', variant: this.indicatorMark, required: this.required }), h("slot", { key: '052b9371690257976bd2f427fe2acedf9286833b', name: "label-info" })), h("div", { key: '9fd52a6b9f3278c29a8d82192f291e36590e1c2b', class: "gux-input-and-error-container" }, h("div", { key: '77724793917db9866f3ad178944217a05c9c7ca3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '72fb6cae3a019031bf13e5417e503377c605c346', class: {
+            } }, h("div", { key: '62f5c3221ac6fa1c76a65debd59bfc4041d047f2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '042971671d5690e3c8c84ce6da48d50fc31750f3', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '1e1c08b4766fe614cef65c9ba331e3d012a35996', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '95dd854f278f2f77b98825f713f2a13e0fc50181', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '5074b697a51e69bf4c175999a92e4066321716cd', show: this.hasError }, h("slot", { key: '6245bb63df86f6f748ea89e30ad7ec87b6194f66', name: "error" })), h(GuxFormFieldHelp, { key: '565eeea70347bc87c15aa60022f9d98ce6a5404d', show: !this.hasError && this.hasHelp }, h("slot", { key: '7df43b6ac9dfd6481ed9aecdf97d69955d07176e', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '834aed9635d9356b920795bf76d3aca4a0b0de93', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '4fee400396150e594f7b8139ffa6be376bf77d15', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '3c06d303acd96f4abcac5e33c13083bc5b6c793e', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '0a5ddf4eb6c946482a5d549ebf47fe8e409a0e52', show: this.hasError }, h("slot", { key: '96ae030d8262c09d64443dc2fb6c8c73d3cb4764', name: "error" })), h(GuxFormFieldHelp, { key: '996725a6feacf9703909edf57940a21e1d1550ae', show: !this.hasError && this.hasHelp }, h("slot", { key: '1d96b320eb1f3a2ea923eaf9b34470d52fbc36a6', 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

@@ -89,13 +89,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'ca693b68fd32b30883d57d9f8792df33828ffdca', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '6b0b162815a06c7cebf36fcf1299aca282d7e6ad', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '928ad7d642abed86d29132ccc87377b522c2cc30', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4cffbff3ecc0926cbe70280fe9402b47ed9d3a58', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5c19da1db4641b63431ddc4ff4de2c30934ecd7d', name: "label-info" })), h("div", { key: '8f4783ca4b4f52861ab11e06861a734888b37617', class: "gux-input-and-error-container" }, h("div", { key: '3a24ecbcfd3a962f460ddf7f76276f6e15afa94f', class: {
+        return (h(GuxFormFieldContainer, { key: 'a7391265a55c9f703950aceefc7b598cecfbaefe', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '75f90669539ce8a2b00f169879168bb7b6f6c6de', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4626bb3d47f8fb4191f3f609f7d3ed85457bc6e3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '159e38c711a10611790936f2bbd017039242a6e2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3a54441e8560f64adde48187df3bbf76ac144abe', name: "label-info" })), h("div", { key: 'e536713db2c5822747681bb0a3315c0788e3c8cb', class: "gux-input-and-error-container" }, h("div", { key: '01cb019ea80bcc125ab27f53725f3f2c432e23ca', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ff81adffa5cbf1b03c34d3ccb97f759bd4b1d032', class: {
+            } }, h("div", { key: 'a4b5e98a17f1d6b01a3020bb073394afe10a3181', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '3881716056254c5d70a8c36eec8bb576d2853e71', name: "input" }), h("gux-icon", { key: 'e6e32ecb376b88404b77e7a0209e5ad4893b6b33', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'cfdddc2b9662641c5847c642b7e12f194a8d1767', show: this.hasError }, h("slot", { key: 'ee1a2f08f6b1ea2ef7b5fc767a4c2eed2067b581', name: "error" })), h(GuxFormFieldHelp, { key: '6a84e3c7c79420d016fdf71f3e8d42f4e57110b9', show: !this.hasError && this.hasHelp }, h("slot", { key: '768d0b0d8b34444ec846fabb9334040ae225259d', name: "help" })))));
+            } }, h("slot", { key: 'a75c8740296b9e9b169d07f3101276206b500d2a', name: "input" }), h("gux-icon", { key: 'b1ee6350c9dfed5ddb999e3849422f847b05179d', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '33b5b8de06086d1c049a7928e46064c4f7beb4fe', show: this.hasError }, h("slot", { key: 'fdf44c14aa5b78dd2704029e360bb0a0413f524c', name: "error" })), h(GuxFormFieldHelp, { key: 'd64c8146fd9fd495c27ef297a63991868237d33e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a520e8e02675c633588e4dbc98c44e33936d5c55', 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

@@ -114,15 +114,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '0998ff532ef8431d51503e9f084dd97f774af57f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0ff281a169a5ca0c6f18ee15432c8135447d8805', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a99f680cf307ada34041dcd42cc2382c5602ca58', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6e437ca89d1d075de719fc334a4d7e12c8063ac2', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ecb7743283ab8c11cee268a672f16ecf27e2f76a', name: "label-info" })), h("div", { key: '8f2a674ace15b63dbbb00af7cb9c08989e0f8eae', class: "gux-input-and-error-container" }, h("div", { key: 'd8d47c43431f77909a67a7471e0e46513a80f91d', class: {
+        return (h(GuxFormFieldContainer, { key: '3c62db2addf2fb4d2d5be8dc3e51d4385a618b4c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '997b62cf46227fa695e8a93af07e6f3d3b510680', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1bb7da1969e42ec527c5895e97581308dc25e3e4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '645502cbb48a7c5127ac0e0575631a30a456bb45', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9b96929ef963b2b965d1c4e0905b914fc56f241f', name: "label-info" })), h("div", { key: 'e30f3b623011037ee9fe78c41a8ff178a112470f', class: "gux-input-and-error-container" }, h("div", { key: '0f37f77962bcaf5ecdda78a98a9d3d0d2354307a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '5686cc60bfb8ed5e59ebd532b89960c79c77dc9e', class: {
+            } }, h("div", { key: '83e415a576eefdc52ea982168b0ba4bb525a2640', 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: '76ebb492dc23da87db290f0cdb669966fbc6b13c', name: "prefix" }), h("slot", { key: '7f9c98e765c9e2321382b3e3af9711fc0bde1e2e', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'd71da5392188f18229e5d8e34bd59f4adf1890e2', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '8e8fff31f358608f22214a12605a7c37ad883bb3', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'a2a2d73177b78200f558b659d92317371619ccca', show: this.hasError }, h("slot", { key: 'dd6527af4dfb0628a9e4576ea032a636fb32e86b', name: "error" })), h(GuxFormFieldHelp, { key: 'a0db95360163f9581989abefc9f6c627d28e7770', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a96496a60f05b84cc01aeaed53d2b88258e83a0b', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'b5b3e7ed43c62346d62fae820488bbd220f21c78', name: "prefix" }), h("slot", { key: 'b863ade92899094495a12faa0cb978e5e82aa629', name: "input" }), this.renderRadialLoading(), h("slot", { key: '7381412da44e249055eb87962e8df615ef8a2f9d', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '43310be87e705154229229ba19587faa4705a1ce', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'd92e5a18ab41c974eda35a40351e7b93a91bc226', show: this.hasError }, h("slot", { key: '698ea30abfd156114594669cbf62aac2f0dc7b14', name: "error" })), h(GuxFormFieldHelp, { key: 'b9b4a0deefe1c4cdb056fc713fb873577e487636', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e710981660c84dda0a1a99b13943f15817175dc6', 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

@@ -93,12 +93,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'b729a1da2054089e06e52de2222284a70b329f50', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e844968935b14c3e633879f3d8667f343bb74e3d', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ece4d59549cef7985b708d995c64d68f11e72571', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e3d746d5be8f58725d01388a6e1c1c93a60b221c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '784d97ae0fba77f616623969ec39af0cd22b8a07', name: "label-info" })), h("div", { key: '540ab7b5d5194948fb88f0c4ef38bc7856baf44d', class: "gux-input-and-error-container" }, h("div", { key: 'ebbc960331f4bb55a25da90b61b0f527763e0fa8', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '457effd62b09c8509a032af0d91e282a2e4bcf8b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '638d5b39d68e62470ba738cab70cc039eb625126', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '260cf7b3a788f30e2fc415200a48a1a696f02b25', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e996a6c248353acbbc15ea66182812b1726bf88f', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'daa9d58271bb4254132fb8cfdccf8d82356101b8', name: "label-info" })), h("div", { key: '7b8b423853d61d368b68760e8bb6bd41f5ed1a7f', class: "gux-input-and-error-container" }, h("div", { key: 'a5544713a28fc2e66a5eda1dd8f251769b901724', 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: 'a67201ed6aaf29afffd22d2b1e8f0b2c6438ab97', name: "input" })), h(GuxFormFieldError, { key: 'bbd65cccb69c45a82584070feb369165d75f86e4', show: this.hasError }, h("slot", { key: '92fe3cc99e677a9af60d14f2d8dbcfc93f2a24b5', name: "error" })), h(GuxFormFieldHelp, { key: 'd87deed6f26067a1a6fa7d8f13b50d33e6a939cb', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cb1e47602847e729772925310de4d843faa89899', name: "help" })))));
+            } }, h("slot", { key: '043fdd0deced04c5e7640b7327e607d96a76ad3d', name: "input" })), h(GuxFormFieldError, { key: '8d16dd4145cbbf9c2454229ab7acdbbca668f3f9', show: this.hasError }, h("slot", { key: '46287b4bb18ce261265f311f3b8ee3df1e2066a4', name: "error" })), h(GuxFormFieldHelp, { key: '58a29722143ad5bf79ac598c965304fd15fa8f81', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a40e9937d39b2d519668411ec5a43313f7c0a068', 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

@@ -98,14 +98,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '6a2012f017745772b1a69b0b94c5f8f7e2eb4202', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'cd3f903f7af3beb84e9b5e2daa753eb8618291f3' }, (_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: 'eb3959ed533237b42c93671825a4bd6de69432be', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f4833dcae1eabc46f0de8d803f610d5288148a0d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1e42c23f9ec45e2d9dfcf8e1b3bbb1bf9d3fc205', variant: this.indicatorMark, required: this.required }), h("slot", { key: '71732d76611c46ed386a6b08f6c03e2928c7c79d', name: "label-info" })), h("div", { key: 'ff7e0947995691e987dcf42fbec99c1d5c622cec', class: "gux-input-and-error-container" }, h("div", { key: 'ec18e51458412567571124d6b7eacb950e6fdf3e', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'c86f878682d56aab8d90f73d6e56289489cc3322', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a0fe3d70e3855e8c8b4ee3a7690b14f5abdee9c5' }, (_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: '5888ac404f0e0cac23e1ca04e4a452414f44ed45', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '741f6b7f28b2c5f0c3adc617915641d4b918fd49', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7aede71397ef309176cdf77ab60633ed33f8b30a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6a65059bd887118d482c8cdd1f4f199e8b22759a', name: "label-info" })), h("div", { key: '377cd793aa4ae4b944cbcfd51b6388f870023f87', class: "gux-input-and-error-container" }, h("div", { key: '0b8e945242fff2658fecfd4e97e43166d6987c94', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ccf8ee54133582b481870e229f28a83248f0487a', class: {
+            } }, h("div", { key: 'c4173257e2320d4a83594bffb660615a3dd40d60', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '8701269f8885bbdb7981aa6aaa7dae6b30e72d0d' }))), h(GuxFormFieldError, { key: 'a65aaba4d23658ce94c058de4dfc2686f05379f1', show: this.hasError }, h("slot", { key: '302b92bf63067d652beeaa391f8a129a586a33b2', name: "error" })), h(GuxFormFieldHelp, { key: '87fc02b79a538a2ef2ad6c1087dc962319cdd549', show: !this.hasError && this.hasHelp }, h("slot", { key: '6807bff1ed27a58f3a88120fcae2abfb1e5ca9e0', name: "help" })))));
+            } }, h("slot", { key: 'b71447cc1b40f30973f71e0b48dd4f8a0d77853b' }))), h(GuxFormFieldError, { key: '8097b073bfd19070aa2ed26b8c7f0a926fea649c', show: this.hasError }, h("slot", { key: '46bc35916f767d2d86a2c0fe3e4c7fdbc94cf881', name: "error" })), h(GuxFormFieldHelp, { key: 'e8d2af70cb2edfe05d8792adc68b8ba084631c6e', show: !this.hasError && this.hasHelp }, h("slot", { key: '4c4d27e4e0c92d4a60cc890070977d98ec9cbc68', 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

@@ -99,13 +99,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '1f6429d5eeca786f8c2234ef41d68a86ecf1662f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '16b43e600c427d5ec5467598bc6883197a6335c3' }, (_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: '9eb3ba3a425b81894a1c7be23a8885c772c3a20e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '5547c6807939dd09a7cfaf776b22011e5711fad6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2baad02d36b5435487d6085a87dcbd13755b0c3e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '91baf0fd7d172c7102cb90ca8a9f9c915e1a9a4c', name: "label-info" })), h("slot", { key: '7f41002d539987045e8d7559f6106396c1378ae6', name: "label-info" }), h("div", { key: '5a172e3881c5cfb592dd9d030d3daa2a254bb425', class: "gux-input-and-error-container" }, h("div", { key: '852605c2abba0ac00bc8fca84dae551382562774', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'd2f7764c644607c9b789004ac4ff304ebdd4b4a4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '5955af50f76717c3f71c74496bc3650b35827de8' }, (_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: 'adb26994aac740a439f422214360ce4d6caff4d9', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fe93a8ac8adb56a3301acd300534ed9ee1cfacc9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd34b01db638337a6ef2f0ec4e70f800282d9194c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '43c259c58bae02c4add5af49f20444cbd56fc8c6', name: "label-info" })), h("slot", { key: 'a6373c8a837b30773dd1a6a15988a7478830c2f2', name: "label-info" }), h("div", { key: '29bfd01f032980cbf711321905a7dd9936b606df', class: "gux-input-and-error-container" }, h("div", { key: 'e486176ee7af9d4bd4e727ec9acb13536b6dd65d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '3ee7bab448747d7e8cfab702d17e515c621a60f8' })), h(GuxFormFieldError, { key: 'e4c4c96bebed24a493fabaad9afca2b0ba54448f', show: this.hasError }, h("slot", { key: '382b7a541fbbb1a732b500a48908fa28d819dc2a', name: "error" })), h(GuxFormFieldHelp, { key: 'cc0f845f1cea82c413c64ce195a4aa4532b68484', show: !this.hasError && this.hasHelp }, h("slot", { key: 'bd70693757fddfde5d98dfe0df576218f1d390d0', name: "help" })))));
+            } }, h("slot", { key: '9e0a291fda7f248569cee134e2185593d13cfece' })), h(GuxFormFieldError, { key: 'f812a98c5f20074cec5137e844b7e42fadedc96e', show: this.hasError }, h("slot", { key: 'ebc5e12d4dcf82600ce62b0ccd4b906b1106cb15', name: "error" })), h(GuxFormFieldHelp, { key: '01f4843c6fc27fac61235201845aa7fc8d3f4386', show: !this.hasError && this.hasHelp }, h("slot", { key: '049fe7400e15d7e8fcff0e283d4a93b523b2f6de', 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: '4fcc313270f18845abd0651d8a8b6c87df7715f2', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '76b7c8c4737115525a5541e7b71cdc6ce139ea30', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '6085880fcd20a8614ee1b1d66b3dbf42e1a59a44', "visual-only": true }, h("div", { key: '659e099f29443a42756cf064af66586a957b6ffd', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: 'eb2638c446e2cfff03c343a74309d2289920c883', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '56472430d5ed1331a5e8225e0c68660a6f7d76a5', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '87eed8bfc2aef664417d4bbf7ba63521a3886985', "visual-only": true }, h("div", { key: 'f0bb25c70e210ffb9260c31e72ebd41e17ad9cb0', 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

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

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: '3d1f2df2104800464589bb0cd8daa48c5c006353', role: "alert", class: {
+        return (h("div", { key: '797b301e8b9f87174fd005f8c1871d87a51bb1c6', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '3641675acb3bf99bd8580a7288b03590d939013c', class: "gux-message-wrapper" }, h("gux-icon", { key: 'fbdadcdd5f58ab0a8d50c0e0c0efcf90a92622e6', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '984c038533c9042f22b7222feae12782071bde61' }, this.i18n(this.accent)), h("div", { key: '816930f37f09919b07d817dc1b96d658f5a71068', class: "gux-content" }, h("slot", { key: '32ec1c52fa3da9c08346564574fe7ab5f2d2e07e', name: "content" }, h("slot", { key: '0c2a79edc4c07d28b158a7977d048c819c310248' }))))));
+            } }, h("div", { key: 'f40a9a6ed37f9a9967d73d5b11402647fee00cf4', class: "gux-message-wrapper" }, h("gux-icon", { key: 'e805a29ce69fa7e7989a74907b29dc4797a89a9f', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '905c65cfc0198c9023b77a1aa4332c1e930a690f' }, this.i18n(this.accent)), h("div", { key: '4a6bc7abd60fb47d526ca3d5e343b8c2d421c449', class: "gux-content" }, h("slot", { key: '963a4f1cc0b93d66c99b35213903902bcf752ad8', name: "content" }, h("slot", { key: 'a5063a61c0ae7d42dd2401c53c44f044653dff36' }))))));
     }
     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: '38ea946e0467cc38bf3521c0ac31597e7d6a1d04', role: "presentation" }));
+        return (h(Host, { key: 'c4ef70dd66982bdb6be2ddfe5620d69d21251e5e', 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: 'cf0929689d31f8cb554a2c4010363f3c24b46542', role: "listitem" }, h("button", { key: 'd5869f94bdaba62ad0eab1c913245809a33ab74e', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: 'b003518341f302009620a0423ee4b6a68b78cd58' }))));
+        return (h(Host, { key: '1cabd7dc66397f71b75c1acdc18f35277c068de5', role: "listitem" }, h("button", { key: '89eb3183e96ae36e4bfe6a73ed638a8eea4921d2', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: 'ddb0be372fa7bb84c39e7e53eacdfe6422116fa1' }))));
     }
     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: '04903a671a66545f3d748874cdcf7964c2a427dc', tabindex: "-1", role: "list" }, h("slot", { key: '6ca81b9a4d94d518552320a617f0777ff52e28e5' })));
+        return (h(Host, { key: '5a527fac514f95a9c88b31f86ea871055417cab3', tabindex: "-1", role: "list" }, h("slot", { key: 'c4b45d259bbf1e81cc8e42fd8bcb4bf405782c38' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/option-group/gux-option-group.js

@@ -50,7 +50,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: 'e0594d4b2fe854d7e5d1e9a348a60dd4be5945a2', class: { 'gux-filtered': this.filtered } }, h("div", { key: '92b7a928e30c83daa21996f3c0b017d0d37bdbae', class: "gux-option-group" }, h("div", { key: '0aa012f2e23cd2010ae1b1c2bec0602ae5b04e05', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'c6bba950a5793fea06c5ddf2574e1601624b1749', role: "group" }, h("slot", { key: '0f99b97f46c08f596313c9762c10065ddb5f3cf4' })), this.renderDivider())));
+        return (h(Host, { key: '4d68edbab7b566bb5cdc8f4cbf5226eae9c27d3c', class: { 'gux-filtered': this.filtered } }, h("div", { key: '0eaaf5d04d296b4980ba4eb08a39b3ddf64cff4d', class: "gux-option-group" }, h("div", { key: '1775f43cb0cca2e08c1dc9a72b23077d00624316', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '2479f308e29a36a78e5e0fd00bed9e316099a10a', role: "group" }, h("slot", { key: '9a93bf6a129a7e11346ab388a1b6620b464d82aa' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.js

@@ -43,13 +43,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: 'd5f34265c114817fbe44e2acd6ac7210facbb600', role: "option", class: {
+        return (h(Host, { key: '1cd58023d7aabfe7be14cc2b1ba8128ee79ad75f', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, h("div", { key: '30bd78c10e9ff8fab4136c00e940210606b56133', class: "gux-option-wrapper" }, h("gux-truncate", { key: '3d56da75449c4db342f72d0c456a28c09eec7e80', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '0b6e1f1d2043c77f8b844536337579c5a666a66d' })), h("slot", { key: 'c531948a74d1024d5e33507e0ac0709df9a7942d', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, h("div", { key: '77a46069a8a6d24ced60cd9f3f3098f8b562c895', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a77b3bb3b0a9356d9f4e75a28ae325beaeb304b3', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'b73597354bcd5e4c904cb0d35a60019f1f057d75' })), h("slot", { key: '28893950327aed82016a5f0584228b5838550906', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.js

@@ -62,14 +62,14 @@ export class GuxOptionIcon {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (h(Host, { key: '4a5d562a9f36bc0fba3f0ef97098fac591229fd6', role: "option", class: {
+        return (h(Host, { key: 'a0dafaa490624de3b8f9e15fb0ba79f679083567', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderMaybeIcon('start'), h("div", { key: 'a46c3b0030de9e063c66bb8844c2b7cdedc041c6', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'ab78233c510a13d72c886f32c67259ff2cc08d67', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '8708858e3906a4a2f33770b6ccb553ebc8f32a47' })), h("slot", { key: '45b838f8a64fd95568a7d727f1579a67cdba87d1', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderMaybeIcon('start'), h("div", { key: '4ac4c5871979db46592877ae65b0116d9f9deb4a', class: "gux-option-wrapper" }, h("gux-truncate", { key: '8663dc8929ef0c2d371624a823b686f2a1345801', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '303b7881c1c5b96d4a70a7f49823733108650bd0' })), h("slot", { key: '9baaac543f178dcfa6e0073b4713a1ecf0353709', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js

@@ -32,11 +32,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '8539a7c29bbde71c67aa0b7045aaec8e1a5fa121', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'a952cc8f49e7fee60e4ea4ce823ef08f05bd1248', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'b0b0379379371438a2e2248e9bf671964a6ea8e2', class: "gux-option" }, h("gux-icon", { key: 'e0229902568ef68d2fe721530756bd7d1b450841', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '0169d835175b1f9edd0467c7a2f390de408aa5b7', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '71bff1ab2831f99fd51f8387382cfd3dcfda2c75', class: "gux-option" }, h("gux-icon", { key: '888ea5a49e23558361f68fe6b21bd496bb9de1c1', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'aa201d37ac115b2318a2e30c329663852d5ba8b7', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }