genesys-spark-components 4.103.1 → 4.104.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-f61fe564.js');
+const usage = require('./usage-7088c141.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: 'cb95589ea0a287cbc6805e7de12e1db1b2e40ddc', class: {
+        return (index.h(index.Host, { key: '54c2237fd3857b7b5bacc2e5e0ec4bb012b2f4e1', class: {
                 'gux-active': this.active
-            } }, 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" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '586adebb0c3bd99135c6f9c38f0f9329239e3154', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '6da004480ae7733976a9ee7d39b1b71e0731f18e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ec577fcf0a75f71d1ad63bab97f3f4b4ae8a3e7e', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b6a7b1ed6f70ea5e4e82dc3bde5740e24e0ef233', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'bb13f10921775771f74a30458f1850db1997ee2c', name: "label-info" })), index.h("div", { key: '52651391cc0fa2076bc9d9d3e292208fec418ea5', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '1d5b96509375ff917e4cc68e491cbb49e93feb04', show: this.hasError }, index.h("slot", { key: '70e953ad2201da1796274c8d25550f48d8a16733', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '77a6374a1dec71a529e68859faaaeef465483584', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '521b2c4c318f5f7eb562f692212c490fe9e7de58', 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-f61fe564.js');
+const usage = require('./usage-7088c141.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: '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: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '1e4b92b6d9d9b0636dfa2cf8e79963f56b503f5a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b6af197da2a3f248eda388e4f71e393f692e90d1', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '352ba45f77c34eb67b24a4316d0e9a92e9afe652', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6ca61e6c6fc4ebac76eeda1b201f49b1cdb06f5e', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '96d2a976da5dc7e344394658604bcfdc27c0fed9', name: "label-info" })), index.h("div", { key: '8be4041d9d41501fc30256e0e4dc4f3fc1c2ca44', class: "gux-input-and-error-container" }, index.h("div", { key: '5a33055ee684fb0e9c817c8e0d231ca0fdfcd72b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'e5168bcbf28439d6fc81bfab1f61d203218457f9', class: {
+            } }, index.h("div", { key: '59966c08239aa3820195279f1a35e5d453e984b4', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, 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" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '5b6d0596a99637735b3c89a70b383566ba8e61a8', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: 'c13746d0ea8374899b2f470519434da0d1a506ff', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '969a9a35042bb157d0b38cc688d81310b94d6bdf', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '0c967d463d9cee4812f8453686bdd9868660fb22', show: this.hasError }, index.h("slot", { key: 'a6e95e112206c7fb659262857e724c5fa895a093', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '5caccd96e888b8cae941cf97f03d917932b02294', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5f9f112df8322a4ab457bdf7174fe4be87db71bf', 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-f61fe564.js');
+const usage = require('./usage-7088c141.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: '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: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'ade4b144385c07bd1508be8ba67f8d20dd1660cd', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '18bc915c9aedd653dd9d39dea057e057f5d37ecd', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'c233b0063d165092e2e18b2b44a6455ad360e9a0', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '9cba0fcef27e0440c05feb6a26d02363bc580a02', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '49bd1359e7837f4d65a34fc12a62f0b549c13c69', name: "label-info" })), index.h("div", { key: 'a64c2e27604f46811ba227522992b0749e262f46', class: "gux-input-and-error-container" }, index.h("div", { key: 'dcac35339fb73a4c8ee77bb8fc350656527eb548', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '29590e2ddaffbbf2bff795bedf81920c536a4070', class: {
+            } }, index.h("div", { key: 'db109591ddc21bddc0d4b57c69d18f972d5f04fb', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, index.h("slot", { key: '887740976f7586039b4fbbb7b51359d4cfff69bc', name: "input" }), index.h("gux-icon", { key: '5d34e384b9998855df9c10577ede7efa6d788d19', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd0a1101f52cfa83e22476124cffbacc2571fed2f', show: this.hasError }, index.h("slot", { key: '1156c4114993620e16f314475a2e0d7f3b90d373', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '34220ac834b6b67928a6a5087830083a6d8f4039', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0f0f7562332896f90b4b531f0c8d57d121e8b428', 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-f61fe564.js');
+const usage = require('./usage-7088c141.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: '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: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'a17ad83e0eeed1763ffab9e134d3e1e75bcdbbce', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'd1fba6ee751d62b92c02cf78afd2b1bae95ae1a7', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'c9527a88f7c03968667e3d38ba90db9f937a8045', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'c718be1417371a21611463fb9c2e917d3eed9a51', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '03a4284732b09805195499f9dcae12817fdef15b', name: "label-info" })), index.h("div", { key: 'de7b7423b50f7617e9ea4383b2fce94f673a83b4', class: "gux-input-and-error-container" }, index.h("div", { key: '9046f75a00e1fcd235887aea65aa6bb17ebbcde5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '56f3df277fb6a72a1999699ff22d6d3cce734177', class: {
+            } }, index.h("div", { key: 'd670db234a4c2dd32c07f75c63be7dd65c938600', 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: '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" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '554497e8dd31ce8fbc9f79f30834e0b8139948bb', name: "prefix" }), index.h("slot", { key: 'e206680f5d0a492e39e82d0543d093f8651c88d2', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '0ca00b2011c98147c92af40ab2681d50a9706b96', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'c05015420e0345b526b19dcf6238aa554cf398e9', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '544d850e90788504a69525b2d620c880437c0f62', show: this.hasError }, index.h("slot", { key: 'de3651ab7deea14e18f115b5e8f1614af124ac2c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8949600a85dabae56accb74829c74f05e56972aa', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b0314622491a9219baa2b1f6c265ef6edb4faafd', 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-f61fe564.js');
+const usage = require('./usage-7088c141.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: '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: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'e8dd0948fef4e209905570ac52f369ca490452ab', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'd01ace6713e2bb0a37900266813d77d56fcb5f89', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '572c94fe01bfc15a05f471207dddb1ba2e09c11d', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '7f9c6756fe4662b1ac4d27b72ed158bae2f3b862', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '62560f03f41a251b5ab8230850aa2c7043135c0b', name: "label-info" })), index.h("div", { key: '41bf021bf128db713ff71c325177e14e6a757241', class: "gux-input-and-error-container" }, index.h("div", { key: '1b06efe4fbd9abed9d5bc2ff2906a4ebdbe4a207', 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: '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" })))));
+            } }, index.h("slot", { key: '9531a2bde5bb2f3a6b208c3a75b5f8a508537c00', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '7f9705862db7afaa04ec7a0b508b53feb50dcf27', show: this.hasError }, index.h("slot", { key: '9a54ee68288a98eace73298967c026835838ef79', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a5eaac775a150d9e0b4c9ca1f228c75f4aee5654', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '108eb94dc4f28d708dec9e11ff8e16f4ef501c47', 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-f61fe564.js');
+const usage = require('./usage-7088c141.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: '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: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '5db1d7454cabeee9137272a463f10fea95bc34ea', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '7d3fc234710b05c1f03b9257f157da9cec265723' }, (_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: 'd133b8ac4978ceb9ad9a4066b1bbbd119734ea64', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '4dd490ae393d5f1c537b01e00774c9ac98dedc4f', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '94a8768d8d5cc56ce27b17875d5c66c8faff19cc', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '795a06b86b4e125361261cfe7630fdec311154bc', name: "label-info" })), index.h("div", { key: 'f28426f59ce6afea01daecbb3235b13e381318d7', class: "gux-input-and-error-container" }, index.h("div", { key: 'ddbe6041c2b144244b0ce38b5667bb40dc21c8a0', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '6f5f1d88d7d11bcd626f3cea768881d917d234e0', class: {
+            } }, index.h("div", { key: '4e31b6a9305d6a4a5900ed4298da803dd9a5c5d0', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, index.h("slot", { key: '9c34d62cb80c6187bb3e426c3f23153eb6cbebd0' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '57d89003c47803cc8be089016c6cdca9e6f16ae1', show: this.hasError }, index.h("slot", { key: 'bacc4403a8b1789289cb871569141aaef2f40fe6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '5b85bda90be53594da0a2dbb5673dde9079316f8', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6b9ed2d216470802c2c785314768a554695b8d5d', 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-f61fe564.js');
+const usage = require('./usage-7088c141.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: '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: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'f936ffae3f60e73be80d38619f3f807a10c01608', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'ad113a922888ab988f140010d1fd30f12a73b0d8' }, (_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: '6e6cbc8d01882e7af9b5c0fa6328646ef4e09275', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '7fa065328697fa68b0bb515a4d11f8835d8917d2', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '7bc5dc1e6799a2f237adcf16c31c63aed1667042', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '18e062a78f92e3659263aec36f24e18197d706d7', name: "label-info" })), index.h("slot", { key: '761f4f6e3bd872a0939cb596557fdf52b8bc20f0', name: "label-info" }), index.h("div", { key: '22d06b09b84436b3acb22d7951f04b0e93e01b26', class: "gux-input-and-error-container" }, index.h("div", { key: '61520325d521cbdf85b679219098589a1613ecd4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, index.h("slot", { key: '3929284fce8c68f48ea93b2923a892b407ebbe1f' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '8fb5a1d15740309f810efc0fe87e47a9675202b7', show: this.hasError }, index.h("slot", { key: '39d7a26b1b943934463c0e68b52cf1f6329f0511', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1c0e29ee10ffba4260ec33a844e364ef1fa4c6b2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '13ccb2f4fda97ef0f9091ac4a742a66215d7bfc2', 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-f61fe564.js');
+const usage = require('./usage-7088c141.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-f61fe564.js');
+const usage = require('./usage-7088c141.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-f61fe564.js');
+const usage = require('./usage-7088c141.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: '27435179dbc0f74ed159032bde04e53ecc770f51', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '809c02a03fc5ea0700b87b89568d3201f7aa28c2', 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-f61fe564.js');
+const usage = require('./usage-7088c141.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: '0016a8a0a20b75dbf110a538930d6cc9ebf465f0', class: {
+        return (index.h("div", { key: '2f0523ce7f4d20a0fe43df892f35c008de7c1134', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, 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' }))))));
+            } }, index.h("div", { key: '9e2d4d208fb807eb5f2e97d7aefac5bbfc6b4f19', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '6719dda9c9cd9142090e4f1adc2a3aba6e7dc1ee', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '0ed8669259dd444152720f26515fe8206a633601', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: '41095fd413afdbd5b8f84f5b97be6b5355be9fed', class: "gux-content" }, index.h("slot", { key: '97d128b16d89350b50e96b6588653f1eea932d9a', name: "content" }, index.h("slot", { key: 'f077fa4b12a0bf1b649bb0eab4409640f4e179dc' }))))));
     }
     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-f61fe564.js');
+const usage = require('./usage-7088c141.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: '987d0b32ffa747944d34c8799e5717902a18d028', role: "presentation" }));
+        return (index.h(index.Host, { key: '62cb4c846f693ac1c424d238e41d936b55e76c3c', 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: 'f010eb7a8ce618601dec388908dbd6d246b0f906', role: "listitem" }, index.h("button", { key: '784577e09ff7e2f2ce97c61db65c35712a25a92b', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '95703268f40d2e33091f34d27fb5ac716e215338' }))));
+        return (index.h(index.Host, { key: 'cb8ae8d2ce0c34f8a4c562728dd5165911a6bdc3', role: "listitem" }, index.h("button", { key: '33c2c3849bdbfabbc7f2e409cfd5665e93a057b5', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'b8a77addb549f33091b052e9074d21359ec7f49b' }))));
     }
     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-f61fe564.js');
+const usage = require('./usage-7088c141.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: 'e33db30dbd094e8063ce0cb9effaa2d1abeb4568', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: 'b1c077085bcd862edd84267c97b900bade64345a' })));
+        return (index.h(index.Host, { key: '88907889b939ce642ff32e7e49a64e55588cb6a3', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: 'c476d045ce9fbee866fb834064ee064fb27e6d1f' })));
     }
     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-f61fe564.js');
+const usage = require('./usage-7088c141.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-f61fe564.js');
+const usage = require('./usage-7088c141.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: '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" }))));
+        return (index.h("div", { key: '875bfb677ca143fa5a95de8eaf491fc3638b8246', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '83cbb7b48b21f7a7f4af9a774633d862ed276f35', class: "gux-progress" }, index.h("slot", { key: 'dd03641751d6ac315a4e1416c683c4d6e54185ef', name: "progress" })), index.h("div", { key: '91963b1e6fa9f59bfa88d4c1a553dbb80ea79b18', class: "gux-primary-message" }, index.h("slot", { key: 'e6367c6beb4f9e7a87aa6a6daf595da6d52140a6', name: "primary-message" })), index.h("div", { key: '4102e148e147336ef78655c2e19b3747da169698', class: "gux-additional-guidance" }, index.h("slot", { key: 'b84f73db23d1ba18cc5de5ed5ab92113d860d323', 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: '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' }))));
+        return (index.h("button", { key: '2e52fa99bda1e8f36a98912b9bdbd163f5c71ebd', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '686bfb87087f9724f6392f4baf5cf762751a00a2', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'f44322c5ff7c4f269ef1a0932437a846bbd22b76' }))));
     }
     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: '6a3f9c9bd91af32ca7e5499fbc87fc6a5b37e431', role: "menu" }, index.h("slot", { key: 'a27049f78e258c114eba09b0cc408d771dfa25e2' })));
+        return (index.h(index.Host, { key: '5601f1b2d378a742ffa1008dd4ff5b80f3a16e92', role: "menu" }, index.h("slot", { key: '1bc149fc20a308903962de2e11631b5a23807db4' })));
     }
 };
 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-f61fe564.js');
+const usage = require('./usage-7088c141.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: '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: {
+        return (index.h("div", { key: '8131ebff5ca91165e921f126e7c33baa0bd5e4fe', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '84673ad7905960184b2052d2ad65f0b578fb1d24', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: 'd1d28f2a3b913dc883eef1b66d9f639023dd3980', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '0925c387697025dea83893fbd10884148c954bb6', name: "title" }))), index.h("gux-dismiss-button", { key: '22e15b96062d765e0305874edcf942717c62337a', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '9086b3bbff6220cc2c663595cb4fb9f78d21a13d', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, 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())));
+            } }, index.h("p", { key: '99829f5c3adb21a0924a3f470f1a84f259614713' }, index.h("slot", { key: '1947d582974957af7b7b19c64e9c00063a607a8e', name: "content" }))), hasFooterButtons && (index.h("div", { key: '361c98808ef1b974f5eaf4c22fe139b81f5c2268', class: "gux-button-footer" }, index.h("div", { key: '9dbfac91d614f194661cbf18bfab2065fd488cec', class: "gux-left-align-buttons" }, index.h("slot", { key: 'b2513d2ea2433178b9c2b654b5f1bef8b8203d22', name: "left-align-buttons" })), index.h("div", { key: '2b306aabe6c6c4c848170c036c78e2bc4898e0aa', class: "gux-right-align-buttons" }, index.h("slot", { key: '1f302b2a7b311c45499c59ae8ddfd7e9bc0a57bb', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

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

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-79505d14.js');
+const randomHtmlId = require('./random-html-id-71c43d5a.js');
+const hasSlot = require('./has-slot-3edae188.js');
+const usage = require('./usage-7088c141.js');
+
+const guxModalSidePanelCss = "dialog{inset-inline-start:auto;block-size:100%;min-block-size:100%;padding:0;margin:unset;border:none}dialog::backdrop{background:var(--gse-ui-sidePanel-shroudColor);opacity:var(--gse-ui-sidePanel-shroud-opacity)}slot[name=description]::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
+const GuxModalSidePanelBetaStyle0 = guxModalSidePanelCss;
+
+const GuxModalSidePanel = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.modalSidePanelDismiss = index.createEvent(this, "modalSidePanelDismiss", 7);
+        this.open = false;
+        this.size = 'medium';
+    }
+    syncOpenState() {
+        if (this.open) {
+            this.dialogElement.showModal();
+        }
+        else {
+            this.dialogElement.close();
+            this.modalSidePanelDismiss.emit();
+        }
+    }
+    sidepaneldismissHandler() {
+        this.open = false;
+    }
+    onKeydown(event) {
+        switch (event.key) {
+            case 'Escape':
+                event.preventDefault();
+                this.open = false;
+                return;
+        }
+    }
+    // eslint-disable-next-line @typescript-eslint/require-await
+    async showModal() {
+        this.open = true;
+    }
+    // eslint-disable-next-line @typescript-eslint/require-await
+    async close() {
+        this.open = false;
+    }
+    componentWillLoad() {
+        usage.trackComponent(this.root, { variant: this.size });
+    }
+    render() {
+        const titleID = randomHtmlId.randomHTMLId();
+        return (index.h("dialog", { key: '8f79c2b869b7a2123134635bc91d65bff7fc0135', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, index.h("gux-side-panel-beta", { key: 'd90f4ac9c5cb49de67a437bfbf6fc9bd330084c2', size: this.size }, index.h("div", { key: '391c93e5cb2332946a03a9505303a9138c3a2655', slot: "heading", id: titleID }, index.h("slot", { key: 'bc80c7adf65537d0af02c1d3610a925ebb68c097', name: "heading" })), hasSlot.hasSlot(this.root, 'description') && (index.h("div", { key: '38e37b49d4198e9e49716d483e57086919f26570', slot: "description" }, index.h("slot", { key: '54c6c8a3fc20f555c1ef55afad732e275eb33c47', name: "description" }))), index.h("div", { key: 'ae5a604b3fc4d7cff1d62a085a5c4674b853a540', slot: "content" }, index.h("slot", { key: '1febb658c1a4269a67ff8b3498eb6a5819e8312d', name: "content" })), index.h("div", { key: 'd3fa093a57aadbdd6d93bad564031fd6513e05c9', slot: "footer" }, index.h("slot", { key: 'ffcd30d1d2c0ebfed9131a682a443e54e100feef', name: "footer" })))));
+    }
+    get root() { return index.getElement(this); }
+    static get watchers() { return {
+        "open": ["syncOpenState"]
+    }; }
+};
+GuxModalSidePanel.style = GuxModalSidePanelBetaStyle0;
+
+exports.gux_modal_side_panel_beta = GuxModalSidePanel;

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-f61fe564.js');
+const usage = require('./usage-7088c141.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: '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())));
+        return (index.h("dialog", { key: '62ce228cb99fe52b4f9d1b108da11c59bf494084', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '7986092a5aa4d908f3f22cb57a17fa5852b825b8', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'c26391c43c7f7777cea2e611b2f13c1a2c9057f4', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'be85d8c105aa1b367411503ee5ea5a802068e7f2', class: "gux-modal-content" }, index.h("p", { key: '96caa7e29cfae1cf98ab5a54a21c44f422c25298' }, index.h("slot", { key: 'cc23b697d36fe06e954ab8f49514223338bbb266', 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-f61fe564.js');
+const usage = require('./usage-7088c141.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-f61fe564.js');
+const usage = require('./usage-7088c141.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: '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) })));
+        return (index.h(index.Host, { key: 'f297c56319dfc9f4895fdf5a1b08b4065c721db5' }, index.h("div", { key: '40c8c0f65cb3bfd8f5c916e75702f74f74abedec', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '46134600bb228490827cfecc90dfbcefb86e33eb', name: "icon" })), index.h("div", { key: 'a2deeaf2e36d6fd5e5971ff3ef46e9ae285d90a0', class: "gux-content" }, index.h("gux-truncate", { key: '89317a1a0b8b9f86f5868c0531c98db64c28d0eb', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '3d4e934f981ffbf8a75ece185586a64e1000da6d', name: "title" })), index.h("gux-truncate", { key: '088e5d0ea116c418cdaae85335d0511d3b3971b1', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '9d01e51a12423b8bb0b155aaf9093377b49283e1', name: "message" }))), index.h("gux-dismiss-button", { key: '5e2eeffd5093411d30ffc5d704fc12a3145ef979', 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: '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())));
+        return (index.h(index.Host, { key: 'ee295b806a4b4684d07ddb8050ac68078e7081fb', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'c5d2e233f9fa85e8298d021d63c901d29c27e1dd', class: "gux-option-group" }, index.h("div", { key: 'd687f2ee801f05322e619fc7b88395bea4c5c1ca', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '8b9eb79c0f9b416686b9a6a8fb14697ff531c5a2', role: "group" }, index.h("slot", { key: '1dc003e175f8235226e4201bd7aa39223f1f0ff1' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };