genesys-spark-components 4.66.0 → 4.68.0

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio-group/gux-form-field-radio-group.js

@@ -99,8 +99,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'ff8bd3225266d39e7594f4e8c9cedce40ee35072', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '206273a0da581b0f9165fee2fa885ccdec40bf71' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '0d08b1d0ed92347875f43bd9c880b14b62490add', position: "above", required: false }, h("slot", { key: '96a1d4a2551a802b2a9143b9be0a4b54cbfa4ae1', name: "group-label", onSlotchange: () => this.setLabel() }), h("slot", { key: 'f4c90bb6a6c9430d3ae3175b3dfb255e3e701a2f', name: "group-label-info" })), h("slot", { key: '94bf5301a0e109fe1c7bfb29fe6716fbbb79d73a' }), h(GuxFormFieldError, { key: 'ec7d70173c21907b98f10a5860d340aa8430009d', show: this.hasGroupError }, h("slot", { key: 'f8d90f822e9ad6c8b3ea63dd8dd8b465b0f127c1', name: "group-error" })), h(GuxFormFieldHelp, { key: '5b07f4d09346864b574c93a914a91fd40d812960', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'b0902bd8f39a1d6940475e4b605629e616d2749f', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'e12c20790c5ba935d5b3c38b16db7230e434c077', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'ca80c61d454567f3447456444325d0506dec504c' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '2c0c16c86d9dc473cabfc0db2bb417ee2dab90b2', position: "above", required: false }, h("slot", { key: '30bc3c2a1969bb3af748a0b67b2d7fb26d1e3df5', name: "group-label", onSlotchange: () => this.setLabel() }), h("slot", { key: '35d5aa0f55e729a976cdb8e112ef03849ca5f816', name: "group-label-info" })), h("slot", { key: '7e603c6566ee3679f5ba2221967015fcc783e065' }), h(GuxFormFieldError, { key: '8065668a4897592921dd8f76f8b147f5f3a8403b', show: this.hasGroupError }, h("slot", { key: '0023aaa9c6ffffe22eedd92450631eccd0b1c6cb', name: "group-error" })), h(GuxFormFieldHelp, { key: '51c0d560e63fa06b1a6ead09d5f2752525677018', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '19f31b38455d172042c71de7eb52b9e4ba3be939', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.css

@@ -118,10 +118,10 @@
 }
 
 ::slotted(label) {
-  font-family: var(--gse-ui-formControl-label-text-fontFamily);
-  font-size: var(--gse-ui-formControl-label-text-fontSize);
-  font-weight: var(--gse-ui-formControl-label-text-fontWeight);
-  line-height: var(--gse-ui-formControl-label-text-lineHeight);
+  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);
 }
 

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.js

@@ -113,9 +113,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '3c79eb363dfae32c858cffad043764902d8dae85', class: {
+        return (h(Host, { key: 'ab9ac048dff6e2d11bb3c772ed451236f3ba077a', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'ae0bc64f1d0180332c427dd692ebc1fb94457f95', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cb326bd43897be87ecc8d7eb31d04a1474377fb3', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'c6eb68766e994d20c5b930cd777816a9ca80714c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e10e38dcc251d9eb5d76ca3b09deb813eb84b80f', variant: "required", required: this.required }), h("slot", { key: 'cabdb686e15ffee841d7cfc96ef89877d5753e67', name: "label-info" })), h("div", { key: 'd8a55159e6fcf0c887a854c4d7c48f7d3f484c55', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '71a0770956d98d2ca991f470e3b48ab77d9304b4', show: this.hasError }, h("slot", { key: '9be62a32a0c0fe6dc08ac5d56584a39f71ad9731', name: "error" })), h(GuxFormFieldHelp, { key: '4e841ac142102e97671c812bba62f963f9c4ed53', show: !this.hasError && this.hasHelp }, h("slot", { key: 'decbb8b0ee04d4402b2d37e3b4586c3d6ee4a1b1', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'dba594d436aead649aeb87af487ee166189b4bab', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '55700a9623002cb6b14d649220d69892d12f9262', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6bce5f84176d71f7f55a0aa4b2790009af8c1605', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f5a34330196fc54fc09ab3a8af2c34daf76c5462', variant: "required", required: this.required }), h("slot", { key: '4660b8fce4ca716350a14ffb473afa54c8419318', name: "label-info" })), h("div", { key: '3670a50c686cc5db998c98649ae43f38c0a31dc3', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '393e587693d47724a46b070752f97eea1f5f62e0', show: this.hasError }, h("slot", { key: 'b83b93a254d2700a3939dd146154ad481a6b8c62', name: "error" })), h(GuxFormFieldHelp, { key: 'cb78aadb8966a6d073cc55feff81aefc2958bb26', show: !this.hasError && this.hasHelp }, h("slot", { key: '900d0ca0d05bc5916699632ec749af107ad7b724', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';
@@ -158,9 +158,10 @@ export class GuxFormField {
         this.updatePosition();
     }
     updatePosition() {
-        const value = Number(this.input.value || 0);
-        const min = Number(this.input.min || 0);
-        const max = Number(this.input.max || 100);
+        var _a, _b, _c;
+        const value = Number(((_a = this.input) === null || _a === void 0 ? void 0 : _a.value) || 0);
+        const min = Number(((_b = this.input) === null || _b === void 0 ? void 0 : _b.min) || 0);
+        const max = Number(((_c = this.input) === null || _c === void 0 ? void 0 : _c.max) || 100);
         const placementPercentage = ((value - min) / (max - min)) * 100;
         if (this.tooltipElement) {
             const thumbDiameter = 20;

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.css

@@ -93,10 +93,10 @@
 }
 
 ::slotted(label) {
-  font-family: var(--gse-ui-formControl-label-text-fontFamily);
-  font-size: var(--gse-ui-formControl-label-text-fontSize);
-  font-weight: var(--gse-ui-formControl-label-text-fontWeight);
-  line-height: var(--gse-ui-formControl-label-text-lineHeight);
+  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);
 }
 

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.js

@@ -92,13 +92,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'ef96177e5e1480b4ca642e24fc76978a5975a068', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2f57a79271df2635b4b94aafdd54014cf3e68807', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5f83442364ebcad43ae2d3c1fae7b5505357b21c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2a8f39c847a5d30a4ce87e9da0839da0e7fdf04e', variant: "required", required: this.required }), h("slot", { key: '41e72a5f6ad41378d91e6767bb91f91d5cd68a8a', name: "label-info" })), h("div", { key: 'ccac0b555024cf9fbae23e62a343451f88231351', class: "gux-input-and-error-container" }, h("div", { key: 'f97951825cc335a257dc7b9b0735c80e6cd83142', class: {
+        return (h(GuxFormFieldContainer, { key: 'eb54c3d326e5612bed966c4902f81492ef78d047', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0b1c19574a630d5cd35340aaa26c34d9bcadc0f4', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '55fba1a13845f049fa383c26cbf853ca1a684d35', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bdab54bc623e445bf23fc8324f23a77ab2dcf3d0', variant: "required", required: this.required }), h("slot", { key: 'da94b4c8d6ed9507950c176cf12c8c8a091674b5', name: "label-info" })), h("div", { key: '15117bec395077d508b5e8a4c720b4ef4540166b', class: "gux-input-and-error-container" }, h("div", { key: '9be16da9d96ffffc5d2f08d5f205f625fbce3190', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ec5e78d90797b98275bb80f2efccae240e03c081', class: {
+            } }, h("div", { key: '7cc45a51aedbb97832dbb2f7645783e28f1c3627', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("gux-icon", { key: '36f8527ec1bd5ba4080037d9216f8f035f354fca', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: 'e30a445cd5d25bfb51365619f869267edd254a80', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'c2f8a7ea0d69672c8ffda1dc5dc4c1857ce216df', show: this.hasError }, h("slot", { key: '633e0a0f84f360b349c4c928dba275906599d453', name: "error" })), h(GuxFormFieldHelp, { key: '1c968ea45350d2c0c9396e79848d81711dfeef20', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c71533a3cd0f2363c7f2b9803648307f7b946544', name: "help" })))));
+            } }, h("gux-icon", { key: '8dab67c6d68f6712f2c3bee6507aba2bc51b1fc3', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: 'aaea9d4ca0372616ce24be06aef6f8b419bf161b', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '02d266886d64ac5e7e3a01cf47e84178a1339ab3', show: this.hasError }, h("slot", { key: '4cd265a03f79505dbeca1514c4040d61e08641ba', name: "error" })), h(GuxFormFieldHelp, { key: '45dc38aa6b6b2727719863759e2162e3a07390a9', show: !this.hasError && this.hasHelp }, h("slot", { key: '2bd49840dac7d5233def35e135631c5a3b27be38', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.css

@@ -93,10 +93,10 @@
 }
 
 ::slotted(label) {
-  font-family: var(--gse-ui-formControl-label-text-fontFamily);
-  font-size: var(--gse-ui-formControl-label-text-fontSize);
-  font-weight: var(--gse-ui-formControl-label-text-fontWeight);
-  line-height: var(--gse-ui-formControl-label-text-lineHeight);
+  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);
 }
 

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.js

@@ -83,13 +83,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'a097f65d0c47d8bd6872af62d7e455a458506eb1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9c7c1c506b780bfe1fdf48d0aef5ac7379da3dbf', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2090c115f21d72d87f6b6afbacbc0edac2cd72ca', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5196bfc9c861aeeff50f13a2b8358b46e47a3fc6', variant: "required", required: this.required }), h("slot", { key: '312164dd53aa9390f8a3622072b6a0146ff8ae1e', name: "label-info" })), h("div", { key: '7c9364856b06b645f2d044245fb4c56ba70e1f0c', class: "gux-input-and-error-container" }, h("div", { key: '61206f6a37b64af3159a5829e7ef3fcc2f94f5e4', class: {
+        return (h(GuxFormFieldContainer, { key: 'f844fdb5b498ef8a8b9a34ad3e5eb92bc6a4f3c8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8bd9aa3cf9f5f7b28133c3224611958a6fc73921', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6f9b1efa8056904ef73ca5d7c438dfe24f18f54e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3e7bd70e01b8115d69e003195bdd7f046d5e16e3', variant: "required", required: this.required }), h("slot", { key: '1738200114f29f8746cc10af3b2c09aa533cbbff', name: "label-info" })), h("div", { key: '4955c27f50142a08a815e56cd88ea2eb44b0ab0a', class: "gux-input-and-error-container" }, h("div", { key: 'cf6b1c3597e86176cd5bfe3afab05a1f6d0751c3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '41a04deaac72b7e283ca6cde41e80878ce39961e', class: {
+            } }, h("div", { key: '386f8c8acb08f20db807a3cf00f4584454bcfa69', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '175f8b8cdca17a9c7767e6085655fe1748f7bf5f', name: "input" }), h("gux-icon", { key: 'a4575605493a5a0b3f5c52c007bf482fbdf2ca06', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'e772b5db006cd95f55dcb7cd47ebc9fb85aec646', show: this.hasError }, h("slot", { key: '01eca5bac2ae8886ee8ed270cdc1fe125220a7a5', name: "error" })), h(GuxFormFieldHelp, { key: 'a90392fa1efe6f12e0a01fe8d4545a1a5d851fc2', show: !this.hasError && this.hasHelp }, h("slot", { key: '1adf43eb8c518ad574df891a19e1bf1177a925f1', name: "help" })))));
+            } }, h("slot", { key: 'dfa0e7e042c52181616043207ce8ee31614b0012', name: "input" }), h("gux-icon", { key: 'f75c2764607b6751626564a4c1515199d52bb454', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'a40c957740b240dc83fb93054b875f93eb64d28a', show: this.hasError }, h("slot", { key: '7c20523f6a5dda29ab764d1a92ae69b6f886923e', name: "error" })), h(GuxFormFieldHelp, { key: '079983b7741fb9f295dba4c2070e2d1a03816793', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a53da5835454447df383c75e4b15cbdd816fe90f', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.css

@@ -93,10 +93,10 @@
 }
 
 ::slotted(label) {
-  font-family: var(--gse-ui-formControl-label-text-fontFamily);
-  font-size: var(--gse-ui-formControl-label-text-fontSize);
-  font-weight: var(--gse-ui-formControl-label-text-fontWeight);
-  line-height: var(--gse-ui-formControl-label-text-lineHeight);
+  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);
 }
 

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.css

@@ -93,10 +93,10 @@
 }
 
 ::slotted(label) {
-  font-family: var(--gse-ui-formControl-label-text-fontFamily);
-  font-size: var(--gse-ui-formControl-label-text-fontSize);
-  font-weight: var(--gse-ui-formControl-label-text-fontWeight);
-  line-height: var(--gse-ui-formControl-label-text-lineHeight);
+  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);
 }
 

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.js

@@ -87,12 +87,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '43b28391a715f32a263ef1df852c3ea5e2803dfc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '77baab9e20d6d06a1bfb3154fd53ff8e8b4df5db', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '583f964f54dac1ac3eb0aa9f496581f7f04cb8b4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '61e42f3d04fa6b1e0fe4d8c72b24dce4a1881d7e', variant: "required", required: this.required }), h("slot", { key: '657d582d2b3d8a91aaff3ee1c251e0289314dba6', name: "label-info" })), h("div", { key: '7b8037f91f519b1eeb3b4474ea95d0a99e8a046c', class: "gux-input-and-error-container" }, h("div", { key: 'a8a5a626920f09415420cdb4e9f3e6be4b279eed', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '3d08751b790371c6338efc65b68d07a360705b97', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '099e32455d842681b4e3cf19f130064bf939a55b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '241a7c6d259bbe471722516ff8abef1f09593213', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '90a1fae28e9a3fbb42a25f4893d43022cd4ca136', variant: "required", required: this.required }), h("slot", { key: '8c1345acc126822cc735516aa0674c71d24af7ef', name: "label-info" })), h("div", { key: 'b7844b5d4c745d2341257064d934b5e2ef3b423f', class: "gux-input-and-error-container" }, h("div", { key: '562f87e2983f5c59e440fe1f0b7eb9fd17428c2a', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '399fbd6427a990fa1289c21d73eb3249ca7cc6b4', name: "input" })), h(GuxFormFieldError, { key: '797230dacb7209b2e4b3a1707b6a8395a305767d', show: this.hasError }, h("slot", { key: '74833e0052505904200713348721c7fcf25a447a', name: "error" })), h(GuxFormFieldHelp, { key: 'b1f1359ea640b61de1512d6ae91c99dbb7e97505', show: !this.hasError && this.hasHelp }, h("slot", { key: '128c2c4c7f6f28df86ef618f44cf5cd3e572f23d', name: "help" })))));
+            } }, h("slot", { key: '1dbc23505679a3339ca1c19caadc2e65a3f6eece', name: "input" })), h(GuxFormFieldError, { key: 'c6b7511c3513fa247c7161bb54c8abe4f3b1dfef', show: this.hasError }, h("slot", { key: '6fa5d8f256c8cf0858301411c044b51374f2eaef', name: "error" })), h(GuxFormFieldHelp, { key: '4ec4ac7db162b540089d20230753e6a4d5f23cce', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a33dcc3483b91213e1ce01585b29e525c2fced75', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.css

@@ -101,10 +101,10 @@
 }
 
 ::slotted(label) {
-  font-family: var(--gse-ui-formControl-label-text-fontFamily);
-  font-size: var(--gse-ui-formControl-label-text-fontSize);
-  font-weight: var(--gse-ui-formControl-label-text-fontWeight);
-  line-height: var(--gse-ui-formControl-label-text-lineHeight);
+  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);
 }
 

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.js

@@ -92,14 +92,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'bd16f2509036be8ed9accbbce974b3957b0ca423', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'fc1f9321ca0a297c6b3bd8b13af88bfc8c7f87f0' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '1f506df71beeb9068ea26ffa74dd413ed8eecc89', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'dc34aa447c7b720a04edd72fb7dd192fde747baa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '73b6105b2076dacd64527990b8a0b3aa783d124f', variant: "required", required: this.required }), h("slot", { key: '115ddb550dd5bcf9f3495a109aa524b31f4c9f4d', name: "label-info" })), h("div", { key: '63af6d9cdd5793ac7a764c449bf5e71507c02580', class: "gux-input-and-error-container" }, h("div", { key: 'd2692c414be3cd7481285fb3569862e4151479c7', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '720b129f00c7f5bab57e2abef1f58ca88f478cb4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '5767d25bcc6ee3e09f1a5b9f02ddc9c7896d25ea' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '4cff3066c0a0e277ca413df400e6e406cc7a9914', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c450dfef69446b2b3e67ba9bb8f55a0419d394a7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e5bbc41943239972bfd246fc7a0f0e1c6bdfb1a3', variant: "required", required: this.required }), h("slot", { key: '0513a3362810b33854aea23fec274f70d162f95d', name: "label-info" })), h("div", { key: 'e97f3ab849f206224e15539bdd803c76200920bb', class: "gux-input-and-error-container" }, h("div", { key: '05b2332efd5aa383b4214502ab75878cc81286bc', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '3ee8b3b75baaf416f618ff9bdd211ad5f699ba65', class: {
+            } }, h("div", { key: '050e0189fbccf71626403fa8aff0edd50a8e0c62', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'd658d265fa0172d60ec07d804cefac8530f3c549' }))), h(GuxFormFieldError, { key: '83d10344b28bd3d955a62471523d575aaafd5b74', show: this.hasError }, h("slot", { key: '7b20eb00e85eff6abb42fe6fad1d03a1cf822870', name: "error" })), h(GuxFormFieldHelp, { key: '5bbbeb9e59b2c8812fcbaa49e6dc9e0e49a2a83d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fea51cb027c05f4df03a17c751e4dd152acc7bd4', name: "help" })))));
+            } }, h("slot", { key: '1e328e4322a1136e4e77492bdc31ca4910ed77d2' }))), h(GuxFormFieldError, { key: '3814c154c0b004a1fd23f5dd836ce399d29cd40c', show: this.hasError }, h("slot", { key: '17b3f64a99504b77f10b773d67273f9bfed50fa1', name: "error" })), h(GuxFormFieldHelp, { key: '43de587757903e6a84b464f309029aa56c41152b', show: !this.hasError && this.hasHelp }, h("slot", { key: '138b21a8b9d81011c21bda2ba1e821ae6c99dc30', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.css

@@ -101,10 +101,10 @@
 }
 
 ::slotted(label) {
-  font-family: var(--gse-ui-formControl-label-text-fontFamily);
-  font-size: var(--gse-ui-formControl-label-text-fontSize);
-  font-weight: var(--gse-ui-formControl-label-text-fontWeight);
-  line-height: var(--gse-ui-formControl-label-text-lineHeight);
+  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);
 }
 

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.js

@@ -93,13 +93,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'cd7a52de8202d9e8e96ed0ae2fb91e3d828e0057', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c1e0a47c46fa60b6b85709f7d37534d569879dc1' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '3f689034df08073eca1f35b0e13e712bbc128fa2', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'bd7c6b19318c913dbe2aa81c679d5c8771185447', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e851d78b940f5f7acfa3a5204df16a2bc63d5b82', variant: "required", required: this.required }), h("slot", { key: '40b42c8fe3f164a20c1908b24dc801005360e732', name: "label-info" })), h("slot", { key: '3e566ee0225e91891d53bfc7af5144d92389ba09', name: "label-info" }), h("div", { key: '43014eb26b0393aeae60fcf8f35c9a721dea08a9', class: "gux-input-and-error-container" }, h("div", { key: 'f4f45913f2a8226ab5760af4ff13be713c3901fc', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '7c9cdf972242636d7ca21606aed9c8885c3074b9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3dd1921c496a944a3dc3d995c51dc2199bd979fe' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '46e297ea834c042e82e575d3b3f9d666544a772d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '89acfb4b30715fd14d5211cdbf65da4dbf0311d9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b14f3a840839c9f54761f31e1d9f5c84dc004dc6', variant: "required", required: this.required }), h("slot", { key: '2307a27a9371b2cbab76fc739920ad9a19c23a09', name: "label-info" })), h("slot", { key: '26b09106ac74ea4a21030d3650ccefb7d4578a95', name: "label-info" }), h("div", { key: '596a53c25c2ad965e11cf93b54f801b983b6e04c', class: "gux-input-and-error-container" }, h("div", { key: '61a292815d2bc6245191a0190a220052d5c378ba', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '81b73b33dca30f5d6c5f063255a7993e6624e028' })), h(GuxFormFieldError, { key: 'd64cd9cb465aade7d6dae6c627c64005d57fb3ee', show: this.hasError }, h("slot", { key: '6b65ea0a3f59e25b8a82ddad9bc88ba1284fb0ef', name: "error" })), h(GuxFormFieldHelp, { key: '2a511ab56e7abc242a58aadb1de277ce757a0f8e', show: !this.hasError && this.hasHelp }, h("slot", { key: '8c7093c30053111c12a4a1127f6feef81b6c646b', name: "help" })))));
+            } }, h("slot", { key: 'f825d9a58b63a9e9dd4fc4ee6d53b41bf0f03690' })), h(GuxFormFieldError, { key: '194d79eea96a18ea94a312603d9dca4b65dc40f4', show: this.hasError }, h("slot", { key: 'eafb237fbf041c7b404526e3e3e78bee076e14a0', name: "error" })), h(GuxFormFieldHelp, { key: 'af6d9731e3995bcc9a07218fc15402772ad21a8f', show: !this.hasError && this.hasHelp }, h("slot", { key: '047aa0aef787a88ac0c11fef661cee33071dd8ae', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.js

@@ -8,7 +8,7 @@ export class GuxFormFieldInputClearButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '396f8388e24e30c41c1cce970ffd1492668ed1ff', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '28c90daa4bf9ececb2e84aa774e673eae5cd2679', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: 'b63d7d6a1a795cbac8b13a541fb74c8b675dd538', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '5f4ce1d8150acfe8e888b47ac8c96ead4a6ea08e', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-icon/gux-icon.js

@@ -63,7 +63,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '4de002dd6d2408b201277c6d3665e1825e899e96', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '4bd061ac62a0c4db43a5a82170a99ca02fe31376', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get is() { return "gux-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-inline-alert/gux-inline-alert.js

@@ -28,10 +28,10 @@ export class GuxAlert {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '3f7a988f3399a0ed980c388d6c3c0f366e1be9f1', class: {
+        return (h("div", { key: '084eb00e05f62a6984e5d1a7a4ad8658db5a74e9', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'ba1716c5cd54ed2c59613e2f3688f12973a047f6', class: "gux-message-wrapper" }, h("gux-icon", { key: 'f8e371d3e4fecc7704083ae7467f2b39f4bc53d1', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '5dcddaaa4459358757b1f7d0751521d31e40510a', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '82fb28d33dd951506a1b2fbaf51e36c123364ff5', class: "gux-content" }, h("slot", { key: '20d27aee6d02d133f5fdfac4379ae15897f66321', name: "content" }, h("slot", { key: '2e24cd792085c73b1cb0d413d0d17024b9bce856' }))))));
+            } }, h("div", { key: 'd7405f5ce9d6bfbd30800c3b9e231043ea8514ed', class: "gux-message-wrapper" }, h("gux-icon", { key: '832e03ea16048cba1712f3564452045fa77b5a77', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'f2329d284e5fc50e6db95377aa2f40453a4ef7d9', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'c09c0a657a842e36a10f34f5ab6e4e09eafbb97f', class: "gux-content" }, h("slot", { key: '4f41d7f9089241cbd7d9b21a75f6bceff90fd195', name: "content" }, h("slot", { key: '2207c3c13b1ff3d6b63c4dc8716054478db3a35d' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js

@@ -31,11 +31,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: 'ab1db4e722cea672659f06b6b65cff4f6b6d1993', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '7150a8db3a41794be9ca5594735937cb41bcc871', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '60d92d8e476286fb6d8b87ce80738ae6a0aee0ee', class: "gux-option" }, h("gux-icon", { key: 'af2af73750a2bc52ed029ebcd78a76ed054ad709', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '832652126b66bfd9b75c23c433cc6a5b293e2a96', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '995eedd6752b1a05fc20dd9d63104022255ac431', class: "gux-option" }, h("gux-icon", { key: '7caf0a4a9d311f89844b95adb538d7df66c1faa1', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '26a21e5c3eccdea1f7483ff89c2ef7d652d2c12e', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/collection/components/stable/gux-loading-message/gux-loading-message.js

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'c65e377f8b666a8693d3af1a4b7aeead5543c1da', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '294c3b9db4d7b6a640bf47fb4ef67ed15a78a3c3', class: "gux-progress" }, h("slot", { key: '604778080f30fffece0a877de04102a6ff324d9c', name: "progress" })), h("div", { key: '5f5b14263b0ff0d4e194827a311dd214d2b99ded', class: "gux-primary-message" }, h("slot", { key: '90f1d2278a6334268e8b7c84e4dd61bdac9a0075', name: "primary-message" })), h("div", { key: '631070cdb3d4e4c7daf0d035d540ac6293f6e6e1', class: "gux-additional-guidance" }, h("slot", { key: '9ef13d691d3cdf9c50af001c40bb34854d8d60e7', name: "additional-guidance" }))));
+        return (h("div", { key: '1aaad61061ed60c322507d66def10adfb3e77506', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '45ac02937f45e3927e7825b3e142d63201fb3f02', class: "gux-progress" }, h("slot", { key: 'ebb718adb910425c89fd37cdd9e44625f7f43e32', name: "progress" })), h("div", { key: 'a0564b55f04dc00fda6ce82da0b3305c0f680835', class: "gux-primary-message" }, h("slot", { key: '75b979b5927973a270632f683f6f846f6c4b50fa', name: "primary-message" })), h("div", { key: '44074ad8f1025b945f52fd657ac6a0bc0c719aca', class: "gux-additional-guidance" }, h("slot", { key: 'b243110150b520fc53e4e0f7bc063e61d4841a82', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-modal/gux-modal.js

@@ -59,7 +59,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '24ae7dd6de4f4ba26b35c995b1f42490cf375d21', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '38df4baaa7fe2cd14ca1e92765e24d4ee32ba28e', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '0526938327e68d8f9bb9a271b0abdb08e5aa2fca', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'c5d3c90d1d98f298bb0e0493b5966a65eb3adc21', class: "gux-modal-content" }, h("p", { key: '92a64eca59ce6708743f92194c55026e50a2ce73' }, h("slot", { key: 'e59e65ca1d17a64ff85641018c9ed17171279ca7', name: "content" }))), this.renderButtonFooter())));
+        return (h("dialog", { key: '6db2428b44355f2dc64b292c8bfb5dfd14788569', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '95602d6a9f8d7c923d432a34e59901d1f56e8cb1', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '2f47a5d13947859d7ab1360eeb3bc8fed072131d', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '91a75a04efcdcc926f49c63ce80b770bf356ec88', class: "gux-modal-content" }, h("p", { key: '14a4ec313ed5ee89838ac193242eb5087da87765' }, h("slot", { key: '9a504ff8bdd46e23e2c887d203370c3d8f21d70b', name: "content" }))), this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/collection/components/stable/gux-page-loading-spinner/gux-page-loading-spinner.js

@@ -8,7 +8,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '9cfc3fbe02c8eb0de549b010cd7d0d6173d6b7f9', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: 'fed357d62922902ae0fe762dcf5430ae08f236d7', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     static get is() { return "gux-page-loading-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js

@@ -59,7 +59,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'afd5c69563ecd18ceedb0be55ea27da084b81aed', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '5b65cd866891468a21827a8ae42748e39b73c4cf', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '0b1054a00b1cde94a29d68ee1213b32537e4fdb9', accent: "ghost" }, h("button", { key: '74f0eca7fc3f1cf9ab1bd52bd737a93e5364fb27', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'ed2bdfe308c6705785b506b102a97e6f46827210', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'c2e415706d4f09e44cbc861f9a94d290f9a86730', accent: "ghost" }, h("button", { key: 'bb449419be72d2eacf70ba8b000e937cb9550bd5', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'd9e50cb1b298595c5eaf18f6b028c0645db08f25', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '04718018a71be3555e1388765261f23d22dc5eff', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '270c7c031af0ebbaa374ddb770051123f387a1f1', accent: "ghost" }, h("button", { key: '6b551c7502490ce3703dc45ba23ad2a63a0e26c1', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '9c0bb24889e941f9061b1b2236612517026c7331', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'cdffb13b9fc010047d8adf0465d8271f9479f3a8', accent: "ghost" }, h("button", { key: 'bac45a0e6f67dd2991e721cb0aad93bbe69e3da5', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '2b81edc1d29ac48e7d76970c294536d9d197333b', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '6d5146370a44f00973496a75517ef7d56dd276ba', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'c28120117602c1c66df595f7c4277b1b45b184b9', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '8ddf86f65220a3da41fd14f60055865abe1a9a45', accent: "ghost" }, h("button", { key: '4d12fb15eba0ecb45f06f9b971653da00f27eb6b', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '3f98f9c1150c15e5575d4a5140b87c2b60bc1264', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '9424c8f5fd6df80c28e97884bc61e1ed425f941e', accent: "ghost" }, h("button", { key: 'cb239799f19f35382d269197eed2cd6c9ea05454', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'f40a9a6fc048e6bac3ed026573e9f0c32e06d55c', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '644168a8c9f1fd9f0cdd8da864e8c407b342bdde', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '73f9336c7dcc20c635f039d7abdb756f0d8b5a6e', accent: "ghost" }, h("button", { key: 'b4d7a8b4620b398bdb1fe79dce29dabbc488731b', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '185d851ebce39c739a9c4209ed1796ee316e9ac2', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'f1b4e73f7fc92d5d59ab30f277b3f0b2efb11ea8', accent: "ghost" }, h("button", { key: 'b349826adb9f9acd88fec71f47a9278b00dc022e', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '9213440f3d5c17cd4945914e699dd9e7cae66b1b', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js

@@ -69,10 +69,16 @@ export class GuxPaginationEllipsisButton {
     applyInputListener() {
         var _a;
         (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', (event) => {
+            const inputValue = event.target.value.trim();
             if (event.key == 'Enter' || event.key == ' ') {
-                event.preventDefault();
-                this.goToPage.emit(event.target.value);
-                this.isOpen = false;
+                if (inputValue == '') {
+                    event.preventDefault();
+                }
+                else {
+                    event.preventDefault();
+                    this.goToPage.emit(event.target.value);
+                    this.isOpen = false;
+                }
             }
         });
     }
@@ -84,7 +90,8 @@ export class GuxPaginationEllipsisButton {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '5660bb761d7f5d4a47df2c4f912367173222a52a' }, h("button", { key: 'a1ad1ab1d7b15a27911074df62b702cf30295b0b', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'd71d8e034b8397d5f3fbc7c30cf761cab04bf4f3', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '1e03beb4373109bac131962ee17fb8ab06d97bb3', for: "popover-target" }, h("div", { key: '198ec8183fa14dd80778d3866739c86cc480dc60', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: 'ab4a4aac5f230e02613c8085917ebaf454a9361a', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '333c72880cf52d7ae9de7d941bc1da5e055f0dd8', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '1b99f1a5685c61b4493d0507ceb9984fe59daefe' }, h("input", { key: '5039118fe5662d5eb838f650af1ccd595d1b1584', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'ddf112f79743e340578911bdbb7123410c5d2fad', slot: "label" })))));
+        return (h(Host, { key: 'd6e7432da7241b1e32e3e34ecc13c02fae794954' }, h("button", { key: '0b0554af4a7c1609557c3c7700f1b5075c3158ac', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'd28cfdb9e070d1461cf3e3dedb6b99eb25fc0574', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: 'a9c53ce8bcc1a900227298f97ad7ecb6078a6492', for: "popover-target" }, h("div", { key: 'ff5e1d84f179dde70f3cc750f8c7e9efe7fb5366', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: 'd7b8f404d4bfd44bb247ddf09337b7e89a1d4abe', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '67a348e64bc44bedbc6becca814e462f35605f7e', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'd7c92f5a21a66f30f9f26c5203427546e3247b9b' }, h("input", { key: '7e81e2081b222818fde83546791802235d1afd4f', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                evt.preventDefault() }), h("label", { key: 'd321ec8e5204fbb816958422413e85ebfadb14ce', slot: "label" })))));
     }
     static get is() { return "gux-pagination-ellipsis-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js

@@ -28,7 +28,7 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: 'cec231d8e47fc02144bc0e82303182b3ee0bd56b', class: "gux-pagination-item-counts-container" }, h("span", { key: 'fea8f41ac89259d62d2605271ad2cf21cf3fd82e', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '2535ff53f3c85e9beab5bef5d1cce00d0974ea4d', class: "gux-pagination-item-counts-container" }, h("span", { key: '7963c0fbdc954991b8545ecb0a30a06443b29d1e', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js

@@ -19,7 +19,7 @@ export class GuxPaginationItemsPerPage {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '0dd4d098679e4d835d8401b1679ceaeb2a624230', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'bd82c2056b6524f10bed245f6925eeaf4ef1b372', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '4fb2345d121064f372616b67949407d327eba093', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'c3f72cc17b167424a5af4f513dc4c3014cf6a9c8', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'e5a7f42c0889d6348bcab32200827f2bd17aad31', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'd6427d647b1c19f700fe5c0d03a92de6e9e6e74d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination.js

@@ -83,7 +83,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '69c6d6d77bf241d3dd513fe0326da6657296785c', class: "gux-pagination-container" }, h("div", { key: 'd9c6ae28755bebd48d71e801319a8c7a543a59e9', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'c416daf33a5deb42695c45993af18a970c1ba3b4', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'a527ca29260e82de9d84027cd7fa19edd68a2bd1', class: "gux-pagination-spacer" }), h("div", { key: '342af2e84b80e3a1a792ed8d807cec42a99ba64e', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '3b7a6c4e422736e91fe3d742d282802ab2fcf40f', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '4a6c07fa5743fa3940cde04edb79c747bf65de1b', class: "gux-pagination-container" }, h("div", { key: 'ae3894182c9ec272a18c0835cf2452471cd4d9df', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '4943f58a546414445da4cc767130c66cf4a7464f', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'e074210fd92953563f7c0f4096a72a1c75f9789f', class: "gux-pagination-spacer" }), h("div", { key: '3e3d1d119490fea620ac71fc16030a8117f5ef94', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '737c34760f4fc271d0d302103083887d018f46ba', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination-cursor/gux-pagination-cursor.js

@@ -6,6 +6,7 @@ export class GuxPaginationCursor {
     constructor() {
         this.hasPrevious = false;
         this.hasNext = false;
+        this.label = undefined;
         this.itemsPerPage = undefined;
         this.layout = 'simple';
     }
@@ -24,12 +25,12 @@ export class GuxPaginationCursor {
     }
     renderSimpleLayout() {
         return [
-            h("div", { role: "navigation", class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("gux-icon", { iconName: "custom/chevron-left-small-regular", "screenreader-text": this.i18n('previous') }))), h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, h("gux-icon", { iconName: "custom/chevron-right-small-regular", "screenreader-text": this.i18n('next') }))))
+            h("nav", { "aria-label": this.label, class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("gux-icon", { iconName: "custom/chevron-left-small-regular", "screenreader-text": this.i18n('previous') }))), h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, h("gux-icon", { iconName: "custom/chevron-right-small-regular", "screenreader-text": this.i18n('next') }))))
         ];
     }
     renderAdvancedLayout() {
         return [
-            h("div", { role: "navigation", class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("div", { class: "gux-button-align-content" }, h("gux-icon", { decorative: true, iconName: "custom/chevron-left-small-regular" }), h("span", null, this.i18n('previous'))))), h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, h("div", { class: "gux-button-align-content" }, h("span", null, this.i18n('next')), h("gux-icon", { decorative: true, iconName: "custom/chevron-right-small-regular" }))))),
+            h("nav", { "aria-label": this.label, class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("div", { class: "gux-button-align-content" }, h("gux-icon", { decorative: true, iconName: "custom/chevron-left-small-regular" }), h("span", null, this.i18n('previous'))))), h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, h("div", { class: "gux-button-align-content" }, h("span", null, this.i18n('next')), h("gux-icon", { decorative: true, iconName: "custom/chevron-right-small-regular" }))))),
             this.renderItemsPerPage()
         ];
     }
@@ -92,6 +93,23 @@ export class GuxPaginationCursor {
                 "reflect": false,
                 "defaultValue": "false"
             },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "label",
+                "reflect": false
+            },
             "itemsPerPage": {
                 "type": "number",
                 "mutable": false,

package/dist/collection/components/stable/gux-pagination-cursor/tests/gux-pagination-cursor.e2e.js

@@ -14,11 +14,11 @@ async function clickButton(page, buttonToClick) {
 describe('gux-pagination-cursor', () => {
     describe('#render', () => {
         [
-            '<gux-pagination-cursor lang="en"></gux-pagination-cursor>',
-            '<gux-pagination-cursor lang="en" has-next></gux-pagination-cursor>',
-            '<gux-pagination-cursor lang="en" has-previous has-next></gux-pagination-cursor>',
-            '<gux-pagination-cursor lang="en" has-previous></gux-pagination-cursor>',
-            '<gux-pagination-cursor lang="en" layout="advanced"></gux-pagination-cursor>'
+            '<gux-pagination-cursor lang="en" label="Example label"></gux-pagination-cursor>',
+            '<gux-pagination-cursor lang="en" has-next label="Example label"></gux-pagination-cursor>',
+            '<gux-pagination-cursor lang="en" has-previous has-next label="Example label"></gux-pagination-cursor>',
+            '<gux-pagination-cursor lang="en" has-previous label="Example label"></gux-pagination-cursor>',
+            '<gux-pagination-cursor lang="en" layout="advanced" label="Example label"></gux-pagination-cursor>'
         ].forEach((html, index) => {
             it(`should render as expected (${index + 1})`, async () => {
                 const page = await newSparkE2EPage({ html });
@@ -30,7 +30,7 @@ describe('gux-pagination-cursor', () => {
     });
     describe('guxPaginationCursorchange', () => {
         it('should fire guxPaginationCursorchange(previous) event when enabled previous button is clicked', async () => {
-            const html = '<gux-pagination-cursor lang="en" has-previous></gux-pagination-cursor>';
+            const html = '<gux-pagination-cursor lang="en" has-previous label="Example label"></gux-pagination-cursor>';
             const page = await newSparkE2EPage({ html });
             const guxPaginationCursorchangeSpy = await page.spyOnEvent('guxPaginationCursorchange');
             await clickButton(page, 'previous');
@@ -38,7 +38,7 @@ describe('gux-pagination-cursor', () => {
             expect(guxPaginationCursorchangeSpy).toHaveReceivedEventDetail('previous');
         });
         it('should fire guxPaginationCursorchange(next) event when enabled next button is clicked', async () => {
-            const html = '<gux-pagination-cursor lang="en" has-next></gux-pagination-cursor>';
+            const html = '<gux-pagination-cursor lang="en" has-next label="Example label"></gux-pagination-cursor>';
             const page = await newSparkE2EPage({ html });
             const guxPaginationCursorchangeSpy = await page.spyOnEvent('guxPaginationCursorchange');
             await clickButton(page, 'next');
@@ -46,7 +46,7 @@ describe('gux-pagination-cursor', () => {
             expect(guxPaginationCursorchangeSpy).toHaveReceivedEventDetail('next');
         });
         it('should not fire guxPaginationCursorchange(previous) event when disabled previous button is clicked', async () => {
-            const html = '<gux-pagination-cursor lang="en"></gux-pagination-cursor>';
+            const html = '<gux-pagination-cursor lang="en" label="Example label"></gux-pagination-cursor>';
             const page = await newSparkE2EPage({ html });
             const guxPaginationCursorchangeSpy = await page.spyOnEvent('guxPaginationCursorchange');
             await clickButton(page, 'previous');
@@ -55,7 +55,7 @@ describe('gux-pagination-cursor', () => {
             expect(guxPaginationCursorchangeSpy).not.toHaveReceivedEvent();
         });
         it('should not fire guxPaginationCursorchange(next) event when disabled next button is clicked', async () => {
-            const html = '<gux-pagination-cursor lang="en"></gux-pagination-cursor>';
+            const html = '<gux-pagination-cursor lang="en" label="Example label"></gux-pagination-cursor>';
             const page = await newSparkE2EPage({ html });
             const guxPaginationCursorchangeSpy = await page.spyOnEvent('guxPaginationCursorchange');
             await clickButton(page, 'next');