genesys-spark-components 4.68.0 → 4.69.1

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const onMutation = require('./on-mutation-3d294d15.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
@@ -103,7 +103,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '0525a78d391dc34115520686d84b2469cb03e73a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '688782d0b2054dfd0d6d365e32f2d9c1c761bcb6', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '31e5d8f4388dafc1f72635443626c8066b55eb13', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6e3436cf4295a44d34605d9c5ebeb703c21e2160', variant: "required", required: this.required }), index.h("slot", { key: '30daa2fa2355c361bef1f22a535de7917cfb078d', name: "label-info" })), index.h("div", { key: 'd7a20c504f8727c864699f035e913d3924447207', class: "gux-input-and-error-container" }, index.h("slot", { key: 'e3300b633b42b9b7db6a712bc4d7dd827902f24f', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a2b928b0979b9899776d9b51d55d2b613d4269ea', show: this.hasError }, index.h("slot", { key: 'c1739682633318bc460cf17f6276809b89bbaa82', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '5bf1dd36e9a50db936e40172ebef765829aa7d4e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1849ec0347a435c8ae96f25cb26513831172f116', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b45503dabdcb64f1df72928b99305aa5efaef423', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f09e291be24f57e678a72e417b2f1b7bb977082e', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'fc9b9068354b8da568006d4d44640fef4123fa9e', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3ef29064e0601bd2c8af11a19c9a1a8b9e986b0e', variant: "required", required: this.required }), index.h("slot", { key: '83ae1424fcb54708af961155db4c26fcbd059cbd', name: "label-info" })), index.h("div", { key: '33b58d805d61f1d8b27a50b0db96c31caca6f54b', class: "gux-input-and-error-container" }, index.h("slot", { key: '4fe2f05d1b6012908ac312d1bacb3a3d62f28c8c', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f82044540fa10d5cd81806e7ecccba3419fb6667', show: this.hasError }, index.h("slot", { key: '9142937b77c997e8bfc0ffc80b2e363609e72b88', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '6ceb51c3e58b3cd3023e7a7184e171e8c2f75027', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '60641e4d45948eaa1b9d8faad04aa70f12ab1693', 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-7fb02c8c.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 const index$1 = require('./index-a1a48d79.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: 'b63d7d6a1a795cbac8b13a541fb74c8b675dd538', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: '5f4ce1d8150acfe8e888b47ac8c96ead4a6ea08e', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (index.h("button", { key: 'f16b595c0688c619aaeacb7e7c099fb1530ad489', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: 'af8f1f7813fdc524978215781fafe1832e29895e', "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-7fb02c8c.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 
 const guxFormFieldLabelIndicatorCss = ".gux-form-field-label-indicator-required{color:var(--gse-ui-formControl-label-indicator-requiredColor)}";
 const GuxFormFieldLabelIndicatorStyle0 = guxFormFieldLabelIndicatorCss;

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

@@ -13,7 +13,7 @@ const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 const en = require('./en-66d2b744.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -114,14 +114,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '7933568b7816fa23c82e4f47f6f590dc04a06390', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '4c68d06151843ab21972d116e059b21ac96bfc79', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '54b2aac45cd433644daa6e19776d462ac783766c', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b386246df553fd957662379ef771d4fa8f96886b', variant: "required", required: this.required }), index.h("slot", { key: 'a9ac69f91cc2835a327c1a2388677f9331c31290', name: "label-info" })), index.h("div", { key: '778ec225fa15fbb9400a4553e843a3df8c089f39', class: "gux-input-and-error-container" }, index.h("div", { key: 'c50c6a236cb308c173deac4154fbe18de4371037', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '7cd63e19283a6dc3eaf8806073246206834e063c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'bccccd9a17d23d2d4446fd9685eb9cbe9404a9d1', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'e8886a901750434ae6be0da8f769c82aef5adb17', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f79a65869ea22e74831f01fed54d875cce02e7b4', variant: "required", required: this.required }), index.h("slot", { key: '0386c4fbff1aa3cd83103e35dd499c8ad4262558', name: "label-info" })), index.h("div", { key: '6abf848f8a230821fd95429e9e52f724edcdcf8b', class: "gux-input-and-error-container" }, index.h("div", { key: '16d8e83feacb453361be85817dac8b7941189bab', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: 'ae16a2ef6f56fd450f5222a21e3dee12a65d63b0', class: {
+            }, part: "input-section" }, index.h("div", { key: 'dab06cf421271d09ed7298b54435a984c281d181', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            } }, index.h("slot", { key: '831683b98ac47cf8910936f6a96f2227b88bb8f8', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '78708993720afe3dc86fc17d647623cdd29dceb4', show: this.hasError }, index.h("slot", { key: '7ab1f64c823909396d42487f1f0c9911c52c4f56', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'da6c0e73b11b0fbde8bd453993e06ee6339dc2ee', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a9675ff099449cbe5cec296f28caef950450cfad', name: "help" })))));
+            } }, index.h("slot", { key: '83e0717bb788c2fb31934824355dbce50bbd750c', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '45adac5e37cf049f696cafab18457c89fc2446f1', show: this.hasError }, index.h("slot", { key: 'a6e96e5c56a29622d84ae629f2962d35823e7418', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '25283d15c640fcd203efaa9d8e108a5524649f6e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e30a17304b3d059bd3938b788c910bd9f4c37268', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -275,8 +275,8 @@ const GuxPaginationEllipsisButton = class {
         this.applyInputListener();
     }
     render() {
-        return (index.h(index.Host, { key: 'd6e7432da7241b1e32e3e34ecc13c02fae794954' }, index.h("button", { key: '0b0554af4a7c1609557c3c7700f1b5075c3158ac', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: 'd28cfdb9e070d1461cf3e3dedb6b99eb25fc0574', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), index.h("gux-tooltip", { key: 'a9c53ce8bcc1a900227298f97ad7ecb6078a6492', for: "popover-target" }, index.h("div", { key: 'ff5e1d84f179dde70f3cc750f8c7e9efe7fb5366', slot: "content" }, this.i18n('goToPage'))), index.h("gux-popover", { key: 'd7b8f404d4bfd44bb247ddf09337b7e89a1d4abe', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '67a348e64bc44bedbc6becca814e462f35605f7e', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'd7c92f5a21a66f30f9f26c5203427546e3247b9b' }, index.h("input", { key: '7e81e2081b222818fde83546791802235d1afd4f', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                evt.preventDefault() }), index.h("label", { key: 'd321ec8e5204fbb816958422413e85ebfadb14ce', slot: "label" })))));
+        return (index.h(index.Host, { key: '2820c182b85e0299720d4abbc157a8604586736e' }, index.h("button", { key: 'f5281a55dfa45a66d70a94c00b500398cdc802e4', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: 'f76d0448816482e93a94735df84f9461f921f0b5', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), index.h("gux-tooltip", { key: 'f4cffff7d04b8940ce6481533f27a16176e93489', for: "popover-target" }, index.h("div", { key: 'd8415ca69b5d2a30430a29e3aa199429f96c4559', slot: "content" }, this.i18n('goToPage'))), index.h("gux-popover", { key: 'd242c1ac2b74e7ad8f3e3ac263b3f25d2a410544', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: 'aeada09ea4194538e1f7c784f06c0305632e283a', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'd1fdda287990b81432fb0ea1fba701feaa0313e9' }, index.h("input", { key: '71523be8c50ee40138a4560574523060f3c8a834', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                evt.preventDefault() }), index.h("label", { key: '3a0c0d349584f5e8c105c1104c654aeb8077a8ae', slot: "label" })))));
     }
     get root() { return index.getElement(this); }
 };
@@ -437,10 +437,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: '444c2583793aa85b86a74a37b2dcc42aa3dc9037', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '73bc102bb15e3558f9ce9bf3d0d9a227c7c7d066', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '865aacfbd91e5667682234276dcaa2a56bf77b99', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '1978bd54cb3033943414aa049506f0f659f77a2a', class: "gux-arrow-caret" })), index.h("div", { key: '8240de5a2cd2b27ed63ed3386001f5bf01d3d565', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '319131eadce4c1d106af83c40398a7807b1e7b40', name: "title" }), this.renderDismissButton()), index.h("div", { key: '503d7a1ba3a294bff08451b9cdcb6c1c7bbe54f2', class: "gux-popover-content" }, index.h("slot", { key: '3f9d318feddcf5a0f9e6a9448ba21da628b88660' }))));
+            }, "data-placement": true }, index.h("div", { key: 'b4de1be84cda8c3ec3648e3764b91ba9e79c430c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '61e3578e40ece777e9b361a10c6595fed291a402', class: "gux-arrow-caret" })), index.h("div", { key: '92641ff8f3fc763886a1a94b61354339938124d8', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '9c544091c84b663706ea62a4e39a659947fc9a31', name: "title" }), this.renderDismissButton()), index.h("div", { key: '42d1a067d01bc84700d055c76764c68c2263bda3', class: "gux-popover-content" }, index.h("slot", { key: '46b29b5905512f76b5e3f25a3d7978e0a4cfa4cd' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -6,7 +6,7 @@ const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
 const onMutation = require('./on-mutation-3d294d15.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-bf86cba7.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -101,14 +101,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '9d4c6dbffdc6bdc6ffcc837f42de50bb206928f6', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '7169f8a5e3f9ec8ce4a3ab875bad672486c7d915' }, (_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: '1c01a5da652a511174ddf83a8513ac95d7dc19a4', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '97a7ba3d4a5c59f9fb646347b12739f0fff5c8c5', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'dc557c304670bc8c567d7ab43934b7eb21ce34ab', variant: "required", required: this.required }), index.h("slot", { key: '550cd3e4e3215c8de5914b60c7d70af6406ae2da', name: "label-info" })), index.h("div", { key: '8320d94a2e2aa6939f7f05e02174a6467b658b7a', class: "gux-input-and-error-container" }, index.h("div", { key: '642a2d56360fc0a94259c77db3aca4a5bfbf965f', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '5e79706a4106eb71219a0fccecf9fecc70ad029f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'beaea1fd3d613ab90ac5e097c025096e7c83244f' }, (_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: 'dfe696f2a760552fff055c424a5cd9e394eeb20b', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '730a6a00c0b6872099d7aa44bdafc923af385d77', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3d1362cfc275d089d41e4d6495aed11a4fbd3056', variant: "required", required: this.required }), index.h("slot", { key: '734d9a3e505bb48a27b676a6b16c13717ebb87d7', name: "label-info" })), index.h("div", { key: 'c5151c7762ecfa31164375ae23f7ca48b8b1548d', class: "gux-input-and-error-container" }, index.h("div", { key: '83a99c191cb03b34ef4ee5e37b9be5f4237556b3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'f86dd893d7f00ab5f1b84559668643ebdcaded8b', class: {
+            } }, index.h("div", { key: 'ece2e66fdc6612ab711f4243d803363fabff2b8e', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '5d9f650056e1371cecfce924da5271f436243b5a' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd81fa03f01285583d6d2d935eb5337acf12a346c', show: this.hasError }, index.h("slot", { key: '9fc26f779b0db83100fcaed6a8e22de79b22b67a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9de13c4a3751de1e153b30c04f6902e0c2a9b6d2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '43064b55e0a372ecaeacc2f3549801946a3d5c86', name: "help" })))));
+            } }, index.h("slot", { key: 'aeeb02d360867cd9400046b6d63c61f588df9713' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '6ffda1db40ad30c409c431339c8183168d7dbb64', show: this.hasError }, index.h("slot", { key: 'f75504d4695a26edf90b30cf2db36fb354db4f29', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f171c53e11efd91de79c2e0337682188d465e134', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '3858cad08f08ec51f79b1c52461a0d2bb36cb6e9', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -8,9 +8,9 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-bf86cba7.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 
-const guxFormFieldRadioGroupCss = ".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-visual-label.gux-required gux-form-field-label-indicator{padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-visual-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);width:fit-content;min-width:var(--gse-ui-formControl-input-textfield-minWidth);max-width:fit-content;margin-right:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block}::slotted(gux-form-field-radio){padding-top:var(--gse-ui-formControl-group-gapItems)}::slotted(gux-form-field-radio:first-of-type){padding-top:0}:host([disabled]) .gux-form-field-legend-label{opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}";
+const guxFormFieldRadioGroupCss = ".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-visual-label.gux-required gux-form-field-label-indicator{padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-visual-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);width:fit-content;min-width:var(--gse-ui-formControl-input-textfield-minWidth);max-width:fit-content;margin-right:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block}::slotted(gux-form-field-radio){padding-top:var(--gse-ui-formControl-group-gapItems)}::slotted(gux-form-field-radio:first-of-type){padding-top:0}:host([disabled]) ::slotted(label){opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}";
 const GuxFormFieldRadioGroupBetaStyle0 = guxFormFieldRadioGroupCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -103,8 +103,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'e12c20790c5ba935d5b3c38b16db7230e434c077', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'ca80c61d454567f3447456444325d0506dec504c' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, 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: '2c0c16c86d9dc473cabfc0db2bb417ee2dab90b2', position: "above", required: false }, index.h("slot", { key: '30bc3c2a1969bb3af748a0b67b2d7fb26d1e3df5', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("slot", { key: '35d5aa0f55e729a976cdb8e112ef03849ca5f816', name: "group-label-info" })), index.h("slot", { key: '7e603c6566ee3679f5ba2221967015fcc783e065' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '8065668a4897592921dd8f76f8b147f5f3a8403b', show: this.hasGroupError }, index.h("slot", { key: '0023aaa9c6ffffe22eedd92450631eccd0b1c6cb', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '51c0d560e63fa06b1a6ead09d5f2752525677018', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '19f31b38455d172042c71de7eb52b9e4ba3be939', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '18fb0c21924bc28ff5ab47fd67c5de6ef6b34df5', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'e33a6c28e3a2fafbbdff9107a33bc3ce6cc3e680' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, 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: 'c6420ade388fef239f6cf7e43b062992c6f5ef40', position: "above", required: false }, index.h("slot", { key: '51ce44d7ebd941cd80de57dabe1afdd28a287aac', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("slot", { key: 'cdefdcf43799bcb758ea0a27a555fb0c3323c96b', name: "group-label-info" })), index.h("slot", { key: '1b79439e6930fa43d2c508f16a79b2763b369e2c' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '2eb19786e466d0d8f4dbe3efd6866eee5b7cc9d0', show: this.hasGroupError }, index.h("slot", { key: '73f97a0982220c438e51086db8b26c7c4d0db509', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd947d3ad2e58438d770785baf504d2e12705069a', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'f102ee933a12c6ae5cd4290e8adb9bae3c6cdee9', 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-4e1d6772.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.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: '4be53308a7caf39eaf426a33fe2f887907016f46', class: {
+        return (index.h(index.Host, { key: 'dee308de65283a8fc44ce06f2da458e3f108024a', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '4972931fc0571d13319c91ff3fe995b7e8208b50', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'b25001ef55d8d5bc0b63237a38ce11b6fecf9549', class: "gux-input-label" }, index.h("div", { key: '0e19497e4f0558252cc976f5227526aa34fcb960', class: "gux-input" }, index.h("slot", { key: '66cf05ecc934419d3cbce9cc08f956ddb0b222d7', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'aadbf0cd1d7795f0400047b55c9398653ee3da2c', class: "gux-label" }, index.h("slot", { key: '2fa716ad8d4863ebdef2a7bd1c6c52666b7d37c2', name: "label" }))), index.h("div", { key: '730560ed315257647a904692659515aca8e6f3da', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '8af82dd72e1ee37e2b83495b894c8b875c3a5359', show: this.hasError }, index.h("slot", { key: '41d4a359a45fcccabcc69262637864a9f9025858', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c97b9e2b6586bc5cdddb1d50fa5dc643291db919', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'aa00f02472ea6b3eb18c2aed9f043460223c77b7', name: "help" }))))));
+            } }, index.h("div", { key: '84c778ad31cbc0879422d1b57ffbbfb51c4d733b', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'f29e1012c2140654c626dbdf2e49c6492675f59e', class: "gux-input-label" }, index.h("div", { key: '9324b917de2d38e872fd6f858198ff7d6971dac1', class: "gux-input" }, index.h("slot", { key: 'dca06eb2f5370cc6979ea6dd4119083397bcf5ac', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'ebccb4e6bb0438b183f1a7dd542120933b6dd2e1', class: "gux-label" }, index.h("slot", { key: '204dfc4315640ac7974df1ec434f06691148078b', name: "label" }))), index.h("div", { key: 'ccffe3e77740d2231216e9e6021f65fd035d1ed1', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '8b6701eb9a7ac2131597ce9f9f08513e3c46bcbf', show: this.hasError }, index.h("slot", { key: 'fe09527fd9035f25c6d91c3f6285839a09e5c423', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fd58af8ee7e72a1389c45b37cd46a55798db6efa', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7a76298da2764985c0c7febcf744ca9efb40ada8', 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-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 const onResize = require('./on-resize-da1477df.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -118,9 +118,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: 'ab9ac048dff6e2d11bb3c772ed451236f3ba077a', class: {
+        return (index.h(index.Host, { key: '7174da64feed7ecfd06b26be8d77ca5cd0b2fa5a', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'dba594d436aead649aeb87af487ee166189b4bab', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '55700a9623002cb6b14d649220d69892d12f9262', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '6bce5f84176d71f7f55a0aa4b2790009af8c1605', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f5a34330196fc54fc09ab3a8af2c34daf76c5462', variant: "required", required: this.required }), index.h("slot", { key: '4660b8fce4ca716350a14ffb473afa54c8419318', name: "label-info" })), index.h("div", { key: '3670a50c686cc5db998c98649ae43f38c0a31dc3', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '393e587693d47724a46b070752f97eea1f5f62e0', show: this.hasError }, index.h("slot", { key: 'b83b93a254d2700a3939dd146154ad481a6b8c62', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'cb78aadb8966a6d073cc55feff81aefc2958bb26', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '900d0ca0d05bc5916699632ec749af107ad7b724', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'ac0ecc73aedb6bdd9b0536bbfed55d665ae5f248', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b24dd5d42a34beb41887e92b8bcceb3d7bda56e4', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '12ed0520d9b9f1c404b6a31f6ec45fdd0b4c1bfe', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b07b2c6c7f0e118f65be5e01cae6cae15959dc34', variant: "required", required: this.required }), index.h("slot", { key: '0b06bc69c256872d0726d93344a26a8664955df3', name: "label-info" })), index.h("div", { key: '3360fc5b2bcfa941f02345e6c4f2ee855c85b9c6', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '48fd7c3a7e142e298fdbfb213b5954b3cfce4a54', show: this.hasError }, index.h("slot", { key: '91ec76d697c26a0a014f34c30de6d3596044abf1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9df5deee6beb4a35cfe4051dd2383bb493b412b1', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'da27f8af64910cf341f25e31034753526cb1e7c4', 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-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -97,13 +97,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'eb54c3d326e5612bed966c4902f81492ef78d047', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '0b1c19574a630d5cd35340aaa26c34d9bcadc0f4', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '55fba1a13845f049fa383c26cbf853ca1a684d35', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'bdab54bc623e445bf23fc8324f23a77ab2dcf3d0', variant: "required", required: this.required }), index.h("slot", { key: 'da94b4c8d6ed9507950c176cf12c8c8a091674b5', name: "label-info" })), index.h("div", { key: '15117bec395077d508b5e8a4c720b4ef4540166b', class: "gux-input-and-error-container" }, index.h("div", { key: '9be16da9d96ffffc5d2f08d5f205f625fbce3190', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '58166543ea3396b6a2f010d8ad25839f6da9862e', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '81f159bde9db11ef976e52c7229a8ffe7a06f22a', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '7d3c829d0551f6924f393a597f00caa1cc6e7bc8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'adf56d285a6dd185e3b245c0830c238d250025a8', variant: "required", required: this.required }), index.h("slot", { key: '666f6a5e421b15988c8b62cd6ce3e1b6336a88cb', name: "label-info" })), index.h("div", { key: '7a74fab6c5ea13071f9b3d76ce45558e635d9c92', class: "gux-input-and-error-container" }, index.h("div", { key: 'b546aee27c23e2c78c0737506a6b24c71d01bf81', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '7cc45a51aedbb97832dbb2f7645783e28f1c3627', class: {
+            } }, index.h("div", { key: '9fcd7df004c874c3d5ab3f7d4bef0835e7a924c0', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("gux-icon", { key: '8dab67c6d68f6712f2c3bee6507aba2bc51b1fc3', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: 'aaea9d4ca0372616ce24be06aef6f8b419bf161b', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '02d266886d64ac5e7e3a01cf47e84178a1339ab3', show: this.hasError }, index.h("slot", { key: '4cd265a03f79505dbeca1514c4040d61e08641ba', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '45dc38aa6b6b2727719863759e2162e3a07390a9', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2bd49840dac7d5233def35e135631c5a3b27be38', name: "help" })))));
+            } }, index.h("gux-icon", { key: 'a84a5af69848417cb3722dc9cb0827ad4ba47fef', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: 'fab262d30b38203f5ec6ceb9bf2c733b7920530a', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd6f71131cc9d8870ac0e4b40177ddec6806b89e7', show: this.hasError }, index.h("slot", { key: 'f847c4449ebd17bc83307aca26e61242b900decc', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a80e3898c62e3f2e1617d5f1babb73001744aed9', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8bdd443766bf846d9e02593167152fcfe144bef2', 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-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -88,13 +88,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'f844fdb5b498ef8a8b9a34ad3e5eb92bc6a4f3c8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '8bd9aa3cf9f5f7b28133c3224611958a6fc73921', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '6f9b1efa8056904ef73ca5d7c438dfe24f18f54e', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3e7bd70e01b8115d69e003195bdd7f046d5e16e3', variant: "required", required: this.required }), index.h("slot", { key: '1738200114f29f8746cc10af3b2c09aa533cbbff', name: "label-info" })), index.h("div", { key: '4955c27f50142a08a815e56cd88ea2eb44b0ab0a', class: "gux-input-and-error-container" }, index.h("div", { key: 'cf6b1c3597e86176cd5bfe3afab05a1f6d0751c3', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'f6c8c4c85835b1edf47e58d893b81d0d7757012b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '31962d695482f94ed0323c2f81efdad6c73f562e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '893612c4993892cad7eb814eafec1ba7f2fe4799', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4cc0d7cd115707185f83e36e9b43f47c200870a3', variant: "required", required: this.required }), index.h("slot", { key: '9ce8d582a5f9a86cc958b7bacadc1ff34eafa99f', name: "label-info" })), index.h("div", { key: 'ff5c8045ff06e8d0e3ac28ec6de066af5bcdfe62', class: "gux-input-and-error-container" }, index.h("div", { key: 'fc10ef8a25b5fa3a432073e661ba94d76a8ad4cd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '386f8c8acb08f20db807a3cf00f4584454bcfa69', class: {
+            } }, index.h("div", { key: 'e29c43bbe855965bc23d14c941f38ff5f0145464', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'dfa0e7e042c52181616043207ce8ee31614b0012', name: "input" }), index.h("gux-icon", { key: 'f75c2764607b6751626564a4c1515199d52bb454', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a40c957740b240dc83fb93054b875f93eb64d28a', show: this.hasError }, index.h("slot", { key: '7c20523f6a5dda29ab764d1a92ae69b6f886923e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '079983b7741fb9f295dba4c2070e2d1a03816793', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a53da5835454447df383c75e4b15cbdd816fe90f', name: "help" })))));
+            } }, index.h("slot", { key: '226af5f2dfdb0b7a200380f495ec462fae6dd24f', name: "input" }), index.h("gux-icon", { key: 'c8c63569f5dbd6ca9c4ec0e776005d4144b1feac', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'dc2212a149ab0d7262f8dd3b6531dc2b4e3aba88', show: this.hasError }, index.h("slot", { key: '27165c16911fce8020c79ced2cdeca9c3b5e0223', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '51aba62b1c71351a5a0771201606ddaf4a9b5d41', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5f3f4e69893e949df23c07f86190adeecfa95102', 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-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');

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-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -92,12 +92,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '3d08751b790371c6338efc65b68d07a360705b97', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '099e32455d842681b4e3cf19f130064bf939a55b', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '241a7c6d259bbe471722516ff8abef1f09593213', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '90a1fae28e9a3fbb42a25f4893d43022cd4ca136', variant: "required", required: this.required }), index.h("slot", { key: '8c1345acc126822cc735516aa0674c71d24af7ef', name: "label-info" })), index.h("div", { key: 'b7844b5d4c745d2341257064d934b5e2ef3b423f', class: "gux-input-and-error-container" }, index.h("div", { key: '562f87e2983f5c59e440fe1f0b7eb9fd17428c2a', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b76aee7edb1ff7b0f1e6b4ce571322522bb177e7', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a47b9dab6bb6c102c2da9af51511032b44a90c9c', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '5e89fda87c2c0faac2524339a62b20ed448977a7', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'ae3713273e686a8653a86a8792463ae8d009fc46', variant: "required", required: this.required }), index.h("slot", { key: 'ed7b5c67058e70991d1ded49436eb52bc61ff621', name: "label-info" })), index.h("div", { key: '9b2afb7a388af5685d6234dba49a830b35f72734', class: "gux-input-and-error-container" }, index.h("div", { key: '19da97dbe230588e3cf599ed08cc0eeb72115d6d', 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: '1dbc23505679a3339ca1c19caadc2e65a3f6eece', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c6b7511c3513fa247c7161bb54c8abe4f3b1dfef', show: this.hasError }, index.h("slot", { key: '6fa5d8f256c8cf0858301411c044b51374f2eaef', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4ec4ac7db162b540089d20230753e6a4d5f23cce', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a33dcc3483b91213e1ce01585b29e525c2fced75', name: "help" })))));
+            } }, index.h("slot", { key: '14720170cb4ad48c3d31d33e99dbf2cd973f9cba', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '3d2acd4b6df2739f83469fdceca895ae3382a087', show: this.hasError }, index.h("slot", { key: '7eb51dc5366d655b934c5ad370cff1bb2dca26ca', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '790dc577a55013b0ef95a383abba64f7da4b4443', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0477a424465dca40e4b2f0005874c754e722fdc4', 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-4e1d6772.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-bf86cba7.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -103,14 +103,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '720b129f00c7f5bab57e2abef1f58ca88f478cb4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '5767d25bcc6ee3e09f1a5b9f02ddc9c7896d25ea' }, (_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: '4cff3066c0a0e277ca413df400e6e406cc7a9914', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'c450dfef69446b2b3e67ba9bb8f55a0419d394a7', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e5bbc41943239972bfd246fc7a0f0e1c6bdfb1a3', variant: "required", required: this.required }), index.h("slot", { key: '0513a3362810b33854aea23fec274f70d162f95d', name: "label-info" })), index.h("div", { key: 'e97f3ab849f206224e15539bdd803c76200920bb', class: "gux-input-and-error-container" }, index.h("div", { key: '05b2332efd5aa383b4214502ab75878cc81286bc', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '0e9e7be8b66bfc3b4d1849dfc2bfc78283e048d4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'b5e05e867417fd304ce50362cac1f8d5c25cafc1' }, (_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: 'e20d5248bce984854ca86f06a75db622e6932ca9', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'f439bed72e173cd0df8885a041bfaaf967926a7c', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '261b3daab809a96e66a736bf909a7cba9fc84d68', variant: "required", required: this.required }), index.h("slot", { key: '246fba150fb21e81f7e57e37642bc1a6c39eab43', name: "label-info" })), index.h("div", { key: 'e5c6e5c0231d625218e2e741822743a06732d9d9', class: "gux-input-and-error-container" }, index.h("div", { key: 'b11307f8c3a99010754f8edec868de5fd807e171', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '050e0189fbccf71626403fa8aff0edd50a8e0c62', class: {
+            } }, index.h("div", { key: '3c82d5a23c27520d1f17ce8b571c010393f1b5c4', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '1e328e4322a1136e4e77492bdc31ca4910ed77d2' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '3814c154c0b004a1fd23f5dd836ce399d29cd40c', show: this.hasError }, index.h("slot", { key: '17b3f64a99504b77f10b773d67273f9bfed50fa1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '43de587757903e6a84b464f309029aa56c41152b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '138b21a8b9d81011c21bda2ba1e821ae6c99dc30', name: "help" })))));
+            } }, index.h("slot", { key: '82d9fa74282eab284cf28e0fae495b94567172cc' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'fc8385464c9bfbc5d30e1b9b16270401410721a9', show: this.hasError }, index.h("slot", { key: '1648776e8456bd82c977e5b58c3cd00e8b46e2d7', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c8377cda699a27c33d0e88cc971e25ca9870b636', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2fbf51d0537398274f956fb2eec26f2ea5f4451b', 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-4e1d6772.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-bf86cba7.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -104,13 +104,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '7c9cdf972242636d7ca21606aed9c8885c3074b9', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '3dd1921c496a944a3dc3d995c51dc2199bd979fe' }, (_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: '46e297ea834c042e82e575d3b3f9d666544a772d', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '89acfb4b30715fd14d5211cdbf65da4dbf0311d9', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b14f3a840839c9f54761f31e1d9f5c84dc004dc6', variant: "required", required: this.required }), index.h("slot", { key: '2307a27a9371b2cbab76fc739920ad9a19c23a09', name: "label-info" })), index.h("slot", { key: '26b09106ac74ea4a21030d3650ccefb7d4578a95', name: "label-info" }), index.h("div", { key: '596a53c25c2ad965e11cf93b54f801b983b6e04c', class: "gux-input-and-error-container" }, index.h("div", { key: '61a292815d2bc6245191a0190a220052d5c378ba', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'aaed04625be46bf1c196187a9ab2650ae15d6d63', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '95cdcaa339f2459b5f55e1d516b28fded340ec54' }, (_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: 'ca9d26b09254bcf1c10f85eca465f06d672c69ca', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '9c4d98a79533c66cabbce393f6f2fb6ba2243858', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '872419e46229275b793a8e44cc5137054e62809c', variant: "required", required: this.required }), index.h("slot", { key: '8f5fcbbda9de2037df6fe4c233ff0d59b8767b77', name: "label-info" })), index.h("slot", { key: '7ab3cb49085ec078386e47d33be85e4862a56e8a', name: "label-info" }), index.h("div", { key: 'e0d3c3d5445c9a94d75d070a4bf724b201b06d44', class: "gux-input-and-error-container" }, index.h("div", { key: 'ba25e6cefde4e777afa7e0e9f60c2be7e4956aa6', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'f825d9a58b63a9e9dd4fc4ee6d53b41bf0f03690' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '194d79eea96a18ea94a312603d9dca4b65dc40f4', show: this.hasError }, index.h("slot", { key: 'eafb237fbf041c7b404526e3e3e78bee076e14a0', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'af6d9731e3995bcc9a07218fc15402772ad21a8f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '047aa0aef787a88ac0c11fef661cee33071dd8ae', name: "help" })))));
+            } }, index.h("slot", { key: '2fa5abb19ef77dd31c72726f59eb1e3fe55700f5' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '8ebcdee23d8ea6a7088031ec16bb571a67f9ae77', show: this.hasError }, index.h("slot", { key: '7ea86ffc59c1af8f4a355ea0a6788b47c1eb4659', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '649c1eb4580438bc8f7349ec77b13cbfe530b1b0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8cbf41877937041046c62a9648982b420a2dfbcc', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;padding:var(--gse-semantic-forms-formFooter-verticalPadding) var(--gse-semantic-forms-margin);margin-top:var(--gse-semantic-forms-formBody-paddingBottom);border-top: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:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding) 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:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding) 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:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}:host(.gux-form-footer-modal-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);justify-content:flex-end;padding:var(--gse-ui-formFooter-modal-desktop-topPadding) var(--gse-ui-formFooter-modal-desktop-horizontalPadding) var(--gse-ui-formFooter-modal-desktop-bottomPadding) var(--gse-ui-formFooter-modal-desktop-horizontalPadding)}";
 const GuxFormFooterStyle0 = guxFormFooterCss;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxIconTooltipCss = ".gux-icon-tooltip{width: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-optionalColor);vertical-align:bottom}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.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: '4bd061ac62a0c4db43a5a82170a99ca02fe31376', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '11e42c61e6b6a268d4f3202b85587865a2777469', 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-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.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: '084eb00e05f62a6984e5d1a7a4ad8658db5a74e9', class: {
+        return (index.h("div", { key: '95faeba1aaab0d904b76e35881843a0545d12ed1', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: 'd7405f5ce9d6bfbd30800c3b9e231043ea8514ed', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '832e03ea16048cba1712f3564452045fa77b5a77', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: 'f2329d284e5fc50e6db95377aa2f40453a4ef7d9', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: 'c09c0a657a842e36a10f34f5ab6e4e09eafbb97f', class: "gux-content" }, index.h("slot", { key: '4f41d7f9089241cbd7d9b21a75f6bceff90fd195', name: "content" }, index.h("slot", { key: '2207c3c13b1ff3d6b63c4dc8716054478db3a35d' }))))));
+            } }, index.h("div", { key: 'f1cff94c3340682fa4f9b731b861246d2e5a95fd', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '541abfc392b63e7cce5282a549118487490de8e9', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: 'f6f39c9cdba87b0d42ec68e53a2b404181f1b6d9', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: 'b8dd49744c9cf3a960aefce0218737eb3e7bbdef', class: "gux-content" }, index.h("slot", { key: 'c499e3f7f7db4ca0dc4118785c9fbf23daa99781', name: "content" }, index.h("slot", { key: '2e45fa9242e98ca1ea5a9408df89593238fe2106' }))))));
     }
     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-7fb02c8c.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxLabelInfoCss = ".gux-label-info{width: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-optionalColor);vertical-align:bottom}";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 const GuxListStyle0 = guxListCss;

package/dist/cjs/gux-listbox-multi.cjs.entry.js

@@ -7,7 +7,7 @@ const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const index$1 = require('./index-a1a48d79.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 require('./get-closest-element-9e41d6b9.js');
 

package/dist/cjs/gux-loading-message.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 
 const guxLoadingMessageCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-width: var(--gse-ui-progressAndLoading-loadingState-large-width);\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";
 const GuxLoadingMessageStyle0 = guxLoadingMessageCss;
@@ -16,7 +16,7 @@ const GuxLoadingMessage = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '1aaad61061ed60c322507d66def10adfb3e77506', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '45ac02937f45e3927e7825b3e142d63201fb3f02', class: "gux-progress" }, index.h("slot", { key: 'ebb718adb910425c89fd37cdd9e44625f7f43e32', name: "progress" })), index.h("div", { key: 'a0564b55f04dc00fda6ce82da0b3305c0f680835', class: "gux-primary-message" }, index.h("slot", { key: '75b979b5927973a270632f683f6f846f6c4b50fa', name: "primary-message" })), index.h("div", { key: '44074ad8f1025b945f52fd657ac6a0bc0c719aca', class: "gux-additional-guidance" }, index.h("slot", { key: 'b243110150b520fc53e4e0f7bc063e61d4841a82', name: "additional-guidance" }))));
+        return (index.h("div", { key: '2a6b29d75ee80df549e6f16231aba1665d3ca154', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '45c224c9caac4f211a30f89dca30645cf3c68cef', class: "gux-progress" }, index.h("slot", { key: '99c7399f7575ca1d63a354b6c2ed6b8c0e5c6728', name: "progress" })), index.h("div", { key: 'fb7eadb66e7be740661ea040eae4614f21109d93', class: "gux-primary-message" }, index.h("slot", { key: 'fc31e49622c5f1b581f17df0da1f0de3cea9132c', name: "primary-message" })), index.h("div", { key: 'cc876268b8c22ab58c548201c076cf58519df58a', class: "gux-additional-guidance" }, index.h("slot", { key: '8fae572e194d58167a55c68c6b9db4a9eada969f', name: "additional-guidance" }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-modal-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-103c4679.js');
+const usage = require('./usage-5ce3b0ea.js');
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding);background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;