genesys-spark-components 4.101.0 → 4.101.1

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-250cab08.js');
+const usage = require('./usage-1d93a743.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: '4cbea9af89ce92268449b2f0cfd48ccd3c6e2e15', class: {
+        return (index.h(index.Host, { key: 'cb95589ea0a287cbc6805e7de12e1db1b2e40ddc', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'cf15e707a87bb032f08cb2c4954509ffad05b62a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '101fcbbdd80a793c21ebc1acec2f2542de55a01b', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '8e49f451d6a4ebd06c6aa27ba0ef31a161c436dc', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a1ad4a1bd434b2a50cef7c3483d2090bc3d5d1f7', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '1797399d476b7484da805c8969686c3cc9e46811', name: "label-info" })), index.h("div", { key: '19d5801782e5a74dac5708882278684c6ff7154b', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '0f83900103315c3ee8ca1613dd7d88ea73951cbe', show: this.hasError }, index.h("slot", { key: '2b0f0ffea8ec8069adc4578643a0107863a2e9df', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b5fc5e6cbed42dc90fef77b4ead2392e3cd34d1b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '02ad028abf2de26a0871b6fb3b302c589f8a5a83', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '3c7e5ba3c1255b7cb0b4ba8b6f97994e7621b698', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '5a886b6c4f3cfee755137ef0740f21c05a1210f2', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '09af3d6eb75e92a8964aeec452329e8a662584ac', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1dc9e7a27e46b5e224ebde1234fb0ce10a529ac6', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7f942136d1ae0f06ed8aec13b17be7b7a8dc39ae', name: "label-info" })), index.h("div", { key: '6d2df850c8b5e2aaeb61fdc6c96e4c0890632aae', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '4f5bd4fb1fbffb7725d05291a9b411b5a9149ca4', show: this.hasError }, index.h("slot", { key: 'ae6baa1d3e433b0d702f0b675f975358db7be090', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '5fc5dbec3423d068a98317dd490b02cd97407da3', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '850224e8cb398d7f451472cb631f511a3a1a8de6', 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-250cab08.js');
+const usage = require('./usage-1d93a743.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: '336198e812230607deb37f71ee3019bf65b15846', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '650a13f56a30bcb414c3540aa065375b16b0553e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '05344f9c7db0c1988d2a8e72a671065bfb1911b3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0f36d4975e9dc6e5880bf1d9a2bf5a7b73364765', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7c528650d6fae72a5c36b38184a5777cfefce6fc', name: "label-info" })), index.h("div", { key: '0e9a6b1d2b1eb5ca216b964dc7f2629a4ea09fb8', class: "gux-input-and-error-container" }, index.h("div", { key: 'ea347e041715619c75ecf9908dea0c3d7e530044', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '8c12679267c47c320653e13e5694a3c5d65536d5', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c74a7bc571e0568d43fcc56d4527114f1afc79c0', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'f58dda7eb82d9576beba295f68813cd33675d2b2', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '2fd8f38e43c5ee9892b0d4aa2743c3b88175b1ad', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '8ebd1f5268c861e777061f9b1721dd53231f30fc', name: "label-info" })), index.h("div", { key: '452b02cd3d70cdc221e961190b5fa830e30c219c', class: "gux-input-and-error-container" }, index.h("div", { key: 'f02c1a93d9603271f05ffe3deb57be8534286199', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '41abb1425cf977cba199122726bc03c12901f6be', class: {
+            } }, index.h("div", { key: 'e5168bcbf28439d6fc81bfab1f61d203218457f9', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '9e10333c422ec8c28d44444e89a860b5556063df', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: 'ceb217ddefc8f7e30de20f558dfd4a950ddeaeef', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '5dd6798a369da28b8c4b0a1528913a88dd530897', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '64d55ef65bb858ad646aee3d3e4c7002ce923506', show: this.hasError }, index.h("slot", { key: '5c35edfb121c90a8504bf3b011d0c8ccfb88d2b6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e52a4ccf5bf365d3f414e61d23c3121f57c98263', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '89de32c7f404bffa6fd9be545bbc0dd394737a13', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: 'd318da3d76c9ed92a41c263c3f1d7bf88f3e3155', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: '541864613611bbaf7bad41ebc059bddb1bba29dc', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'e2a6629005ec253289a05137a2304b388bca8d72', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '429fab645ce6db3fd305c3e635d3bd7b396da844', show: this.hasError }, index.h("slot", { key: '971be6c01ac673349b34cc1df330e7d9259eb547', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a68721398ab225a27fc1eaa5dd5995e7619a20fb', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e45a0321a8c22ccc860fffb8b831353c986fbe00', 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-250cab08.js');
+const usage = require('./usage-1d93a743.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: 'ad09c3d46b844b01afba5cdce4c29252359da968', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c6e1e799e6bd5faf6dfe9a21884ea43c428413ca', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '6dbedf8abd80ace7a19ccdc7654ed0a7c386cb34', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a0f752aa9907241645413641a4f23149af4378c5', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b6a2f4ac3c3b8d21143e55e2b117c0e21a433f7a', name: "label-info" })), index.h("div", { key: 'da5830e41f7612122ef1bdd2afbfe4da2a1b3048', class: "gux-input-and-error-container" }, index.h("div", { key: '1b2e9e03f9af53e9c7a7dca2783de3f15c05cc1d', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '9dfdba1c8e491473ad5e5179c2a20b06a0739fe1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '8d6c171269a74833b5c1153887d547ba63cdee54', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b82bb4e4deae995d2008009dd8a97e36baf9d554', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '887bce3d8530e80a2e6f96227dd0eb87c3f3e856', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '1aa72cc581c9d0f04ff6edca122b70ee816eaf54', name: "label-info" })), index.h("div", { key: 'e16c1bea12f42e996fa5e7343f4d0cf36f7fa5e2', class: "gux-input-and-error-container" }, index.h("div", { key: 'a9b3cd97cf9566ee95df591f4cf19ae3455addbe', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '31074c07ac12f0d4e92eb4a56b8cd0d3576cc0d5', class: {
+            } }, index.h("div", { key: '29590e2ddaffbbf2bff795bedf81920c536a4070', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '201f803832d45b43569daf34108d98d4408d801a', name: "input" }), index.h("gux-icon", { key: '3612f9af25f7c6e1f64ca2f77d03d22ca9088f91', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'bc78abd5cb50937d6087de6877e403e8855c5b09', show: this.hasError }, index.h("slot", { key: '3dd7eefaec7b04812277624f075e0f24a7438aca', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8fb2062a9fa187f8b1160581a982a12694b3380a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '446152428e1b865c14f25f4e397ba33aeee6c2e1', name: "help" })))));
+            } }, index.h("slot", { key: '337d6d550fe284fc03c538e0aa1039e28852d985', name: "input" }), index.h("gux-icon", { key: '76f2c8bfaebd58760530fb81c71c54ab6cee37b6', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '8d69525375974f8aca07139df0a78f1d3e3cdc1d', show: this.hasError }, index.h("slot", { key: '570cfe9b9b9bd2bbf9155778988fc8c3a39bfaac', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8a33c4e05d52e1cb7a327ba7efb9808ae0db472a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '68dc170ba28721d6f4b2da7333e6e9731cbf544f', 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-250cab08.js');
+const usage = require('./usage-1d93a743.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: '0801dc0976b6992ce33189632c95d34a32c73d88', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '0d315cddaf8f3ed713f8cb912da9d9b419353da6', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'e9f6546d8510e314c9443bac13fe7f136c9252ed', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '591d6f075d6d54b87f61b26e3982cdbe6ce91a12', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5d41e47e38e0fc8a97d5b0e4e9f5fb7e4498df72', name: "label-info" })), index.h("div", { key: 'd76267c472d927f7107ffa700310648bf08ddd82', class: "gux-input-and-error-container" }, index.h("div", { key: '9f94b6b8e60c62e61ae6f4ed509093eeaf5c0e97', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4b275b928b72ff8466602030972440552f007702', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'd9833f6836c8feb1913c02788c4c115a2ae112fa', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '4821cad0e93e0693fc9a14cc6bdb671f17be4c1c', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '477b7a5269bef683b4482454922034e371f80b64', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '806f87fef79eb4c107cf459ff2830fbc840b972a', name: "label-info" })), index.h("div", { key: '058d590178a581c71895ce3f5b1aceae90693d21', class: "gux-input-and-error-container" }, index.h("div", { key: 'd2c00752430f5437866922a119e41ad97cbb2b6b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '66bab3cd80e3ca99fa88ea2ee4a078369f8f3e33', class: {
+            } }, index.h("div", { key: '56f3df277fb6a72a1999699ff22d6d3cce734177', 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: '2d34f3a3b3debc7ff01d70bb17c5c9bf2f331045', name: "prefix" }), index.h("slot", { key: '7292cf3937ce9273979fdb9e495913a822a33841', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '7b80a68281b17d6b0dd947550fbdae797bb8fbb4', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'b728dc6bac9e8426163b26b137518ce463e3ef6c', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '5a9665570d1efd017d3f1eb9d786676bc1c2c0b9', show: this.hasError }, index.h("slot", { key: 'e4b592e8b92255788c24f1c4dc1ecb7adc89bba4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '88c62aafca29ca45c333da744dad779593745f5f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a814ea6d9f2cf62b205393a145088682da17673a', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '5b1eaf9f94c7191dc911e48c625376397ab35acf', name: "prefix" }), index.h("slot", { key: '1236bc435fcd672c3a6ce9e15c83adf980e51239', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '72ecbc813b3e3bd1e140fdbe2cabacd5b03d0601', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '0865bc2646bc83163abd697104dc1d246909e101', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c99140fc7cce17af4134d1b22a6df5199dbb1daf', show: this.hasError }, index.h("slot", { key: '5a89413a851bc1a33d1f7d8c2c4fa6d42cf8984f', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a21f889c6fcaaa07d72b38927e547981309a465c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '880839da327b1527145b864f15cac6587b3dcf12', 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-250cab08.js');
+const usage = require('./usage-1d93a743.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: '16880260cfbed0da3f7f5c287587b34f141acaac', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '7c48b5aab47d4d8089b333b729c267d4e3185bf8', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'f166a74f0b7449469cbd7cc5250cc4dcdca585e8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3a948ead9e6b197ba592b414f818535e84d4d540', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '2a22a6071ce3246af7ba1707e6ee0205772e135e', name: "label-info" })), index.h("div", { key: 'e3b0e38e4c39189fa3309144c6c208c2c372bc25', class: "gux-input-and-error-container" }, index.h("div", { key: 'd31cc4b45178cdb375bd99c9a12a52e4ed0a0866', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '5dea833457c8b0f530790532645e39acbcb271d3', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '969e9dfe53d26e8ae439f0a5f7a396a9ca738598', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '6027b9b7f7eb7863b04e9634a053ad8521cb6846', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '25e40153cf76b2b7b98968fbb7090f2b1e7bd4dd', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '2153bff68b85e674fafc509fcd40852822b6f40e', name: "label-info" })), index.h("div", { key: 'ebcd11e922979159856f8e28be605cf63bcb6af8', class: "gux-input-and-error-container" }, index.h("div", { key: '50b24e9d9fa7840f2741e837ca7beae485d39424', 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: '568d26476e4f30d0e418bb6f2cc7383c8e0291fe', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '368bc28368b7722b08464966e5395e90dd6f410f', show: this.hasError }, index.h("slot", { key: '7d7ef7ef1507c1b4d493c14015481f30d8cbe2df', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '6f8b93bc4e0e8ea137ec12fbc2a2124ca0485177', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1e26b50df1754573973a795430a2b8967e5d9898', name: "help" })))));
+            } }, index.h("slot", { key: 'c12f4471bc184d52bc612c870b7309da620f73a9', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '2ca43db5af528750812aa8596db05addef923c75', show: this.hasError }, index.h("slot", { key: 'daba766156ff6cfb1f7bfe93cc3e795236fc5c03', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0d7b3b64f2e5c8e04a550a5365a8dd10d0c2a3fd', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '3f3d1652b8cb332b48fa5ec6f4726ff2b74593c6', 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-250cab08.js');
+const usage = require('./usage-1d93a743.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: 'c5151fcf21f75e13167797d084e6f40f428d2233', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '4805fad164b65182e6f8f17a807d84905b65bda2' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'c67474c50e62eb7c085642b1144b7c332a4734de', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '41255e87be54d361250a4fae220ef409eff535ef', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '76c05c34fd2001a9a12c31c7f4454b53e6a003e6', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6bfaa131dd27fa54fe1da21882cde7b490750e2a', name: "label-info" })), index.h("div", { key: '5b5490a0b499e14a3d91690fd6b8b3c024ca1a41', class: "gux-input-and-error-container" }, index.h("div", { key: '73c81acf62a4c7f622c4fcef5e20623128be37d3', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'f58df200c9c05d02587124b2fd1395e8a76c0c92', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'bf43c0714877e5229446106254426b1389588ca8' }, (_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: 'e6fad6107a7da4bab825d8acd3e5f23fb4122beb', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '1ce78042548f2e6c558fe93fb539e4e2ed64665b', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e520fc094f291a92c40d1dc738f394d40495b8c4', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '8ee8198fca0dc2a5ed88fd913ca10a83b474606f', name: "label-info" })), index.h("div", { key: '3f770bba0611d7ff33d93e820e933abaf6d64f07', class: "gux-input-and-error-container" }, index.h("div", { key: '35df1940120aad478b09d9935da0ca89bcc4bc30', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '31c61b6682f8b0c29189a0b6cf9bae17780abb9f', class: {
+            } }, index.h("div", { key: '6f5f1d88d7d11bcd626f3cea768881d917d234e0', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'fe7b204ae953a249b01a751dff04244e1be94b19' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '1fb9c471d7203330cc798658b389628d5de19d94', show: this.hasError }, index.h("slot", { key: '257cfbe7fa854359fd6f015a6a6fb6b07d085876', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '19f29b20cc30c4ece653b7730a0571dea3ea1f51', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'efcea016a930897d7458a8190c5e151f6e7a7011', name: "help" })))));
+            } }, index.h("slot", { key: '407e423793092339fd011bae54bcd9d54a49472b' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd1ecd8766ea7f718c7ab796f909dedfad6169780', show: this.hasError }, index.h("slot", { key: '0133f4498bda81baf3db97d2fc683b15d525ab36', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '909df79de60736332c7732e98e05860888781985', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '097ffd6e9f84a86b5860fadf8dd67cd218b064a1', 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-250cab08.js');
+const usage = require('./usage-1d93a743.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: '71b3f0e0ec9f31cd7e6a18d1ff940385a7c394e3', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '1af9cc3bfa1c3cac1d03ab74154c7382167c37bc' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '6ee4304176454cc7a81d110cb5bd5bdf6707d89e', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'bec4ad17ec4278e503c8ece53a41369aaca42da3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3fcbc1fbd18661e1cfd68d511c799a289505f07f', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5e5dc8148321a3fac532a55a653b6a625e0f6392', name: "label-info" })), index.h("slot", { key: '0e8d8ac143ebc07b27b0fd3f0645795a4d2e4093', name: "label-info" }), index.h("div", { key: '64521f80dd729eeb420feb9a1bcad868f5a7c8e9', class: "gux-input-and-error-container" }, index.h("div", { key: '38eb8a93e60d90c2512b003be421c500b57fa955', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '21a9c562838406db1b54724afa0afea18a211b5d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '0070a05f7cbe549d151fcb468bb67bbaa715a566' }, (_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: 'e48c469cfdaef18e37c0d3ff53f37ebf1505d076', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '602f2927a81285789de7c69d9144d34bd1f2cc02', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '615bf453fbda89f268f67f2c64f2f15466cd6146', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '16f49aba850d6d4b712b7bf0933be453cd71f120', name: "label-info" })), index.h("slot", { key: '2eb3a876b8737e3c1c3b80d39364ec53c4ab31fb', name: "label-info" }), index.h("div", { key: 'f9685fa970075981c66d2329f6289ff4ea7d33e7', class: "gux-input-and-error-container" }, index.h("div", { key: '1d1c526a766811d00ca36766f975959f5376e95d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '3a97f36dfa4c17261ac13cbb74ac9cf38c0f207c' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '43d83e1cf7e3331599f6d26471b7c945b29a9a1b', show: this.hasError }, index.h("slot", { key: '40cf85454b8b4d1c87d646ef7a15119964a40dc4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '386c39bbe6f5a37d93b16f1fb5ae52f060bd0c18', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'cae7e7ec9e17bd798267dbff61c3fe377e50b5e2', name: "help" })))));
+            } }, index.h("slot", { key: 'eb747fdaf264c00bc775a455b8fc16490360108f' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '64121250d9f78ef39c1a1786043bf7c8e2750f75', show: this.hasError }, index.h("slot", { key: '48cfb40fc942ae06278eb759395314693e004bcd', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2fd2634a7c07e056b46496f563635156bb706a0b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '86eadaeb90dbd896f7f22cda8d8a532d5c717a5c', 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-250cab08.js');
+const usage = require('./usage-1d93a743.js');
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}";
 const GuxFormFooterStyle0 = guxFormFooterCss;

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-250cab08.js');
+const usage = require('./usage-1d93a743.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-250cab08.js');
+const usage = require('./usage-1d93a743.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: '229e60bf4e71245ef83e86174db07f07d3cb8457', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '27435179dbc0f74ed159032bde04e53ecc770f51', 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-250cab08.js');
+const usage = require('./usage-1d93a743.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: 'e6950f55ea19e3f4b87036bec0d5e6ecb0b51213', class: {
+        return (index.h("div", { key: '0016a8a0a20b75dbf110a538930d6cc9ebf465f0', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: '92e795abc0b39f6649a1a832f720eee6fc39d558', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '8bb76a6afee5a722a29844c7a7e10e1265416943', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: 'd25d7bd5952f5146335e3474eda2aff41abd5f0e', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: '4b054312f13d249752ba7176b2d9bac25907a436', class: "gux-content" }, index.h("slot", { key: 'b493d80805361e4bc49b0b3ff64938fcc9729006', name: "content" }, index.h("slot", { key: 'd4d52feab9da149eb470afe889564186bc4229e7' }))))));
+            } }, index.h("div", { key: '89b558a859d8e120f6074873fc6c3eceb1b6323f', class: "gux-message-wrapper" }, index.h("gux-icon", { key: 'ce5dc9ece25aeb631e7f7dd7d6e0a18626c42846', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '2976f03fc1c68becb487aa778eb70f9162789bdc', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: '466c8879a1f4d9d6987299b34879f26f8a964651', class: "gux-content" }, index.h("slot", { key: '9d78e9d434eb372f6e0b4e8b7fa62edbe2d0ddc4', name: "content" }, index.h("slot", { key: '3624997eb94bb754ecfc2aff0a173a092743b3e1' }))))));
     }
     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-250cab08.js');
+const usage = require('./usage-1d93a743.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: '0c5584e36db607e8d4221e9475e0e77d4ada908c', role: "presentation" }));
+        return (index.h(index.Host, { key: '987d0b32ffa747944d34c8799e5717902a18d028', 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: '5c9772e0ce49cb0bb2adc3b590a60225906e9c63', role: "listitem" }, index.h("button", { key: '8489c5d13c15b75dbfd0d6209808e2fff7010e3b', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'db2ecd4ffa1c33a35f45ecdf338625c0f54d45b1' }))));
+        return (index.h(index.Host, { key: 'f010eb7a8ce618601dec388908dbd6d246b0f906', role: "listitem" }, index.h("button", { key: '784577e09ff7e2f2ce97c61db65c35712a25a92b', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '95703268f40d2e33091f34d27fb5ac716e215338' }))));
     }
     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-250cab08.js');
+const usage = require('./usage-1d93a743.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: '6d9c37ce532bc0e0117aea9f8bac84361f11826a', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: 'de8f0dd65bab3db63416d724d33ede5030464622' })));
+        return (index.h(index.Host, { key: 'e33db30dbd094e8063ce0cb9effaa2d1abeb4568', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: 'b1c077085bcd862edd84267c97b900bade64345a' })));
     }
     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-250cab08.js');
+const usage = require('./usage-1d93a743.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-250cab08.js');
+const usage = require('./usage-1d93a743.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}";
 const GuxLoadingMessageStyle0 = guxLoadingMessageCss;
@@ -16,7 +16,7 @@ const GuxLoadingMessage = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '9510f8f3d9e7fbfbb5a1943e8249a90c370f2675', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '1a2a6c95427dc8f2e47c4aeb2d6ca284dc5124fa', class: "gux-progress" }, index.h("slot", { key: '5b6812589ae9f3a127c229774cdacc21339213d4', name: "progress" })), index.h("div", { key: '38358d59aec706a0e635ba5125f318c1a0b3a935', class: "gux-primary-message" }, index.h("slot", { key: 'f682056ff344de762a8f22c99c42d1852071073d', name: "primary-message" })), index.h("div", { key: 'f1ce616fe69d1b8b59d02474f39549815544af8f', class: "gux-additional-guidance" }, index.h("slot", { key: '5adf18ae00ab8afbca5f85e3c886777c4b6a41ec', name: "additional-guidance" }))));
+        return (index.h("div", { key: 'e425758f0e1cf3c2220a05b87a4ac1ce32598b5e', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: 'b483ae2b330450a5a8d467efb28ded3a2aa53dea', class: "gux-progress" }, index.h("slot", { key: '02110561bb21428bb847029b885c73c5d59846bc', name: "progress" })), index.h("div", { key: '82b54f2a4881b6c092775257079f783d92dc36fb', class: "gux-primary-message" }, index.h("slot", { key: 'f657a9f2da92a47dbb6d8aef1d162913e0875565', name: "primary-message" })), index.h("div", { key: '57dc1fec80b7ef84057d25541aec7eecfe1424dd', class: "gux-additional-guidance" }, index.h("slot", { key: '6a94255ec56e110bd443c1e060cb64119277acef', 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: '6551af0f5854f91a8b3a783334bbdbc6cab3834d', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'f8805f854e7ed22b805e5b555d65c35c84731154', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'e1051c028748193f22836c20ee063772fb79b865' }))));
+        return (index.h("button", { key: 'df908d4f161e3d96700f7a3ad03444080c0a21f5', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '1907469b9746b6071ff57bcb71bdca674ba21e51', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'fd34cd0135dffdf900a87567a3a451af8f6b7b89' }))));
     }
     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: '072b54393b153a6d9725fca4b029fa930c4b5797', role: "menu" }, index.h("slot", { key: 'b752db7c2715b15704921878c54fabae68a6fb56' })));
+        return (index.h(index.Host, { key: '6a3f9c9bd91af32ca7e5499fbc87fc6a5b37e431', role: "menu" }, index.h("slot", { key: 'a27049f78e258c114eba09b0cc408d771dfa25e2' })));
     }
 };
 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-250cab08.js');
+const usage = require('./usage-1d93a743.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: '7a943954edd102cd24a11874d50abe663e06cc87', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '9b7cf9cc2baec0a35dcc5b0357f1a8c3ac92e43e', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '456bfe750706c395febbb4c96118e31ff3e1c52e', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '783b8718ea3ea02dd2811f91ef33146d765a0c02', name: "title" }))), index.h("gux-dismiss-button", { key: '69eed2fcf8332f8fbb196a873a0ad172358c0df5', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '9352d439b16722dce40341909ba3973e6d98c7b0', class: {
+        return (index.h("div", { key: '78318ff7517eb4e8d7723167cf5bfb2f62598cd5', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '38048b1f03a923fd678c41bf939afbe104fbb1ed', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '154187832ecb9b475ccc9860d1943429b0a0e9d1', class: "gux-modal-header", id: titleID }, index.h("slot", { key: 'f1bca427b206395585c14291434120ed1aebff05', name: "title" }))), index.h("gux-dismiss-button", { key: 'b546ac58db12248c2e69c1e0046e75436cedae9f', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'd94b6ef59e3b6f9e8a090ccb3a827abfa737ca8c', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: '0055481b84e464e9f99d70217e0ac114149fdcf2' }, index.h("slot", { key: '12dd0d0b9327f0586ab2f69756aba55d2b5aacc3', name: "content" }))), hasFooterButtons && (index.h("div", { key: 'e5e2f768762dc20049637b8d55ca49acf4a5db1f', class: "gux-button-footer" }, index.h("div", { key: '3df016757d97dafeab0f2b15317d60eb3962733a', class: "gux-left-align-buttons" }, index.h("slot", { key: '0a7298eb91522626559564a2b7121368b2e320ab', name: "left-align-buttons" })), index.h("div", { key: 'd605b78e41e4aa20ae291ad81d0173fc3480731d', class: "gux-right-align-buttons" }, index.h("slot", { key: '714fadd6525b0375d149413a55b3854d61f0cd55', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: '9e71b599f0cf0567ddd4514972ec7754e9c3283e' }, index.h("slot", { key: '351553dbd96f1918a85f6e3e4e0299a149185aa6', name: "content" }))), hasFooterButtons && (index.h("div", { key: '747f3ec8e449c0223832e43e50768fe8e2a396b9', class: "gux-button-footer" }, index.h("div", { key: '7a4cf92dca609b61f15569733b855a9cb0cbb3f5', class: "gux-left-align-buttons" }, index.h("slot", { key: 'eb18c891e7ac8225aaa4afa3e4d72d85c68c07f5', name: "left-align-buttons" })), index.h("div", { key: 'd4a185542b3b82076788d26041cf233aa8accffe', class: "gux-right-align-buttons" }, index.h("slot", { key: '86c40e3424c1a4996fb3e3cd2b81a94c71aed05d', 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-250cab08.js');
+const usage = require('./usage-1d93a743.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{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}: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%}}";
@@ -78,7 +78,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '18b524133b010f522686b88c1f4e724ae5f1b457', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '48f6b6972c30e015617a02b1e2a39d80d8b35b52', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '205df2e00149e2e56993c2a06f83e309f271c9b1', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '0c5e50d2f555e941a60fec204349979172221307', class: "gux-modal-content" }, index.h("p", { key: '7f5ae94c9de4fba07c0476110ce718502b8453e5' }, index.h("slot", { key: '07495e05a2e9bbd77ac7eb6d39138b640a2d0490', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: 'd7df673d81455961804f164e42b58a47994422ad', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '8dbec5e428e88e76ca7c8b4be05dd04727d74a72', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '64194ab51dd402e9f60b83f8812e4e488c3f31e7', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '8a956269e4a5d33bc4443eafbd44020915b4f543', class: "gux-modal-content" }, index.h("p", { key: 'fe6254ec17356c33f5fc53f64cac1f633acba27e' }, index.h("slot", { key: '8da2de1e0c08493fdd91b51baed72e9fafc02f15', 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-250cab08.js');
+const usage = require('./usage-1d93a743.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-250cab08.js');
+const usage = require('./usage-1d93a743.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: '57855bd523d8094976b2432321e2e6ce5c2c55d8' }, index.h("div", { key: '7ba34b2ff5b35c136566fd7ccb0ad3e95eed5201', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '51dbe884721af6e752d9639119d5ae7b8ff1eef0', name: "icon" })), index.h("div", { key: 'ba8b02229cb19ebd6f4e840053f07f54ba3f48d2', class: "gux-content" }, index.h("gux-truncate", { key: '0640385628f1350805f4d9f7540b49166ec6a1de', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '62a05d4c570593a19f579556c7d59865233e7740', name: "title" })), index.h("gux-truncate", { key: 'a5faf6e12b5bc643024c67fd08d5759863af2c87', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'cda23674fdd22d2453c7777b81f0fe7283833bf2', name: "message" }))), index.h("gux-dismiss-button", { key: '3be6658f04b7a271dfb7964e94af768bbe643acb', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '29bd409866dc6a10696ef0fd10e7f5ffc84f97fd' }, index.h("div", { key: 'a9a5478c3645949605102e8bb782b1a6ee509b34', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '8e6fd5cca1352e95f825bb7ef8f361866695329a', name: "icon" })), index.h("div", { key: '1c77c88ed189344e878c53a00258a2859b99b4cc', class: "gux-content" }, index.h("gux-truncate", { key: '00a7784536788409f7c3bb5ff630b73d13a52fe2', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '79e4108e851cc46da3e69d3818f03487e3498d79', name: "title" })), index.h("gux-truncate", { key: '8464d829b48626ee2a5bb63bf3081752c20c4181', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'b07aa706db328d15f4880955dc4fa6daab0897f2', name: "message" }))), index.h("gux-dismiss-button", { key: '81de69967382c3e97ddb0129ab94043ba6e3cffa', 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: 'ee7c3cea56afdf18b23482e3b5e5277b2b33abb2', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '5b00d8958249542925fd204400e8b6c60611b642', class: "gux-option-group" }, index.h("div", { key: '2b5a182a3b02e6af88aebdc3d2516714838dbd3b', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '928bda9948fcdaf8203ffdaaadd60d12718c44b6', role: "group" }, index.h("slot", { key: '66f6d1df4259b68af5e34e22d2377a75b5a58482' })), this.renderDivider())));
+        return (index.h(index.Host, { key: 'e6e6416f335370bcc097be4e9c0ab102e6a292a9', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '30a2b83dc8dc9989767ac200f10bca4e906e333c', class: "gux-option-group" }, index.h("div", { key: '0eb678d42fcaa872f0a1213c41eab2f815de2d76', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '95398f9adecd344c7699eb8132b945a5bed7a628', role: "group" }, index.h("slot", { key: '2f7b3081404e6a51329b8a458592088f44c462d4' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -7,7 +7,7 @@ const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
-const guxOptionIconCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{inline-size:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){border-radius:var(--gse-semantic-focusOutline-sm-borderRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host(.gux-show-subtext){place-content:stretch flex-start;block-size:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}:host gux-icon{flex-shrink:0;inline-size:var(--gse-ui-menu-option-startIcon-width);block-size:var(--gse-ui-menu-option-startIcon-height)}";
+const guxOptionIconCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{inline-size:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){border-radius:var(--gse-semantic-focusOutline-sm-borderRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host(.gux-show-subtext){place-content:stretch flex-start;block-size:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}:host gux-icon{flex-shrink:0;inline-size:var(--gse-ui-menu-option-startIcon-width);block-size:var(--gse-ui-menu-option-startIcon-height)}:host .gux-option-wrapper{min-inline-size:0}";
 const GuxOptionIconStyle0 = guxOptionIconCss;
 
 const GuxOptionIcon = class {
@@ -63,14 +63,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (index.h(index.Host, { key: 'a93ddb9897f8c116a49ee759889fecf8a6ca6d15', role: "option", class: {
+        return (index.h(index.Host, { key: 'caf6140c4f3bd1cb7937232d5da18cb477a9bb42', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 '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: 'fab630aa9a1585fc9379195a4db1cc480f037cd9', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'ae9273d21bbc9163c740eb4f6937aa340b115b60', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'dd9f7ebf739126258bb3289b016bb3f5aee60c3b', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'd66cd9e96402168a93ba3017a617c6637920a71f' })), index.h("slot", { key: 'deff50eaa2f2ad0f36122820921828ca7c94067e', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: 'c451119440c9e14db7b00ffb1f268985d2635aca', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'cd9a420efae272076678980d02cbf6424c504d55', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'a0acf6bec4b98e3c375f088a03408fa05b66eba3', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '7067d5a163379c26173e82af7daba11555d8ae7f' })), index.h("slot", { key: 'b28595b22e2ae03bbe50f71b697f63861c0e7169', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -70,13 +70,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '175f5e800f401c0b7a222b3cdc9ec3fde5964c24', role: "option", class: {
+        return (index.h(index.Host, { key: '077e3986bf9d56a29f0bbf0e626ef5601526e3d7', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 '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: 'cfa2c1bbd1ef8107121f4317382bb49fe71e8a57', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'c9d8304ef91e4b9058f4b48edf429c39372d0d6f', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '3e3a22e7f0566f6f358e9eb9f8b9b5cbb4a36398' })), index.h("slot", { key: '93b4fceeda2d11d607bbf7c64ac083ca77e4130d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'b29416f19ed0b35e6c56983ba506e7db87f0f333', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '43ccf577a866a4801031530c0b7fa3a665c434f7', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '54e26110733f24dfba9dabd50b72908aba173fdb' })), index.h("slot", { key: 'ceef331db213a0e9e4b09c011726617e506c0f1c', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {