genesys-spark-components 4.95.0 → 4.96.0

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.js');
 const onResize = require('./on-resize-9065f1ea.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -119,9 +119,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: '24bad458d09424cb27b90d72ec1d4462df968f5f', class: {
+        return (index.h(index.Host, { key: '0c5200095bc30ed766aefb7230f7d36e38da0b47', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'fdfcf4450bfc811ffc8cb36f485d4821b5ff4791', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'fce4be4a7b54e87b577762ff69369362da4af446', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '9832f6def25ec6597ee337d6b3a9b540667694f2', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '5185727c8b7493e055b53567a4af45beb218f78f', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'da710f17135ee689043e716243eb7daa59c6a0f0', name: "label-info" })), index.h("div", { key: '5eb6e8ef5745690c36924e683e9820a897cd3629', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '375ca9d8bffa053c3bd65ad9f68854085f83609a', show: this.hasError }, index.h("slot", { key: 'f211f49dcf3c53bfc0f88c95e72b7d805c44cebc', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8bc7a0d543afbe96097554560df90dff8086d4ee', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '08267bc8656c5bfa2d50d3ee679ada9bee3216ca', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'c188ac3ea3431f667a14716919455e49a3b39fe8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f9d54c26828629951f8bcef369f6f9d4a7ee3781', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '6ca8713a5e6e35836e6f85fb1a586d036c469cc6', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'baaa3425f49e5abb2300fd967e766b0afbf8128c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '715f74771087325a93268b902ba72140a5559a35', name: "label-info" })), index.h("div", { key: '0d4f7b7968a44533d78b1b12dfb8c520f3d6b1e4', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '1595f5480b5b1a2f6c126b93629b566696ab8fb1', show: this.hasError }, index.h("slot", { key: '4f66cea2ab1b665d7e8bead022af7d5a053ed26a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '73b488cfb8badec729d020ff436c77db7d3b15be', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a3185925d00c074336ef2d6a5ea716a50947b14e', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -99,13 +99,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '23d091397bba1de353a3cf06d85c28b530231664', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '17fb6533c7edd27e9d852afbb5351021062dee33', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '9ad0ab9c2d0dd5facd45126ffcf0c9fa0020d9a1', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '8f8b7dd803b5a6e98b1a297f94f4531aa962b034', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0910ebf7d36d96cac2b6696763ee758ceb220b1b', name: "label-info" })), index.h("div", { key: 'bacfddc6c73780acb79b7b5a949a751dd6ccdf42', class: "gux-input-and-error-container" }, index.h("div", { key: '287725d629494102901b3c1f1a1308f3dd78b2ff', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '7405bf78d92ed1bdf1ac2c6e1c3c9ddde88acc57', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ca4a460c86e67a01dfd7fab5e721431fc36194e7', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '53ef034b13e04e68265146499da04ffc075711f8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '365e48d76ca75a981c8ca5f65d47031a3ebcc21a', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '10ac3d5512e78436bcc8708761c0b59e284c30ae', name: "label-info" })), index.h("div", { key: '956a7b5be1ea256e40da24ae7b6e94f3813a5039', class: "gux-input-and-error-container" }, index.h("div", { key: 'a4aac2179612e037e9e8857d7c914bb3d3f7e324', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'ee655027360558cfca219dae4dbfcd806b2744d0', class: {
+            } }, index.h("div", { key: '4efb76589e49acc7d890938f679afa6dd6f5b56f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '5c27f65f54c9e4795c2795e8ac39e83a4911ea7a', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: 'dba56b483300735730a087acad7849b446add223', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'f4c56626b9b0bee5c33bdda8c162fbadb9846895', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a8cfb378725456a0752e73c28c27b2a5528af9e0', show: this.hasError }, index.h("slot", { key: 'b465e66702cae5898b8f4f8cb842a459af6a4d1c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '913cb324e64a3b9e557076fa813d390e703fc173', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2f4542a31f5c0298790cd75d22c2927379bb85a5', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '697512405df38336225bb3909d60eb43fef5158e', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: '5fd45f10348ac6cf5c9f02c415c37501665253d2', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '99e9a5e433ba002a51f11960ebc47fc513f9a963', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '6f021e04d45d020030600343e47afe245a447fce', show: this.hasError }, index.h("slot", { key: 'a8f5ffe057171d6f96a586e7c21fdde23f05f85b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f7875711423f5f28097cd65e8081e55cf470e987', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b04fb5662440b2902f8f13151bf14edfb1a9f8b9', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -89,13 +89,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'de3d4034ee9196f56168cce98de0d29e9a78e174', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '97d900c3de69381daa64e969fd98187ffdc55bdf', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b103bd37733d530394724ce9e1ee5153f840be97', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6e4944dcda655d6e32d1167935e39ee2c97856f0', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b27cf7a2128e8e8b710cf73a36371a03845d3576', name: "label-info" })), index.h("div", { key: '807cf0938539bcf9aa797a2c631d60a967ebfffa', class: "gux-input-and-error-container" }, index.h("div", { key: 'd92c21f4e01382efce15948116b2217e0aefff5d', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '6a8581aa0d7ebcc584aad4e1aaf7e9fa2a3f6078', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a2ac5c213264150a4b7f2d62c2b76c8f964930e6', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '4a1c5254db4026d5bbc9e2193573139f36e555f1', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b222ce994952ae631c2edcdfbb09ac26b1c886f9', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '4d8cd2800fceb7937ea7caf71101246e3518dfdb', name: "label-info" })), index.h("div", { key: 'c7772e0c9cfe35858c200652cadbd1a71866dba6', class: "gux-input-and-error-container" }, index.h("div", { key: '795c4e2672aecd3f7ea7efd36a944c8ca2200423', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '7cd091989e768a73666f916bb977d31dd9ba8ddb', class: {
+            } }, index.h("div", { key: '97c0082e17a2eb03fa9ddd0704f69f830fabe7ca', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '39a6c44d3d5b9ad8d6e0282368887bd7e031fb61', name: "input" }), index.h("gux-icon", { key: '54d8ce9f0d5affb623776ce40b0ff8bc4e70f664', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '80b8d5fc14dc410b08671932c8887097c72aa92c', show: this.hasError }, index.h("slot", { key: 'e183d7a33bce4966332879b297438d3381ad0ed5', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '447d9b0d917b4f42f6ecfa73b9279c714ad7e6d9', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b06cf501ba9f4c8f10541d07a8ba1d0aec09d608', name: "help" })))));
+            } }, index.h("slot", { key: '320f5716c492fc38fadee6854fa4e88f2d36aa78', name: "input" }), index.h("gux-icon", { key: '0e4001a0b2f0eff81a560e137e0139a73752e2a8', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '2f34779d19eb3cacd2bc65d618d0eea2c31caf75', show: this.hasError }, index.h("slot", { key: '0de05f2f06ffd1851c9d71cb391810ec22cc88c9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '43a86cce865e095d9eb80edd963084305ea81959', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '44c4ce4b1b4e161ecb44544cefb9a48c65797b01', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -115,15 +115,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '7ad47da867fa6f847b1fb994f377d70c92ef0cfd', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '2d4d031b0ec8b4583bbf0b5e94dea417deac968f', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'fe4f6a200d6dd16f3078fe37c5d1bfe7c8976abb', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6d653484e6162acdea6eb2fe08fe031f8e7069d0', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '468d584495812626aa29b4a822c72cfd94d7e94d', name: "label-info" })), index.h("div", { key: '7d15079b1d681944db2a3ba71aa867be81bd90e1', class: "gux-input-and-error-container" }, index.h("div", { key: '3d60a9742ebfcd89b5ee4582f31274a48b55cc09', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '51e669c1748538aba9e7414b9a2ed819c63860df', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'af40de2c177e0d635ca88ef0aef84c83933efc5c', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'a127f73e96220914d9211a035d2594f29fff1fd0', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e7d62369c264f1464f583c4a8038a0f4c124c5e1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f43c895cf0d6c2e7c22204651e621ed714c6ed6d', name: "label-info" })), index.h("div", { key: '047d3f1f266542eed651bf721b1c54153080bf07', class: "gux-input-and-error-container" }, index.h("div", { key: '26e0ef02b82b6be8ff574ca54a6caeef9061e33b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'd398fbc705f1c62a79aabd513c21032f9dfb8882', class: {
+            } }, index.h("div", { key: 'e84b2ad3a05a1327609c5fb66e75f0aec720e67a', 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: '8bcfc813430593546f4b551abc427928b43e6c70', name: "prefix" }), index.h("slot", { key: 'a039f9a4f70cdf014fbd9474933ceeaf0c2eb8df', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '2d163c902032df9ccb96ced83bf48087d55546d1', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '4354bf9ac87b6a1fae2aea63cf59c1ab59c3e27d', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '41abacce76538e8660aab4f2786911c4a38ca681', show: this.hasError }, index.h("slot", { key: 'ce97050ded6c482a67a908dce4c6447347c2a68a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fe856f84f90b1ff71a5264de5fa7b7b11e05ca5a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2ee92e68526ff785aac2d5c70eb5be185415f721', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'e3b8a90222e126aeac6ea73ad6a644becaf57afe', name: "prefix" }), index.h("slot", { key: 'e89fd93a70afd866d66bd07d4e2c6eaa97f77893', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'f8684a8de61818079637e7dabd5feae5e84e8efc', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '6424ddfe9426d7172a66b652b809f1d27a7a2b90', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'dce09c139b32ecf68a318d5d180fb6cba23971ec', show: this.hasError }, index.h("slot", { key: '4f0d6b9602ad7635dacd90a033ae91fb75850d7e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1ee7d2f92fa17b4e7e4d883cbe8c5e07fa69308a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e82672fa997c2bd201ad827e0feddcfe9abf4458', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -93,12 +93,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '2d64157769ee6304dc7b3f97fce59b700a277918', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'd5925291dba40595060f8bc76e66820a28fa432b', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'c8b27a39230c671f8fc53b64240c057fd26372df', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '2ea99f0c1ab133689cbb68e53b48eccd921b73bf', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '77e0a75215cb61473d0e34e98f37effdbe19c92e', name: "label-info" })), index.h("div", { key: 'af62565acb00485d1ce432e65105bb19a4546363', class: "gux-input-and-error-container" }, index.h("div", { key: 'a722bb9e45f803e673d775feb17a5d2c43c2d1f7', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '15470eb990134e544a66fc13bb4cf68f0dc05b82', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '85bfdaee051ea0c3bdd180d56ae2cd95291a29ed', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '3cac2f55a3d51de83b6255ee83e10548a6b59c1a', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0831ae089954c47a861575e8c453574e732e48bc', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '24b3204dc423b7ac32d26e40b2da929a1dc97d8e', name: "label-info" })), index.h("div", { key: 'd6a9ba1fe678d26785e38004af2640eeb2221123', class: "gux-input-and-error-container" }, index.h("div", { key: '9b09babf6fc6e83ab3f553b6b608841acf05458c', 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: '4a806b0065cb39845ce35f3c6b12984242efa3d2', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '1a1d21db1a8b74bbb97e4b5e2d9ed35055a898e3', show: this.hasError }, index.h("slot", { key: '42ff00507435d4e55d0b361e87dfdad455ad7675', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'dc8973664fb6271301abeca283e51796dfc91325', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'cddc7d8caacb23215848f86126ec239cdda79b20', name: "help" })))));
+            } }, index.h("slot", { key: '6b81b48aa68d3c7d37eea771288de4647e434f35', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '2fe2b4d91650ea485489c01e6a71c8f4bae31b68', show: this.hasError }, index.h("slot", { key: '58509e5dcf091821c9790689bd49f0a24d9006d1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7b851ac6853517a510cfaaaf8772bbe237f8687e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5bbf6cf5634d1eec9bfd8c27d8201a5253e4b326', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-f7d2698e.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -104,14 +104,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '60fc562b76f501ceaeac4e09c4c6e5368d5f737d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'b4d14d4a98da9a74251af893eca347cbbfc4768a' }, (_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: '656373aef3a08a0ef8843a7ab56b4be4988c68d4', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '47621eca560c5523135c6fce78088772f52a5737', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'ad9f667f3c12c17da9205edd8c0ac3e8b2ccc31a', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'aa58046bf6aecdd020ded12f03854e4e96a31152', name: "label-info" })), index.h("div", { key: 'cca787f8aff4614d2234205be5a5bf8fbc3784ef', class: "gux-input-and-error-container" }, index.h("div", { key: '9a44413706326db5e507c0cb9b719f7e31d271ab', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'deec575ae4254d2bd2ee163a475a6353f8ac49f0', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'c8899ce5d60cf1510357953ee804ce1c86cf1f41' }, (_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: 'eac2c900eaf473fce6624f04997186839216cab1', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '0be8baa608026233d8d27d1cdfdee65d7e426cd3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '84dc5cb8b8e03b28a56c0f7320c167c3dbb32890', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '424db029edaba99f1de825164a3c065de6827ce8', name: "label-info" })), index.h("div", { key: '1f6bd32c7def2a05320f0e4e7ad3523fb197cda7', class: "gux-input-and-error-container" }, index.h("div", { key: '81a0dbc4d6eadefab6ba373a6860d1e652301151', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'e3694c7f87f39182e4299dfc4f1cb6f0478e9721', class: {
+            } }, index.h("div", { key: '00b5a652e62e462e7ec346cab07e049070989b1d', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '5e0406319a26dbdc3cc72527b89060976b1c9f4c' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '14c743026d91c5e57cfce025a8bda86d14678d50', show: this.hasError }, index.h("slot", { key: 'dd10497bc6f3d3f69e1b45f0a8ecf52bb58394aa', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '53038618d0d2b6c011401ea52828d3f2183a502a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '35a68352f844da79be7545197e32c97e1acf8f79', name: "help" })))));
+            } }, index.h("slot", { key: '7fdfa360511eb4b6b4a394a18cd4cee34b27d7f7' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '141b48eafb76740b50ab8a0ddac245616c03481c', show: this.hasError }, index.h("slot", { key: 'bb5ee505b7311f10848bcd5f4f59d881207e5dc6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c82ec6d5351ddf71550420179e2648e4fc98b84a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5908cec4d86f99702c5c798f4ef828b0cbe0afd9', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-f7d2698e.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -105,13 +105,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '2e075d0131eda9fc5be091c017b2f21dfdd74eb4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '0c16642d7b7b345e1830ce8d25b67d522a459699' }, (_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: 'cdc145f63f0922d19fe50978baa41bf226db7990', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'adeae92f6404cd22c6dbfac6946e8aa213d198aa', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '472ce6b87b16a23e13c8b275257d774f19e8f782', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '714c0f32f962d72006be78619c5e3acccf508a82', name: "label-info" })), index.h("slot", { key: 'd649028a8ab26ecb0d6ab004a3a0e260081b8c1b', name: "label-info" }), index.h("div", { key: '6ddbca6d667d9e7dc7a8a25d194ac2876928dc4a', class: "gux-input-and-error-container" }, index.h("div", { key: 'bf87c797dbf63fe5c65304b3dd3555fdf222395a', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '4de5cc87a3d54ed77536f6dc22816028e2601613', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '885c7d996de441f3d5b1d1e10990401f4232da0f' }, (_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: 'e24fde7cacf31d6868423481fc833e8119eb2ecb', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '4aad9c52bc42d453d287e08d9e7f841085cb6ca7', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '43209f28efe46da5cbb4233e983c89225a0a691c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '138f9fc0af28d31c79aa91160ebf0434a6a80c6b', name: "label-info" })), index.h("slot", { key: '0e0b9a6efa8c1f82330c785fd64a4ecd8a2a9f46', name: "label-info" }), index.h("div", { key: '41cf08ab83007df9e1525185470ed9e7a69c1047', class: "gux-input-and-error-container" }, index.h("div", { key: 'cc600195dd572363932f7d3b7b5c5e9dc4c82f9e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '4abb953129ae7c3d4a6cd75b5684e21e8cade2e3' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '008d2a14000aeec1abf79bd897f3ec4d2587d356', show: this.hasError }, index.h("slot", { key: 'b4838fd6bb461114e697ace230080bca1e6c0e49', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd250b771e9196a164fe340b32fa8879b7f2efae5', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1939de913728f54e0145f769f03b1dbd611386df', name: "help" })))));
+            } }, index.h("slot", { key: 'cbc9fba6a87abcd9be1e7dce71f404f77c06f21d' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '59f96087931db657bf912553c83c06f09b0df158', show: this.hasError }, index.h("slot", { key: '6bbc3be68b40f940bd2343a849180901f2f859e6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '76fab7949e0db6c0bc8b1858a0d9c058f1472784', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '70314744b13f8452ca7ec788470250cea7ddbfa3', 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-79505d14.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.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)}:host(.gux-form-footer-modal-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);justify-content:flex-end;padding-block:var(--gse-ui-formFooter-modal-desktop-topPadding) var(--gse-ui-formFooter-modal-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-modal-desktop-horizontalPadding) 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-79505d14.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxIconTooltipCss = ".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.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: 'd265324c4e6301a56947b023e7100c6bfeef91a0', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '4aefb9d9cb9c56d866571909cc103b8e4f83a014', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.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: '033f9c2d02ed50b74c0eed9a758617d9b68c4433', class: {
+        return (index.h("div", { key: '85684d31ab53f173057cce0850d0e85a96b497bc', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: '8c24a5319c4627529a094436c6ea2e3c733f20f0', class: "gux-message-wrapper" }, index.h("gux-icon", { key: 'ab1f179bd3fc5262d8151ba5c40498723980eb7e', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '9730289e008e4c0205e74846e3e7e20ced5c8e46', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: '67d192a9ed0b31d6912abadb69ce46c71df5b80e', class: "gux-content" }, index.h("slot", { key: '64ae828ca53d830c7298d1d9bf903554c1df53c2', name: "content" }, index.h("slot", { key: '4e0607bf89105a6468c18c25c6029e8d44cb202b' }))))));
+            } }, index.h("div", { key: '0923252915d78b504a48103b63fcd503304cb44c', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '2f088db94087708243aa6b8817ac2f35d3c23707', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '92d026bc9abc942ec4fc2fc04599fdce2e840023', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: '473ccb565115616d4a944071bc44799e94768d63', class: "gux-content" }, index.h("slot", { key: '6892d735f14a37c0488ae19f9a5abfe16c1c8bed', name: "content" }, index.h("slot", { key: '152db3a54bdb981a4987a1328e5e6c73b42a890c' }))))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxLabelInfoCss = ".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";

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

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

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

@@ -29,7 +29,7 @@ const GuxListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '893e725032bd4c3251bf3b7639753788a6e740fa', role: "listitem" }, index.h("button", { key: '712ff44cad018cc22ee4c380c8891080921e8aff', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '6b8fe97d97a77c15759cd0ded008f6360966e734' }))));
+        return (index.h(index.Host, { key: '9f28c36c4fe2bd03aac2a9370542dab8a00f300c', role: "listitem" }, index.h("button", { key: 'fab5254305866b0406c9c8eaddc2bdf5d30bdc94', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '140355df7003361c7d0cd69c55207ba00ed4d444' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.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;
@@ -60,7 +60,7 @@ const GuxList = class {
         return (index.h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (index.h(index.Host, { key: '8e8ba6283534aafdd3d8455ab169b6f15cd6f24e', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: 'c7bc600bdd0da813f7d190b9a7f937d05704a6a0' })));
+        return (index.h(index.Host, { key: '0a536a823e75bbc2b6c549f585ec0a96d5452687', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: 'd1ee76be9feb36ef0d926f89d5c399eec0d6d836' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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-16a4179e.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.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-79505d14.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.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: 'e710678c224fe04a0a084e49ef9f4aeac2d06ace', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '43a40ea7a6995be0347783800698c2e9f515112d', class: "gux-progress" }, index.h("slot", { key: '5347b2aa85555dd66be284ff137cdf762e5ffc23', name: "progress" })), index.h("div", { key: 'c30290949ef83f2b59732a1a19a3b92c20352a33', class: "gux-primary-message" }, index.h("slot", { key: 'e5c65866ad8c69d943c49d28510f9340208bcbb1', name: "primary-message" })), index.h("div", { key: 'cb46b88b99c00dfb811921789166e90bdf3601ca', class: "gux-additional-guidance" }, index.h("slot", { key: '2635e00f68b1e0dce2ee1b9410142b8a1c06ac73', name: "additional-guidance" }))));
+        return (index.h("div", { key: '1ed0a00d26ea803f76ae79868512ea6b5a94ba1a', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '80185e4db65c7b493b508e10459792cf564d630f', class: "gux-progress" }, index.h("slot", { key: 'a75ce8736eee6f38dcb7790dc5e8534f9c49529d', name: "progress" })), index.h("div", { key: 'ae85ac2bcef82e4c9f472ddda93927d49c83ed40', class: "gux-primary-message" }, index.h("slot", { key: '7a5fc98b6c4e3395e9fb5cb0e6c0f50d4230dead', name: "primary-message" })), index.h("div", { key: '5d48b2bf4e18e6f47e4cbbd7a28236b7b899057d', class: "gux-additional-guidance" }, index.h("slot", { key: '5f5e14712b684b4d6e07861ebdadd03ed579417e', name: "additional-guidance" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -36,7 +36,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (index.h("button", { key: 'fcee9f5c6ba513c0611fb0645b7eca4deb2126cf', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'ea52acc32d90dfeca5d1a880ed7a61139d78e027', class: "gux-menu-option-button-text" }, index.h("slot", { key: '99395f921076008b0b3797067d06b81eb18c072e' }))));
+        return (index.h("button", { key: '7b49ff2285e3f56a40b3eb59a750982dae4fdc88', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '3b73c1d7b95a3c3ab25ddf3994a700e4d4e3d186', class: "gux-menu-option-button-text" }, index.h("slot", { key: '22a6596fe9dc4f88b77846e71339bee11607fc5e' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const GuxMenu = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'a21aabdada3702c67a4f7e46964287475092104e', role: "menu" }, index.h("slot", { key: '99835945b5aa6ca109eaefe698cf6c63acc58281' })));
+        return (index.h(index.Host, { key: 'd899f6d7787a1fe6190bc3929af74321831ce66f', role: "menu" }, index.h("slot", { key: '3d01d48a938b189d1bd650cefa3ad1879b282ed9' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.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:#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) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) 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{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%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;
@@ -46,10 +46,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("div", { key: '5f457e12306e532a5faeb08ccd5088def404500d', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '9320f3205d2140c8297960533c16a6f42d112873', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '313656eb077ba16cae4e0a1e6b0ccd5a28ad5591', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '713027a2e52f39d690f4ae9f54fa53338c9c74d8', name: "title" }))), index.h("gux-dismiss-button", { key: '9d6f660adca155f6ad6cabc57ec47fcff5288689', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'a627f9095e3fe0c5ad4e3c147bd8df2a1329ebd6', class: {
+        return (index.h("div", { key: '4c560129d4704e0cf2b39a77ea8494c4f943b0e4', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '4f26f1702ced1b770035eb3f993b47653d6077ec', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '84835e5f39c707d9fb03cb125d099cdec501c781', class: "gux-modal-header", id: titleID }, index.h("slot", { key: 'bd2f8bc2f6e25c833477df36a27db71f9e2f9488', name: "title" }))), index.h("gux-dismiss-button", { key: '26b54923c42ce83c65dc3b9d818baa53fb41b776', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'e8d57caaea18ba43763d1a49ff718a6f76909de3', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: 'dcd2c29acc0a5af774e3e9979db379f7209d0bdc' }, index.h("slot", { key: 'b43de22c106dcb9f96635b4c3db484597869f236', name: "content" }))), hasFooterButtons && (index.h("div", { key: '69e643ca248133f867c0ff0685d9b659acbfd870', class: "gux-button-footer" }, index.h("div", { key: 'bd33f4551ca3541a26ffab0fb5a99942c4b5fffe', class: "gux-left-align-buttons" }, index.h("slot", { key: '1705c355ed16be660a6ae1e133fadfd564c2ae50', name: "left-align-buttons" })), index.h("div", { key: 'e35f60dc7090908e1a4fccae789b7fe833309d7d', class: "gux-right-align-buttons" }, index.h("slot", { key: '6c481dc20a43810f482ebda0193d5d740a3cb161', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: '5cf41c10982266dd5e137a9554b95b23da8e5d0f' }, index.h("slot", { key: 'fc063519fb7e6998c5848ac3deca4f44b295a66e', name: "content" }))), hasFooterButtons && (index.h("div", { key: '5dfe62a195dc5331bbf35f312c8159336f19badc', class: "gux-button-footer" }, index.h("div", { key: '440facd07400b3c353ce21d11c527d9df2e3810c', class: "gux-left-align-buttons" }, index.h("slot", { key: 'b110a10e475e0a96ad2042361e05010ba894c017', name: "left-align-buttons" })), index.h("div", { key: '387237bac3ede031f328a4336fc0d8d777a38277', class: "gux-right-align-buttons" }, index.h("slot", { key: '6dc5dda704f6000272135c2a405fe1db11b6b1e6', 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.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.js');
 const hasSlot = require('./has-slot-3edae188.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;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{padding-top:var(--gse-ui-modal-padding);padding-right:var(--gse-ui-modal-padding);padding-left: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-height:432px;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-right:var(--gse-ui-modal-padding);padding-bottom:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top: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-right:var(--gse-ui-modal-padding);padding-bottom:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top: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{width:100%;height:100%}}";
@@ -78,7 +78,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: 'f6eb3b8dba19dd0cde2fac4a7c2276c0c82e0112', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'f65ecf74cc38d417b19f0dee44146dcce4f4598c', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '3dbaf1c8dac127543fa5a61c68c8f0176620256b', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'bb1145b8b1e26279c879da7f96b8377b8418cc98', class: "gux-modal-content" }, index.h("p", { key: 'a161c2cfbb03a5517368c75cc2e1f94213e3af6d' }, index.h("slot", { key: '35b15f5205bf5cfe104e26a4a9eee36a18c15205', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: 'fc69516a142986a16b17b3ba55e75e2d353f86bd', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '0e948feed6231ef86ddd6777d0c8e3800249d02c', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'f25c78d5a91d7beffee4e54e10af29186d938d05', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'eae484fc09acda35734019e3d5a619ab7ad84e23', class: "gux-modal-content" }, index.h("p", { key: 'f37ac8119c8bb28f38f2212af1ec4ef9d8a067e6' }, index.h("slot", { key: '31cf5ba3bdf9da15a363b5239693a75bc745f0ae', 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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
 const index$1 = require('./index-16a4179e.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');

package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -18,7 +18,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: 'e89fcf11738baf03317d7c56273811131da3f7b0' }, index.h("div", { key: '89277a68a30e49eb069115ca11311d9ddd6830f9', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'f665c7775ae1a6a6ff1958a8c34483b29341adec', name: "icon" })), index.h("div", { key: 'ddd5b9585bfdbc8c6370144f028ca3c4c38e6504', class: "gux-content" }, index.h("gux-truncate", { key: 'ccae37cd7fc780b22aaa7fac06e7a4e6565a0320', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '06b2199b949c06e3af9b6070dac58c5d265fd7c9', name: "title" })), index.h("gux-truncate", { key: '9661906d06cb5c49d7eea6c8eb76909dcbb7ecbc', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'bf0cf6c4bfc6216323bcc4a38ad297cb8b160610', name: "message" }))), index.h("gux-dismiss-button", { key: '81a8198540694dcc1a8bd2c11ef64679c8393145', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: 'dafa40dd0c1a58eefa2dec3b6f18ba91269973b4' }, index.h("div", { key: '79cdf572f7b5f7dbab218f604890c72ea33c5d4e', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '7a354b86a39b9099f924e2bbff4a9d75978544ed', name: "icon" })), index.h("div", { key: '586c1df3f9d74e6888d388ac66fe8432715a78b4', class: "gux-content" }, index.h("gux-truncate", { key: '306b9ec4f9199b632386550eacd61b91a38278ec', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '0ef6f4e5c0330134888cffac11383a470435037d', name: "title" })), index.h("gux-truncate", { key: '3702f19ebe1e30724cf58db7c447ec4191bfd53d', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '5156b07eec3d3dab083f927dd7e4cd48215425dc', name: "message" }))), index.h("gux-dismiss-button", { key: '7f1ba59b46646d79a9f619fd166edc6221099f53', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/cjs/gux-option-group-beta.cjs.entry.js

@@ -54,7 +54,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '2f6b2f443b5e4cd0c3cdd96e94d71ab923e3ec7a', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'adefe67ec51d07b2de9e872bfa3b479bfda90c48', class: "gux-option-group" }, index.h("div", { key: 'da753d79ed8022c7da83233132e68de174a8c6fd', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '61ea0eb85b8ae151b63f084d7ac5120ca3b18867', role: "group" }, index.h("slot", { key: '49cdf77746dbf9b621aa3be953925fd70602522b' })), this.renderDivider())));
+        return (index.h(index.Host, { key: '7c065117af803d8fb0856c2acd7db615e295d90c', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '8f43148de13f61fafbb2f5f0d4324fca79eeb46a', class: "gux-option-group" }, index.h("div", { key: 'e515f6d9469e96a16f0ba7d33fc251f7c19bf660', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: 'ee9d353abcc3cf1c435bd2333b52550aa58321f9', role: "group" }, index.h("slot", { key: '249c5fc7ffb2fbe58caba6460294ae4009cd9ec4' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -58,14 +58,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (index.h(index.Host, { key: 'e7169a86aad3a267386691f0ee18699c1c5ddfe3', role: "option", class: {
+        return (index.h(index.Host, { key: '3c870a799ed049ee2ebf70a890d6233f6c262cc9', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: 'aa39e9adcc63d15c33dfc576fbb9c8e3dc55e663', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: '72117e18cc65ed1185e5e0e6da355c0609e32ee9', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'ccac06445c4c47d645d5023b2c3547dab5130a77', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'ce607126faf73c1d759e3f47deaa6be68523e638' })), index.h("slot", { key: '55eaea1c159cfec8e01af9de526d1737786c6409', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: '7a537c35a84c8306c2b9eea4cc6f28c09f1c5bcb', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'c9d015569c58bf37c353495bbbebc508f8a8bbed', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '725eb0eaf0f7ae3d78534533b9b19d8505719981', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '9c37629775262db1613aa58f0a3da13296fdf1ff' })), index.h("slot", { key: 'e1d66aa116b6e3ba38aa5b301ff6bf12b46fb742', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -66,13 +66,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '2a2464f67d8f5bdc03d7001485fa1013a6a45b09', role: "option", class: {
+        return (index.h(index.Host, { key: '4d51e59bb047038d2c49685877d94301dcad5d59', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: '29fa2d5d9890458b7bf903796546ea885f80c362', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '002a7fe567b6c90dfe1b8f090afc9b28cd3fbebd', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '6b69aff05a07b3901d50da97562eb8671890c8c7' })), index.h("slot", { key: 'd58803220bc4d217c67c36dd926fcfa60d1594f6', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: '4e048fa5c14a8c0e286605f6112105448423d476', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '68b0d6f0838b276ce1e0930c811f218aa89faaf3', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'd22aff80a391b4dd5ee526aabb832eacee9f5ed3' })), index.h("slot", { key: 'eabb2ad94a4de75f074a47dd6dfaead986762eb5', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-page-loading-spinner.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-5a5bc23d.js');
+const usage = require('./usage-33975b92.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -17,7 +17,7 @@ const GuxPageLoadingSpinner = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-radial-loading", { key: '618309627c56ee3c7e38dc9eb400d38a4f3bcda7', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: 'df632f1877b7979596aa293aa997207afc7deedf', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return index.getElement(this); }
 };