genesys-spark-components 4.154.3 → 4.154.5

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

@@ -139,13 +139,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: 'd93414d7beb40cab15ae9df1690aeea642ce0076' }, h("button", { key: 'a8f4db8fcdc0ca13c6e39d1f117899d37121a476', type: "button", class: {
+        return (h(Host, { key: '7634739a4d3f51c08717c166facc866713eee2dc' }, h("button", { key: '17328b96f6103fcc7a52c3881fcc91b404f5d521', 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: '524a52123f823d425bdb19ffbf4b51c2b2c316d8', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'c99157a92c7575c31a943777d72f88ac7d87cac2', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '65b0f392279185797a6a5ea0db92f4ada7d8ad87', 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: '4317bb32b28f96ddfdadaa80dd0b27bc6b0e08d8', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '85fc6ed75d07e86096587525f01bc7539264f5b0', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '18493a4105564036e99417a2bad67b46235a0aac', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'b9e0e1466d15cb1a5e77c297dd14271fd06d08d8', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'd50a2ee90823846c77ee792f2effcbcfd255f632' })))));
+            } }, h("div", { key: 'f287026af238a24a6479d2a6557ef526d57f8832', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '2c35a489718ca4d33fd6d427d8bfff26e5762ecf' })))));
     }
     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: '05eedb3efb5925efd55f0fbed9dec50148c3b671', class: {
+        return (h(Host, { key: 'e33c81e5ebf0d6384e70c9dbebd425818b629b05', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '9040562d171a9e9c7f070d6572c0787b44edfef7', class: "gux-form-field-container" }, h("div", { key: '0687b65015519fe0118a3caa9623f2c2cc957434', class: "gux-input-label" }, h("div", { key: '789539b0545c078324d0914bce4fbacfbd17812b', class: "gux-input" }, h("slot", { key: 'c9d43b5890dc0eaa3791e7c22382a611afcbe9d1', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'c03b478b667729ec45f4e944204582e7bb34a344', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '00ba2231f4e43868b8627f66bcfd5e0e7199631b', name: "label" }))), h("div", { key: 'c602d8dd04cd59b2395f0c62a2bd47e1db01184d', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'b45e09e8ada10fcaa1d4a19b861f05ef12b63a38', show: this.hasError }, h("slot", { key: '8573dd0905d1b1f727bcf9ee5b092e436b8d1b79', name: "error" })), h(GuxFormFieldHelp, { key: '2e1289c3b6dff1d492a282f2f59f08f191b454c8', show: !this.hasError && this.hasHelp }, h("slot", { key: '509b9e92dd8e454c711c6ecf87d9d434f1126010', name: "help" }))))));
+            } }, h("div", { key: 'c0b7b7cd778f53bac8d86714fc4717e5529a4bbf', class: "gux-form-field-container" }, h("div", { key: '67a1fb1fe64d980bbaf270863fdf7ca3ce40e55e', class: "gux-input-label" }, h("div", { key: '412e3c06405f31ffbcd018ce4d11b3a535a02dee', class: "gux-input" }, h("slot", { key: '201f531bb890e6c0d607f4b5f4d8a7449c11707f', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ceec62d559b90a0d73e5c72b64fdfb67466fc85b', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'ca0dd77a35a4efdc20dac88259fc54662082bb5b', name: "label" }))), h("div", { key: '84de835f978c2fb17d6c28b7f8f17bc55bb5152c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'a042683304e69c33f29d1e35f60bc689398ee3f0', show: this.hasError }, h("slot", { key: '45285c03bcf42723bba20c92063b60db0cbfb449', name: "error" })), h(GuxFormFieldHelp, { key: '0430f5040a211df1c350acde8f1c77163f47cea7', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dea14136220f341ba6649a6ebdebe7f18539d19b', 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: 'd43a9b0f9a02cdc3e7b59c1a8ed1d981d6c2a2a3', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '38fa82fb837196c58fffd81bef9770ef2ffd6b42' }, (_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: '21aa66364c133d1423c917d06ba0f0133eab9483', position: "above", required: this.required }, h("slot", { key: 'b6d4254b6b76e9cd04357070f34ce420eb1155d1', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cddcbfea5de47ee77960435974a98981fefcb6fa', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dd541b9217eee24522a7159b5be993c1302550a5', name: "group-label-info" })), h("slot", { key: '8a85a1f7f2f417eba3f64f12b410d91fb21ef492', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '3bf015dcaf39267d8c591d190a72fd0e09652820', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '3cf043e9d50bcf434cc8008b529750b8d0c9e49c', show: this.hasGroupError }, h("slot", { key: '8ac68ec59839c02ea93668496f57edf9dcc22770', name: "group-error" })), h(GuxFormFieldHelp, { key: 'a8fc012dc7b87b3a1203e2af16893649e4edc4c8', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f748e652d3d344de2d68078177d6e0f912ebda2d', name: "group-help" }))));
+        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" }))));
     }
     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: '4e7e2506ffdafdc14e849e190b53199a20595e16', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '178746d28f97da0e811767b1621f536e58db085a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a811fa13fb91847e074b04530543b902f1ab437d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b3799e9bd2e3289163d780c7dd3029cf5d9121f7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '70dc42af063131c13c089bafd211aea7b45fc62f', name: "label-info" })), h("div", { key: '1328994b37a9df7c2cf264dc2d1c5a62d507028f', class: "gux-input-and-error-container" }, h("div", { key: '375294e1bc7eb7f1638e92c61ba21704fbf1f4e4', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'e78ef6ed7627a86d575c98709a21b0054b2711ac', class: {
+            } }, h("div", { key: '02de15bef4a1e5b206e8abe595c7353f73f93295', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '1fe004b427ec82f8ee4cc95c0e9aa09f598d4c4c', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'c9ac3066cd29528c79508adb10df4735d0114ac5', show: this.hasError }, h("slot", { key: '81266586b55830e6e4d112ec86428cf81540a022', name: "error" })), h(GuxFormFieldHelp, { key: '4bd5491ad1a773664d00a7741573c5e4094cd485', show: !this.hasError && this.hasHelp }, h("slot", { key: '3e245c1d59d93b978dd31a630499ab149e1e5119', name: "help" })))));
+            } }, 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" })))));
     }
     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: '48dd4196b897e9316021706d1ca00affaa7d4ef2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'bffd3054389ab9c0699f3224fbcfef46735fcba2' }, (_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: '4528f24da52468134a33b496ca750fba10b19c7d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e53eac2281337397867e7088beeb80a9b3568e34', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9632ff3d56811f422677365cef5996f4a7f9fca1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4527f0d23ab421fbc5d73ec39874e98d3f683327', name: "label-info" })), h("div", { key: '0888eb5b4ce1d11b3f93a778fd677ea00ac7643a', class: "gux-input-and-error-container" }, h("div", { key: 'd7b5eac8decd41f8d83f05eb12bf1185b0354423', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '2157a30d53a5d3fd9c4f4e74df655051121041ad' })), h(GuxFormFieldError, { key: 'c37c2957def14bfd8d6ed3d4d38a66eccca3b631', show: this.hasError }, h("slot", { key: '8b59bfe287a7c93042ef58346d9d7b273344a552', name: "error" })), h(GuxFormFieldHelp, { key: '7c75f5a3d71634e86dc1a4854d29b2cd34e09a2a', show: !this.hasError && this.hasHelp }, h("slot", { key: '775ddb0b4ad3d36287b301b5ef84bf3c337bd54f', name: "help" })))));
+            } }, 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" })))));
     }
     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: 'c10fd321c8bf773255a80434613956e996a9d188', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '3f4d192096e0f66c8efeaddc7f3d0e3b5fa0958b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '586a908c14797751e6cb1b13ae0bc564161ecc8d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '881f38860f97ab5cbb30a94c50767689463a485d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '275b28be2eb6bee317b8a70388ee77020a02e121', name: "label-info" })), h("div", { key: '07efb7bd5da23115070848e87dbb089412092702', class: "gux-input-and-error-container" }, h("slot", { key: 'bf560f13af6416db616545f486971274c87f57c9', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '87e187eab3d3a5ea23855baeafb865b858fb47eb', show: this.hasError }, h("slot", { key: '6ad1bd62f989684bf073c3ba9a6327d6a761e2f1', name: "error" })), h(GuxFormFieldHelp, { key: '0043e6cf974b807c2f8ae7d5f1ebee1f00a11b46', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fbf83091e4a9665dfd296a55dfbbd98a6b2d76a7', name: "help" })))));
+        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" })))));
     }
     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: 'c548abea3507d94f3b230a1a5283f844408cdeee', class: {
+        return (h("div", { key: 'd53955036d4a45a954e6beaafb6c933a380c29b8', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '1d67d6aa5e1e59cb0da9da2b0d5eabecee980464', class: "gux-info" }, h("gux-truncate", { key: '37a2f6c927f4c58fb66c3f78d539b8832bd92ec3' }, h("span", { key: '1cf82c753506910632a519cc75ef5f625af3c1db', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '3a1003748e90a3b27ecdbece18249884ed8835a3', class: "gux-info" }, h("gux-truncate", { key: '7ffb12f5e1d210bf991075ba6936c72518cce6fd' }, h("span", { key: '461a240baa6c3dac8c0cb7027045bfb10edf906b', 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: '26192fb8fa1b688471449dc0c5d67603fe5938a8', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'be2e80f56f914d8f276302404eb3d247f7f0b3b1', position: "above", required: this.required }, h("slot", { key: '8ae15aeed7c9b15f6e99ad358bb8a10d8f966854', name: "label" }), h("gux-form-field-label-indicator", { key: '2b017f7683939286029c15aa97e55e3adb0a8fd9', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cdc28be12d3a7e424b11c196038d679cb6ea65de', name: "label-info" })), h("div", { key: 'ddfa624e499836f78e691477988630e288327e6e', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'd192f564f007aee7e9f25d11c865770f19ed4274', show: this.hasHelp }, h("slot", { key: '0fd8f308994e09f903ad86d50b012f873d8a625d', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: 'ed983dec6ddfa19f299bc09126a936c977755a51', show: this.hasError }, h("slot", { key: 'dc789ea26c192a8df28332b0d9e7576adb0766d8', name: "error" })), this.renderFileList())));
+        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())));
     }
     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: '09afe1e5787a2fc88c1949c343e733235740e6c0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7f0cd793627a00953391c2a6894d2be3b8b530dd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5748ffc05afda87decc30eb3bdcfb6f4d668123b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '73b53fc36bf3145d22dd54efb9a9ad2bf482f86d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'aa9060d2f89042367130a6571dad64543e426df8', name: "label-info" })), h("div", { key: '71aafa514ee7074f0d9eb8303f9d6d91c824e87d', class: "gux-input-and-error-container" }, h("div", { key: 'dcd428587c2beb12056273d8ef61d6400ab64181', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'aecf2b4e7d877dda5aa52b20867e8f1f7d64a3d6', class: {
+            }, part: "input-section" }, h("div", { key: 'df7c0fda30de62de2b8e60d990db981d46bed398', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'd98da198ab9cc6bed6fcab6f58b4cb1bec3bfc3a', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '141f05669a647ca29595b9e39dc371a6ee345267', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '42f0b809f9312f6d43a4536eeaf0df71c34841a2', show: this.hasError }, h("slot", { key: '44ba8e023012455e2c8f17a48f6aedaa738563fa', name: "error" })), h(GuxFormFieldHelp, { key: 'cb842b0c988e1f8031e67e19b68f553b73c9be49', show: !this.hasError && this.hasHelp }, h("slot", { key: '8237835aa99d9bbacaeabebc4318022d5bf9d408', name: "help" })))));
+            }, 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" })))));
     }
     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: '4905fd7029f180321eeaa5b1fee7bd41abff5834', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'e21b98aeb3119fa97c464a203f09dd245d9f7f8b' }, (_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: '722ec4806937a6c7b9999fec3d7d4f2be92c99f8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f70aa51da081985fc247335e76ffacd89b72fe60', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7f0390e1aa7dde9e982200af77bded7c6db4109e', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b63f296b7090bb6b7565a8a844a30131d79483b2', name: "label-info" })), h("div", { key: '63c54fdc787076dee587669c54f3bf4d1ddec8f2', class: "gux-input-and-error-container" }, h("div", { key: '0b0353b40d91386054b761eb7b5454ab2eafd86d', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '54a74cb52c2452bdb67a1a0067df199940df5a97', class: {
+            } }, h("div", { key: '18aaf519eb2e58eee8fadd543a838cbe87c4371e', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'e0e1fa48e256582e501ba07503a31c0529b3d72b' }))), h(GuxFormFieldError, { key: '642a0c858efb912fa6f13f40a147dadbd48536a4', show: this.hasError }, h("slot", { key: 'fd147942def9a4d554d1aafbbb3fedae955795f3', name: "error" })), h(GuxFormFieldHelp, { key: '10b7d78eb74932c45dfab216068af7f00d635e55', show: !this.hasError && this.hasHelp }, h("slot", { key: '68930ce59e7f8afedf3713c82ba7d48e9d4335af', name: "help" })))));
+            } }, 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" })))));
     }
     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: '1e90cbda7dc1e3d451ceb11488b82e16a4c93bf5', class: {
+        return (h(Host, { key: '027a65529baac39c48426634b16e216de228e935', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'ec8c8dcddd47dfcdffeea8e3329117f003d65ca4', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'c4abb5550ef881255381d5192636084573aedfa2', class: "gux-input-label" }, h("div", { key: '517e0ab0d172e329c1291a92beb086e8e3281f5e', class: "gux-input" }, h("slot", { key: '6c8b25949d86b78ba30d1701f682b308d8a0eab5', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '15e8b9b6afc6d106c42c5230ff905964b2fc0158', class: "gux-label" }, h("slot", { key: '129eb370de1c71c6cc941db232bf7bd0878e75a1', name: "label" }))), h("div", { key: '8ae9ed9188a935b2c145eefa7183a1a56e0c0c59', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '4ba5dd476311bb62a5ef048f96f3928cfb5890e0', show: this.hasError }, h("slot", { key: 'd784c77bfb232c4dacf0b47f54ea389ada11432b', name: "error" })), h(GuxFormFieldHelp, { key: '9945cabe029951b1ae757c495cbfa190616c4eb9', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fe3fdbeee2909d0ea1f84fdec92d7f8b23589a21', name: "help" }))))));
+            } }, 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" }))))));
     }
     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: 'a8a9e3edd72c6382bafa19db4eb168b03f30e362', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '53eb32e136cbde49edaed0585ebe4c4ec714664e' }, (_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: '596155e4b88d192a2721324da6d59b56466893e1', position: "above", required: this.required }, h("slot", { key: '2d4eb23e9bfd69727d06a1581408f2bad3423d7e', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5b59625419e6d9d00375524c6a1598c8458eebc4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '596125590f056f0b69bb18eea770c92b249654cb', name: "group-label-info" })), h("slot", { key: 'a5efba4c5a7d612d3ac9515d38f8d5b56cb6e283' }), h(GuxFormFieldError, { key: '518351ff3a9dced5ee97e0b1e9ae240ad78d226e', show: this.hasGroupError }, h("slot", { key: '1e4f842a117b36bf15a2f249cfade5cfc940d726', name: "group-error" })), h(GuxFormFieldHelp, { key: '11293fad8fa51ec1e5fab43d4877f412e1ec2d64', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '53c96c288d76376836485c04e7493e41fcea4341', name: "group-help" }))));
+        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" }))));
     }
     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 GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '741f3d450f8593985aec8a63a22f78ebc8a28463', class: {
+        return (h(Host, { key: 'f7dab9b140b4729fac375f8cda59fd68a8d9bd0a', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '92db1e1a41db06ad2dc2cd6925a44ce39e6b2489', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '43cdd71a2243554f8be6c1a7f84499ee429d6f5f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '17be2d420e3c29fc8b5657169aba12f48216ae78', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f9622d9d285b09c31a1e0d2a8e47f8926a45ce5c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9f4aa4c257da6661a7f26c2caf5e3ccda6d93ff4', name: "label-info" })), h("div", { key: 'bbc70a6c89a0876ee2b3918cc0cd2f6d08ce041a', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '52e4ae9968e1c2dae3cce98dd64a2cdf0b5343b3', show: this.hasError }, h("slot", { key: '8e8a7d608da117fb66e8f66ab5c77c2609d28e97', name: "error" })), h(GuxFormFieldHelp, { key: '5e1c483b326318608389d7c98cd4a9d69f808a9c', show: !this.hasError && this.hasHelp }, h("slot", { key: '7215f1539c2ab170f838777596d845ff1a614d05', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '4f7f841f694cbba7353efacae151a5a36675961c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '182bf50f074a917f47bfa1f72d306003b5534518', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '533261011f51862d74349dfdc3a93f6ac2d577aa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e1ee1408ef44be674d2e9592f3fb7c8e843a5735', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c65695772089c745c8aef175a96282a0dfed522d', name: "label-info" })), h("div", { key: '97eeb2700066fb6581acf93b8f7a515218a84a71', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'ea49b1560d6b560fa91b3c369c9675cdb23b248a', show: this.hasError }, h("slot", { key: '24ac328b0312224b18361a3cc665666833ecab0e', name: "error" })), h(GuxFormFieldHelp, { key: '239084e90d111fc37b036607921a37ec28d99266', show: !this.hasError && this.hasHelp }, h("slot", { key: '1a32d3340caa1c46835c3771522f0b393344e282', 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: '5f1e76da2cecd1f5500eb0b05b4603b11949f2eb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a868706520b48768f2d6eafe55973d7a71bc92c5', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '88562e57cbc0a8da152e4f9747c12fd8d00396b6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '030318ae3de2e8195a39b74f34277886aaa2ce10', variant: this.indicatorMark, required: this.required }), h("slot", { key: '49fabb494b99ef58e67758ba2b3e4901c778d1cb', name: "label-info" })), h("div", { key: 'f52536903fa4c983a9af82ec4e15d842e082571e', class: "gux-input-and-error-container" }, h("div", { key: '49ab2e0ee93eb8e59c1437df9c5102a3b77319b6', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '0ecc2457da0af9d986281e1efa9a5202f042195f', class: {
+            } }, h("div", { key: 'c4a3823de7f3e5e6171c48b7a0b8860379eb70fa', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '77fd901408e5a8d2ae7f539d45355e860c5ddc41', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '94d4d2e0a3a6421d02499579a4036c380b8ce648', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '2fa574b6162e7690b9c3c4a2d9cb6baf8de23ed1', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'f58d0e6cb8465e73075556ee6051fe3801cec111', show: this.hasError }, h("slot", { key: 'ad7efd78a83a88b65425abf67e2fc5cc51ca17df', name: "error" })), h(GuxFormFieldHelp, { key: 'e3a36dca670b70fc5a28c5fef762b432aa3e3a24', show: !this.hasError && this.hasHelp }, h("slot", { key: '66a2193af26efd760b61cfc5da392cbc45d58425', name: "help" })))));
+            }, 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" })))));
     }
     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: '32da8462b8622ee3a1983effb40bb6d4e86b17fa', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2a1e84d163879a63a6fc1e6c91942fee2d2b8703', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '01a78c05a90e91b762a0105ed7aaeb96c91d0eb3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0bdbc2629362242d7f9903e6bab2c3b374a22bd9', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a83d6bbde97866215f7f3dd216e943ff03f19052', name: "label-info" })), h("div", { key: '28006abae9aeb583df52609bcb6b8f2e8af8eb6a', class: "gux-input-and-error-container" }, h("div", { key: 'dc768c44286d86569f762896cd0371157e58662c', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '205997a3c5ffe8c3968aa667b0463269b1efa31d', class: {
+            } }, h("div", { key: '9869b00a57d35e9d9d080ce83695a6cf8a0cb0f4', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'e1fdf82ea50871a22a7fd05d1281d1a0ff378a5e', name: "input" }), h("gux-icon", { key: 'da2544f0dc906e2125419d04f9a892a4cdf8adac', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'd9ea9f199889551de098ef2b28e3b69b40285c56', show: this.hasError }, h("slot", { key: '2ca4709140b336e6b2032b5ceae487a6e6c703ad', name: "error" })), h(GuxFormFieldHelp, { key: '71816370717d164a4da243fc6069cbce25e97a09', show: !this.hasError && this.hasHelp }, h("slot", { key: '3fb2b3824ceeef1970c1ee9d4bd513778765103f', name: "help" })))));
+            } }, 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" })))));
     }
     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: '6e268f9b2f5cdefcf05f51b95bbdabfc7f90a58b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8da38ac30c89cc7f4a6d7a9ca95096622354f786', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f4f8cb4dd7165fab77df91759603cf2a67b9d967', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b742165e6f2ae4bae2527cf2e23fc02793ae8b92', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c86c3d5580a44bfc070d801f85797333c68340df', name: "label-info" })), h("div", { key: '97a46a9562bf08388684e4c13781cbc67ffa00b4', class: "gux-input-and-error-container" }, h("div", { key: 'faa6d68074db30e416db0f0712467e10322d5551', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '460152bf2a6a0d764681bcd997ec8167048d699b', class: {
+            } }, h("div", { key: 'f29ddc3ae15dab4002423197ce745426a9b81989', 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: '159068cc7389df4caa747e849b3443b6a8e68525', name: "prefix" }), h("slot", { key: 'a1a529019ed80868047a04eeade0257efafff654', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'ed703884556dd9302248d1c3a25fcb8bed8ac661', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '7f47627751268f2703b3246884ecf1ba4a719cb6', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '243eba4b6bb5dbfba50e68b376f9df5dd1352e72', show: this.hasError }, h("slot", { key: '77f90dec9b23318b005379b5c35c66b922b3c6bb', name: "error" })), h(GuxFormFieldHelp, { key: '48da44761dc115f5f1f451a7a61f338098ea0e93', show: !this.hasError && this.hasHelp }, h("slot", { key: '4355d3580e354d94639d8ceeaf0d862172bb0fb7', 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: '628ad4e2a6eae30e60dce4714931b2b59d10f1aa', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a6a7a41ff11d65e8edb3de4d7f823d7b4261b1ef', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a56df8f42443026bd44dc27d6082b0c757c55cdf', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c3105b41f2b70169481f962d1bfb15101ac8aa93', variant: this.indicatorMark, required: this.required }), h("slot", { key: '123c8060a66b9cff2f9eba9b5ae2472d7d7a20fb', name: "label-info" })), h("div", { key: '209d8a12cfa4835442a468ca03b5ece75520654b', class: "gux-input-and-error-container" }, h("div", { key: '9bee6f7bb43a218483a5221a82ff02ac3f4b5632', ref: el => (this.textareaContainerElement = el), class: {
+        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: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '4a435cce25624921ec91d8bb49f66a573bb91056', name: "input" })), h(GuxFormFieldError, { key: '61ab6e029ad3a1160c83c464dd44d7818eac091c', show: this.hasError }, h("slot", { key: 'ccdbaf60561886fdf75b70e60821f253d5974ede', name: "error" })), h(GuxFormFieldHelp, { key: '7b5300a4a14aadebe30a964f09514e7ed0c87d6c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e9c6c43e57552ab0ba6e71cfb3b2de1c2b51e19e', name: "help" })))));
+            } }, 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" })))));
     }
     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: 'e1731f46dbe86cd5cd933db5ede7926b77ae361a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c3143fb29117cbb13af0c2c24a4772f006605c49' }, (_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: '521b5b12ab9ed7a56902b081f5c16f7df73664fc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3be406ef510cc4ba56703e99c6b4952e08045e07', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7600e5140500db5d4015939cef525760096a6bda', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b3d15780fe580b82bc50d3effda82fa5cdc5c94e', name: "label-info" })), h("div", { key: '7f000183a13b5ee91b2aa22f4419472c7a4dd8b0', class: "gux-input-and-error-container" }, h("div", { key: '40fd1699d9d0a3decebb79bff1dbee94ed532907', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '83b6c18bb08f1ed00670a86f1042806effce39e6', class: {
+            } }, h("div", { key: '8afed2032d884964bb8184acdba88bf3aaf3e9ee', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '73fa4a4658f1b480c33b26073238390ae5e31350' }))), h(GuxFormFieldError, { key: '2880e0e209656f8e06a2b0a6ef58e2b1e51c4c4b', show: this.hasError }, h("slot", { key: '3358f671be096327462266f03cb48239e75ece1d', name: "error" })), h(GuxFormFieldHelp, { key: '5c972677e3466351b191123c8cd58a4e79da3194', show: !this.hasError && this.hasHelp }, h("slot", { key: '40dd343c5daede2cd9b922248040a436dfc99911', name: "help" })))));
+            } }, 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" })))));
     }
     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: '45584ddc11e7b25613e430f5175e9b3adebdc258', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7728fd9729ec03d0d314ba4d40e575865a05118f' }, (_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: 'ea44a5f058ac8e91fdf2c9e7c0f64c5e08975bac', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e70838e4535384f99887c3aa738320d6c70eb0fa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e4c546482d2c639a62dc52ac99c7070f7718d4cb', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1d8af74cb23f0d85264187fe5771aac50fe7e9f8', name: "label-info" })), h("slot", { key: 'b8c54a67b72e87007fd997105f9e84d361f7446d', name: "label-info" }), h("div", { key: '64a4af4b16e62638cdb154d5bc7fc827f1ea4de2', class: "gux-input-and-error-container" }, h("div", { key: 'f099d92a9be96a89b9b6b8956409262b0d1cf8de', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'd4d750eac8e338798360128a624596e7830f596e' })), h(GuxFormFieldError, { key: '4aebf0abd6b4bbd48f826068df8763bf7765822e', show: this.hasError }, h("slot", { key: '2d5c29451d537e90db8d7df58889a16303e0b6b7', name: "error" })), h(GuxFormFieldHelp, { key: '6a896af32d8162ed3f56fb549b08dac96fa6f5a3', show: !this.hasError && this.hasHelp }, h("slot", { key: '00096697b77a8243198c73dbc2afa10440f02ff4', name: "help" })))));
+            } }, 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" })))));
     }
     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: '464d1a53cfa528806baee8b79e43de9f5faf1941', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '1a9c57120bddb537cfe73b8fd5879e7409a2a9e6', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (h("button", { key: '7670bf93893c19a33fc980fa44b193be1f2e9ee6', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'e04beaace608a0712bbe4e9d9f7e5b7a865d00df', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
     }
     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: '37b95450af12780188f187f008c2302312fbe27f', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: 'fc49d25c1328343349db27602d1809bc2ad3b7f9', 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: '69e880ee8f904c9bb4d01aa2ba99b7e8ec2f4a0e', role: "alert", class: {
+        return (h("div", { key: '8a5e70c86aa68ce6e990cd3f20b8454e7e2b9a5d', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '1fdb2c236af59594e491a4b6a9f5c030bc98aea1', class: "gux-message-wrapper" }, h("gux-icon", { key: 'a9000aef06c03a453ebfa27e11f931eaf0994fac', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '5455006c3a01582cf3afc183ed78c9027b62cd6c' }, this.i18n(this.accent)), h("div", { key: 'd540c25d46efbdb3d3f166f7cd5da0e45e38d871', class: "gux-content" }, h("slot", { key: '686b1b7bb92f77b1848c0e77c9ecd2fd22be3603', name: "content" }, h("slot", { key: '4e1e141d9c56866646a25295c9e5b92750047a5e' }))))));
+            } }, h("div", { key: 'f88e90735561d0a9c2d6f5d159261ecff51d5fc1', class: "gux-message-wrapper" }, h("gux-icon", { key: '822611269610bf3f0905d03341df046912be7bee', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'b7f0018ab169b98a2874e897b752da0d9e846a1c' }, this.i18n(this.accent)), h("div", { key: '169d62570d3b60aa355135ff3fb7f9eeef6e5e9e', class: "gux-content" }, h("slot", { key: '341b789ad6c1757a8d2bae752eb6ba0f6a339855', name: "content" }, h("slot", { key: '119830a50fa33365906049e25c61f278612f4283' }))))));
     }
     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: '3746ba873e6e1a8553b4a38859f549713f2e369f', 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: '58b4b87f804d304bc00e519f35f31476bcd5fd4d', role: "listitem" }, h("button", { key: '22a7f84a96bd64ad8005075625273a8879d6ee29', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: '774aecf35cddf804daab45b2ccd2fec333670307' }))));
     }
     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: '53331bf67691b223922f5f855e2513a2390b1cc0', tabindex: "-1", role: "list" }, h("slot", { key: 'f34a9ff8b70dad57c71c701931ce58a193e07a4a' })));
     }
     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: 'c840d62ada3e45597bce575ac5964558cbc02dcf', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'd7afc055fe0be77c6b1911ff85d5439757906659', class: "gux-option-group" }, h("div", { key: '7a037eb4cc1cfbb9aa81f36e5283cb3077b2e0fa', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '47b2614cdd42789782c7e7f123946b13b7994095', role: "group" }, h("slot", { key: '02e69681127a8e660c62b0aff288606bebc311b1' })), this.renderDivider())));
+        return (h(Host, { key: 'd9e11e6d18f276576a4f7c935dd7aec903cfab7a', class: { 'gux-filtered': this.filtered } }, h("div", { key: '248400d1b8dee6df27cc3033273436eb600b4c4c', class: "gux-option-group" }, h("div", { key: '262994ef17a5b1b07a32865df907cfc66d940c61', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '096d8807a3246c8a884104ebecdf420c823ed8f8', role: "group" }, h("slot", { key: 'abe716d70cd0964e69a07aef07d346c0ccb24015' })), 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

@@ -41,13 +41,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '4ff53f1b8164fdbb6b4b994aa19f029a8f7dbdae', role: "option", class: {
+        return (h(Host, { key: 'c2672c6cb5bf516a3495eea8357d3bc4c4c900da', 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": this.disabled.toString() }, h("div", { key: 'c0b379dd41e0c8aa8423f14d9a4ef569776b5df0', class: "gux-option-wrapper" }, h("gux-truncate", { key: '7acb8113ecf230d978949ffa6fd2c180d2bbc0e6', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '9c99dfe30b919418d5c68d96aab336249bc3c27f' })), h("slot", { key: '9b55759969afdb82230c22caa1de85babfa1f1e0', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'b85bf4d463039f58f49ec2d6d18d2d1415403f32', class: "gux-option-wrapper" }, h("gux-truncate", { key: '18608184d2d7a77a8fd0018745f9a1b6a8a5fa80', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '1b42a67570ad5b853612cbfce4481be09442aebd' })), h("slot", { key: '279602519fa45e83691133da63ef404ff014c43e', 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

@@ -61,14 +61,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: '37aef2f5b177df6b6591f6f7c39515ee540b312b', role: "option", class: {
+        return (h(Host, { key: '7f26c292345951dff79122bac08f2b3629382701', 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": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: '3a819d77109a5b81c5396147cb3f07ae87e62da2', class: "gux-option-wrapper" }, h("gux-truncate", { key: '65cfc8baea33e75f84841d057560cfc16201476b', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '3d0bf2e6013aa6829d5c8c0ec83565aa4a68b2c4' })), h("slot", { key: '2622c09b9aec78d3a0bf8756654d2cfe502e07e3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: '3c6f0d146fb3ac83f204ae35e4beabf2f310a988', class: "gux-option-wrapper" }, h("gux-truncate", { key: '384177cb96af49bc8adbae6c328b7e0e29c7b69a', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '2479d98605eda40e572cb5381dd3791ab0c2742e' })), h("slot", { key: '3682267ba448c0ae3064497bc5d5806bdfc2e129', 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

@@ -30,11 +30,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '41b6b1965f8f7fc19c2cbd4475156533e1d8beb9', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '849de521bcfdd1bcfbe921d94162e64799acc81e', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '6849a0af45ea575969c02d0eff31ce56ecf350b2', class: "gux-option" }, h("gux-icon", { key: '0d046f92df50861e58bcda47bb0b50e098a38170', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '1f88f768eacd7a8f072d0a87ede648ed41e3f48f', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '8688d245735437cee0ff51221ceaa2b966efd3bf', class: "gux-option" }, h("gux-icon", { key: '336a4510da3a5c8e1d51477af49851871cafaaf9', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'd0e0287cbd4049098173925590ae0c9c5952c29b', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -58,13 +58,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '162462d46174ae1c95ab206a45dd16733586973a', role: "option", class: {
+        return (h(Host, { key: '2325e784623a05a6198fbc59ce712d6873392a2e', 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.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '47cfb63001dd337e815c961b1b95585ecb5523a7', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd30b965f30418ce2f6b516cf7467493667dc7ec6', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '66347aac70923d2fd7a7c1c318cd15ea29d4e6ff' })), h("slot", { key: 'd8159a0a5f14475bb57bec29b001a4d7ce6ab7f3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'c9ad4deb95e260d63d0e374ce65b3ef0b6f4431b', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'b53c8fd041a7571a76febd5a854c259ae393ebe4', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '268f2160228d379739fcbe337daeb9c58fd757b6' })), h("slot", { key: '902f3a78b3c378f000e2a6ad8a5406e1b54a5ecd', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }