genesys-spark-components 4.98.0 → 4.99.0

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

@@ -6,8 +6,8 @@
 :host .gux-menu-option-button {
   all: unset;
   box-sizing: border-box;
-  width: var(--gse-ui-flyoutMenu-width);
-  height: var(--gse-ui-menu-option-height);
+  inline-size: var(--gse-ui-flyoutMenu-width);
+  block-size: var(--gse-ui-menu-option-height);
   padding: var(--gse-ui-menu-option-padding);
   line-height: var(--gse-ui-menu-option-label-default-text-lineHeight);
   color: var(--gse-ui-menu-option-label-foregroundColor);

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

@@ -28,7 +28,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: '7b49ff2285e3f56a40b3eb59a750982dae4fdc88', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '3b73c1d7b95a3c3ab25ddf3994a700e4d4e3d186', class: "gux-menu-option-button-text" }, h("slot", { key: '22a6596fe9dc4f88b77846e71339bee11607fc5e' }))));
+        return (h("button", { key: '58b39fca81c74ee7fc14386324b2f19a19168cb9', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'a09ddbc672e40ea94709f1298653067a2ac35e51', class: "gux-menu-option-button-text" }, h("slot", { key: '3cc30136309add7f2735efda0229e3b169d2ca5b' }))));
     }
     static get is() { return "gux-menu-option"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,6 +1,6 @@
 :host {
   flex-direction: column;
-  width: fit-content;
+  inline-size: fit-content;
   padding: var(--gse-ui-menu-padding);
   background-color: var(--gse-ui-flyoutMenu-backgroundColor);
   border: none;

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: 'd899f6d7787a1fe6190bc3929af74321831ce66f', role: "menu" }, h("slot", { key: '3d01d48a938b189d1bd650cefa3ad1879b282ed9' })));
+        return (h(Host, { key: '7505ed4e4b1b399ad69e231862100a9c006246ef', role: "menu" }, h("slot", { key: '092d7d38155896885e7cc93c4ad6cd5f247b4fde' })));
     }
     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.css

@@ -11,8 +11,8 @@
   flex-wrap: nowrap;
   place-content: stretch flex-start;
   align-items: center;
-  width: var(--gse-ui-flyoutMenu-width);
-  height: var(--gse-ui-menu-option-height);
+  inline-size: var(--gse-ui-flyoutMenu-width);
+  block-size: var(--gse-ui-menu-option-height);
   padding: var(--gse-ui-menu-option-padding);
   line-height: var(--gse-ui-menu-option-label-default-text-lineHeight);
   color: var(--gse-ui-menu-option-label-foregroundColor);
@@ -30,7 +30,7 @@
   flex: 1 1 auto;
   align-self: auto;
   order: 0;
-  margin-right: var(--gse-ui-menu-option-gap);
+  margin-inline-end: var(--gse-ui-menu-option-gap);
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -39,13 +39,13 @@
   flex: 0 0 auto;
   align-self: auto;
   order: 0;
-  width: var(--gse-ui-menu-option-startIcon-width);
-  height: var(--gse-ui-menu-option-startIcon-height);
+  inline-size: var(--gse-ui-menu-option-startIcon-width);
+  block-size: var(--gse-ui-menu-option-startIcon-height);
 }
 :host .gux-submenu-wrapper {
   position: fixed;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   flex-direction: column;
   padding: var(--gse-ui-menu-padding);
   margin: 0;

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

@@ -140,13 +140,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: 'e8693c4c366dba88c612c2f90a119df237b6fdea' }, h("button", { key: '5bc31acd66e7e73189e200a0c35599a41b787095', type: "button", class: {
+        return (h(Host, { key: 'a4143a341b3545327854eaf11c6397ca7fd7d48e' }, h("button", { key: 'bd9f07eb13501fc00a581168cbe98088a05c8704', 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: '008f2716d5e128d507f85e2c0844f728bdb5567a', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '103c031112a3c2e2316af24e9cc85589d81ed78e', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '89aec540f5a3d5201f361b880abe922e3a563643', 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: '135c5bf0045d6a46a1a19903794c659a15e9c2c0', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '878d00043d57e44acfa41de49851519a9258d291', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '4585cdcee9c9c0613d5dd363d134ee4891655fb5', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'ca49b671b97930ae14d519a787a71305abaed253', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'f584b906fcc99a4ee38d32b09c8694e77c5675fc' })))));
+            } }, h("div", { key: 'b846d6aa7ba96e9bde27b5608d8849c8a0900f86', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '9bd601e3eeed7e455195d438a1c68632f4c69693' })))));
     }
     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

@@ -48,10 +48,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: '7a43078ad95c5f7f625e5d0d2bf8da876c82f33e', class: {
+        return (h(Host, { key: 'f4a1e6de33d48daa5dad312da21e819eb51acd4d', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '1a020cfdaeae047f1fa1187030e9a6c5ff5b1e24', class: "gux-form-field-container" }, h("div", { key: '998b70c3097f8b15b82b8404fcdf341ec62e8c6e', class: "gux-input-label" }, h("div", { key: '0fb3a76c0a20fd9595c179eddbb8900d9f102099', class: "gux-input" }, h("slot", { key: '6775ed1860252007ceacd4ab1324b9fc12928d14', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a4bf7a2d60556cfc6318d8128f30ff16b8bade61', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '72dd8602d8154e5b4059f0ad5bbf8f1d0946f3cd', name: "label" }))), h("div", { key: '1edcc23c81af2687471dac9943c6c05b147f906a', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'a1e4d8ad0ab2d2aed461671d4567c191cff590fb', show: this.hasError }, h("slot", { key: 'caca83f11ef790ee682628e56ec950c838d923c6', name: "error" })), h(GuxFormFieldHelp, { key: 'b55a101f1c3c65359c04305d87bec4747ca4623a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a1794c130f165f856a4efad1f28824c91dc6ddac', name: "help" }))))));
+            } }, h("div", { key: 'f89c4233354957c8bc9fcf92f4e29595de1fc2ad', class: "gux-form-field-container" }, h("div", { key: '652ca624ca6edd629b697628ffaebaf301dc3724', class: "gux-input-label" }, h("div", { key: '088adb1eba9c9de950de4a155406a678f23ca29f', class: "gux-input" }, h("slot", { key: '00b38b2cff1939043f43c1489aabef07b7fcc86a', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'df090f4c8ee6661cfdaee8eb6695b7b1d015b984', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'f39c6ad73085d6941a827cb0e98e284d051c9df1', name: "label" }))), h("div", { key: '47e866420e629df1b8aec82f77534fe5a6164785', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'f5263f5b0cb31b093d9edd82a5fbcdaf04a0111a', show: this.hasError }, h("slot", { key: '0af4cf4479560b95419ff03720c3b7ef40b1421e', name: "error" })), h(GuxFormFieldHelp, { key: 'e467277bc989a37d7894cae7be7c9fb50d8544e6', show: !this.hasError && this.hasHelp }, h("slot", { key: '8898d7225da96d13847b56d3fbe5d4b29735ad1c', 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

@@ -133,8 +133,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '94723cdf2f5f034f5019d60c0423655eab66c831', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'c16118b4a4df96b29e41ba925f07abb2b1345a07' }, (_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: 'a8ff855fbae684aae1064bbff2353a6a4f60d421', position: "above", required: this.required }, h("slot", { key: '5cd4cab481f2f36e7aee8621c68889f18e4667d4', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b28e53cab373e3855c8cdb7ed7952675f570dd80', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd42a9d66dbb184aa42438d07d28734221c59a7d5', name: "group-label-info" })), h("slot", { key: 'bc1a499a9b572feee068325705cb3a76ec011387', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'c41d586f505ca19062e168c296e8009f4a5ce978', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'e0300cedfed98fbd1b1e5a4e2a947fea385177bb', show: this.hasGroupError }, h("slot", { key: '5cecd1fe7425511f1e8c7e4a9ecb9a7378184771', name: "group-error" })), h(GuxFormFieldHelp, { key: '1bce0893c4b38659fd7f4d662c4da32fdce9f546', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '99f3e57b2ed2fc6a81e397d9c849e6d55bd3c354', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '8f55ad1173ccf1d605a535e70af9bb579adfa530', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'de316ec0c9ebf54fd1e8d48d79076a47bfbd3351' }, (_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: 'e8cfa0e5d18a5d456048832292c7d1c59fa00ba0', position: "above", required: this.required }, h("slot", { key: 'e783d4e45723b8333bc16f9da40a6ccbab451047', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7b03b21b6294b30401e70b3b10535fac431043f7', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ae75490c17d708d2c0e99443882d33f0a4bdfd97', name: "group-label-info" })), h("slot", { key: 'bf90272aba606ba0e52f748609a4df420ef2f2bb', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '997837966dbf62648d6565f99bfca4f199659c6f', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'fd337dcd075fca6e936570ccf3013cd6c23e094a', show: this.hasGroupError }, h("slot", { key: 'e2c6945534e3e6803af195f78a54cf19b1566713', name: "group-error" })), h(GuxFormFieldHelp, { key: 'b6f7a4f12ac3629060690e8c7f4c050cd7fb2719', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'cb18a32eb4313288f6033073fcce2fc085268f1d', 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

@@ -84,13 +84,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '73fc77183b0f728debfb2744124a76d1b508563f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c353e6f750a2fe13f25a081ca66667bbf6866b14', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'aaa632e789d924f04c881cc42cd224f60b2280c4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e0f0c4bc1ea92829247606d2014dd3948b0bfa8c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4db6cd3cbd015550a42b3cc729eb25f1305b02d0', name: "label-info" })), h("div", { key: 'fc422bdc71e532a1d98317be9c924a64fd5fa6fc', class: "gux-input-and-error-container" }, h("div", { key: '66358ca1f246b5c916517caa1f87167631d8ad32', class: {
+        return (h(GuxFormFieldContainer, { key: '804d8c6ddc4e627829a50b9cf30c835c206d1d4b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8b4d024b7c766092328dbf1f3d696a217ee7b142', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '864f6cfdecb9c9031480006e41119921335b4cc0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b8343af6b4366c448981c6ce06a4472398085277', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'df6e214499509a59a5d712954d7667ee1b158f94', name: "label-info" })), h("div", { key: '589acda62dd6477198a6e870560d316dbcccf88e', class: "gux-input-and-error-container" }, h("div", { key: '0ea8b90d11a47dc60164a31d1de8259683b58896', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ab897bab896a48a36be26dc82909acdc7926cb41', class: {
+            } }, h("div", { key: '5167a28c3d19f903b35d88bc1251f9a1ba65a2ed', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '244feb69ae89ffbae9d4d20923e94fc721213542', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '5dbe93d228edba754ab03ae7e6086e2727440b35', show: this.hasError }, h("slot", { key: '2feb325ef51bbbe9a501cfd90a0d80ef708ae0eb', name: "error" })), h(GuxFormFieldHelp, { key: '7e4eee7128e0f7cf6961cf779b8be329f19564b3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fbb0fc779d28c82d60e4f135e6b975192f4f64c6', name: "help" })))));
+            } }, h("slot", { key: '4243b68df6d115b7cfdaad76abc8d807b12e3066', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '47f6e0787d5b76665f4f06167ca46fe902ec52eb', show: this.hasError }, h("slot", { key: 'd24918e34727bcdb643da7f06e7cf384252fcf27', name: "error" })), h(GuxFormFieldHelp, { key: '96b93264882515d13acac05786f9951cb8836c82', show: !this.hasError && this.hasHelp }, h("slot", { key: '6d4b36aadd5979a009c0630dcef5119f4aae902a', 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

@@ -96,11 +96,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'e40030f0e983ba955fc2cb2390f882593564eba5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1f396a3244f469abf4b2fe6458ca97fd08004e3e' }, (_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: '59f5a574d115228f70459f6b429e4f0fd630035f', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4d22d4a01087504596c5d0bc8708f1a6b1a963d3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ec2d2a8a5512e5d6af49e5d6be3103fa607d29d8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7563858582bbe1ae21f72070a6f820a15be956ff', name: "label-info" })), h("div", { key: 'd03f4ec755c3f454c0d1835f9d4936169a091731', class: "gux-input-and-error-container" }, h("div", { key: '71f5727f6b17c8ac465c80f0f696d2bb1dd513f4', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '71d122e7f63efadd0177ac2d5115307a7ca55655', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '128d9afb9cd4bb99334ce1553928a2fff4e48e5f' }, (_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: '46249dc3f4cfb3f8850f6a4dea6279124cc8d97a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'eb1d16840148a2ce1c3ddb57612ec87a9c238977', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9e514be44918e06a3c2c2a9c2279ffbdad83f934', variant: this.indicatorMark, required: this.required }), h("slot", { key: '85b57a28545124662757cfec1eea3098e68584cf', name: "label-info" })), h("div", { key: 'cca308d129104e98001fbf676f42f9f871032fd7', class: "gux-input-and-error-container" }, h("div", { key: 'f5647350f001915b57b19e2cf77e43868d4a2740', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '3f8017044eb4c67b3e0aface01d7648e62ca0e31' })), h(GuxFormFieldError, { key: '0e16b517213b75e130827b0f815ff5828108b5c7', show: this.hasError }, h("slot", { key: '6aa89e429d06abddcd17ef8a9e2cdbf7ff4747b9', name: "error" })), h(GuxFormFieldHelp, { key: '01202b0cbf2beebe042d40bb3c379e7c621d8d43', show: !this.hasError && this.hasHelp }, h("slot", { key: '05b130d850052d841a63fd8a9fa5bc989fa63849', name: "help" })))));
+            } }, h("slot", { key: '48476a28744c71b6607f25d324e4bf72a69a20b7' })), h(GuxFormFieldError, { key: 'dcfdd5dbe07d422e00809468d060f1b26cae9733', show: this.hasError }, h("slot", { key: '674cdc408c212d7b41f70c3c413b07d04ac755d5', name: "error" })), h(GuxFormFieldHelp, { key: '16ad4cea0bf33f07fbd19d16cb6a3b8b2ca17a24', show: !this.hasError && this.hasHelp }, h("slot", { key: '579ceb927dcf8bafa7543fd69c639faa1131f2fb', 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

@@ -98,7 +98,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '03b52b5c171eed7db4789139a7f4e261f67607ee', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd4ede0b30efcd4539218a6c112a4818bf137e5ae', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6693168ad52a06f63b1ae3407eda0506a082677c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e648d299468bb54bf42de5c18463ae8b01556d5d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '29165a90f5f57aea16585c69340b89b298ec357b', name: "label-info" })), h("div", { key: '1b2e81f8aab096f72068e39cef3955fe6359c161', class: "gux-input-and-error-container" }, h("slot", { key: '5b5a783b63104543369f55133b2364edb07a2c57', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'f53c23dcb4bfc36d4c7bf7cf8d2a58e6427a1ba5', show: this.hasError }, h("slot", { key: '81a52ddbc2bbd17cf018e7a95f961dab96261372', name: "error" })), h(GuxFormFieldHelp, { key: 'bbbcde2ad94994a0092d4718fe2535c2c4e3faa2', show: !this.hasError && this.hasHelp }, h("slot", { key: '984e604b0bb0c47726e7313573ffec8e68dad22a', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '371e24052a1873479a10e87a963060e4a8b27e0e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '06bb78edcb73e72bdb115843c90215832b20b07b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6c962c3e36a3ecce7748455a59c2f34a4e5391e1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6d27acaf1b331ffe527474597bd4d10eb90cde40', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ab5ddb29daa89fa4fbf4787669f545919671b7b5', name: "label-info" })), h("div", { key: '271c47964a416a3b8a6cf8bcaa5415cb6dc0c098', class: "gux-input-and-error-container" }, h("slot", { key: '7e669e609f173e8e08985b44be1db0be9f28da40', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'ae27696df89beb4b432da276eef4350cc7e283e1', show: this.hasError }, h("slot", { key: 'e30df293b32215ae4eb7115e562a42f65c5d880d', name: "error" })), h(GuxFormFieldHelp, { key: '7bf9b1da25cf6d4ac12bfb79a7f5e30695c2e753', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e7c1cdccfe5335d5580522e4356e13efcbeb9b07', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }

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

@@ -101,14 +101,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '3004d1fb760b2df63465340c08b4ad957a7720a7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7dfb26c04bec0911883fbd48ecf57685ab3c94ee', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5fa22327a6ef85f8ae466d0ee440c0b5ed524f6d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd801b13b0622628955aa2bcd48fb50ae54e68d65', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1511b51a2d23a83f51a199732831219df2e88a4c', name: "label-info" })), h("div", { key: '59942106060f0308ecac53674a2a341fb7b62195', class: "gux-input-and-error-container" }, h("div", { key: 'f240dcf81673e576be7811174c9da2e98d510c32', class: {
+        return (h(GuxFormFieldContainer, { key: 'a6975f2ccc9ebc627c1bd9834610d959927470a8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'baaf4824a30107d90482bcf45ad325bb1fdfe6da', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b85cbfd083bf6333544f8996dfc37d85bff78823', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '74cb9e08c6398568e4e1cd335f1c6f69628b698d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'db10a5a9bf276c8eed34e7ea0777d979bacabffe', name: "label-info" })), h("div", { key: 'be3460aee46864ef603b03cc5f6bd08a003067e6', class: "gux-input-and-error-container" }, h("div", { key: '370f44da6ed92c76d6b5d527345d72637ba6cdae', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'b6d055f198d692b7b4a1ee2257e2245f8f556cdf', class: {
+            }, part: "input-section" }, h("div", { key: 'e328018753240e3143fe0834783da8748be6a535', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '124084c38252855178ccb345521ef5e337141665', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '5bc79a734818af72070bd82ce4275f1233edeb7c', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'cdd574eafecc0a68265b7f319c4e258d5fd40e42', show: this.hasError }, h("slot", { key: 'be75190667c870278c5e9bd8658c9cf4bf27bd85', name: "error" })), h(GuxFormFieldHelp, { key: '5bddbb010f4e3cd9ef276110b8fb37a1e3db1a73', show: !this.hasError && this.hasHelp }, h("slot", { key: '82ae4ba91cfc869f614675c5d184b52b99820841', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8c84afe164de2d35f3a850c22f74f2d73d2bdf76', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '755b3bf35889dcbe7e2330decd8c7d987368d7ec', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '5acece33b9cdf12d462c25d72340892003f798c6', show: this.hasError }, h("slot", { key: '41d08228d4aff1ae43bcaa136156e7555b80f2ec', name: "error" })), h(GuxFormFieldHelp, { key: '110a9d65eb368f6badca06e500dff312a1ba1530', show: !this.hasError && this.hasHelp }, h("slot", { key: '40a4d0d3357a0b0715688c53fc0f29bfeabec84f', 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

@@ -92,14 +92,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'f8ec11b18c0c4e2f0ee75ff202e15658afcacc8a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '01877df6c72e7ed62266f5106d702c8c14c5e55e' }, (_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: '2c557c1750a87fd233f1ca51b1599edbee542bd3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '876a1f437fc48d1384f5b16b4b642abd982caed0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f1c0b013326afd5804cbb8967b372e83b803bd10', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a4462e9f22930501b03333e12a7b35e6a42ee45c', name: "label-info" })), h("div", { key: 'f6ef394ac6c17430e49e87783388fc9bd8ed17c8', class: "gux-input-and-error-container" }, h("div", { key: 'fa351316737f23aa85206c4f71512d7304cf45c3', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '17a915b5df63da75b1ff79a4572b9ebbfccb9e18', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '4b34382d9fc9c945e0d511e89659853559925999' }, (_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: 'dd8ded591e4e26de9fcc19992eb614d563ff5c94', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd41179a86ad1a444fb11ba988a0976c8a4e2f15c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '077b0c3b6940874faf744e1a34492ffa22a53219', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f5be6e2a547875d953b78bc84522e08b887d7688', name: "label-info" })), h("div", { key: '9c20375fbb32cf8db35481bc751494f9f992a793', class: "gux-input-and-error-container" }, h("div", { key: '0af3a7af66dcef5bee06303435b6a46ac9ff8594', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'c58934454a2765659b1e3d1d7d8fdc0cbee94d30', class: {
+            } }, h("div", { key: 'f2af70610e53ce198a589a934e770e110471304a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '15e7597a12de5167e26f9604d6c05afdf755f767' }))), h(GuxFormFieldError, { key: '656198c4e9b3fb21d8ad69daed8fc94452ef16e1', show: this.hasError }, h("slot", { key: 'f8df594cf3c7aca049c0dd23eca14b69dcb5921c', name: "error" })), h(GuxFormFieldHelp, { key: 'fb7afd9c57f61cab1ebb0a545b186b8714811654', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fc4fe2aab5273e048690a1e7f2caa0f852ff6193', name: "help" })))));
+            } }, h("slot", { key: '35be2c5d111161cfcf20046a66312f9f7e03476e' }))), h(GuxFormFieldError, { key: '5997f3f3b7fdb44ee8bb4a30d33094f232c2d72e', show: this.hasError }, h("slot", { key: '94ea6b8fbaa3027893c5b3bcb9e5fcdea2416ac0', name: "error" })), h(GuxFormFieldHelp, { key: 'ed1c1485c38cb052b06e69c66a1c07d6cf462872', show: !this.hasError && this.hasHelp }, h("slot", { key: 'de3602f05399f4d5881eaf01b85cacb60e8e3fb1', 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

@@ -47,10 +47,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: '1007330d2d1bd0432959d6779cb9153ce24b823e', class: {
+        return (h(Host, { key: '62befe849e25f178f21efa89dec7e3e782aa07ba', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'e865127161e33a23564df3b7658e98d5c15d787f', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '7168722d1846daffdc37a73ede577a56f0a4984b', class: "gux-input-label" }, h("div", { key: '492608ca60a49254869b74f523f1646ce49840a4', class: "gux-input" }, h("slot", { key: '9dcb1fbb80bf02efa18eef70b86024d510f87acb', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'f82d33f93f817dd22e672afa9d22d85332760030', class: "gux-label" }, h("slot", { key: '2a4c1cf42c51903626240dbcf9355c4f34e385b4', name: "label" }))), h("div", { key: 'cae621b85cc2205ec3e4bd274cc1a78f53d63f3c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '0ee7846e5933b9c6ae78027cba7a85371ee433af', show: this.hasError }, h("slot", { key: '4a89abea0a3a5ffd87e4b11b61a9492f752f633d', name: "error" })), h(GuxFormFieldHelp, { key: 'a0691c11d576394b2ae24f460774871017ba9c11', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eac90062bd312cd07b0207bf37fec5c33640f533', name: "help" }))))));
+            } }, h("div", { key: 'dacc626017ab6620c230fef96a5fb6b4bdb06c08', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'fe12cd8ae276b1b1efabf1fb045129520e956a3a', class: "gux-input-label" }, h("div", { key: 'c97409ecb00d5d3b2d4a814739b37868a46c5916', class: "gux-input" }, h("slot", { key: '010d4a8be5ee421e5c93e75845a57949cd9fc324', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'c22bbe288933a23e8e6a7bf23c559e27acc88f53', class: "gux-label" }, h("slot", { key: 'bb6dee73c3ff3d46f8c71a99ff3405ca1c1f38fc', name: "label" }))), h("div", { key: 'c7caf6664f1342a9166b21c8e1c4fc4886a1f97e', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1757163a29b12ef7681b67646f59a66b1d112c35', show: this.hasError }, h("slot", { key: 'fdbac0d615b13fad9c470f1a2fe71258d876f01a', name: "error" })), h(GuxFormFieldHelp, { key: 'd746a8b9fc441f6d21c29dfc7ae03baa39b673f6', show: !this.hasError && this.hasHelp }, h("slot", { key: '66cac6ffc458a370948af0de45f2cdd4fcd50068', 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

@@ -104,8 +104,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '5f2de0767c6d109ec92916eaa4ee37aa94905ce8', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '6609e4ec170d72b411b8db0d08af555d374bb538' }, (_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: '2d08f8ce4811671c168f83c520e1a842587e098c', position: "above", required: this.required }, h("slot", { key: 'efe1dd9c3bc201d6c78e142ad71f8992758ffecc', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5f1701c9319550e7c3a703cb422b35c7b8d579e6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4040e2da5612e756a0b3eb585570d8ae9e90bc5b', name: "group-label-info" })), h("slot", { key: 'f2a1bf78ae2358507408da4e546aea6b28d9f5f2' }), h(GuxFormFieldError, { key: 'a3019ab6f661d369fa6e2d83871e61e7a05c522e', show: this.hasGroupError }, h("slot", { key: '92e9badc94f995999cbb343b5b726992caf30221', name: "group-error" })), h(GuxFormFieldHelp, { key: '2d4915e6fd8a4b98ccf210c1e8cc35f60caee285', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'd340c2f5d29e80eb2003e1048a74cf519ee65180', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'bd134909b88d6d4934fb175cb6cb61b30d2a9b8f', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '00cd7e2c60c0e8fe08f7befdc622513119a4c692' }, (_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: '5262dbb2b5dda66e1c60d55b484e96acb267cbf2', position: "above", required: this.required }, h("slot", { key: 'a04c9728451dd7999c43b9acacb95458c57f7b42', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd0ff4b08f156785c2437a3f2de5682d6cf08baa4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '424200007c4635adf9daa3ed88b898351953fedf', name: "group-label-info" })), h("slot", { key: '14138a13de11976c6c97074590eb22968b2eac7c' }), h(GuxFormFieldError, { key: 'c73478e38095fccf2f5d4ebd9e329d3df48da83e', show: this.hasGroupError }, h("slot", { key: 'ac523240051e9f75da2d6c80808c76278cc2bddf', name: "group-error" })), h(GuxFormFieldHelp, { key: '899aba695144be758d73acdbcf50f411cc249572', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '965d5e0b7c42fd1c14bc880f8b2e94da4ff52a1e', 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 GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '0c5200095bc30ed766aefb7230f7d36e38da0b47', class: {
+        return (h(Host, { key: '32324364fbfa38acd4435a252bb129698c6b26e6', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'c188ac3ea3431f667a14716919455e49a3b39fe8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f9d54c26828629951f8bcef369f6f9d4a7ee3781', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6ca8713a5e6e35836e6f85fb1a586d036c469cc6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'baaa3425f49e5abb2300fd967e766b0afbf8128c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '715f74771087325a93268b902ba72140a5559a35', name: "label-info" })), h("div", { key: '0d4f7b7968a44533d78b1b12dfb8c520f3d6b1e4', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '1595f5480b5b1a2f6c126b93629b566696ab8fb1', show: this.hasError }, h("slot", { key: '4f66cea2ab1b665d7e8bead022af7d5a053ed26a', name: "error" })), h(GuxFormFieldHelp, { key: '73b488cfb8badec729d020ff436c77db7d3b15be', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a3185925d00c074336ef2d6a5ea716a50947b14e', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '57055247699edfa348923fb6df6c844130d3166c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c0efd2605f1b43591329adc687b85b8a36fb2f86', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '51586dbbf542dcc665cc639a88d40864fe92dcfb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '920517c2a7f219b3ff861c24b291df13792f9c56', variant: this.indicatorMark, required: this.required }), h("slot", { key: '821e19ca7fc0fc23d598ef4e69b2a54e30d8d5ef', name: "label-info" })), h("div", { key: 'f03523fa5e6e6d182802eac78ae387fb23433d52', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '47e22411ca72144a8078b16b461ecbf84d127bf3', show: this.hasError }, h("slot", { key: 'fe1dc513e6a99f9a89ca83da982019c8621ef36c', name: "error" })), h(GuxFormFieldHelp, { key: '16da91902190f61a50c7af4a3f214cd18e2dddfc', show: !this.hasError && this.hasHelp }, h("slot", { key: '1c03c46a10561577030a16b78cb498e85b44f07e', 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

@@ -94,13 +94,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '7405bf78d92ed1bdf1ac2c6e1c3c9ddde88acc57', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ca4a460c86e67a01dfd7fab5e721431fc36194e7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '53ef034b13e04e68265146499da04ffc075711f8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '365e48d76ca75a981c8ca5f65d47031a3ebcc21a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '10ac3d5512e78436bcc8708761c0b59e284c30ae', name: "label-info" })), h("div", { key: '956a7b5be1ea256e40da24ae7b6e94f3813a5039', class: "gux-input-and-error-container" }, h("div", { key: 'a4aac2179612e037e9e8857d7c914bb3d3f7e324', class: {
+        return (h(GuxFormFieldContainer, { key: '65aa4e1ab94a3d9fed3fc240cf3664058acfffce', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '336a275ef7e20c14417b7de5d159033d74fc4bee', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3acb487508298f5e5e6c666891c05c71cea9cc64', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5b3d5b19fa0a658a8e1b30805d930a76ca1284b8', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fa19f7918ba300988a3c9f0b5e8a1fb18cec1385', name: "label-info" })), h("div", { key: 'ee5bbbb211d1f5909313719c7f7753eb558e0bd7', class: "gux-input-and-error-container" }, h("div", { key: '7c4f85d077b2c637e16b86bdc996745e0377e1b5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4efb76589e49acc7d890938f679afa6dd6f5b56f', class: {
+            } }, h("div", { key: 'd3768122c095620a9c687cd07a488a3b67912bd5', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '697512405df38336225bb3909d60eb43fef5158e', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '5fd45f10348ac6cf5c9f02c415c37501665253d2', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '99e9a5e433ba002a51f11960ebc47fc513f9a963', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '6f021e04d45d020030600343e47afe245a447fce', show: this.hasError }, h("slot", { key: 'a8f5ffe057171d6f96a586e7c21fdde23f05f85b', name: "error" })), h(GuxFormFieldHelp, { key: 'f7875711423f5f28097cd65e8081e55cf470e987', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b04fb5662440b2902f8f13151bf14edfb1a9f8b9', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'ebdbe8731ed31bd70f2f60bc9e62c54ce63cf87a', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '153414f1ae2b76357f02082bccff9c67887f8118', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'ae71b160a99c9c65c1b5adbb98d569cd2253016f', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '7e33136b448c7167791b64d1867189c18ca66b4d', show: this.hasError }, h("slot", { key: 'bf916379078fdab74b6feac63fff9d49ccf3a1c5', name: "error" })), h(GuxFormFieldHelp, { key: '0a90444179f5d545ab07cdf42353ea396820ee41', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f8d1dca7098a652b9443a36d60dd01df9613a464', 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

@@ -84,13 +84,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '6a8581aa0d7ebcc584aad4e1aaf7e9fa2a3f6078', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a2ac5c213264150a4b7f2d62c2b76c8f964930e6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4a1c5254db4026d5bbc9e2193573139f36e555f1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b222ce994952ae631c2edcdfbb09ac26b1c886f9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4d8cd2800fceb7937ea7caf71101246e3518dfdb', name: "label-info" })), h("div", { key: 'c7772e0c9cfe35858c200652cadbd1a71866dba6', class: "gux-input-and-error-container" }, h("div", { key: '795c4e2672aecd3f7ea7efd36a944c8ca2200423', class: {
+        return (h(GuxFormFieldContainer, { key: '9b6b114954e536d97e4c40a8707d146a27a48458', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'aa0d5cb56a5bf5a0cdb11e1c342bbc5e1ce1093e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b586c527a481174be577c771e8bad2afd11e0664', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '09d52ad2400ff3d05183c0ea6fe381577ec25502', variant: this.indicatorMark, required: this.required }), h("slot", { key: '87dbe98122b35a654c0169ceaa1328e6796a0c53', name: "label-info" })), h("div", { key: '7a04c5cd1cb25215b8752d1a114b009897558387', class: "gux-input-and-error-container" }, h("div", { key: '9299d7922a8ca6cde9c643e7458aa8b0ac596c21', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '97c0082e17a2eb03fa9ddd0704f69f830fabe7ca', class: {
+            } }, h("div", { key: '324d14ad223bec3df290f7aaa2a06bac829ae37b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '320f5716c492fc38fadee6854fa4e88f2d36aa78', name: "input" }), h("gux-icon", { key: '0e4001a0b2f0eff81a560e137e0139a73752e2a8', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '2f34779d19eb3cacd2bc65d618d0eea2c31caf75', show: this.hasError }, h("slot", { key: '0de05f2f06ffd1851c9d71cb391810ec22cc88c9', name: "error" })), h(GuxFormFieldHelp, { key: '43a86cce865e095d9eb80edd963084305ea81959', show: !this.hasError && this.hasHelp }, h("slot", { key: '44c4ce4b1b4e161ecb44544cefb9a48c65797b01', name: "help" })))));
+            } }, h("slot", { key: '55bbd6b35f40cc5400d1331be763c3dfd2f337ad', name: "input" }), h("gux-icon", { key: 'b0d2ed0c699ae59185510e33047316cea00ce670', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '4b8bdddb2b0f78f7ae6d5bef69a1284e6e94ba16', show: this.hasError }, h("slot", { key: 'ee7e8bb94696c7f496d0bd4830407eb5caa0efb3', name: "error" })), h(GuxFormFieldHelp, { key: 'e4467ada462c0a0d5aa2da4e1afbdf10f4dca247', show: !this.hasError && this.hasHelp }, h("slot", { key: '754fcaa2b279977654e09a6c5891a88d2eeb4d06', 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

@@ -112,15 +112,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '51e669c1748538aba9e7414b9a2ed819c63860df', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'af40de2c177e0d635ca88ef0aef84c83933efc5c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a127f73e96220914d9211a035d2594f29fff1fd0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e7d62369c264f1464f583c4a8038a0f4c124c5e1', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f43c895cf0d6c2e7c22204651e621ed714c6ed6d', name: "label-info" })), h("div", { key: '047d3f1f266542eed651bf721b1c54153080bf07', class: "gux-input-and-error-container" }, h("div", { key: '26e0ef02b82b6be8ff574ca54a6caeef9061e33b', class: {
+        return (h(GuxFormFieldContainer, { key: '4d2e69548a09606670ed9368393495a08d0a90fc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0439c70fb68fa89aaa86d96459d360bb2660aea7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3c08f1c433aec02b50aa3d00a412b73e705a26f0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a2a9190d7a5145f8393d54c1606d7838a4080781', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e0c464608b97b7be178656b162f5fd574e1550e6', name: "label-info" })), h("div", { key: 'e27c3b2ad205e393223996c0f196c18725892d85', class: "gux-input-and-error-container" }, h("div", { key: 'b0b53abe87ec11858723e6963a2d5bf93f4e6511', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'e84b2ad3a05a1327609c5fb66e75f0aec720e67a', class: {
+            } }, h("div", { key: 'acfd7e700b08be1a70d38c2f5efb735f73d868b3', 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: 'e3b8a90222e126aeac6ea73ad6a644becaf57afe', name: "prefix" }), h("slot", { key: 'e89fd93a70afd866d66bd07d4e2c6eaa97f77893', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'f8684a8de61818079637e7dabd5feae5e84e8efc', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '6424ddfe9426d7172a66b652b809f1d27a7a2b90', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'dce09c139b32ecf68a318d5d180fb6cba23971ec', show: this.hasError }, h("slot", { key: '4f0d6b9602ad7635dacd90a033ae91fb75850d7e', name: "error" })), h(GuxFormFieldHelp, { key: '1ee7d2f92fa17b4e7e4d883cbe8c5e07fa69308a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e82672fa997c2bd201ad827e0feddcfe9abf4458', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '572e1b3a011ccd1c9394a44ef37be39e1a0004ea', name: "prefix" }), h("slot", { key: '7e04478ace2c88c4e14ecc4997cb7123921dd321', name: "input" }), this.renderRadialLoading(), h("slot", { key: '3a0b7bed3f5df00f2734204a3f363dd6d1ed14c2', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'ee93db1a6f1a61c38bef1b1ed458c315099b2fdc', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '06f55ee7a78d63598b4f1f7773a3432042498253', show: this.hasError }, h("slot", { key: '02281ba74b7a44981b054a33238dfd82a6ce588f', name: "error" })), h(GuxFormFieldHelp, { key: '1cc41032e01847e7bb4b9b56457d5193f3bf8657', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f82d722c50650a2caebe692586e82ef1ef8aefe0', 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

@@ -88,12 +88,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '15470eb990134e544a66fc13bb4cf68f0dc05b82', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '85bfdaee051ea0c3bdd180d56ae2cd95291a29ed', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3cac2f55a3d51de83b6255ee83e10548a6b59c1a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0831ae089954c47a861575e8c453574e732e48bc', variant: this.indicatorMark, required: this.required }), h("slot", { key: '24b3204dc423b7ac32d26e40b2da929a1dc97d8e', name: "label-info" })), h("div", { key: 'd6a9ba1fe678d26785e38004af2640eeb2221123', class: "gux-input-and-error-container" }, h("div", { key: '9b09babf6fc6e83ab3f553b6b608841acf05458c', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '53ca13b6428df3c18ff4c4cdf808c31b555f9f15', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c31b9901354642a4b0b48704a10809e10011c1bd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a62c1cc862ae9bf4645f1611d076423bbc967461', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c799a352b271837004065a8e2c20bac0c70e1f6a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a14c6eea226ffcd367a166cf32142d4af9108119', name: "label-info" })), h("div", { key: '28c05101abaf3b27c372f69091486ef0d89dd0cd', class: "gux-input-and-error-container" }, h("div", { key: '04db30121d579c2bd50b59e84aa6ad64a72a23a5', 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: '6b81b48aa68d3c7d37eea771288de4647e434f35', name: "input" })), h(GuxFormFieldError, { key: '2fe2b4d91650ea485489c01e6a71c8f4bae31b68', show: this.hasError }, h("slot", { key: '58509e5dcf091821c9790689bd49f0a24d9006d1', name: "error" })), h(GuxFormFieldHelp, { key: '7b851ac6853517a510cfaaaf8772bbe237f8687e', show: !this.hasError && this.hasHelp }, h("slot", { key: '5bbf6cf5634d1eec9bfd8c27d8201a5253e4b326', name: "help" })))));
+            } }, h("slot", { key: '2871157843b702efc74e895bdd447731d642f0af', name: "input" })), h(GuxFormFieldError, { key: '806a984e974573d72b2604be4faeb8e254b90227', show: this.hasError }, h("slot", { key: '9175d2407d6dd950daf3830420c06e5f14d9c276', name: "error" })), h(GuxFormFieldHelp, { key: 'b96e82218628fc36e09dc550cfca3b0dd059de5f', show: !this.hasError && this.hasHelp }, h("slot", { key: '342e0ade32e2536e26b3c6ea03075919ba219e7d', 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

@@ -93,14 +93,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'deec575ae4254d2bd2ee163a475a6353f8ac49f0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c8899ce5d60cf1510357953ee804ce1c86cf1f41' }, (_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: 'eac2c900eaf473fce6624f04997186839216cab1', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '0be8baa608026233d8d27d1cdfdee65d7e426cd3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '84dc5cb8b8e03b28a56c0f7320c167c3dbb32890', variant: this.indicatorMark, required: this.required }), h("slot", { key: '424db029edaba99f1de825164a3c065de6827ce8', name: "label-info" })), h("div", { key: '1f6bd32c7def2a05320f0e4e7ad3523fb197cda7', class: "gux-input-and-error-container" }, h("div", { key: '81a0dbc4d6eadefab6ba373a6860d1e652301151', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'e23af5068443266522090bdd8f56a367df5cc1e8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '91fcfb41f275a7ece8e048b53a190dea484e37cb' }, (_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: '3481b9ac6539c8e0e9be0f0331bd843285185cad', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd504abf2e84f0193b11ec2baafce5a5beae10f26', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '49e8d2f6b9d0d7c055a717515adfaff06e2585a6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4adc5736e73a04202f46d1c6776dfef08737faa4', name: "label-info" })), h("div", { key: '735245fb2c3da94b6a8edf1a5c544328b3adcd99', class: "gux-input-and-error-container" }, h("div", { key: '6080535a23371f874fcd49783617b564c4931a9c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '00b5a652e62e462e7ec346cab07e049070989b1d', class: {
+            } }, h("div", { key: '3feb72cba6d0e2a7ec5e52369026c3a9711dd80e', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '7fdfa360511eb4b6b4a394a18cd4cee34b27d7f7' }))), h(GuxFormFieldError, { key: '141b48eafb76740b50ab8a0ddac245616c03481c', show: this.hasError }, h("slot", { key: 'bb5ee505b7311f10848bcd5f4f59d881207e5dc6', name: "error" })), h(GuxFormFieldHelp, { key: 'c82ec6d5351ddf71550420179e2648e4fc98b84a', show: !this.hasError && this.hasHelp }, h("slot", { key: '5908cec4d86f99702c5c798f4ef828b0cbe0afd9', name: "help" })))));
+            } }, h("slot", { key: '59358806b129d9fb7b2f413270986332cff4b455' }))), h(GuxFormFieldError, { key: '88cf26143e9a12b8857629a63f339d1e9fa22669', show: this.hasError }, h("slot", { key: '5569413cb6acb425554ae583662b95799aa85d72', name: "error" })), h(GuxFormFieldHelp, { key: '9b1d996159719e4e8dca452c64fbddb8e895a7db', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a4e2a0d43eaea42ae29f09090d3b2c35e0667974', 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

@@ -94,13 +94,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '4de5cc87a3d54ed77536f6dc22816028e2601613', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '885c7d996de441f3d5b1d1e10990401f4232da0f' }, (_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: 'e24fde7cacf31d6868423481fc833e8119eb2ecb', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4aad9c52bc42d453d287e08d9e7f841085cb6ca7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '43209f28efe46da5cbb4233e983c89225a0a691c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '138f9fc0af28d31c79aa91160ebf0434a6a80c6b', name: "label-info" })), h("slot", { key: '0e0b9a6efa8c1f82330c785fd64a4ecd8a2a9f46', name: "label-info" }), h("div", { key: '41cf08ab83007df9e1525185470ed9e7a69c1047', class: "gux-input-and-error-container" }, h("div", { key: 'cc600195dd572363932f7d3b7b5c5e9dc4c82f9e', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '0af85925b029fecde3aa6970eac0ffaf163c2b8e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '2fd3ae6666cca7da1d6f398f85c557b58d65b0c8' }, (_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: '6f5febf7c7d4eb269186c71ba84ab07dd1ef92ce', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a4513266715e15bbe5fa8a135d9b9a096b54b294', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '96b7d8f0224a97dd29c1cd5bbe31fb2bdc12823d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '856371eddb543a914eded57b77492895f9a0d3bf', name: "label-info" })), h("slot", { key: '340462e5233453f5ca8bba5d483bc334a363779c', name: "label-info" }), h("div", { key: 'c08a96d8687fad8f47409a93f24079961f91023d', class: "gux-input-and-error-container" }, h("div", { key: 'efab2ff7a7f2a5539c2b69def65c85a01a0527ae', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'cbc9fba6a87abcd9be1e7dce71f404f77c06f21d' })), h(GuxFormFieldError, { key: '59f96087931db657bf912553c83c06f09b0df158', show: this.hasError }, h("slot", { key: '6bbc3be68b40f940bd2343a849180901f2f859e6', name: "error" })), h(GuxFormFieldHelp, { key: '76fab7949e0db6c0bc8b1858a0d9c058f1472784', show: !this.hasError && this.hasHelp }, h("slot", { key: '70314744b13f8452ca7ec788470250cea7ddbfa3', name: "help" })))));
+            } }, h("slot", { key: 'cae6fd4465ba89460a0fbb77408bd3d0dc0df11c' })), h(GuxFormFieldError, { key: '7afdc4538ef3c373c617f5a8fa295c6e280189c4', show: this.hasError }, h("slot", { key: 'fddebabad461cc1ac0fb3df84bc28cfe5e490f10', name: "error" })), h(GuxFormFieldHelp, { key: '0765d2f5c11f8f85964eb378880160655e5c9bf8', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e5e2f6fab5eeea9d4524d9fc0d8deee4c5efda34', 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: 'a26380344ef139d93d67493f35dfa09ea91a0b89', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'c542786efd1704ef1ba4838cf330bd46baafef3a', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '4e874df908895334e9a0b2d05b5fe561c7aebec6', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '721264db0fa3006cb762c33f5bd119bfbd926b17', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     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

@@ -63,7 +63,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '4aefb9d9cb9c56d866571909cc103b8e4f83a014', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '331d5e5042089530faa81ff7c4a5cb9511a982bd', 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: '85684d31ab53f173057cce0850d0e85a96b497bc', class: {
+        return (h("div", { key: '5ce1b1139bcf9a4ca0236eda6eb8b052763c0b15', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '0923252915d78b504a48103b63fcd503304cb44c', class: "gux-message-wrapper" }, h("gux-icon", { key: '2f088db94087708243aa6b8817ac2f35d3c23707', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '92d026bc9abc942ec4fc2fc04599fdce2e840023', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '473ccb565115616d4a944071bc44799e94768d63', class: "gux-content" }, h("slot", { key: '6892d735f14a37c0488ae19f9a5abfe16c1c8bed', name: "content" }, h("slot", { key: '152db3a54bdb981a4987a1328e5e6c73b42a890c' }))))));
+            } }, h("div", { key: '667c7918b9085e3e1073608fb79ae60ab7395887', class: "gux-message-wrapper" }, h("gux-icon", { key: '89cff8d8c2a92aea2cc72cbb938dc22f80ee9b50', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'ff6f2a45ab15c709a6f61702bb8d37e6c88fd359', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'a9835f81342cbdb39455c12f20cee94176076fac', class: "gux-content" }, h("slot", { key: 'dd54c84622abe6c5d2f6efdc8be419146b829ceb', name: "content" }, h("slot", { key: 'a39e61793dc7771abf2ffb0ef5589da573951499' }))))));
     }
     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.css

@@ -1,8 +1,8 @@
 :host {
   position: relative;
   display: flex;
-  width: 100%;
-  height: var(--gse-ui-menu-divider-height);
+  inline-size: 100%;
+  block-size: var(--gse-ui-menu-divider-height);
   padding: 0;
   margin: var(--gse-ui-menu-divider-margin);
   pointer-events: none;

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: '713909a50fffe7ac054da956484525f0c871aeee', role: "presentation" }));
+        return (h(Host, { key: '56e33e66317185680fcea7741c574989875dac63', 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.css

@@ -1,5 +1,5 @@
 :host {
-  width: 100%;
+  inline-size: 100%;
   text-align: start;
   outline: none;
 }
@@ -13,17 +13,17 @@
 }
 
 ::slotted(gux-icon) {
-  width: var(--gse-ui-menu-option-startIcon-height);
-  height: var(--gse-ui-menu-option-startIcon-height);
-  margin-right: var(--gse-ui-menu-option-gap);
+  inline-size: var(--gse-ui-menu-option-startIcon-height);
+  block-size: var(--gse-ui-menu-option-startIcon-height);
+  margin-inline-end: var(--gse-ui-menu-option-gap);
   vertical-align: middle;
 }
 
 button {
   all: unset;
   box-sizing: border-box;
-  width: 100%;
-  min-height: var(--gse-ui-menu-option-height);
+  inline-size: 100%;
+  min-block-size: var(--gse-ui-menu-option-height);
   padding: var(--gse-ui-menu-option-padding);
   font-family: var(--gse-ui-menu-option-label-default-text-fontFamily);
   font-size: var(--gse-ui-menu-option-label-default-text-fontSize);

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

@@ -23,7 +23,7 @@ export class GuxListItem {
         }
     }
     render() {
-        return (h(Host, { key: '9f28c36c4fe2bd03aac2a9370542dab8a00f300c', role: "listitem" }, h("button", { key: 'fab5254305866b0406c9c8eaddc2bdf5d30bdc94', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '140355df7003361c7d0cd69c55207ba00ed4d444' }))));
+        return (h(Host, { key: '60b9d5f42f679e73eda025a3ec38050decbd39ec', role: "listitem" }, h("button", { key: '2e86096457d40c79a0999f10db4fa764c8648445', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'a6e401dc24bf42ef5b4621c75a8fa0f2de156265' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GuxList {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: '0a536a823e75bbc2b6c549f585ec0a96d5452687', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'd1ee76be9feb36ef0d926f89d5c399eec0d6d836' })));
+        return (h(Host, { key: '8dda1596a60cfa1ffc6317c924da116372a774a4', role: "list" }, this.renderFocusTarget(), h("slot", { key: '80b5c8de70335c1c1c473045124c42792b392eeb' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,7 +48,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '7c065117af803d8fb0856c2acd7db615e295d90c', class: { 'gux-filtered': this.filtered } }, h("div", { key: '8f43148de13f61fafbb2f5f0d4324fca79eeb46a', class: "gux-option-group" }, h("div", { key: 'e515f6d9469e96a16f0ba7d33fc251f7c19bf660', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'ee9d353abcc3cf1c435bd2333b52550aa58321f9', role: "group" }, h("slot", { key: '249c5fc7ffb2fbe58caba6460294ae4009cd9ec4' })), this.renderDivider())));
+        return (h(Host, { key: 'aa6e6565419c297413e489334421d1045cead446', class: { 'gux-filtered': this.filtered } }, h("div", { key: '1c419e41f09f6d14e9cc789814b5e042615366a6', class: "gux-option-group" }, h("div", { key: '6a58d51aa59eb5177d86bdfc6ccd444545fc8be9', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'f5c4a08cce966b2899770da946f6f7fbb011e72a', role: "group" }, h("slot", { key: 'db2b1678a96ee679fe030f04f9da55b18c56648b' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }