genesys-spark-components 4.105.5 → 4.107.0

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

@@ -9,7 +9,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -52,10 +52,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd1127a17b222e558a678352b319aac9c21246416', class: {
+        return (index.h(index.Host, { key: '49ef8bdb9e7268f6ed72d138596e30d2942df483', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '40ce4ffe960d27f6696c00ff5a7f7ad4e5269042', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '38eee0289e9dc0a3b3d6d20f4bd0bd405a0cd258', class: "gux-input-label" }, index.h("div", { key: '856e8f33583c81bdcfd517d376895779d2832214', class: "gux-input" }, index.h("slot", { key: '083283facc76eeffb2b77c02a8f8ba3df16a5f6a', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'bb32d46769c6ca2355afe8690b7c09042a593719', class: "gux-label" }, index.h("slot", { key: 'e29f6ad20d005ac8ddc86a9c96469b3ca0e34df4', name: "label" }))), index.h("div", { key: '3c07a55b5b3dc71216cd4f2eb4807ad95f70b121', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'cc6376b010a26cf41e829a627734842abe631978', show: this.hasError }, index.h("slot", { key: 'e18d7e8792834388a3816501c8e133749ba0c4a4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '91360aa3979dc848d22e30a54653b593c003bbb5', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '52480069a8f4ce36a83b66ffbdde59604bc0efb4', name: "help" }))))));
+            } }, index.h("div", { key: '6a26a205570eb6ff11e77f81d01d44261d21e072', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'b77bc44125eaa97141430489ac2eb184ba7df709', class: "gux-input-label" }, index.h("div", { key: 'd4186aef6e7b7a0ebfe645344d5a745e16cc9614', class: "gux-input" }, index.h("slot", { key: '2fc89568cc4659ff4838799e5278baa273085d2a', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '61ff648660ef9c6c37ebdea28bbb35d7f6c14d0e', class: "gux-label" }, index.h("slot", { key: '6ff9554ebb06ff5c11b68b784b24a834dc7837e5', name: "label" }))), index.h("div", { key: 'ac51eb19dfe44b8069ce7e29edb9e97073d8c75f', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '6d27501b269cad64a8c4f1fb78545a5c6e512254', show: this.hasError }, index.h("slot", { key: 'bada69224c02868f8541a2895218fb392cc46d59', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a3d3221e309a5c891ac5beb1c50ed3f8cddfbb86', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7794ca8ee2cc4b82d761c37e2868ff0a776864cd', name: "help" }))))));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-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-43072083.js');
+const usage = require('./usage-86f0618f.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: '54c2237fd3857b7b5bacc2e5e0ec4bb012b2f4e1', class: {
+        return (index.h(index.Host, { key: '10dc378e629a8849da1a892210e7958a8470ce43', class: {
                 'gux-active': this.active
-            } }, 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" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '9d46076ea44be2971e14250654b2f40cd0df0677', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c55006d31378d6a1643f039f2cfa4bd55311bea9', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'e48fdca477e8261992afc9430d0f4f005d0746b7', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a75ef1657cd9618109dcfebc0130feb99897c17a', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '43cfbcbfa92a4a05b2686ddc214e1807b7cd721a', name: "label-info" })), index.h("div", { key: 'd43b71f759820db1bf395db7c22e304c5c8d268e', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '2c250ef63c41033ab24925ab4d24b2492c9d2927', show: this.hasError }, index.h("slot", { key: '4ecfa3f9770e5f483d3676f32b631f814025d35d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'acfe671b39a300314b9fd8d139ab028a20495b29', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2b220e6169e6ec487705a6047137f2c7536be970', 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-43072083.js');
+const usage = require('./usage-86f0618f.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: '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: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4a9ef410dae67b430409d3ecd7143f779d5d6d76', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '23f4292311d8d4d09cc9abd8ea410c564189feb6', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '0a8392e9de5c4c107219340946c5d986b14a0e79', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a5485bcf989d6cee36f56f38df6e3779097b3c9b', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3bd66abfbaabd6154769732b10ec2a0234e168f6', name: "label-info" })), index.h("div", { key: '0824538640f07a080d7feabb9bd380d08fee6fec', class: "gux-input-and-error-container" }, index.h("div", { key: '7b56736d1214a53dd52d9f71bf5557a1e212144d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '59966c08239aa3820195279f1a35e5d453e984b4', class: {
+            } }, index.h("div", { key: 'a34519a64680d176ea13b2084b394f807021ca44', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, 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" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '6609df36d361839721fb45ab6252664697587cef', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: '99167c46f703671d1d9985100e39e8d9844a28ce', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '9f31a3d43b814c8d150d2a0b7a6bd829e953d163', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'adf9c25f7529abbd1138ba954905ea6365c13f1b', show: this.hasError }, index.h("slot", { key: '88533ba9ae394f9d3d61213d8d1856abd370850b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '775b434f3eb50601ab4379ba3fae1fa28cbc3f08', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '79df589a292ea5da8a717fecd029085e445625ff', 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-43072083.js');
+const usage = require('./usage-86f0618f.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: '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: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b928031f683999046e3cc9bed38ad760c236e9e9', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'e07c87117a539fecf347b8edb8ca56fa1dd54a7e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '7289cde4c59f1fe8b1e28356d9cb721305ae8fe9', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '205d12d026049867610b2bf5a700aa6a1c1d35c2', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '07d62929f16393fde084434f488889ef97ffeca5', name: "label-info" })), index.h("div", { key: '542540171c3e6ce101e974707c36d44b827884cd', class: "gux-input-and-error-container" }, index.h("div", { key: '9486afc4de383775409ec2b9d126798a03deda29', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'db109591ddc21bddc0d4b57c69d18f972d5f04fb', class: {
+            } }, index.h("div", { key: '6a05e35a061b711b3edb8bec261223aa0a4ae335', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, index.h("slot", { key: '7d2a610b542a165fac36caf3f737c38b1af844b2', name: "input" }), index.h("gux-icon", { key: '15be1be18f83f14f23555df075a4c2f35f52d813', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '751b065232ef2e12cc98b897fc6cf07edafdfb11', show: this.hasError }, index.h("slot", { key: '4ff01e5d20eb7fcc1079116bc813fd4d2d0d18c2', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2d78511124551d897983bc577cf0f0da3cef02f3', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '14890b954cea5d3452bf1a1352224ee6d36a5324', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,13 +11,13 @@ 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-43072083.js');
+const usage = require('./usage-86f0618f.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
 
-const guxFormFieldTextLikeCss = ".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;min-inline-size:var(--gse-ui-icon-small-size);min-block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}slot[name=prefix],slot[name=suffix]{font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);text-align:center;text-decoration:none;white-space:nowrap}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:end}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-input-and-error-container .gux-input .gux-input-container:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
+const guxFormFieldTextLikeCss = ".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;min-inline-size:var(--gse-ui-icon-small-size);min-block-size:var(--gse-ui-icon-small-size);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);color:var(--gse-ui-formControl-input-populatedColor);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}slot[name=prefix],slot[name=suffix]{font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);text-align:center;text-decoration:none;white-space:nowrap}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:end}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-input-and-error-container .gux-input .gux-input-container:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
 const GuxFormFieldTextLikeStyle0 = guxFormFieldTextLikeCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -115,15 +115,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        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: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4bfc2c90ceda36b591173fb005c270f212c519f4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '6cb86ea988e2381b54fd73c257702b4cb4833393', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '6aae331a3446da315706bf381a6943fbceed9695', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6c13dbbd39696396243fc84221d24f8adb612d88', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'd7d696dd7029f2ef13b571434ff2e2c4b9ae44ee', name: "label-info" })), index.h("div", { key: '4adebc576047a0b0df4bec53e8d0e520c28caccc', class: "gux-input-and-error-container" }, index.h("div", { key: 'b3c47ca1858946defb5c5bf0a5e96eefc45bb287', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'd670db234a4c2dd32c07f75c63be7dd65c938600', class: {
+            } }, index.h("div", { key: '66923b721b025485284a666eeabda9d8ddf38a8f', 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: '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" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '6d30e93d1772b718346d6335e23e9f38b812419a', name: "prefix" }), index.h("slot", { key: '449f84eb06fa74a0fd1acaa33ff016b1ec45f550', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'b3b67a15ecf829a143f052f51f1c95fb2d3e04ce', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'c8869108f24091264f38748e2d3f41846cd7291d', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ad45607c9fd01891cd0023959a5b5de5213e741f', show: this.hasError }, index.h("slot", { key: '52f46539c187533b54522b185bb5ba084c52e70a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f91d1eb88f117e1cbe451b23565921b9dad0710b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'c907e53165909fea45e0d4cca3aed992dada7a6b', 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-43072083.js');
+const usage = require('./usage-86f0618f.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: '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: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '5b34e63a46e08d10f6ebeb0adffc4abd6c5a3316', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '41d08e265a0c6686565b73954a8ff3ef32bc7ada', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'eea924a17613c05b476eed2ab63f8d14300cc194', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4aab859ba4d3aa0d14515088c952b6143c09e967', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '06917fe2c3762228680974025a7f5e96f3aeaef8', name: "label-info" })), index.h("div", { key: '1e8a15c09b26292e96ba0383b9394f84e34c1783', class: "gux-input-and-error-container" }, index.h("div", { key: '25642be5f42cf493be10d5f4605498709c52e43b', 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: '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" })))));
+            } }, index.h("slot", { key: '1e26b96af64062705a868d7f955329f88476bab9', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '20110fdd5362b4609e174e4b06a160a67279e705', show: this.hasError }, index.h("slot", { key: '2576e35ea5b98b138dd26d48aa4014fcd7b9de9a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4064c18cec6fb21db59a8198e387cd729b0a53a0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b7e2865905fc2c37dbc8f84d7a1406756cf0458c', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const onMutation = require('./on-mutation-9b997891.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
 const hasSlot = require('./has-slot-3edae188.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-43072083.js');
+const usage = require('./usage-86f0618f.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: '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: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'e0d005546fc236e48253b7a60ba7f2f06a87e01f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'af36d71fc2935031209502122e62d3abfea194e4' }, (_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: 'e2f28c1ce391f60927935424b19b4b3efa3092d3', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '1d14f473ba0b168308e4477d776fe0ae387810e3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3138164f5645e1cad9ab99985875c5dd86c9837f', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'fb893658b774944a45287f6ffc3ec6aaf52eabc1', name: "label-info" })), index.h("div", { key: '3a067b1088e58ccdc7a69eed3caac2968fcee041', class: "gux-input-and-error-container" }, index.h("div", { key: '77d0a872f46fb8d14e35c8524053ccede8d5db94', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '4e31b6a9305d6a4a5900ed4298da803dd9a5c5d0', class: {
+            } }, index.h("div", { key: 'cad69e2af1d02afd89d5b62499795cff2b096390', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, index.h("slot", { key: '01334d392a9a831356dd8214ff166cccd98657c9' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '1bd038f5ba05f3b5f47cafe712bf053851495a2b', show: this.hasError }, index.h("slot", { key: '4acc3c861298a007455eaa49d29999da5a0d0d75', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8f773c3a3e35f431aaaedae563f0e2568fc8404c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ba238f4f3007537411dfe30d57eee0ec307e37a1', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const onMutation = require('./on-mutation-9b997891.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
 const hasSlot = require('./has-slot-3edae188.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-43072083.js');
+const usage = require('./usage-86f0618f.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: '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: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '42f7ebc381db15071fa8e6faad227a5f02393d3f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '51c7f93eb094716bcc457a1eaf7f3bb7d7d3287b' }, (_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: 'ad28ec82848231933e86796157bd789cb9dbf5dd', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '7609740404e43588769075e27e7754e3d1408c38', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '459ffa4c5f903d951a92b408d1ebd006a5958ad1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '2f1806a66fa82be3129499f11b956ba18bbdcd70', name: "label-info" })), index.h("slot", { key: '89eedb5f9d37f38b8f7d8cb363c88c5f30a49705', name: "label-info" }), index.h("div", { key: 'b6b72691ea2882e3c305e083e1381063b92756fe', class: "gux-input-and-error-container" }, index.h("div", { key: '3d389c68f5307b677f76ddeda7c4b2031f3285a2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, index.h("slot", { key: 'f201693077d200cbea7c323454a6bced4368f01a' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '2180d2e795377b53b65c7fdc23eb6562747c2a96', show: this.hasError }, index.h("slot", { key: 'c6be8739f12fd2fb7c2aa206d459044cf4b40e36', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7df6b7566d1396b6771096cfeecc0826b7477bdd', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8da0b676330cdc738214557bdceaadacea88f7e6', 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-43072083.js');
+const usage = require('./usage-86f0618f.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-43072083.js');
+const usage = require('./usage-86f0618f.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-43072083.js');
+const usage = require('./usage-86f0618f.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: '809c02a03fc5ea0700b87b89568d3201f7aa28c2', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '87ff7772eeec1a4b2de860e8891731fcf01b71f2', 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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-43072083.js');
+const index$1 = require('./index-643c40f5.js');
+const usage = require('./usage-86f0618f.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: '2f0523ce7f4d20a0fe43df892f35c008de7c1134', class: {
+        return (index.h("div", { key: '4ccd88a94449d5394908da79c06d3fcb7614585f', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, 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' }))))));
+            } }, index.h("div", { key: '113c82495c8e3bc9a25620b1dbcc17d108667965', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '9f157bceae2bc633046e4bb5b21b68c76a5dee43', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '07403449af71e9b847e28e7c5b8e2f83ee5e24c5', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: '30cb77eb7e132a27f9a57774eac7d9366ef38d10', class: "gux-content" }, index.h("slot", { key: '82a486b03b896127b95d9a8ded8605eac182ca6f', name: "content" }, index.h("slot", { key: 'd765e6ea05a585574527b3bfe4de2cbab86ad684' }))))));
     }
     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-43072083.js');
+const usage = require('./usage-86f0618f.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-link-beta.cjs.entry.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-79505d14.js');
+const usage = require('./usage-86f0618f.js');
+const getClosestElement = require('./get-closest-element-9e41d6b9.js');
+
+const guxLinkCss = ":host{padding-block:var(--gse-ui-links-inLine-padding)}:host ::slotted(a){inline-size:fit-content;font-family:var(--gse-ui-links-inLine-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);color:var(--gse-ui-links-default-foregroundColor) !important;border-radius:var(--gse-ui-links-focusOutline-borderRadius) !important}:host ::slotted(a:hover){color:var(--gse-ui-links-hover-foregroundColor) !important}:host ::slotted(a:active){color:var(--gse-ui-links-active-foregroundColor) !important}:host ::slotted(a:visited){color:var(--gse-ui-links-visited-foregroundColor) !important}:host ::slotted(a:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host([size=small]) ::slotted(a){font-family:var(--gse-ui-links-inLine-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight)}:host([standalone]){display:block;padding-block:var(--gse-ui-links-standalone-padding)}:host([standalone]) ::slotted(a){display:flex;gap:var(--gse-ui-links-standalone-gap);align-items:center;inline-size:fit-content;font-family:var(--gse-ui-links-standalone-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-text-fontSize);font-weight:var(--gse-ui-links-standalone-medium-text-fontWeight);line-height:var(--gse-ui-links-standalone-medium-text-lineHeight);text-decoration:none !important}:host([standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-medium-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-medium-underlinedText-textDecoration) !important}:host([standalone]) ::slotted(a:active){text-decoration:none !important}:host([size=small][standalone]) ::slotted(a){font-family:var(--gse-ui-links-standalone-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-text-fontSize);font-weight:var(--gse-ui-links-standalone-small-text-fontWeight);line-height:var(--gse-ui-links-standalone-small-text-lineHeight)}:host([size=small][standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-small-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-small-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-small-underlinedText-textDecoration) !important}:host([standalone][class=gux-breadcrumb-link]){padding:0}";
+const GuxLinkBetaStyle0 = guxLinkCss;
+
+const GuxLink = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = 'medium';
+        this.standalone = false;
+    }
+    componentWillLoad() {
+        usage.trackComponent(this.root, {
+            variant: this.size + (this.standalone ? '-standalone' : '')
+        });
+    }
+    checkBreadcrumbParent() {
+        return !!getClosestElement.getClosestElement('.gux-breadcrumb-generation', this.root);
+    }
+    render() {
+        return (index.h(index.Host, { key: 'ff833826e421c0388207abc54ae059a5d703303c', size: this.size, standalone: this.standalone, class: { 'gux-breadcrumb-link': this.checkBreadcrumbParent() } }, index.h("slot", { key: '1987d0a30c61e2061882070faf0ee92078f786d3' })));
+    }
+    get root() { return index.getElement(this); }
+};
+GuxLink.style = GuxLinkBetaStyle0;
+
+exports.gux_link_beta = GuxLink;

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: '62cb4c846f693ac1c424d238e41d936b55e76c3c', role: "presentation" }));
+        return (index.h(index.Host, { key: 'a46b63152eea2e7c5d771b2fb751eacffb9bf27d', 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: 'cb8ae8d2ce0c34f8a4c562728dd5165911a6bdc3', role: "listitem" }, index.h("button", { key: '33c2c3849bdbfabbc7f2e409cfd5665e93a057b5', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'b8a77addb549f33091b052e9074d21359ec7f49b' }))));
+        return (index.h(index.Host, { key: '640b7b741d24ae8e3aed710c60844d1016bb48af', role: "listitem" }, index.h("button", { key: '9bf043cd5c07e4d37cc61e50080992697bdaaaa0', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '4431356fff2ea50b0858abbca178673c32557f4c' }))));
     }
     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-43072083.js');
+const usage = require('./usage-86f0618f.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: '88907889b939ce642ff32e7e49a64e55588cb6a3', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: 'c476d045ce9fbee866fb834064ee064fb27e6d1f' })));
+        return (index.h(index.Host, { key: '1ded5bf94c9eb48b4d9ed2e9a088ffd018ed392e', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '0da0b7d786344469976279f6790a4209f7b9be16' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-86f0618f.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-43072083.js');
+const usage = require('./usage-86f0618f.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: '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" }))));
+        return (index.h("div", { key: 'b2b1c3969bd049a683850dc05296a95a47b173b4', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '59d4b760d81e731a8803a4d34792027a37e6c12f', class: "gux-progress" }, index.h("slot", { key: '64e1df37cdf6af5da4ddccd7786cc6ef9c7510d6', name: "progress" })), index.h("div", { key: '49442100c2247f61933e995faf4571d72695507c', class: "gux-primary-message" }, index.h("slot", { key: '4076e26f5b5c6ccf9063a3185ab21f3bbf03ffa2', name: "primary-message" })), index.h("div", { key: '3a07cf4d57a5e05e042a38356f0481ea6dc359a6', class: "gux-additional-guidance" }, index.h("slot", { key: '7dfe32c0ad70138c8459c1f50caea7c189b81ffd', 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: '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' }))));
+        return (index.h("button", { key: '98d60a5773a526df8bbe40992c292faf6ea64fec', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '979fbec602630bf375659f28bf206fcf6995d3ca', class: "gux-menu-option-button-text" }, index.h("slot", { key: '5ba41bc43f96a2e941c8f5378a0ad2f5433ce642' }))));
     }
     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: '5601f1b2d378a742ffa1008dd4ff5b80f3a16e92', role: "menu" }, index.h("slot", { key: '1bc149fc20a308903962de2e11631b5a23807db4' })));
+        return (index.h(index.Host, { key: 'f1845a190e1b54ad6cfd1f371e70b819c1613ecc', role: "menu" }, index.h("slot", { key: '45fa4c2c63ca630d8fd518fa1394948d03e50587' })));
     }
 };
 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-43072083.js');
+const usage = require('./usage-86f0618f.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: '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: {
+        return (index.h("div", { key: 'fcb5c9825a80078a9bedb17241205d713a1c1518', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '5e27267cb945432824ec55af62f34d797251000d', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '1f228f537574196b590c93c7827e34bc4b0349a6', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '16529cf4bcc18842f35c0685dbba801d9fbc651d', name: "title" }))), index.h("gux-dismiss-button", { key: 'ed3d9a9875699383dcec3dc0ef3a665acc95d47d', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '5e58352aeae39a7df42069a120b19ee0b4d30c42', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, 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())));
+            } }, index.h("p", { key: '6f843e6ba16704d67215260e170fad8af74f4d7e' }, index.h("slot", { key: '31239c69e4b06313f81e8c1439801723969f1693', name: "content" }))), hasFooterButtons && (index.h("div", { key: 'a47c6992faf31e19b1ecaadaec3970803e050028', class: "gux-button-footer" }, index.h("div", { key: '9d53a6d0464f6f06e8fd9603281a0d35de0e29ad', class: "gux-left-align-buttons" }, index.h("slot", { key: '642e3ab4adf79b9bfa90c972ed1dd0d18e102ee0', name: "left-align-buttons" })), index.h("div", { key: '53a4a8e4f2d826c68f6dc0994fe9b8081dac8cd7', class: "gux-right-align-buttons" }, index.h("slot", { key: '19bacae31bd9230d7babd550ed22874c2546a572', 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

@@ -5,7 +5,7 @@ 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-43072083.js');
+const usage = require('./usage-86f0618f.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;
@@ -50,7 +50,7 @@ const GuxModalSidePanel = class {
     }
     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" })))));
+        return (index.h("dialog", { key: 'c992d49593c00ce7335f19954d13ab66338d315d', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, index.h("gux-side-panel-beta", { key: '7dfc2eeb59dbc0c45878805586319a58e88599a4', size: this.size }, index.h("div", { key: 'e7427a86193c56d0f1200df4cc48d7c326e7dd3e', slot: "heading", id: titleID }, index.h("slot", { key: 'af4c30fec90f887da6f834d3573126e0990645b8', name: "heading" })), hasSlot.hasSlot(this.root, 'description') && (index.h("div", { key: 'b4296be7e5b393872c5d17db83d9cea3ae0f53c0', slot: "description" }, index.h("slot", { key: '5817ef5d3c7b0dbaafae7159ec5f8f38e8d682fb', name: "description" }))), index.h("div", { key: '716cdbaf3f5cf43b4b965a44aceecb69a050d41f', slot: "content" }, index.h("slot", { key: 'e22c441441f5ece23b3dde8548b4523382370aa9', name: "content" })), index.h("div", { key: 'f36f2f216e59539333f3026aeeb781742e333c8a', slot: "footer" }, index.h("slot", { key: '6811443efe597acf31b78e739c94be88e8ea3614', name: "footer" })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {