genesys-spark-components 4.186.1 → 4.187.1

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

@@ -4,7 +4,7 @@ import { afterNextRenderTimeout } from "../../../utils/dom/after-next-render";
 import { trackComponent } from "../../../utils/tracking/usage";
 import { hideDelay } from "./gux-menu/gux-menu.common";
 import translationResources from "./i18n/en.json";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 /**
  * @slot target - target element
  * @slot menu - gux-menu element
@@ -183,10 +183,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'd893f20c48ecbc0c53f9319f8deadf3a428414cf', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '35d32a4b15afd7c0fb996a97c1f68b7db8f40555', ref: el => (this.announceElement = el) }), h("span", { key: 'a34f3e5d8fc034acd1ffc90abc46d508f85a0f60', ref: el => (this.targetElement = el) }, h("slot", { key: '4ecf54d39a0d05cdec319e5025b92c39358d9b99', name: "target" })), h("div", { key: '05383a9bb129a126c92b74840685a1585244c763', class: {
+        return (h(Host, { key: 'f7af5f029afc5a78013950650d3f38235c5d83c5', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: 'ebb453f9409ccc1202d0ab1a9a80a6f0b13f9747', ref: el => (this.announceElement = el) }), h("span", { key: '54493f4a40de77bd5d02e11c4dbefb9c25474855', ref: el => (this.targetElement = el) }, h("slot", { key: '0f9375667e4fa5d88426ce22804284e48cff3c4d', name: "target" })), h("div", { key: '2cb8985112e63facc42bc8ae9763f45600a354e8', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'daa499414605600957060b3837a0a2b743d85834', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '8c38119f8a339a3d4bef713fdb663a5ee2071891', class: "gux-arrow-caret" })), h("slot", { key: 'e34b4d2b8d82f78ca3b6121626f511c6209ab209', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '5757dfd8b8ba8d81d2b6261557bceed20403af02', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '982cd1c491a0b4760587738f95075fdb79811611', class: "gux-arrow-caret" })), h("slot", { key: '9fd12909b2da4d8d2cf7b17035db595444608ce4', name: "menu" }))));
     }
     static get is() { return "gux-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: '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' }))));
+        return (h("button", { key: 'e6ec763d330e9da50cf5321d10efae5174af3381', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '275da6535150198315e468ba91450bde2c4016f3', class: "gux-menu-option-button-text" }, h("slot", { key: '8cea69595400d9816d44f59304c5a7673d9a230a' }))));
     }
     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: '88ef2c8361e137d3b8da7f930146507fb80867aa', role: "menu" }, h("slot", { key: '45debe814faf4bb0d6a9009a797c847eb0f379d7' })));
+        return (h(Host, { key: 'bb81539879dc73c57147da46f8064b71a7594ef3', role: "menu" }, h("slot", { key: '5b10b8e5ff51b6bfd6c6515498138122aabf4fdd' })));
     }
     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: '4684c393e9e08b9d1b661486df976bcd0d34d369' }, h("button", { key: '77fafa569ed358f41fcfd33bd343cf01c3a9665c', type: "button", class: {
+        return (h(Host, { key: '5fb3dc0d18d4f8a88c37939e0387adf35e459dc2' }, h("button", { key: '93f347efa2bfd52c72d1312560dd88a8d748ee71', 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: '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: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: 'bbdcd28b6b3651b2b4e64d5c5b75ada3bded1784', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'ba71bc755f7b881a960426583d57467a09d40bf0', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '3b07734d1f4b3f2f16fca3ad4a501a30de9a8549', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '8774718456ba008315d10ed8a100f7591d24cd32', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'c3735395f3b40ce38334ea6064da228c5554aa56' })))));
+            } }, h("div", { key: '53522fcdaa4c1644d051323f6218f4fe42313e5c', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'a547264bf7d542b9c75d1d8e22ddf4708e4ecafd' })))));
     }
     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: 'ac4c350f3740263e087855405893c8591473a343', class: {
+        return (h(Host, { key: '4d9630ede06fb0989481b0f589def995c272d4a4', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, 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" }))))));
+            } }, h("div", { key: '092cf0d03dcfec769c442a2ae0ae839fd51e23a0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'a70e4938842857fa1197e0e27fde900531931c53', class: "gux-input-label" }, h("div", { key: '56a26456c1874e6b95e8a9bcebd24ad00c81cba3', class: "gux-input" }, h("slot", { key: '1977afce7fe112fa5fd9fffdd932b0e9726463d7', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a2c123ddbe72a247009b57f3165db8b5999a8df4', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '7953cee6f008f3b4e7d5b26efe0055447c21d48d', name: "label" }))), h("div", { key: 'fc6601d65352a4c5b3c51cb868f38272950808e2', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '3a41894d1e687f8349caf6ce97e5db98dc85156a', show: this.hasError }, h("slot", { key: 'c7c0c4b9c87e86ccf49c1f0f88e53b7f7bb3ddf8', name: "error" })), h(GuxFormFieldHelp, { key: '40d43775a46cbc809b4f9ec1cee434a3f033924b', show: !this.hasError && this.hasHelp }, h("slot", { key: '7285032fe39638e54f10166670f0262103b41866', 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

@@ -12,7 +12,7 @@ import { forceUpdate, h } from "@stencil/core";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
 import { hasSlot } from "../../../../../utils/dom/has-slot";
 import { logWarn } from "../../../../../utils/error/log-error";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { setAllCheckboxInputs, setParentCheckboxElementCheckedState } from "./gux-form-field-checkbox-group.service";
 import { GuxFormFieldError, GuxFormFieldHelp, GuxFormFieldScreenreaderLabel, GuxFormFieldVisualLabel, GuxFormFieldFieldsetContainer } from "../../functional-components/functional-components";
 import { getSlotTextContent } from "../../../../../utils/dom/get-slot-text-content";
@@ -150,8 +150,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        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" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '399d41ad13dd4ed186f354287c59c6729b5e3ef9', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '762b773f81ce1403e6f2791df8266f5691c653c5' }, (_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: '3bbc293ac496b877d5d147bba7189e3158b5d0ad', position: "above", required: this.required }, h("slot", { key: '25a3b6493e4a9c921950fc08383cb640f639e3f0', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'dcfd98494e6eca217d14b89a63d3bb86d9fe3dfb', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ed183232ef0880790e62d650f83221b049dc6abd', name: "group-label-info" })), h("slot", { key: 'eb50a04b9990f406807d59d0d1b18dbe3f54e305', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'e049cf31ede4b3bc76b99e0afe635ca8b9a18ee6', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'b066d0fd7c0a67ebc26b98e9fc4f7b8c54e2ab9e', show: this.hasGroupError }, h("slot", { key: 'b11e8bcd41dd40908f09662914e70133168abdd4', name: "group-error" })), h(GuxFormFieldHelp, { key: '34f97f6c1f1a7f22f4f450fc5f6cf2e5aa3f014f', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'fac350ea567fdd8ce10d70bed481cd5b6d8caff2', 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: '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: {
+        return (h(GuxFormFieldContainer, { key: 'b0dff68fe51e564a03de305463201bda9b0e6a02', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '63047e23a939942a6c8c052b304c4e9c97f05ecd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3dc3778704883f80e9c9095bff6e9eeb44b9b557', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'dc90b7fa687fde89265ce7f831aa0dc203bb5260', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0985e952104b7b4eb671d7e2d8694cba80de5d2d', name: "label-info" })), h("div", { key: '3dbdee93b27211f1cdadf3cabb8b41ed9c651105', class: "gux-input-and-error-container" }, h("div", { key: '1c93f6789571d4015631cd45bcd137333316c116', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd247bade16d24fbde33c611f4c7fe51fdce8985d', class: {
+            } }, h("div", { key: '18d1bbbaf82b756aa81a0412da7ea6ab1eb4a420', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: '7f8a5b88d5f593a05d272c69deebbf57ecb46139', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'b457a9c40422980f9f3f82b28ac8e5bbdfa286ef', show: this.hasError }, h("slot", { key: 'c46ba6ed3a74062df00e9c15ac0c1ddab1df7351', name: "error" })), h(GuxFormFieldHelp, { key: '166ad2fbd5e9a4e52da024143686f86acd6a49bc', show: !this.hasError && this.hasHelp }, h("slot", { key: '4c9ff51d12dd65b521cad5fda710a1463f534a93', 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

@@ -9,7 +9,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
 import { onRequiredChange } from "../../../../../utils/dom/on-attribute-change";
 import { hasSlot } from "../../../../../utils/dom/has-slot";
@@ -102,11 +102,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        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: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '95cf0334aae89c2b185512975a3caa46b616f319', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '17a7d9db1d359d99b375e659d74e8ee198fead89' }, (_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: 'e0c6290b8960073a60caed07a95761b489572569', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '093143723c654b514a86d9ba11bdd669343e678a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b5c53840b29e7edb7016fd655ef325af5c4613c8', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ad3d8db913a2054061a2cf17e55221e8f547df6f', name: "label-info" })), h("div", { key: 'b9d47e7fd0f101bd2bf50d7d8a5aaf5560d4a7d3', class: "gux-input-and-error-container" }, h("div", { key: '5f924b84c374f4eab9a5af090faa0b6dd5c0ae96', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, 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" })))));
+            } }, h("slot", { key: 'e38e6e5580339bd8124d850064478838ed91fd4f' })), h(GuxFormFieldError, { key: 'f59489537e647d013f7cbb29765edc9f233126e8', show: this.hasError }, h("slot", { key: 'b238051d5d4c804cdd2bd80ab039c285a51cd24b', name: "error" })), h(GuxFormFieldHelp, { key: '49f27c2c46e71f7708fde91c35562a836f1dc9f2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ead90e5f779f712ea1156e111b543e733e949eb2', 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: '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" })))));
+        return (h(GuxFormFieldContainer, { key: '87fd01d5f4f842e4a60a3fd8903b1f47a25fa87c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '768146a270b2f9c795818e50eb346e9ef4c0f18e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '41d509f25e61218e8ff44205e0066efc9871c48b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b18a6439eb3e331eadc8befe7d4a6625e5a2fe78', variant: this.indicatorMark, required: this.required }), h("slot", { key: '019080783c0879090b3b20df3c34a82fee01366f', name: "label-info" })), h("div", { key: '09756ffd657327ec2bc2a8ae5e39b2a5cf33ecda', class: "gux-input-and-error-container" }, h("slot", { key: 'ff1bffdc217f9eff4caead89b0ec19179e9c0669', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '7623a79ff314b2286cdcf03c00e964e317627414', show: this.hasError }, h("slot", { key: '1b29ff15208bec388a11900e21f81e5b60300211', name: "error" })), h(GuxFormFieldHelp, { key: '4fc70bf6a7764f229f4a46bba5cf4ec3e0f5394a', show: !this.hasError && this.hasHelp }, h("slot", { key: '42030254f9c567f2b9aa7aaee0a5458cb08583d7', 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

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../../../i18n/index";
 import { trackComponent } from "../../../../../../../utils/tracking/usage";
 import componentResources from "./i18n/en.json";
 export class GuxFileListItem {
@@ -11,11 +11,11 @@ export class GuxFileListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '74a67e3eb8594b03e2e51107ba5d253bf6cdc358', class: {
+        return (h("div", { key: '09ee5fd05bcb70aafea251c390baa7a5a8d3a784', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, 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()));
+            } }, h("div", { key: '7ac3f917cb8060f4beff69db1b287caad6967d7c', class: "gux-info" }, h("gux-truncate", { key: '270073a4d92044a3730ab8215f7a02d2ce06b7d3' }, h("span", { key: '87dc4ff844480d7ee736d2f77b9161e4152bdfd6', 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

@@ -9,7 +9,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { h, forceUpdate } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
 import { hasSlot } from "../../../../../utils/dom/has-slot";
 import { trackComponent } from "../../../../../utils/tracking/usage";
@@ -94,7 +94,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        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())));
+        return (h(GuxFormFieldContainer, { key: '08375562c5f4fccba27ae887e75286a0c8316209', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '2da1a8ccfb6fb0ffad13d6b7e17eb8c006ec3fec', position: "above", required: this.required }, h("slot", { key: '86c7bf4b43eac86d082075326f247da876690128', name: "label" }), h("gux-form-field-label-indicator", { key: '13ff56e6483c61e4f698c69a51adb0e8d37b4929', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a23675a2164c4080677980f3d6aa55ea1b05c163', name: "label-info" })), h("div", { key: '269ea5528a86db45b366c8f6f0528aeeb6636ba0', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'e1afa7df59e08f6820097d88fbe542e7ddbfcb09', show: this.hasHelp }, h("slot", { key: '176674d3b557f621f8c28d67fc7d8843be91623c', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '4dd69a7d5c0c9dbfe3129c24773d6efdc082d35b', show: this.hasError }, h("slot", { key: '4ac9a75500eb2fde0de2809718dd02f16c2eaf3f', 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

@@ -9,7 +9,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { forceUpdate, h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { calculateInputDisabledState } from "../../../../../utils/dom/calculate-input-disabled-state";
 import { onInputDisabledStateChange } from "../../../../../utils/dom/on-input-disabled-state-change";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
@@ -105,14 +105,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        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: {
+        return (h(GuxFormFieldContainer, { key: '137a3979f9996ba04d92dd420167dd84d8bd678b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7d5bf5c68f8537a328d7c1b8e7a2c366cdce2128', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '102f722e3e88f68a49e11133c227c892032a28cf', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd88bf90fa98f018248a28f08ed9e217466ddce18', variant: this.indicatorMark, required: this.required }), h("slot", { key: '37df5a0dd779d9da8cf3b60f84d5e52115e1fa46', name: "label-info" })), h("div", { key: '5937c320d96258cde309337a7e055d42790b54fb', class: "gux-input-and-error-container" }, h("div", { key: 'd8391d88ec67783d1259f2e4942392db97e67904', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'f5f0a64ecc9cdccad10aa53c736af6a58c64ad8c', class: {
+            }, part: "input-section" }, h("div", { key: 'ab857c5c2c6e1123c881ac599a508554ce6b4b7c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, 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" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '92c76a08f4e0cce0f905c06451e4c08c208813e6', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '958fb87df1cb20157aaa4238422bc1e957ebd830', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '73894cf0dd8900be644733ace75042f75db6f8da', show: this.hasError }, h("slot", { key: 'abf56087a30c56684cd3992365f9d1bd6be9129b', name: "error" })), h(GuxFormFieldHelp, { key: 'a9d02d2ae53c77fd0866b60ab1f88addf9c42673', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ce70b5209a863db0f86ebe207e0cce4c9bc34f31', 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

@@ -9,7 +9,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
 import { onDisabledChange, onRequiredChange } from "../../../../../utils/dom/on-attribute-change";
 import { trackComponent } from "../../../../../utils/tracking/usage";
@@ -98,14 +98,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        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: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '6ea123b795f941d395a7c1d7e8248c8184635f9d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'e35180713387b8b87a982794b63cf5197749b05f' }, (_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: '0128e7171270e19de005c0a96111aeac91c87a87', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e2e1ed9d712606fe4346ea71b1deb5156afc9362', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '400be36b93fcc6631d8daa566e7ba5cc60da27b4', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b2141b31fea069c1bb53e09f6e94c7fcac247248', name: "label-info" })), h("div", { key: '0368025904483b8dd6e1d8eb9ed09b90c2fcc585', class: "gux-input-and-error-container" }, h("div", { key: '65f23143dcafc6e43a7f015cd17a129c5cbeaf9b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'cf3ed1da0bc6a6267faacbc72552603caa5a582c', class: {
+            } }, h("div", { key: 'dc607e41a5778de6e0d13b6a68234d3cd62d3c76', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: 'b72d8f134d6ad1ae8f385bf5463975682dfcf2cb' }))), h(GuxFormFieldError, { key: '47a516a955b5ea38ac3958bf7ec088819ae6a627', show: this.hasError }, h("slot", { key: 'f010fbaca29bdb66305ef43898b0166c75dc1b31', name: "error" })), h(GuxFormFieldHelp, { key: '69d4e91c95728faa37a37305688d3cda67baa9d2', show: !this.hasError && this.hasHelp }, h("slot", { key: '42b6207240a081af47c1be54b0d9e9a46fbe6c1b', 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: 'ffa91c4980dedf6966d07728fac70af8dd3c0342', class: {
+        return (h(Host, { key: '2a07ccdfa483bedb9bd7317bd5dc6bd1529f081a', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, 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" }))))));
+            } }, h("div", { key: 'c8a3bdf5ee71bbe4991d3a5e3cd9ee61dd06a290', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '332b5681500d15e60b9310c3cb802150e55dc7ba', class: "gux-input-label" }, h("div", { key: '72203629b351ccbba635c919ef76f6dc328d7403', class: "gux-input" }, h("slot", { key: 'abeae9fb7b1203eb8c240fa08dc9e4d7cc934996', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'bbf5041bf73d34bc4dd14a4218f02b9b1a6a6963', class: "gux-label" }, h("slot", { key: 'a967102925864849bc62718fbaa834e93364ff78', name: "label" }))), h("div", { key: '7a62d57b6b56a20c0c38402508e19e643b9b2877', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '22c26e650b61d4e7f0d4b56adaaddf83438d5d54', show: this.hasError }, h("slot", { key: '767a2b5bc7ae8346503371df88f0bdcd655dc8b0', name: "error" })), h(GuxFormFieldHelp, { key: 'e7d2f365b35ff06030147c66f296fc96362509c4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd7b71e1858e4981ef423f763ef4e6533cd3ef9e3', 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

@@ -11,7 +11,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { h } from "@stencil/core";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
 import { hasSlot } from "../../../../../utils/dom/has-slot";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { GuxFormFieldError, GuxFormFieldHelp, GuxFormFieldScreenreaderLabel, GuxFormFieldFieldsetContainer, GuxFormFieldVisualLabel } from "../../functional-components/functional-components";
 import { getSlotTextContent } from "../../../../../utils/dom/get-slot-text-content";
 import { trackComponent } from "../../../../../utils/tracking/usage";
@@ -124,8 +124,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        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" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'aa74a0a167f00c3a64afb9a1ac74906393e93b7b', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'fbee0e9663f864c367fb9c5443b001a07cf5af50' }, (_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: '16d264679463de752d0c24e5709586e3a0e31e0f', position: "above", required: this.required }, h("slot", { key: 'ccbe1cbcf87cc55287ff48a61e3c4ed913c63acb', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1abb12f3d9af3848a7c491660378d05ed1311bbc', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2271df407dfd329251b62812b5af094fe779d991', name: "group-label-info" })), h("slot", { key: '41c1116bb04c07868aaebc9552fd21e9f7759f49' }), h(GuxFormFieldError, { key: '7772c645665c4c9f5de81dc08a29970b89366439', show: this.hasGroupError }, h("slot", { key: '654fe35787e357c5e4ed113b48afc81d7bd27049', name: "group-error" })), h(GuxFormFieldHelp, { key: '43855ebb7ca5320723db4d6a6f7f2e7c2c8c3ed1', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'a6c7b086edf4deae14fcbe9e9e78690c0bd81236', 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: '92ec1ee133a77d92f78c9202b871279a128a53bf', class: {
+        return (h(Host, { key: 'bc17164c8473b7fdf04e2bbfdfb6580ef14b1aa5', class: {
                 'gux-active': this.active
-            } }, 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" }))))));
+            } }, h(GuxFormFieldContainer, { key: '3d1822229e53b3753c486c35c0bc4f63206adcde', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c3bb26e77789bfba19bed7d1f4885f84a19d1d57', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1cdfa1597694762bc753b2f24f92497620e3bf32', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '98dbeff398d089a6840083072fd2337372001a65', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bf723a251796ce6d07f401ae83ba8c0d17a4c3f4', name: "label-info" })), h("div", { key: '23c49e029982a5a78023c4e05558dde97f9917b9', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '82e313cb42b83c40b758accd2596631068a3ea49', show: this.hasError }, h("slot", { key: '42847d83952fdc18764a117e209a07a008a63f36', name: "error" })), h(GuxFormFieldHelp, { key: 'adab703b517deb2c01d475ff6515e26eabdab680', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f2123fda5b0ab320bec4cc53e4ee775905fb2072', 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: '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: {
+        return (h(GuxFormFieldContainer, { key: 'd8e7979a398c2d2cb253a8963dcb73097071913a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0d660a0f7f1cca5fcee9e5e5e286c78c6cda27cf', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7ebeaf339f5d7d1711e178055c4290b937dbead1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd2061f8d3881b5205886d5a4de3e4d4e1fbc63db', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f22f7f97322585e46e0b0c6b531249923cabf72e', name: "label-info" })), h("div", { key: '1ffa3def92c9ed7ef2b2eabf7148c3126fcc0136', class: "gux-input-and-error-container" }, h("div", { key: '236f2873311d703f441604085aef6c4b36769dcc', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '62f5c3221ac6fa1c76a65debd59bfc4041d047f2', class: {
+            } }, h("div", { key: '2150cdfb85ae8958143f1665ae2b7df92ccf25db', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, 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" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '03e96968f01aae2c30253b3ad9a791f97284b003', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: 'a6dc120633867712474d085001dd155694f07ba5', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '8e4b4e775a10328088ae79e9f5c661d2740c3758', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '69f90a44bd6c4d0ebd1f82404646375ef7a488ec', show: this.hasError }, h("slot", { key: 'f0622f95157ae583e3282925f5d17d7d9cb47a55', name: "error" })), h(GuxFormFieldHelp, { key: '698dbaabec30e0348bf9ce6ee29972bddae2234b', show: !this.hasError && this.hasHelp }, h("slot", { key: '4f1238030632208d372842e9452f97739b3564fb', 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: '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: {
+        return (h(GuxFormFieldContainer, { key: '8c5479b8fd09bbc9073cacfb06af0c7d9f9dd08d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2328cf2f6608d0c6ca834636ffea363837bc9f20', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '05786d917bc60c7320bd7a91da1a51ccb2ffaff8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '511c4b47c9a5404006c2ca14d278f096fe34fd31', variant: this.indicatorMark, required: this.required }), h("slot", { key: '60be6e914d33a654baed04a7787fd31acc76c769', name: "label-info" })), h("div", { key: 'be7230bca4a5ac4668d5906ab48465dbb1807dfb', class: "gux-input-and-error-container" }, h("div", { key: '8cc741be5b94dda1474c4e47c5b4d2f33c630d61', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'a4b5e98a17f1d6b01a3020bb073394afe10a3181', class: {
+            } }, h("div", { key: '5af314bb0e48c2ab8da00be983cd76f7c96807a2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: '8253322c41297ef2295e0b1cb7908014310a187e', name: "input" }), h("gux-icon", { key: '414fd118181dd6a87cad8ae1abaaf5b73ee45a33', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'ae8743e1cda6d0c5342b03ad6fd67a2a01599f2f', show: this.hasError }, h("slot", { key: '84eab9fd4a7712f812dfe05cd1a31fb8681bdd3d', name: "error" })), h(GuxFormFieldHelp, { key: 'da3fb38e991924f1a87ddc3b823ebb99875d9cfc', show: !this.hasError && this.hasHelp }, h("slot", { key: '7de985c4c6ab83808d9090e1b62eac449d3c4f61', 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: '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: {
+        return (h(GuxFormFieldContainer, { key: '3aae89e5a9e34e64fdaf202ca32750974b70f25b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cab23d517a69ae2708d3893429c34b4bb09f4a62', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '368437105310fa272294d0df9eb9b9d741b44003', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'aab5d0450aada4a9727653bbcca84251f8d06b36', variant: this.indicatorMark, required: this.required }), h("slot", { key: '999514abce677aaa46c3361ff14c4881d72ae2ac', name: "label-info" })), h("div", { key: 'a36229ad90648c4dcaee9c8f32d7c0e286a8fb81', class: "gux-input-and-error-container" }, h("div", { key: 'dac2dd9e5b3837723ee488585da2e62265a67c1e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '83e415a576eefdc52ea982168b0ba4bb525a2640', class: {
+            } }, h("div", { key: '513e5efef0697c77660342ebaa5381b014558f20', 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: '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" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '6fa9abcd69b8e834f338c424e0a5295400718e88', name: "prefix" }), h("slot", { key: 'b9ea3983bfb38b05fc0274aa8c1042c7d117a550', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'f0da41ca1dbca2296834c84104e60ac2d54914fe', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '6d39235478e7282efa3753e1eabdad8bae160337', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'b47c0a8d858e5e9596c83202cbde4082c244f72d', show: this.hasError }, h("slot", { key: 'c93308a6bc3fb318fc909ad284692912cd224586', name: "error" })), h(GuxFormFieldHelp, { key: 'e9b5190399bbb70517d3c70b9165c42bef7db285', show: !this.hasError && this.hasHelp }, h("slot", { key: '67035512f0b6e178eb4c50f754bd0e51090a9cc0', 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: '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: {
+        return (h(GuxFormFieldContainer, { key: '989ec6439601ed674996b95f803efdc8e5184d4b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '862ce006386692f5e93309f6735d0d653c42394e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2313fa07bab8373addd04faf624ab0083b415c54', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '630cdd1a052d2888545845afb7fedd79ebc019df', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5e4357e39379df103af426266466750c5031a9de', name: "label-info" })), h("div", { key: 'eecf4870471748aa5ead808f1bc09281d4d842e3', class: "gux-input-and-error-container" }, h("div", { key: 'f1c25eb869c58712eae8906f3325b0bc6c3c57d2', 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: '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" })))));
+            } }, h("slot", { key: '7e415e054e384235e792ad23fa9094042ad5dd06', name: "input" })), h(GuxFormFieldError, { key: 'fc564bf18ac064d60d79465e055cc2ce7a2ffbee', show: this.hasError }, h("slot", { key: '332994a6d8fa4e295eafc0b30a53e49b80c083d8', name: "error" })), h(GuxFormFieldHelp, { key: '1523d395d422f10916d89139e3103a86eb3e1bc5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dc6c5c0839950a91ffc6901fc7e98fbb89f05347', 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

@@ -9,7 +9,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
 import { onDisabledChange, onRequiredChange } from "../../../../../utils/dom/on-attribute-change";
 import { hasSlot } from "../../../../../utils/dom/has-slot";
@@ -98,14 +98,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        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: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '2f6284bf2bd3a191aac85384490bab2d398c67b8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b9c7224d76977974cdecb991c6496caf712c2dad' }, (_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: '121ff318bcdf6b58b326e90b863c7e99e58f4c87', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '83b00e7aa3372ae0f99371fac3b1d99980f78cb6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3c9fc718823faff9cfe366662dbed9019950a0a4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '191738908ec12ea8f5877a716951011a62a44b84', name: "label-info" })), h("div", { key: 'a61936aec738bf45351fff022f59c55a26a01754', class: "gux-input-and-error-container" }, h("div", { key: 'caa8258090f789e8110964df86e5179cb2417fce', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'c4173257e2320d4a83594bffb660615a3dd40d60', class: {
+            } }, h("div", { key: '9a63c91f1fc6c7734ffd1d4fc56a43289206f701', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: 'f6ba67bed6ba3100e562803db5b144470ceae780' }))), h(GuxFormFieldError, { key: '14444e36f3dd4a30e3c7925b67a198ae9ddb0aa0', show: this.hasError }, h("slot", { key: '25107814efa1dceab24dd57cfa04fdf7a31401fe', name: "error" })), h(GuxFormFieldHelp, { key: 'f40f273f9c14cb1b80b8903bd824b0c81edbae0b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f28e67e86167d4f0ee3ce3519124840836f5d219', 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

@@ -9,7 +9,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
 import { onDisabledChange, onRequiredChange } from "../../../../../utils/dom/on-attribute-change";
 import { hasSlot } from "../../../../../utils/dom/has-slot";
@@ -99,13 +99,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        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: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'a2c68942760261ead99de690292e5212c7e51c68', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'bce390a211dc6ec360e98351dffd94ea587b9f1c' }, (_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: 'd33286d7b2907c45cc7ae016ada4a376844a2382', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '0f28f6cf1f6206dac20b921c6801fc867d3c4d84', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8a3a4fd4ea3a8e7d936cdb2b0381c0630f5466be', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6b40b670b50fc08cd2bdf5a4a746dd49f0b75ee7', name: "label-info" })), h("slot", { key: '7e652012704350ded87227440248ded99d958c71', name: "label-info" }), h("div", { key: '3d623fb3dadea4922acb2bb1cc3f6b5d06b3add7', class: "gux-input-and-error-container" }, h("div", { key: '03bd1920912a114ed96eb778cbf508ce796df886', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: '08c31da81e638aac148c261ea0ce907a573b330d' })), h(GuxFormFieldError, { key: 'a42aa3900bae7604743901f0d02cf142deb0895d', show: this.hasError }, h("slot", { key: '043484bc6874dad6c94b82f6641c61b6d1bef498', name: "error" })), h(GuxFormFieldHelp, { key: 'ea9e1555da10f5b2db0191b2cbe4573c55c04b6d', show: !this.hasError && this.hasHelp }, h("slot", { key: '0f5cea2ef4a9d9ade78cb103cc41214fc7409b99', 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

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { trackComponent } from "../../../../../utils/tracking/usage";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import translationResources from "./i18n/en.json";
 export class GuxFormFieldInputClearButton {
     async componentWillLoad() {
@@ -8,7 +8,7 @@ export class GuxFormFieldInputClearButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        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')))));
+        return (h("button", { key: '69c846a9dac078cf1b2affbbd802bcdf5e342671', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '75f116fced0dc325f669efbc3dcaa8a44ee52e7c', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '752ef91c7cc3d5e0f0e320b799f6b75fd7a28caa', "visual-only": true }, h("div", { key: '082c3d468a87dcfdd360a79f22e13f33b1b4cfb9', 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-form-field/helper-components/gux-form-field-label-indicator/gux-form-field-label-indicator.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { trackComponent } from "../../../../../utils/tracking/usage";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import translationResources from "./i18n/en.json";
 export class GuxFormFieldLabelIndicator {
     constructor() {

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: 'd4a32c141ac21892a741640cb64a1776ab9f2281', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '99218862a4c35ffce4c199f28a8b1ea5a7e940f4', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get is() { return "gux-icon"; }
     static get encapsulation() { return "shadow"; }