genesys-spark-components 4.160.1 → 4.161.0

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

@@ -7,7 +7,7 @@ var index$1 = require('./index-Cu12q3Jc.js');
 var guxFormFieldError = require('./gux-form-field-error-DV2bS0KW.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-Bf1LtFMR.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const required = "Required";
@@ -127,8 +127,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'fad484fb7fa8ec26abc118586b82c66b5952915c', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'e8446de191e32faf08297a3baaa710caceda7290' }, (_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: 'ee8f1870612c16fd90dfa7ae69155abdd0768013', position: "above", required: this.required }, index.h("slot", { key: '6b20419b25b7b7381740834b42d6f057db18ad2a', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'de00848bbb489b3db197dfd92328940f529cc85c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'd1bd07ac555ca287b40a850458b212f0ea13728d', name: "group-label-info" })), index.h("slot", { key: '525f68e3742ae671bdf928c8578581893eddca07' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '46e74e1785062aab209be58ac7a34d4f9041353f', show: this.hasGroupError }, index.h("slot", { key: '41824728fe7ae908f4428147f3f3696c7d139c5e', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1e3c4ab5237c81ed55d6d075f5d0c6983c04dbd7', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'b89ae47b91befcb31fbca744ea3a5768ffe40060', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'b48e98393a2f14f772c9ebbae8819e33b6761013', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '41e06e4fbf992e7eda41e94995dbab1e4b5aeede' }, (_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: '37f4c6a4366d0791612bd2e2ba1e323b9e003104', position: "above", required: this.required }, index.h("slot", { key: '5cb0627366019750c9e44ef14e21d57e34af0cb7', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '04f3c53e0c5589cc8f97d8a25eb242ce14b87cdb', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '64ba1ac4e0e02df1ca97958656b0efab3909b40b', name: "group-label-info" })), index.h("slot", { key: 'd29d92c2a46559a11265bf074145578c685b090c' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '80a102f2762fbffc31f11dbea75f26c12f59749c', show: this.hasGroupError }, index.h("slot", { key: 'c3679a1330676e89b32f6d867338a1e46a59c6e6', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8e922cb4385a18798336ca4f93d9ac18e464b339', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '4d43e0a2de8711ac7c7ece2a0489414303b6cb9d', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -7,7 +7,7 @@ var preventBrowserValidationStyling = require('./prevent-browser-validation-styl
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-DV2bS0KW.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -48,10 +48,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e9b9c79eb41ac2d19d0bcc932f7ec95a199b9903', class: {
+        return (index.h(index.Host, { key: '0fc87bd8939fa7756405779b81bab2afc11918b0', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '1da2143e7a310bcbc1516e59e15c9b4fd9f26fdd', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '93853b97a827184389f35d5b280d11977c099ca8', class: "gux-input-label" }, index.h("div", { key: '8f0c0905566540f255a83de16db9a89b3421876a', class: "gux-input" }, index.h("slot", { key: '946aeb85de8bc850756baf6a60e72dc05eff2de6', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '5b4cdf94ddff3cc059fe5ac76abfa52ca4db01e1', class: "gux-label" }, index.h("slot", { key: 'aab275c888fc44566fdbeae133e1950addbff70e', name: "label" }))), index.h("div", { key: '5b06a11563515764b09ce8d66f9c9ed8600f63ba', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'db447c98e56b06fca8a73c5db54b7a2af8ff0a3c', show: this.hasError }, index.h("slot", { key: '372a75fe6ac5a8144b5a516049de6d334b4dff44', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1aecda0403524cbf79fa34e572d83d22a9cab2a9', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '221aae6237ca1072200759a0ee0fe75c0e227e8b', name: "help" }))))));
+            } }, index.h("div", { key: '3533a71ee0de82b20c4af4563ae1f9f41f8221bf', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '1fb60e41be82ce62401e255123173735cab93405', class: "gux-input-label" }, index.h("div", { key: 'e8d6805b1317aae71ffaeedf7806329a45aaf506', class: "gux-input" }, index.h("slot", { key: '95e6be748f354157e1a87b5d6bf5351b9f9296f0', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '1e7a1e337c3cf8664e032650dc21962f47dfba35', class: "gux-label" }, index.h("slot", { key: '8dcf4029d96767701a5853f16c3abe51c0731b8f', name: "label" }))), index.h("div", { key: '3c152b4b9b2e0f121df1c6ba9f30e19c71277838', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '8aa688ff3ea75c07dd210e0d4b9e70629db64beb', show: this.hasError }, index.h("slot", { key: 'd8b4195b2eb40afc8f93678746f8031e3df17b7a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'dd89a3c1fdf31dba1cd91e39f83f281116bb7d56', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7930fafbd92062eaa6a9e7d55bb23bf4ca27f514', 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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-DV2bS0KW.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BoogsqbY.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 var onResize = require('./on-resize-DFwnGjok.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -113,9 +113,9 @@ const GuxFormFieldRange = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: '704aa9e8e576207449de82b964c9b3d25b921914', class: {
+        return (index.h(index.Host, { key: '353cb39fef8b4b878ce5e7eff30d2e8c7e8bc2fb', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'a6a6b949bde45af0deb032e32bb40656e347c745', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '1d49479d7ffa693dffdfe2198d14e542a165ee1c', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'c556f745745618de8e456287f7bf554cc317b450', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '879302e5c9f9525d9a7d77dc1cce1e169d5f96a3', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '07981edbf4a7c9cb5da907c969857709a3a7d720', name: "label-info" })), index.h("div", { key: '19c858be378a68cfeb1a62adb01f59877168385c', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f7031aafcec8679dbf0c848d052735a557bff3ea', show: this.hasError }, index.h("slot", { key: '5def458db570387d21ab82be06d4fab06b262ac1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0f8c192c8f5b3f4cb3ec3af98d96dd8dea796cbf', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '44f652b4b0a8b468569165737db0faae3f3a25bc', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'a320c1345b2d62bd16a39295b5b46631615a2597', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '4bff0c5785ef63dd26f7e0b29345b959bcef96f1', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '8ae21786e3e36efe888c4c3947933a4d754ae979', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6bf840d6f663c0537ffc280b8d32f9b18061f8cd', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '75c733ba873e04a0dd22e95cbd1c00e4bf807136', name: "label-info" })), index.h("div", { key: '18ead08a1a523583561b40a3015cd84def405ec3', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '38be771dcf052017eb3632303c31a20c960802e1', show: this.hasError }, index.h("slot", { key: 'd57861be4cd0021fe3d6d8483bc7d68c6dde210d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '29244b6b046284637a7f3fb7b55c8b07f56c9f96', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e55bef0ad84834ed1f63dd988f73f57a69e2e23a', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-DV2bS0KW.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BoogsqbY.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -98,13 +98,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '8a63dea595a1c5d42dcb4cd8facc9d460a9e5a1b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'cfd0eec1ecf20523561684958daa1f6acf972caa', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'a3aaeff0832e5a64d1df1117d740c278c9c272af', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '70fe33bfb767af9d906cedcc9ce9ee60ca747af8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'a56375db0f57772478adc032a6098545abef2a19', name: "label-info" })), index.h("div", { key: 'c018d09f0cec6cca6986fc5e3dbe3d2ed110e1cd', class: "gux-input-and-error-container" }, index.h("div", { key: '612e3730ffec8c4e2c6cd1a99f6b236f7f4c3294', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'f694f1398fd3bdda4d7b2b22b4758974b15c5606', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a5918e90d78c73f16db3edefda88f95031f33337', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b0d8641d120e52aa48bfdecb95b792cbabcbbf45', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0c0ae13e161f8f47e127ba291ed71d89d1e2838b', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '032d213a879df04ceb54497924bba6bc1a4a5030', name: "label-info" })), index.h("div", { key: 'b0420d94346a7486787e78490712df4458feaa00', class: "gux-input-and-error-container" }, index.h("div", { key: '5e8694f49e46e8dcd81c7c6746de07e0c264beb1', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '4484c395ec89c16ea0e431ce4ba40c7f12f07f4c', class: {
+            } }, index.h("div", { key: 'd46b8936acf4f3a48c76681d482e9447fea2ca01', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: 'fc268ba929820ea0cb29914dc49dfc6a2ca65128', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: '7454d1c6c2bdce9896dc23bc146186da366fcc2a', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'f503f5d0aa5b2ec5528002b88364eab21e698824', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'bbc51e468617a53ac4e6765ca62b5b4a3c9f4d56', show: this.hasError }, index.h("slot", { key: '694a574192897e77f2ddee09372e79918625e835', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b790d4a1238ca6d77415785f8c98c0fba45143eb', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '710ab2c334609e1d6d803046a08e25abf3e6ce6a', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: 'a74dea834e231496b6f77fd843bc08f072456fd0', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: '66a603d2c99990ee3504fc289b60a444b99d8d12', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '11fbe39fda16ceb8480e6c0b33949d31b632c80c', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd2c504dc5617d304072ee0e978d029f317388674', show: this.hasError }, index.h("slot", { key: '1084f35eb84ef867a6c7bb077b4bdf54a2ac0399', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e65e0a4c18d32bc2cb9e162dbe08b45eb33989f6', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5a966108930eae25e0f3946058c6685ed82b6b67', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-DV2bS0KW.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BoogsqbY.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -88,13 +88,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b6ce224a4b33a6a2d3a950494d34ae3844e9c0a7', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '01336b42268cbe502fb800dcaf5e7b18c1c200b6', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b08d39ff081c8bf5b832874738ebc3cdbb944ff4', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '96a20d06e3ead1697adb52cdd0ccfb71bdb7be66', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '68a80e71e4ca4e92c0fe6d1e00fedda401c1e3b3', name: "label-info" })), index.h("div", { key: '4d45d92191e7054e2540bd27ced7c19d2adc4be8', class: "gux-input-and-error-container" }, index.h("div", { key: '95df686d8f03b2dd4e22a4e9703ad8c96558ea85', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '0ec716077e334ca13a6186d3e959b1f869503cd0', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '9c4f336b0fdfe4e2e3cec1eb33826ea63dbb71b8', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '123da25e2f802afe26d895bfb31c7a4255047b68', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '102a4e30c5022418acdbc811f9727dd09109f1ff', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '27006a1e4a743888007b59892d85925443573372', name: "label-info" })), index.h("div", { key: '5c20c687b71a90484521e83fc2ea4724e025dfec', class: "gux-input-and-error-container" }, index.h("div", { key: 'fd0350980b91f744e7d7d58e3e1bcc1f9775d754', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '25ecbf15b554772fbb9b49d85c1bd11dab27471b', class: {
+            } }, index.h("div", { key: '95a941eb1f373a096c9ba7e0962cd37f6ea171c4', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '62a0c05ec3535f0e7b34194ea219c482e4f2c0e7', name: "input" }), index.h("gux-icon", { key: '9de257807857681d39181e538ceaff0446fc818b', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '7dfe214d32e27283fcfc5b66104e4ae8b98fce74', show: this.hasError }, index.h("slot", { key: '502d6075ab0b2d19bffec4563f737ea9ed77feed', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '14a7b1a64d1b6d25f531cd9b3d08316742510c2d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '543d618d86f2a83229ef0fe0489c9f5ead55baea', name: "help" })))));
+            } }, index.h("slot", { key: 'cdb69f55dd0ca3ea03ba4fb5c0f4c64ef2ca8b09', name: "input" }), index.h("gux-icon", { key: 'a76ff8b0e2fc54acc82508612553ba560d71bb49', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '1a5b480eb5f43d5784654d3f0ec4024dc644fa12', show: this.hasError }, index.h("slot", { key: '65862b15656a9d61006cc9e6b5d4b5cde1042f2b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b7fa9f77b3626e6226c4f55857f151f44c109e37', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd23ec6e6f93d7e6110e7e1fadb22d36ff67846a0', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-DV2bS0KW.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BoogsqbY.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -111,15 +111,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '6e268f9b2f5cdefcf05f51b95bbdabfc7f90a58b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '8da38ac30c89cc7f4a6d7a9ca95096622354f786', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'f4f8cb4dd7165fab77df91759603cf2a67b9d967', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b742165e6f2ae4bae2527cf2e23fc02793ae8b92', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'c86c3d5580a44bfc070d801f85797333c68340df', name: "label-info" })), index.h("div", { key: '97a46a9562bf08388684e4c13781cbc67ffa00b4', class: "gux-input-and-error-container" }, index.h("div", { key: 'faa6d68074db30e416db0f0712467e10322d5551', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '2c26c044afa4fe0fc89c66d6d810800e847425f8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '793a39d42bbc5b9b42c9598f2e67f8c8f2e41cd1', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '4727e8347e3b607891a4c5117ba9ca9d86b1fc89', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '10a619b84c488418394c810463fd738f364c9418', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b4aa4dbb29075476b84ccffc375a4b6932b02ae5', name: "label-info" })), index.h("div", { key: 'a02fe33f1ad823c7e23d0c3932f72e0833c8d0d9', class: "gux-input-and-error-container" }, index.h("div", { key: '648d2bae9cd932fcf700784b7d5903b446d50815', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'f29ddc3ae15dab4002423197ce745426a9b81989', class: {
+            } }, index.h("div", { key: '97d46f61b778fb08cca7a397cb4264894d128a1a', 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: '159068cc7389df4caa747e849b3443b6a8e68525', name: "prefix" }), index.h("slot", { key: 'a1a529019ed80868047a04eeade0257efafff654', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'ed703884556dd9302248d1c3a25fcb8bed8ac661', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '7f47627751268f2703b3246884ecf1ba4a719cb6', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '243eba4b6bb5dbfba50e68b376f9df5dd1352e72', show: this.hasError }, index.h("slot", { key: '77f90dec9b23318b005379b5c35c66b922b3c6bb', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '48da44761dc115f5f1f451a7a61f338098ea0e93', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4355d3580e354d94639d8ceeaf0d862172bb0fb7', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '8ea8a1a08250fb40cfff761f9d109a28e7672879', name: "prefix" }), index.h("slot", { key: '4f3407d94f2d1d51ed50b1f40f184a3ad3392fb3', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'd437a21d3c67d86b0538b229a283684f621fcc67', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '3e74257a9681cd8f15816a584cb8237ca7fbf18f', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '4047ae32297fb17d702074b7490992f674789fd9', show: this.hasError }, index.h("slot", { key: 'af7ff17fbae6dba561aa59234b616aa94eadc7cb', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '78b2fb8e712dd97563ec1d7937fb19bf5c691d40', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0cfffb19d5ef2da8031c3ddb51fefb1341d6b42b', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-DV2bS0KW.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BoogsqbY.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -92,12 +92,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '5539bcc193900bca981990934f660389a9b256af', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '5cc443a9662783a2b010f41322071cb955401668', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '0be61a2c251d589df7c7df838edf14a30a2f115a', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1c25639be2027a5da960a1dac7f8be09fedc3eb4', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '4935e3efde33317b3af154a44ce311f466fd7db0', name: "label-info" })), index.h("div", { key: '28e68131226da13bc0c33b884d5a9509b6237822', class: "gux-input-and-error-container" }, index.h("div", { key: 'f5efe5efdc7ae39756203dc4634c339886b77fd7', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'eae077de80ecaca99951c9274f370c3f81fa5303', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c12db32596ace0b44944ddaf3d0a90162ac5afeb', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'f1bc28a0f3c18bd50d29c11477475cdb32963fd5', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e4c4cc54d2e151167723c51bf9ade337f2a9e9c5', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'ca5ae0fb55805cd44ab2597cc594e8e83fe49c35', name: "label-info" })), index.h("div", { key: '1cd750f94abdbd4a98aad3207069201975306caa', class: "gux-input-and-error-container" }, index.h("div", { key: '1f3f3a42191703b3161e499991b240cca8dd6cd2', 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: 'd98880eac70689c74c68a4d43d73f6fe9bc55746', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '2044eba06442cb284a519e4d106e99e55bcb4b2a', show: this.hasError }, index.h("slot", { key: 'c2c56343f4dd9ec2b57673151fe082c7f9f8908c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '65e117c1c7f83aeb2c79c9f3419ee494ac6922b5', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '56c589e6779487604b186df550ab4a8f7bd5ccb1', name: "help" })))));
+            } }, index.h("slot", { key: '8ecd9ce30cd5a57cda43ee99ae5dcc156353ec72', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '99bb82a0ddc7157e5c40924125d7267966867043', show: this.hasError }, index.h("slot", { key: 'be8e1f7811db24ae74dd5fb852b7fd9f1706a3dc', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8d91dac711ac3a4c7bb767d65668ddf313c18932', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ec87eafa234992c90b08a9452e13527c3899e320', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -9,7 +9,7 @@ var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormFieldError = require('./gux-form-field-error-DV2bS0KW.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-Bf1LtFMR.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -103,14 +103,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'e5ab32131a3844ad93870a33d351da143a222c6b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '4d7cb96a26b7b31a8383d22e6e4df8a9723099cf' }, (_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: 'bc421902a00a0ab3d5b5592c41e2195455b191a6', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '647bdf0750f5b4a016ee3982a915f93ccee5ec4b', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0ee6eaa080a98eddc3da07793eb7fbdbf9957a1f', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '366b6e3430380f2afb2a1b50fdbd15acaf641da2', name: "label-info" })), index.h("div", { key: 'b7c79d73f8d74c0c47a5cf3b294116637a1946d7', class: "gux-input-and-error-container" }, index.h("div", { key: 'aebc1a7a98b438fa5ff5495a74959e60e27a6ce5', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '1ff89d67afc0ed1257bac160944e11d7d5624cb8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '139af17939bb6ca15c315e638e7e073974c79cb0' }, (_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: '10bf70b0ef684ce3a2f7bd373a27f6c0373d2f50', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '736aeeae5c9bd0fff7b139cea13c3d7518b6cb4f', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'aae9009419fe59ef9567592b87dcc2135bfa3f00', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '8f687953f1e28f6354346ce1a5ca641e43d394b3', name: "label-info" })), index.h("div", { key: '0c0f12e00cf7f32d002de6b574bfe797c2b951f5', class: "gux-input-and-error-container" }, index.h("div", { key: 'd59391f0db98c2adaf08d430217f70f22e85a661', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'a31bf94ed550ed8725857a549033f5853f169a63', class: {
+            } }, index.h("div", { key: 'a52c19c5384ab3775e40bcf86e216303c1b1c2a4', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'bafbf7a6865c062092c0be4381d2c7888c41db10' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '9f5eaba5a3aa7cf29495e7f53d6d6460dd15636b', show: this.hasError }, index.h("slot", { key: '967f2ffe29b5d418724df96a0a1a11cd55866eae', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '740561aa70b2112decc2c101752ac2ea57fb4080', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6a6b6fb5d2878afa127c9bf9665680869086a251', name: "help" })))));
+            } }, index.h("slot", { key: '2610f6c7320874c99812b43bd8e29ef574a55e68' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '2137e415a7a114f9e01c43b22e9546084759d4e6', show: this.hasError }, index.h("slot", { key: 'fb47467baf5c5550df33a9767926d413bc933f3a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c17554a7264d74e867956b0c02d8049c33c5e8b6', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '3068885ef06fefde295599fbe8ca06e3f8e41a57', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -9,7 +9,7 @@ var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormFieldError = require('./gux-form-field-error-DV2bS0KW.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-Bf1LtFMR.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -104,13 +104,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '8021fd2c7190564cf28210b0e7141e051d4468e7', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '8036179008298d39417ad34b64f9d216a40740bd' }, (_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: 'cc8145669ae9258493c3cc4d6995ea65190bd325', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '4869a073924cc524b3bdcd1cd8d1c1e2725c6b17', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '50a1e3f905e392d8813b987457e9cf507e2fed1a', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '25cd4be3bf7906da2a99d6cdc7023cebbc3afb1b', name: "label-info" })), index.h("slot", { key: '192555f7bea53987d464d8d1bc0c70d815a93c91', name: "label-info" }), index.h("div", { key: '45c0c71fa8a3379446deb5dde6019a8a5a94e2fe', class: "gux-input-and-error-container" }, index.h("div", { key: '4999945a55ecc936d686e3839e7c68d3994ca3ae', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '3f0f26036c29bc15eec995a5e9b6bc4a8b98effd', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'e26c5eb45751c87e451d7c9412fca6467ae9a708' }, (_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: 'bd92d6b5e7b554b977ea54053da39b4bd85d2735', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '86ee7eff0cf7ab6b0d4e441229a64e4ed63c61c6', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'ad9f88e38fea15dc0e40ad48c78b8fc67a984a99', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '08ce05877ea3406f3a708a6a58be562ffffa4905', name: "label-info" })), index.h("slot", { key: '452e25bdedde40b4cc569067d4ccf42bbff0fca1', name: "label-info" }), index.h("div", { key: '1488f04f260830df38ae767a1422dd831232c934', class: "gux-input-and-error-container" }, index.h("div", { key: '765a7be66e2a6450c83d21cd9c229655d7a8b291', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '317cbdecb53e5bd3031e1fd370ed881659cbac21' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c792f6017ee9c3a3c003be19023538ce2cf7b482', show: this.hasError }, index.h("slot", { key: 'edb2dc0ac5a7b21b79a11fc064abb9cb23f8d8ae', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '998daf7b1a75da360eff441d7137cf04c04a5248', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6d28f8c56bb8da39142173618e1b1fb74192d914', name: "help" })))));
+            } }, index.h("slot", { key: '6b00d175e07c2b94d6cba475532fb3ca2c0284ec' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a8f091422c056f0dfefc73669633bc9a077842ae', show: this.hasError }, index.h("slot", { key: '8e499fc77a1522e2279c502fc96f511ab3b467bb', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '987281c616d5f23d82891207579b4f0f9a1267cc', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd46374c53312a17dc88e6d313b42ac7270fcc09a', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-bhm3ZgMN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.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)}";
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-bhm3ZgMN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.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{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-bhm3ZgMN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const legacyIconNames = [
@@ -551,7 +551,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: '56bfe400bee1d1fc234978dcf0aebb320cf88fb8', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '73019f058619e2fe64665246f6ad58a1848c6e76', 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

@@ -2,7 +2,7 @@
 
 var index = require('./index-bhm3ZgMN.js');
 var index$1 = require('./index-Cu12q3Jc.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const info = "Information alert with message";
@@ -42,10 +42,10 @@ const GuxAlert = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '638379be5667bcc27e22c18c361646a1eac38a4d', role: "alert", class: {
+        return (index.h("div", { key: 'f1117f07b6e137b6090575a0abb4018bdbdf4c92', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: '4e23dd0604c9903283c0a60cfb12e841d90414df', class: "gux-message-wrapper" }, index.h("gux-icon", { key: 'a0ec621b3215dc3a262aa9451356ef342bdb4f2f', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: '27fa3291c12212f8860c302ed004e916c585298b' }, this.i18n(this.accent)), index.h("div", { key: '94ea666c5d2b0407cee4a35ec94212ab01367697', class: "gux-content" }, index.h("slot", { key: '4c077cb44053bb1d9ab34e617b48b247434eaafb', name: "content" }, index.h("slot", { key: '396b9454b31879d7eebeb48088a7894ca7d7ff4a' }))))));
+            } }, index.h("div", { key: 'e6bc10ac623ad2b57ec96ad5e9a29fea9c15d828', class: "gux-message-wrapper" }, index.h("gux-icon", { key: 'e69985bf44b3d24a41b67fd00f682761569ee7a6', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: '5931947f6383ef1a090f4e7956f6a926d3470a42' }, this.i18n(this.accent)), index.h("div", { key: 'eab6c0f48f46d0baaa1ac32fe6983e2029509f06', class: "gux-content" }, index.h("slot", { key: '3eee75d0ff54efec26d6812aef9fc6aeb7bd8d75', name: "content" }, index.h("slot", { key: '62de7254925bab38e5c9a5b925972f6653a574be' }))))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-inline-dropdown-beta.cjs.entry.js

@@ -5,7 +5,7 @@ var onClickOutside = require('./on-click-outside-B3wBBwlG.js');
 var index$1 = require('./index-Cu12q3Jc.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 var onMutation = require('./on-mutation-NV8nVGXy.js');
 var guxListbox_service = require('./gux-listbox.service-Dvz43AV2.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-bhm3ZgMN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.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{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";

package/dist/cjs/gux-link-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-bhm3ZgMN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 
 const guxLinkCss = ":host{padding-block:var(--gse-ui-links-inLine-padding)}:host ::slotted(a){inline-size:fit-content;font-family:var(--gse-ui-links-inLine-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);color:var(--gse-ui-links-default-foregroundColor) !important;border-radius:var(--gse-ui-links-focusOutline-borderRadius) !important}:host ::slotted(a:hover){color:var(--gse-ui-links-hover-foregroundColor) !important}:host ::slotted(a:active){color:var(--gse-ui-links-active-foregroundColor) !important}:host ::slotted(a:visited){color:var(--gse-ui-links-visited-foregroundColor) !important}:host ::slotted(a:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host([size=small]) ::slotted(a){font-family:var(--gse-ui-links-inLine-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight)}:host([standalone]){display:block;padding-block:var(--gse-ui-links-standalone-padding)}:host([standalone]) ::slotted(a){display:flex;gap:var(--gse-ui-links-standalone-gap);align-items:center;inline-size:fit-content;font-family:var(--gse-ui-links-standalone-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-text-fontSize);font-weight:var(--gse-ui-links-standalone-medium-text-fontWeight);line-height:var(--gse-ui-links-standalone-medium-text-lineHeight);text-decoration:none !important}:host([standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-medium-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-medium-underlinedText-textDecoration) !important}:host([standalone]) ::slotted(a:active){text-decoration:none !important}:host([size=small][standalone]) ::slotted(a){font-family:var(--gse-ui-links-standalone-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-text-fontSize);font-weight:var(--gse-ui-links-standalone-small-text-fontWeight);line-height:var(--gse-ui-links-standalone-small-text-lineHeight)}:host([size=small][standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-small-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-small-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-small-underlinedText-textDecoration) !important}:host([standalone][class=gux-breadcrumb-link]){padding:0}";

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

@@ -9,7 +9,7 @@ const GuxListDivider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '3746ba873e6e1a8553b4a38859f549713f2e369f', role: "presentation" }));
+        return (index.h(index.Host, { key: '1afe7732cb6616a1bb149bec972f52fba699e336', role: "presentation" }));
     }
 };
 GuxListDivider.style = guxListDividerCss;

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

@@ -10,7 +10,7 @@ const GuxListItem = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '58b4b87f804d304bc00e519f35f31476bcd5fd4d', role: "listitem" }, index.h("button", { key: '22a7f84a96bd64ad8005075625273a8879d6ee29', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, index.h("slot", { key: '774aecf35cddf804daab45b2ccd2fec333670307' }))));
+        return (index.h(index.Host, { key: 'cb0338db6ffc7e30ea748845f83f57135648497c', role: "listitem" }, index.h("button", { key: 'ded3895e4254e274ed41874b6acec8bc73407dd6', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, index.h("slot", { key: 'e7f3d59b797f7f7417e52217d6dcc930c321f2a2' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-bhm3ZgMN.js');
 var guxList_service = require('./gux-list.service-CecJpxVa.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.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)}";
 
@@ -54,7 +54,7 @@ const GuxList = class {
         guxList_service.last(this.root, validFocusableItems);
     }
     render() {
-        return (index.h(index.Host, { key: '53331bf67691b223922f5f855e2513a2390b1cc0', tabindex: "-1", role: "list" }, index.h("slot", { key: 'f34a9ff8b70dad57c71c701931ce58a193e07a4a' })));
+        return (index.h(index.Host, { key: '637fddb7d517312def45839943f3b896cb3fd4bb', tabindex: "-1", role: "list" }, index.h("slot", { key: '879a68505efa929e3f41adaa267b2efe707cd073' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@ var guxListbox_service = require('./gux-listbox.service-Dvz43AV2.js');
 var index$1 = require('./index-Cu12q3Jc.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var onMutation = require('./on-mutation-NV8nVGXy.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-bhm3ZgMN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.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-inline-size: 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-block-start: 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-block-start: 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-block-start: 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-block-start: 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-block-start: 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-block-start: 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}";
 
@@ -13,7 +13,7 @@ const GuxLoadingMessage = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: 'e25839bd66c76c1a7815d1a942427937782e09cf', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '3b898f4e0da0d14dc9a11650816a6a378a58a822', class: "gux-progress" }, index.h("slot", { key: '8616138d449823589247a86f11a1d3bf2ce49209', name: "progress" })), index.h("div", { key: '615aad13fc71e5beb1af0fb4acae36d94f94556e', class: "gux-primary-message" }, index.h("slot", { key: 'f58a816704e34aac8b871898c584183cd3c69ce1', name: "primary-message" })), index.h("div", { key: '138758f5b3d09f2a03ac9fb9e806ba0b94deed6e', class: "gux-additional-guidance" }, index.h("slot", { key: '16f2698501b6afa2b47080fe44f640509d93ccd5', name: "additional-guidance" }))));
+        return (index.h("div", { key: '68c715e642d242f0a0d44fe71e3588ad56353c1a', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '1779e3dc2d341030eb9042f0f5cb3b6e03f11bcc', class: "gux-progress" }, index.h("slot", { key: '6f2b473f09a243d711c754b58262f396a94ee505', name: "progress" })), index.h("div", { key: '0b8f6e267bc1563d3536d821b2e9262cd2c4275a', class: "gux-primary-message" }, index.h("slot", { key: '2a0ef237bf319a1ef08e6d8788a7c1074ffecb3d', name: "primary-message" })), index.h("div", { key: '4535c794dd0e0a7d30c5771097119b27d2da7c24', class: "gux-additional-guidance" }, index.h("slot", { key: '8501ebbbc6ca9d8350315221cc24320fbaf9290c', name: "additional-guidance" }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-menu-option.cjs.entry.js

@@ -43,7 +43,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (index.h("button", { key: 'a6e20affe6260ec5c17148cefdbfebe4a53ad9c6', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '446395c2040c00b76ea1ce85e5f5599cae769aa7', class: "gux-menu-option-button-text" }, index.h("slot", { key: '4cd4228be9a88d2c02e9ec1431eb3128b72c02e5' }))));
+        return (index.h("button", { key: 'e2015bcc33546750074b4a3534103c69b62e9b50', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '91a724efb57a0f0ba34a9963aec8e28c47aa2952', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'a13f5c4d6c79f95f47724a764b9aaaf85d27ced7' }))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }

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

@@ -9,7 +9,7 @@ const GuxMenu = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '0e69a50f9eaaed2e1ed5b8d9f612101dad7d7282', role: "menu" }, index.h("slot", { key: '37cb104c320d31ddf8770b323a9c72ff3e7bdf53' })));
+        return (index.h(index.Host, { key: '3dd5718ab15b76897fdce21ff09f870b87bff8f9', role: "menu" }, index.h("slot", { key: 'eaa9274b7fa89faaed30f93ac1a82aa346097be1' })));
     }
 };
 GuxMenu.style = guxMenuCss;

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-bhm3ZgMN.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-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:var(--gse-semantic-foreground-container-highEmphasis);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) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid var(--gse-semantic-border-container-edges-default);border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}: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{padding:0 var(--gse-ui-modal-padding);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);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);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;padding:0 var(--gse-ui-modal-padding)}@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%}}";
 
@@ -45,10 +45,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("div", { key: 'cf42f13044a776e9737d6e4eb116679e1f1def36', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'f943a8f753e5a6543c81bafe7d6ed08ac9e63fa0', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '5f0b9552741d7a94eead287d580ba06a7090d941', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '15acab823d68f5c933a045beb99387105d07759f', name: "title" }))), index.h("gux-dismiss-button", { key: '1781b8dea0a20bcb6a5882e7592b83fd47551292', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '12c81a0e0958952d89a55c17e9899e301e5b3bc2', class: {
+        return (index.h("div", { key: '9e521fdb49fa64caebfd6a4ebec112fc17a4d841', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '401867171602c04470bcf901e6ded851ba213aea', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '7bd77b78ec1fb2aacf02eacc9f6abbe068717361', class: "gux-modal-header", id: titleID }, index.h("slot", { key: 'da3a4c6656873aeaf6feca505ca0b2522114a751', name: "title" }))), index.h("gux-dismiss-button", { key: '7f013a643b85c0ce0f438e7d19d1726d06917236', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '5f5e74c4fc95b1a5407105beb32e77c055ed7b5a', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: 'b8a99c68306f05cc843cf2569d6689a4eedc5e9b' }, index.h("slot", { key: '5c88dabaea5f7ff2ce152907c41f41980474997d', name: "content" }))), hasFooterButtons && (index.h("div", { key: 'a57a2c1ec660b8e9b0e662bfed969f6696992772', class: "gux-button-footer" }, index.h("div", { key: '67e3268b76c15ebec134a0881de4cdca4ef38ab2', class: "gux-left-align-buttons" }, index.h("slot", { key: 'd311983951eadfbb6028edfd1a92d682f746a378', name: "left-align-buttons" })), index.h("div", { key: '1ce03d9d93028232807f0dd6c5148e80fa98f3d3', class: "gux-right-align-buttons" }, index.h("slot", { key: '3f4ffa188878a61224ba47701453cb298e0b5db7', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: '1abfba41b5a162ccbe8f6eae4856e72b417f23b1' }, index.h("slot", { key: '07fe09c788a63237016b153d530e3d6b1b74bafd', name: "content" }))), hasFooterButtons && (index.h("div", { key: '4a4b57e66f150b7812ae9c59a07d6db0c5550941', class: "gux-button-footer" }, index.h("div", { key: '0372301290dbf516c64554179c55436af8fa48c7', class: "gux-left-align-buttons" }, index.h("slot", { key: '772b8fe2d3f59df03bc7759fcdae91c4b0491200', name: "left-align-buttons" })), index.h("div", { key: '22bb63e184f2682ee06a84dae7eac9808ed13fb0', class: "gux-right-align-buttons" }, index.h("slot", { key: '9e9f289af0562dc5075be9b706d31668b616c8c1', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

package/dist/cjs/gux-modal-side-panel-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 var index = require('./index-bhm3ZgMN.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 
 const guxModalSidePanelCss = "dialog{inset-inline-start:auto;block-size:100%;min-block-size:100%;padding:0;margin:unset;border:none;transform:translateX(100%);transition:transform 0.2s ease-in-out}dialog.gux-open{transform:translateX(0%)}dialog::backdrop{background:var(--gse-ui-sidePanel-shroudColor);opacity:var(--gse-ui-sidePanel-shroud-opacity)}slot[name=description]::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
 
@@ -53,7 +53,7 @@ const GuxModalSidePanel = class {
     }
     render() {
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: 'a0762489e7f0b45cbc00eaef77141f174cf89860', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, index.h("gux-side-panel-beta", { key: 'e07a6eab666d7fa67bf932a42589edb7cc51541f', size: this.size }, index.h("div", { key: '5b9b231d4cb29f3707f8c77fd4e4f465ab3b3b53', slot: "heading", id: titleID }, index.h("slot", { key: '9d312a6c106e5c3a276b77350b30f83377b5299d', name: "heading" })), hasSlot.hasSlot(this.root, 'description') && (index.h("div", { key: 'c987c918bffd3a8fb8671d9cec836cc580fcc5f2', slot: "description" }, index.h("slot", { key: 'ac61b86567c6e9387cafa128b1fe6b36a9dfd40f', name: "description" }))), index.h("div", { key: 'bd9907df3b52f4214992970b47d2aa81f8b80da3', slot: "content" }, index.h("slot", { key: 'cd3e07787a0527d2f11b9cd8f2a8cc553e7f22a7', name: "content" })), index.h("div", { key: 'b9ad7f08ead8a67a61f29d826fc51df710ed68c7', slot: "footer" }, index.h("slot", { key: '8b237d105399c02ace67b9eebdf185db2f1c8f7f', name: "footer" })))));
+        return (index.h("dialog", { key: '027279171324df6419d92809cd4c737bba3a0c35', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, index.h("gux-side-panel-beta", { key: 'a3efc06cdfd6fd0022bb70bea287f72de2cbbf46', size: this.size }, index.h("div", { key: 'b5882c581602a323c4846f63f18652d701c90751', slot: "heading", id: titleID }, index.h("slot", { key: '7631cc0a4fa4470dd9f4a13a061bd7d2ca6d9e8e', name: "heading" })), hasSlot.hasSlot(this.root, 'description') && (index.h("div", { key: 'd71e69d61137a62f77a4dbc02a573e1704581c3e', slot: "description" }, index.h("slot", { key: 'b0700db2d95d16ce1a983706bfecdefa08423f7e', name: "description" }))), index.h("div", { key: 'd0ce96b95656656da6f439d1842da9868bc392ce', slot: "content" }, index.h("slot", { key: 'cc118cad94a72ca027cbb79fd842b71e46e41b53', name: "content" })), index.h("div", { key: '9ac32c1ebc15ac6231a5f21b176e3868a6730efb', slot: "footer" }, index.h("slot", { key: '89e3fd8d5d878f61d804f5498388658933a0197e', name: "footer" })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-bhm3ZgMN.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;overflow:hidden;background-color:var(--gse-ui-modal-backgroundColor);border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host dialog::backdrop{background:var(--gse-ui-modal-shroudColor)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);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-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto;color:var(--gse-semantic-foreground-container-highEmphasis)}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{inline-size:100%;block-size:100%}}";
@@ -83,7 +83,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '5244d52662f2618bb1a5886d97cc6277a9b01427', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'b67be300995b1c85f22782f55aca56b22d6a847d', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '1efe65d8759750804f00e5af9d50dd47804b7b5d', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '183ad0b0e68fc486be24aa0a31a22b0315bea72e', class: "gux-modal-content" }, index.h("p", { key: '09cee736a70168dfefe86abc560813ceeb25fc03' }, index.h("slot", { key: 'cdf4d5222f21c229c6a7d0bd02cd96512e005e8e', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: '51d8a5212c134b8290ec9c5951739885ede7a8bd', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '5a2d9781b08fdc88e1365a060ff68a3963b5f4dc', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '4bcf0d5afc0cb087d690ae3da170eaf9e66a0250', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '7ee4d440bd8726d28314bfbadcdd486b1af80811', class: "gux-modal-content" }, index.h("p", { key: '0eba08013d6b79e48d942da8a9db68c08ed96e59' }, index.h("slot", { key: '038c0dc943c92254e4cbfe3ba566786c539f260c', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" })));

package/dist/cjs/gux-month-picker-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-bhm3ZgMN.js');
-var usage = require('./usage-CcPSsZeb.js');
+var usage = require('./usage-Dl0X7Yn5.js');
 var onClickOutside = require('./on-click-outside-B3wBBwlG.js');
 var index$1 = require('./index-Cu12q3Jc.js');
 var intl = require('./intl-CN825h6c.js');