genesys-spark-components 4.99.0 → 4.101.0

package/dist/cjs/gux-form-field-color.cjs.entry.js

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -89,13 +89,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '804d8c6ddc4e627829a50b9cf30c835c206d1d4b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '8b4d024b7c766092328dbf1f3d696a217ee7b142', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '864f6cfdecb9c9031480006e41119921335b4cc0', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b8343af6b4366c448981c6ce06a4472398085277', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'df6e214499509a59a5d712954d7667ee1b158f94', name: "label-info" })), index.h("div", { key: '589acda62dd6477198a6e870560d316dbcccf88e', class: "gux-input-and-error-container" }, index.h("div", { key: '0ea8b90d11a47dc60164a31d1de8259683b58896', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '86b97e7877929d8bbed7546fc1dd59a198db048d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a546e208437faab331a2247f530a2f5ddade4969', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'e17d99ae810ba2cd5d7dc43e0e927ce974ef94d8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd2d10a99b347dc985815820334fd43c9d34b2cff', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6354ea45e3685dd913738477713acc67ea80870d', name: "label-info" })), index.h("div", { key: 'ed676d17810bc105f459107d8f5eaa73430e5a45', class: "gux-input-and-error-container" }, index.h("div", { key: '452a6f0b1f12dea2e051cbf51fa0c8107d35e12d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '5167a28c3d19f903b35d88bc1251f9a1ba65a2ed', class: {
+            } }, index.h("div", { key: '177fdf419cceb48c995cbc3a3236cc90b0ad7753', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '4243b68df6d115b7cfdaad76abc8d807b12e3066', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '47f6e0787d5b76665f4f06167ca46fe902ec52eb', show: this.hasError }, index.h("slot", { key: 'd24918e34727bcdb643da7f06e7cf384252fcf27', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '96b93264882515d13acac05786f9951cb8836c82', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6d4b36aadd5979a009c0630dcef5119f4aae902a', name: "help" })))));
+            } }, index.h("slot", { key: '14d132e2df147a15c6fd01ee1a10381a9cf1984a', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '72bb95794fe3a864c0bf3c2e2332e5d3c0358ba4', show: this.hasError }, index.h("slot", { key: 'f46c4643abe59e308eba8f1369e14012c03be8fe', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f26fef0ad96ea8308e9a374c49dd71447c5ab4ca', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '231daa860188ae1931cc30b915a65c64472c4294', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/cjs/gux-form-field-dropdown.cjs.entry.js

@@ -11,7 +11,7 @@ const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-f7d2698e.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -107,11 +107,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '71d122e7f63efadd0177ac2d5115307a7ca55655', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '128d9afb9cd4bb99334ce1553928a2fff4e48e5f' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '46249dc3f4cfb3f8850f6a4dea6279124cc8d97a', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'eb1d16840148a2ce1c3ddb57612ec87a9c238977', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '9e514be44918e06a3c2c2a9c2279ffbdad83f934', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '85b57a28545124662757cfec1eea3098e68584cf', name: "label-info" })), index.h("div", { key: 'cca308d129104e98001fbf676f42f9f871032fd7', class: "gux-input-and-error-container" }, index.h("div", { key: 'f5647350f001915b57b19e2cf77e43868d4a2740', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '0dfe54fda7c3e69dd67e7d9e9358e01ec3a91a55', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '11f81cfffe38feac3cdcdb39628127440e557001' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'fa56f48c519dfe26f7a6c961cecde535f3b53a34', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '016521a55ce10a78034b86c89f837b250aa01994', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3a9385d16719e4aff446799168229fab58769012', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0dc2e0f4f3163d686e83951e58250ee901d71651', name: "label-info" })), index.h("div", { key: '251cedd28aa073e8181db453c1c3297936f5a256', class: "gux-input-and-error-container" }, index.h("div", { key: '3f706edac6aa073bf613cdd0edd2cbe0f62a6bf7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '48476a28744c71b6607f25d324e4bf72a69a20b7' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'dcfdd5dbe07d422e00809468d060f1b26cae9733', show: this.hasError }, index.h("slot", { key: '674cdc408c212d7b41f70c3c413b07d04ac755d5', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '16ad4cea0bf33f07fbd19d16cb6a3b8b2ca17a24', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '579ceb927dcf8bafa7543fd69c639faa1131f2fb', name: "help" })))));
+            } }, index.h("slot", { key: '73f43b33f28141823b5be137dd2730a39d61b49a' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '8dc5856793f283e4509a3541d1cc4a328cd1b84a', show: this.hasError }, index.h("slot", { key: '51ffde57ba6dd602c5c6f8ce0b2462edae89653d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'efabeacc3e957fe754f21a3f1c5e41940ccd05ef', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2dadbc75d6d304594cfee2d3bab1b9b54e8a9dc4', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/gux-form-field-file.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const onMutation = require('./on-mutation-9b997891.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
@@ -104,7 +104,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '371e24052a1873479a10e87a963060e4a8b27e0e', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '06bb78edcb73e72bdb115843c90215832b20b07b', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '6c962c3e36a3ecce7748455a59c2f34a4e5391e1', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6d27acaf1b331ffe527474597bd4d10eb90cde40', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'ab5ddb29daa89fa4fbf4787669f545919671b7b5', name: "label-info" })), index.h("div", { key: '271c47964a416a3b8a6cf8bcaa5415cb6dc0c098', class: "gux-input-and-error-container" }, index.h("slot", { key: '7e669e609f173e8e08985b44be1db0be9f28da40', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ae27696df89beb4b432da276eef4350cc7e283e1', show: this.hasError }, index.h("slot", { key: 'e30df293b32215ae4eb7115e562a42f65c5d880d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7bf9b1da25cf6d4ac12bfb79a7f5e30695c2e753', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e7c1cdccfe5335d5580522e4356e13efcbeb9b07', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '5e390e4630bd8558127235e0bde0bc978c664887', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '3ecc8ef985b2e3d8c32cb2a2f3c87ff56c891640', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '76826ea9ddba26ba7b100375534db1da99b55800', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '231dcd82c9459f6013c34191fa377fd766ddfdf5', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5417b9f476225e03bd070c1d6deb4782c207f424', name: "label-info" })), index.h("div", { key: 'e1c30bfa412edfd92ab9efa8db86bf77220bdd7f', class: "gux-input-and-error-container" }, index.h("slot", { key: 'aa52c2c0e1d545c0b4c8006becfa7d4078b6f06a', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '0c1c8c316aa64da8be5fdd5c3ec83b5501953c8e', show: this.hasError }, index.h("slot", { key: '9e2ccb780d81e3d20f09d157563fea47becd2a8c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '405e69e76ede2d7b59730a00c5b35af7f233e020', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'fe8999deeff4c58da33d1e8990e045b808a48f84', name: "help" })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 const index$1 = require('./index-16a4179e.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -24,7 +24,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '4e874df908895334e9a0b2d05b5fe561c7aebec6', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: '721264db0fa3006cb762c33f5bd119bfbd926b17', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (index.h("button", { key: '970956e1c4c181cd77d0c2e23e8613837ba2a15a', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: 'c5f0604870868b6e3de1fd7dad554635a3fa162b', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 const index$1 = require('./index-16a4179e.js');
 require('./get-closest-element-9e41d6b9.js');
 

package/dist/cjs/gux-form-field-phone.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
 const onMutation = require('./on-mutation-9b997891.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-f7d2698e.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -102,14 +102,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '17a915b5df63da75b1ff79a4572b9ebbfccb9e18', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '4b34382d9fc9c945e0d511e89659853559925999' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'dd8ded591e4e26de9fcc19992eb614d563ff5c94', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'd41179a86ad1a444fb11ba988a0976c8a4e2f15c', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '077b0c3b6940874faf744e1a34492ffa22a53219', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f5be6e2a547875d953b78bc84522e08b887d7688', name: "label-info" })), index.h("div", { key: '9c20375fbb32cf8db35481bc751494f9f992a793', class: "gux-input-and-error-container" }, index.h("div", { key: '0af3a7af66dcef5bee06303435b6a46ac9ff8594', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'b9cfae1b0f530f6307434aa2ef5f77826e9b4a06', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'aac3f09bdb9efaed286e1b416826d4a1a5da431d' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '97a4771ea9172144d47105656d9bffc6c133b948', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '76f7432cce0d7075d2868d7935518770045669af', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '9bc3d2d7de98391b689190b2fba35b925d9b1c56', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'a87a0ba538a5e6fa5b3d3db3e692df48a161d6d4', name: "label-info" })), index.h("div", { key: '70969783b3b73f199ecb4b8f6782385bf0c488fb', class: "gux-input-and-error-container" }, index.h("div", { key: 'be58058a07066b79a7585de47d872aea25066173', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'f2af70610e53ce198a589a934e770e110471304a', class: {
+            } }, index.h("div", { key: '4c16617086d2ebed26b4435bf8f1c81f8cd46120', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '35be2c5d111161cfcf20046a66312f9f7e03476e' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '5997f3f3b7fdb44ee8bb4a30d33094f232c2d72e', show: this.hasError }, index.h("slot", { key: '94ea6b8fbaa3027893c5b3bcb9e5fcdea2416ac0', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'ed1c1485c38cb052b06e69c66a1c07d6cf462872', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'de3602f05399f4d5881eaf01b85cacb60e8e3fb1', name: "help" })))));
+            } }, index.h("slot", { key: '3822a28f80b3980297307d3ba0d9d3b251193dde' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '53505be7f1c4ff32be19d971d0cd0c89fa24d038', show: this.hasError }, index.h("slot", { key: '67dac2fc7c120428623e5404544c308948c670d0', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f301a1f4ef7d06a9d3b8a59999caefa2d78a5c6c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '927c4471e1a679cc112f606636cc5b28ba14cd09', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/cjs/gux-form-field-radio-group-beta.cjs.entry.js

@@ -9,7 +9,7 @@ const index$1 = require('./index-16a4179e.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-f7d2698e.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const required = "Required";
@@ -113,8 +113,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'bd134909b88d6d4934fb175cb6cb61b30d2a9b8f', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '00cd7e2c60c0e8fe08f7befdc622513119a4c692' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '5262dbb2b5dda66e1c60d55b484e96acb267cbf2', position: "above", required: this.required }, index.h("slot", { key: 'a04c9728451dd7999c43b9acacb95458c57f7b42', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd0ff4b08f156785c2437a3f2de5682d6cf08baa4', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '424200007c4635adf9daa3ed88b898351953fedf', name: "group-label-info" })), index.h("slot", { key: '14138a13de11976c6c97074590eb22968b2eac7c' }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c73478e38095fccf2f5d4ebd9e329d3df48da83e', show: this.hasGroupError }, index.h("slot", { key: 'ac523240051e9f75da2d6c80808c76278cc2bddf', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '899aba695144be758d73acdbcf50f411cc249572', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '965d5e0b7c42fd1c14bc880f8b2e94da4ff52a1e', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '1a3687c372fb894ff8d144ce5d46234f9038622b', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'a65f7f80e7bf3d8685626155518e72963dce491d' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '675852f4c212b888f81fc1f69b22112de004fa7b', position: "above", required: this.required }, index.h("slot", { key: '54752438d4b8a18dc3893e8a29969a969d9eea43', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'da81216ad0aac38e185f7275b74490d521306c04', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '86fd41cc0fa352204452efa6d504788eede6229f', name: "group-label-info" })), index.h("slot", { key: '07e8e738687159472f6a4892bda8b79151289a85' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '99d531fc134fa3d990e51a53d9b747d6266f9e59', show: this.hasGroupError }, index.h("slot", { key: 'd6e0550f23eb5295fab41d73b3b97a8bb7f42cb0', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e6f954a1a149ea40742255dec2653bbe72cf4ca9', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'badcd5245cd93402c218b45b9c100e46912ca267', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/cjs/gux-form-field-radio.cjs.entry.js

@@ -9,7 +9,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -52,10 +52,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '62befe849e25f178f21efa89dec7e3e782aa07ba', class: {
+        return (index.h(index.Host, { key: '3fedb6ac7e3380d2b3663b83c3b87cd26c4e2f35', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'dacc626017ab6620c230fef96a5fb6b4bdb06c08', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'fe12cd8ae276b1b1efabf1fb045129520e956a3a', class: "gux-input-label" }, index.h("div", { key: 'c97409ecb00d5d3b2d4a814739b37868a46c5916', class: "gux-input" }, index.h("slot", { key: '010d4a8be5ee421e5c93e75845a57949cd9fc324', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'c22bbe288933a23e8e6a7bf23c559e27acc88f53', class: "gux-label" }, index.h("slot", { key: 'bb6dee73c3ff3d46f8c71a99ff3405ca1c1f38fc', name: "label" }))), index.h("div", { key: 'c7caf6664f1342a9166b21c8e1c4fc4886a1f97e', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '1757163a29b12ef7681b67646f59a66b1d112c35', show: this.hasError }, index.h("slot", { key: 'fdbac0d615b13fad9c470f1a2fe71258d876f01a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd746a8b9fc441f6d21c29dfc7ae03baa39b673f6', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '66cac6ffc458a370948af0de45f2cdd4fcd50068', name: "help" }))))));
+            } }, index.h("div", { key: '66f6c96a9b7ecdc50910ef3c88a2b10cd9c477a2', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'aeeba2e6dfb13f0d441b141d8292ea054eaad9e8', class: "gux-input-label" }, index.h("div", { key: 'bed8d43aa3c615c6d9def0934a0e7d1613566cb0', class: "gux-input" }, index.h("slot", { key: '65dab5edce681898c401c259ca769e6008db5b21', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '8c893ed733eb9aa3c06a6a6b223476ba7833b73e', class: "gux-label" }, index.h("slot", { key: '9fb7f71e37985f972254ac9d7fbfcc0870ce2786', name: "label" }))), index.h("div", { key: 'fcea3b42629d881916ff5fd2acb5e26e414426c3', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '35855d6ec082b40893b37f3384559594076d58bb', show: this.hasError }, index.h("slot", { key: '0e68f5c30d9cf2a73bc01508554f76a5a48b76a2', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd2e20cfe8c6fcb6b0655a0049d841277456cd4d2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '3e793592719983b61af2ae5ecf3b21c3457dbcbc', name: "help" }))))));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

package/dist/cjs/gux-form-field-range.cjs.entry.js

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 const onResize = require('./on-resize-9065f1ea.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -119,9 +119,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: '32324364fbfa38acd4435a252bb129698c6b26e6', class: {
+        return (index.h(index.Host, { key: '4cbea9af89ce92268449b2f0cfd48ccd3c6e2e15', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '57055247699edfa348923fb6df6c844130d3166c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c0efd2605f1b43591329adc687b85b8a36fb2f86', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '51586dbbf542dcc665cc639a88d40864fe92dcfb', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '920517c2a7f219b3ff861c24b291df13792f9c56', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '821e19ca7fc0fc23d598ef4e69b2a54e30d8d5ef', name: "label-info" })), index.h("div", { key: 'f03523fa5e6e6d182802eac78ae387fb23433d52', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '47e22411ca72144a8078b16b461ecbf84d127bf3', show: this.hasError }, index.h("slot", { key: 'fe1dc513e6a99f9a89ca83da982019c8621ef36c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '16da91902190f61a50c7af4a3f214cd18e2dddfc', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1c03c46a10561577030a16b78cb498e85b44f07e', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'cf15e707a87bb032f08cb2c4954509ffad05b62a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '101fcbbdd80a793c21ebc1acec2f2542de55a01b', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '8e49f451d6a4ebd06c6aa27ba0ef31a161c436dc', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a1ad4a1bd434b2a50cef7c3483d2090bc3d5d1f7', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '1797399d476b7484da805c8969686c3cc9e46811', name: "label-info" })), index.h("div", { key: '19d5801782e5a74dac5708882278684c6ff7154b', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '0f83900103315c3ee8ca1613dd7d88ea73951cbe', show: this.hasError }, index.h("slot", { key: '2b0f0ffea8ec8069adc4578643a0107863a2e9df', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b5fc5e6cbed42dc90fef77b4ead2392e3cd34d1b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '02ad028abf2de26a0871b6fb3b302c589f8a5a83', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/cjs/gux-form-field-search.cjs.entry.js

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -99,13 +99,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '65aa4e1ab94a3d9fed3fc240cf3664058acfffce', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '336a275ef7e20c14417b7de5d159033d74fc4bee', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '3acb487508298f5e5e6c666891c05c71cea9cc64', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '5b3d5b19fa0a658a8e1b30805d930a76ca1284b8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'fa19f7918ba300988a3c9f0b5e8a1fb18cec1385', name: "label-info" })), index.h("div", { key: 'ee5bbbb211d1f5909313719c7f7753eb558e0bd7', class: "gux-input-and-error-container" }, index.h("div", { key: '7c4f85d077b2c637e16b86bdc996745e0377e1b5', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '336198e812230607deb37f71ee3019bf65b15846', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '650a13f56a30bcb414c3540aa065375b16b0553e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '05344f9c7db0c1988d2a8e72a671065bfb1911b3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0f36d4975e9dc6e5880bf1d9a2bf5a7b73364765', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7c528650d6fae72a5c36b38184a5777cfefce6fc', name: "label-info" })), index.h("div", { key: '0e9a6b1d2b1eb5ca216b964dc7f2629a4ea09fb8', class: "gux-input-and-error-container" }, index.h("div", { key: 'ea347e041715619c75ecf9908dea0c3d7e530044', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'd3768122c095620a9c687cd07a488a3b67912bd5', class: {
+            } }, index.h("div", { key: '41abb1425cf977cba199122726bc03c12901f6be', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: 'ebdbe8731ed31bd70f2f60bc9e62c54ce63cf87a', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: '153414f1ae2b76357f02082bccff9c67887f8118', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'ae71b160a99c9c65c1b5adbb98d569cd2253016f', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '7e33136b448c7167791b64d1867189c18ca66b4d', show: this.hasError }, index.h("slot", { key: 'bf916379078fdab74b6feac63fff9d49ccf3a1c5', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0a90444179f5d545ab07cdf42353ea396820ee41', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f8d1dca7098a652b9443a36d60dd01df9613a464', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '9e10333c422ec8c28d44444e89a860b5556063df', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: 'ceb217ddefc8f7e30de20f558dfd4a950ddeaeef', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '5dd6798a369da28b8c4b0a1528913a88dd530897', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '64d55ef65bb858ad646aee3d3e4c7002ce923506', show: this.hasError }, index.h("slot", { key: '5c35edfb121c90a8504bf3b011d0c8ccfb88d2b6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e52a4ccf5bf365d3f414e61d23c3121f57c98263', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '89de32c7f404bffa6fd9be545bbc0dd394737a13', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/gux-form-field-select.cjs.entry.js

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -89,13 +89,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '9b6b114954e536d97e4c40a8707d146a27a48458', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'aa0d5cb56a5bf5a0cdb11e1c342bbc5e1ce1093e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b586c527a481174be577c771e8bad2afd11e0664', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '09d52ad2400ff3d05183c0ea6fe381577ec25502', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '87dbe98122b35a654c0169ceaa1328e6796a0c53', name: "label-info" })), index.h("div", { key: '7a04c5cd1cb25215b8752d1a114b009897558387', class: "gux-input-and-error-container" }, index.h("div", { key: '9299d7922a8ca6cde9c643e7458aa8b0ac596c21', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'ad09c3d46b844b01afba5cdce4c29252359da968', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c6e1e799e6bd5faf6dfe9a21884ea43c428413ca', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '6dbedf8abd80ace7a19ccdc7654ed0a7c386cb34', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a0f752aa9907241645413641a4f23149af4378c5', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b6a2f4ac3c3b8d21143e55e2b117c0e21a433f7a', name: "label-info" })), index.h("div", { key: 'da5830e41f7612122ef1bdd2afbfe4da2a1b3048', class: "gux-input-and-error-container" }, index.h("div", { key: '1b2e9e03f9af53e9c7a7dca2783de3f15c05cc1d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '324d14ad223bec3df290f7aaa2a06bac829ae37b', class: {
+            } }, index.h("div", { key: '31074c07ac12f0d4e92eb4a56b8cd0d3576cc0d5', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '55bbd6b35f40cc5400d1331be763c3dfd2f337ad', name: "input" }), index.h("gux-icon", { key: 'b0d2ed0c699ae59185510e33047316cea00ce670', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '4b8bdddb2b0f78f7ae6d5bef69a1284e6e94ba16', show: this.hasError }, index.h("slot", { key: 'ee7e8bb94696c7f496d0bd4830407eb5caa0efb3', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e4467ada462c0a0d5aa2da4e1afbdf10f4dca247', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '754fcaa2b279977654e09a6c5891a88d2eeb4d06', name: "help" })))));
+            } }, index.h("slot", { key: '201f803832d45b43569daf34108d98d4408d801a', name: "input" }), index.h("gux-icon", { key: '3612f9af25f7c6e1f64ca2f77d03d22ca9088f91', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'bc78abd5cb50937d6087de6877e403e8855c5b09', show: this.hasError }, index.h("slot", { key: '3dd7eefaec7b04812277624f075e0f24a7438aca', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8fb2062a9fa187f8b1160581a982a12694b3380a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '446152428e1b865c14f25f4e397ba33aeee6c2e1', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/gux-form-field-text-like.cjs.entry.js

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -115,15 +115,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4d2e69548a09606670ed9368393495a08d0a90fc', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '0439c70fb68fa89aaa86d96459d360bb2660aea7', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '3c08f1c433aec02b50aa3d00a412b73e705a26f0', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a2a9190d7a5145f8393d54c1606d7838a4080781', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'e0c464608b97b7be178656b162f5fd574e1550e6', name: "label-info" })), index.h("div", { key: 'e27c3b2ad205e393223996c0f196c18725892d85', class: "gux-input-and-error-container" }, index.h("div", { key: 'b0b53abe87ec11858723e6963a2d5bf93f4e6511', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '0801dc0976b6992ce33189632c95d34a32c73d88', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '0d315cddaf8f3ed713f8cb912da9d9b419353da6', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'e9f6546d8510e314c9443bac13fe7f136c9252ed', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '591d6f075d6d54b87f61b26e3982cdbe6ce91a12', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5d41e47e38e0fc8a97d5b0e4e9f5fb7e4498df72', name: "label-info" })), index.h("div", { key: 'd76267c472d927f7107ffa700310648bf08ddd82', class: "gux-input-and-error-container" }, index.h("div", { key: '9f94b6b8e60c62e61ae6f4ed509093eeaf5c0e97', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'acfd7e700b08be1a70d38c2f5efb735f73d868b3', class: {
+            } }, index.h("div", { key: '66bab3cd80e3ca99fa88ea2ee4a078369f8f3e33', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '572e1b3a011ccd1c9394a44ef37be39e1a0004ea', name: "prefix" }), index.h("slot", { key: '7e04478ace2c88c4e14ecc4997cb7123921dd321', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '3a0b7bed3f5df00f2734204a3f363dd6d1ed14c2', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'ee93db1a6f1a61c38bef1b1ed458c315099b2fdc', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '06f55ee7a78d63598b4f1f7773a3432042498253', show: this.hasError }, index.h("slot", { key: '02281ba74b7a44981b054a33238dfd82a6ce588f', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1cc41032e01847e7bb4b9b56457d5193f3bf8657', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f82d722c50650a2caebe692586e82ef1ef8aefe0', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '2d34f3a3b3debc7ff01d70bb17c5c9bf2f331045', name: "prefix" }), index.h("slot", { key: '7292cf3937ce9273979fdb9e495913a822a33841', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '7b80a68281b17d6b0dd947550fbdae797bb8fbb4', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'b728dc6bac9e8426163b26b137518ce463e3ef6c', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '5a9665570d1efd017d3f1eb9d786676bc1c2c0b9', show: this.hasError }, index.h("slot", { key: 'e4b592e8b92255788c24f1c4dc1ecb7adc89bba4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '88c62aafca29ca45c333da744dad779593745f5f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a814ea6d9f2cf62b205393a145088682da17673a', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/gux-form-field-textarea.cjs.entry.js

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -93,12 +93,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '53ca13b6428df3c18ff4c4cdf808c31b555f9f15', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c31b9901354642a4b0b48704a10809e10011c1bd', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'a62c1cc862ae9bf4645f1611d076423bbc967461', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'c799a352b271837004065a8e2c20bac0c70e1f6a', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'a14c6eea226ffcd367a166cf32142d4af9108119', name: "label-info" })), index.h("div", { key: '28c05101abaf3b27c372f69091486ef0d89dd0cd', class: "gux-input-and-error-container" }, index.h("div", { key: '04db30121d579c2bd50b59e84aa6ad64a72a23a5', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '16880260cfbed0da3f7f5c287587b34f141acaac', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '7c48b5aab47d4d8089b333b729c267d4e3185bf8', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'f166a74f0b7449469cbd7cc5250cc4dcdca585e8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3a948ead9e6b197ba592b414f818535e84d4d540', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '2a22a6071ce3246af7ba1707e6ee0205772e135e', name: "label-info" })), index.h("div", { key: 'e3b0e38e4c39189fa3309144c6c208c2c372bc25', class: "gux-input-and-error-container" }, index.h("div", { key: 'd31cc4b45178cdb375bd99c9a12a52e4ed0a0866', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '2871157843b702efc74e895bdd447731d642f0af', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '806a984e974573d72b2604be4faeb8e254b90227', show: this.hasError }, index.h("slot", { key: '9175d2407d6dd950daf3830420c06e5f14d9c276', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b96e82218628fc36e09dc550cfca3b0dd059de5f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '342e0ade32e2536e26b3c6ea03075919ba219e7d', name: "help" })))));
+            } }, index.h("slot", { key: '568d26476e4f30d0e418bb6f2cc7383c8e0291fe', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '368bc28368b7722b08464966e5395e90dd6f410f', show: this.hasError }, index.h("slot", { key: '7d7ef7ef1507c1b4d493c14015481f30d8cbe2df', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '6f8b93bc4e0e8ea137ec12fbc2a2124ca0485177', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1e26b50df1754573973a795430a2b8967e5d9898', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/gux-form-field-time-picker.cjs.entry.js

@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-f7d2698e.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -104,14 +104,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'e23af5068443266522090bdd8f56a367df5cc1e8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '91fcfb41f275a7ece8e048b53a190dea484e37cb' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '3481b9ac6539c8e0e9be0f0331bd843285185cad', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'd504abf2e84f0193b11ec2baafce5a5beae10f26', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '49e8d2f6b9d0d7c055a717515adfaff06e2585a6', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '4adc5736e73a04202f46d1c6776dfef08737faa4', name: "label-info" })), index.h("div", { key: '735245fb2c3da94b6a8edf1a5c544328b3adcd99', class: "gux-input-and-error-container" }, index.h("div", { key: '6080535a23371f874fcd49783617b564c4931a9c', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'c5151fcf21f75e13167797d084e6f40f428d2233', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '4805fad164b65182e6f8f17a807d84905b65bda2' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'c67474c50e62eb7c085642b1144b7c332a4734de', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '41255e87be54d361250a4fae220ef409eff535ef', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '76c05c34fd2001a9a12c31c7f4454b53e6a003e6', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6bfaa131dd27fa54fe1da21882cde7b490750e2a', name: "label-info" })), index.h("div", { key: '5b5490a0b499e14a3d91690fd6b8b3c024ca1a41', class: "gux-input-and-error-container" }, index.h("div", { key: '73c81acf62a4c7f622c4fcef5e20623128be37d3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '3feb72cba6d0e2a7ec5e52369026c3a9711dd80e', class: {
+            } }, index.h("div", { key: '31c61b6682f8b0c29189a0b6cf9bae17780abb9f', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '59358806b129d9fb7b2f413270986332cff4b455' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '88cf26143e9a12b8857629a63f339d1e9fa22669', show: this.hasError }, index.h("slot", { key: '5569413cb6acb425554ae583662b95799aa85d72', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9b1d996159719e4e8dca452c64fbddb8e895a7db', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a4e2a0d43eaea42ae29f09090d3b2c35e0667974', name: "help" })))));
+            } }, index.h("slot", { key: 'fe7b204ae953a249b01a751dff04244e1be94b19' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '1fb9c471d7203330cc798658b389628d5de19d94', show: this.hasError }, index.h("slot", { key: '257cfbe7fa854359fd6f015a6a6fb6b07d085876', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '19f29b20cc30c4ece653b7730a0571dea3ea1f51', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'efcea016a930897d7458a8190c5e151f6e7a7011', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js

@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-f7d2698e.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -105,13 +105,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '0af85925b029fecde3aa6970eac0ffaf163c2b8e', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '2fd3ae6666cca7da1d6f398f85c557b58d65b0c8' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '6f5febf7c7d4eb269186c71ba84ab07dd1ef92ce', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'a4513266715e15bbe5fa8a135d9b9a096b54b294', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '96b7d8f0224a97dd29c1cd5bbe31fb2bdc12823d', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '856371eddb543a914eded57b77492895f9a0d3bf', name: "label-info" })), index.h("slot", { key: '340462e5233453f5ca8bba5d483bc334a363779c', name: "label-info" }), index.h("div", { key: 'c08a96d8687fad8f47409a93f24079961f91023d', class: "gux-input-and-error-container" }, index.h("div", { key: 'efab2ff7a7f2a5539c2b69def65c85a01a0527ae', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '71b3f0e0ec9f31cd7e6a18d1ff940385a7c394e3', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '1af9cc3bfa1c3cac1d03ab74154c7382167c37bc' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '6ee4304176454cc7a81d110cb5bd5bdf6707d89e', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'bec4ad17ec4278e503c8ece53a41369aaca42da3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3fcbc1fbd18661e1cfd68d511c799a289505f07f', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5e5dc8148321a3fac532a55a653b6a625e0f6392', name: "label-info" })), index.h("slot", { key: '0e8d8ac143ebc07b27b0fd3f0645795a4d2e4093', name: "label-info" }), index.h("div", { key: '64521f80dd729eeb420feb9a1bcad868f5a7c8e9', class: "gux-input-and-error-container" }, index.h("div", { key: '38eb8a93e60d90c2512b003be421c500b57fa955', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'cae6fd4465ba89460a0fbb77408bd3d0dc0df11c' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '7afdc4538ef3c373c617f5a8fa295c6e280189c4', show: this.hasError }, index.h("slot", { key: 'fddebabad461cc1ac0fb3df84bc28cfe5e490f10', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0765d2f5c11f8f85964eb378880160655e5c9bf8', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e5e2f6fab5eeea9d4524d9fc0d8deee4c5efda34', name: "help" })))));
+            } }, index.h("slot", { key: '3a97f36dfa4c17261ac13cbb74ac9cf38c0f207c' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '43d83e1cf7e3331599f6d26471b7c945b29a9a1b', show: this.hasError }, index.h("slot", { key: '40cf85454b8b4d1c87d646ef7a15119964a40dc4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '386c39bbe6f5a37d93b16f1fb5ae52f060bd0c18', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'cae7e7ec9e17bd798267dbff61c3fe377e50b5e2', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/cjs/gux-form-fieldset-heading.cjs.entry.js

@@ -12,7 +12,7 @@ const GuxFormFieldsetHeading = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("slot", { key: '955753bff72c465f0e72956388a5b358fff36a18' }));
+        return (index.h("slot", { key: 'aa3dedf40c53c691c895e818925e1c55dda1808a' }));
     }
 };
 GuxFormFieldsetHeading.style = GuxFormFieldsetHeadingStyle0;

package/dist/cjs/gux-form-footer.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}";
 const GuxFormFooterStyle0 = guxFormFooterCss;
@@ -17,9 +17,9 @@ const GuxFormFooter = class {
         usage.trackComponent(this.root, { variant: this.placement });
     }
     render() {
-        return (index.h(index.Host, { key: 'e029fc31ed5de0869aa0705225162559c53e0705', class: {
+        return (index.h(index.Host, { key: 'a10f053969f6e06355ce6201a4644c60b9f6d257', class: {
                 [`gux-form-footer-${this.placement}`]: true
-            } }, index.h("slot", { key: '3acdbefafd30f736eeee6ef36f64f6e1ad273211' })));
+            } }, index.h("slot", { key: 'a510ed08050f3ae9f4b3e6499f7199a9c10b1bc5' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-form-heading.cjs.entry.js

@@ -12,7 +12,7 @@ const GuxFormHeading = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("slot", { key: '3c916a8b2173ae6b53b8046c3f925e13d2cf6d34' }));
+        return (index.h("slot", { key: 'efd15e7076eee788198c8839a636a1eb8921f3b0' }));
     }
 };
 GuxFormHeading.style = GuxFormHeadingStyle0;

package/dist/cjs/gux-icon-tooltip-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxIconTooltipCss = ".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";
@@ -31,7 +31,7 @@ const GuxIconTooltip = class {
         return await this.tooltip.hideTooltip();
     }
     render() {
-        return (index.h("div", { key: '3b20ccaf0e499e8429c53e8c1fb7797f9670a847', class: "gux-icon-tooltip" }, index.h("gux-screen-reader-beta", { key: '856479e539bc5fa9d31bbecdb515bb3cb12e3480' }, index.h("slot", { key: 'b2ba5630a1e21a86cdf1a1c88a288be655caecee', name: "content" })), index.h("gux-icon", { key: '34df8f3f0d589512db100f7dbffae33f1f0c9886', "icon-name": this.iconName, size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: '13f395f1bc88341ba85d8f4b7ac6e170d42d339c', placement: this.placement, ref: el => (this.tooltip = el) }, index.h("div", { key: '903935e57e9c178e07cdb04b798dd5bf473f89b3', slot: "content" }, getSlotTextContent.getSlotTextContent(this.root, 'content')))));
+        return (index.h("div", { key: '9d7877974b1ec769bbabc36e4e6dcb617fe71f13', class: "gux-icon-tooltip" }, index.h("gux-screen-reader-beta", { key: 'b775e0d3421511c6ab276cd591bb29775d266595' }, index.h("slot", { key: '0c0a2538bd60553070dd2935432d9bd844267051', name: "content" })), index.h("gux-icon", { key: '13303179e2856e5e0ef17a1321e08e58aaac3be1', "icon-name": this.iconName, size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: 'addd341ed182ec261e5d600d1bd4dc8dab351a92', placement: this.placement, ref: el => (this.tooltip = el) }, index.h("div", { key: '7439c6f444c757405a2386f6e18c2d36e807f2fc', slot: "content" }, getSlotTextContent.getSlotTextContent(this.root, 'content')))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-icon.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const legacyIconNames = [
@@ -549,7 +549,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: '331d5e5042089530faa81ff7c4a5cb9511a982bd', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '229e60bf4e71245ef83e86174db07f07d3cb8457', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-inline-alert.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const info = "Information alert with message";
@@ -45,10 +45,10 @@ const GuxAlert = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '5ce1b1139bcf9a4ca0236eda6eb8b052763c0b15', class: {
+        return (index.h("div", { key: 'e6950f55ea19e3f4b87036bec0d5e6ecb0b51213', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: '667c7918b9085e3e1073608fb79ae60ab7395887', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '89cff8d8c2a92aea2cc72cbb938dc22f80ee9b50', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: 'ff6f2a45ab15c709a6f61702bb8d37e6c88fd359', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: 'a9835f81342cbdb39455c12f20cee94176076fac', class: "gux-content" }, index.h("slot", { key: 'dd54c84622abe6c5d2f6efdc8be419146b829ceb', name: "content" }, index.h("slot", { key: 'a39e61793dc7771abf2ffb0ef5589da573951499' }))))));
+            } }, index.h("div", { key: '92e795abc0b39f6649a1a832f720eee6fc39d558', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '8bb76a6afee5a722a29844c7a7e10e1265416943', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: 'd25d7bd5952f5146335e3474eda2aff41abd5f0e', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: '4b054312f13d249752ba7176b2d9bac25907a436', class: "gux-content" }, index.h("slot", { key: 'b493d80805361e4bc49b0b3ff64938fcc9729006', name: "content" }, index.h("slot", { key: 'd4d52feab9da149eb470afe889564186bc4229e7' }))))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-label-info-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-4c66c07b.js');
+const usage = require('./usage-250cab08.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxLabelInfoCss = ".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";
@@ -36,7 +36,7 @@ const GuxLabelInfo = class {
         return await this.tooltipElement.hideTooltip();
     }
     render() {
-        return (index.h("div", { key: '002dd520b8963ca31fe898198c1bc461186c5418', class: "gux-label-info" }, index.h("gux-screen-reader-beta", { key: 'c3dc8f9f95e6d8c0cf72ae06700dea0433f61dbd' }, getSlotTextContent.getSlotTextContent(this.root, 'content')), index.h("gux-icon", { key: 'fbd08623e72a315950a3d3664c14850fba79e08c', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: 'cc8a5475fd40d8e21add82f1b689251831134fc1', placement: this.placement, ref: el => (this.tooltipElement = el) }, index.h("slot", { key: 'b84d0f31945c0e924e023694a85c53872004f57f', name: "content" }))));
+        return (index.h("div", { key: '0a8df28e7c2e878e06faacf935173ae36e71a7e8', class: "gux-label-info" }, index.h("gux-screen-reader-beta", { key: '16b5a6757748bd53eb6f8c0515ff5219daedc38e' }, getSlotTextContent.getSlotTextContent(this.root, 'content')), index.h("gux-icon", { key: 'd26ebf1df33c1355e3532f9bc6c04bc9fc560f82', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: '3d70e832bacb7c4a1863d197c719440bc191c9b2', placement: this.placement, ref: el => (this.tooltipElement = el) }, index.h("slot", { key: '5a21e16c4064e7226bec0923f568540fbf113eb1', name: "content" }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-list-divider.cjs.entry.js

@@ -12,7 +12,7 @@ const GuxListDivider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '56e33e66317185680fcea7741c574989875dac63', role: "presentation" }));
+        return (index.h(index.Host, { key: '0c5584e36db607e8d4221e9475e0e77d4ada908c', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;