genesys-spark-components 4.67.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

@@ -90,8 +90,8 @@ export class GuxPaginationEllipsisButton {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: 'a188c1dce413b710c91e13f5ea4414e4de4f0d94' }, h("button", { key: '217631219f71adf52a7882e4104cfb4189d87351', 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: '854a398967e59df2ed62ed1f91f6e7e4ffdafd4d', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '3a27be4f8a205903c448649290f5983fb4eae217', for: "popover-target" }, h("div", { key: '543ecb926bd84e27305a86b763be0e6c655ec02c', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: '97fa5f1602cbd8368d5e492ce0ef8e93e505b9c7', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'fd3efb82d2aca48c834ae9ceedf293b8f7d72f84', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '4d91a45d27472a10a5025777872db3b9cc9600b4' }, h("input", { key: '6f1d2891a600c405abf84464bddb586cf0601b55', 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: 'cd34ed52c6d9932dafc012eb8d92176476979a67', 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-popover/gux-popover.js

@@ -155,10 +155,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '1636856365361a8e45fa477b94d6ea9acbb7b3ac', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '444c2583793aa85b86a74a37b2dcc42aa3dc9037', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '218fcaf5cfbab4d6c46c2b432fee2421a67a14b7', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'd6458f85deff302f3b756897ead6894603d4fd14', class: "gux-arrow-caret" })), h("div", { key: 'cbd7052f04e354070633316a3c3c5ac544442ba3', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '8675905dc5a471ca38c628caba7f15f46d9f2ebe', name: "title" }), this.renderDismissButton()), h("div", { key: '90289dfa658c5e425a65f5d75cada50e256be0a0', class: "gux-popover-content" }, h("slot", { key: '4c57be1cc853722f638fd63c4765db80393ae0b3' }))));
+            }, "data-placement": true }, h("div", { key: '865aacfbd91e5667682234276dcaa2a56bf77b99', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '1978bd54cb3033943414aa049506f0f659f77a2a', class: "gux-arrow-caret" })), h("div", { key: '8240de5a2cd2b27ed63ed3386001f5bf01d3d565', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '319131eadce4c1d106af83c40398a7807b1e7b40', name: "title" }), this.renderDismissButton()), h("div", { key: '503d7a1ba3a294bff08451b9cdcb6c1c7bbe54f2', class: "gux-popover-content" }, h("slot", { key: '3f9d318feddcf5a0f9e6a9448ba21da628b88660' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js

@@ -126,10 +126,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '6386cd6a7deb7cb91c0f7391521a2e0337d91014', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '56369dcbcc379cef82bfacb99053bdf47ba3c9ec', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '7f85c0da09bb13d74cf2b2fbba398cf18e6d81e8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '5775ee19dffddfc028bae3c0dea63bef5d996afa', class: "gux-popover-content" }, h("slot", { key: 'b03f47ed7d2a25a6c30623de5cd08e0b36b6ecc3' }))));
+            }, "data-placement": true }, h("div", { key: '0af764483b443ccb294f8d720ff3566cb5db8653', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '177ca9470cece727f489134d53d4bd7adddc2233', class: "gux-popover-content" }, h("slot", { key: 'b0c1dfd0335f1f5ce8d8ce572e08214d74fdd032' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -87,13 +87,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: 'c54a9bf9deff3f90c635ec70b403dec5e2852430', class: {
+        return (h("div", { key: 'accb08bb2adb5c0decbc1bf9f8114e4b57245e82', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'b88e446596967cb7bc8935a6fd0848bee2be5bd8', name: "target" }), h("div", { key: '3e28d7b2961e9c15ecf08a71c9e861fbc00c100e', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '18f414275d6f008722285cad1f3138d2f7906633', name: "target" }), h("div", { key: '091c9442146e4c6c6de45ca93fdf182371385cdb', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '01f700be2103e361ab985a65dc68984778c7b299', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'd8f27901d779874d2227ae4274bcfc63e59e0d4e', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '2044d43ad0a5e1661918f2de4cc5791392763b50', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '968af7594dd93829ebe769cc7f0158c503a6c4b3', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -99,7 +99,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: '8c45a3e67a8475372e8db0905980883f4c697b43', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '77712593c169f1d207339c5f64d470bb75449332', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '691cc337116ec6e6e42269d5a496e67433567ef3', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'f0fcb3bc30fcc6c1ff53b123e73e370bc64670ad', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class GuxSkipNavigationItem {
     render() {
-        return (h(Host, { key: 'cdcaa4a476d40850b1f700f25fb721dfd98ee021', role: "listitem" }, h("slot", { key: 'a3578e9013557e84e746a04f3fce882220e2e606' })));
+        return (h(Host, { key: '5e7f6e51781f8b2f46a84cc337e667ea4363c991', role: "listitem" }, h("slot", { key: '91866ca98ae12165a473040ee1455173805dce23' })));
     }
     static get is() { return "gux-skip-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-list.js

@@ -11,7 +11,7 @@ export class GuxSkipNavigationList {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '2f6cc08bc5d504bb0bb0f4905e2cf5fb169986be', class: "gux-container" }, h("nav", { key: 'bc38064f91e254b03b8dc467113479c801cf50f1', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'fa61dfdf81585391fbfc603a9e001faf459cd176', role: "list" }, h("slot", { key: 'bb6bd09759b33ea5a4758071c2affb3e39ad3205' })))));
+        return (h("div", { key: 'd4492f9e8dec93c146041f1000aabb0c13337b64', class: "gux-container" }, h("nav", { key: '2722db41475c3e2167c324f144830980013feaac', "aria-label": this.i18n('navigationName') }, h("ul", { key: '7d687af54b14b8d0ed18fcc5e25658909adc2c4e', role: "list" }, h("slot", { key: 'dbd430db5add4954ca87d48c4b02839869158cbc' })))));
     }
     static get is() { return "gux-skip-navigation-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.js

@@ -21,7 +21,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'f7091537f134afb6dbe541e1a0edbc5e65541ed2', "label-position": "screenreader" }, h("input", { key: 'e770623b7a54b461c03efa7613abb72f6a46adfc', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'bf0d66ac4dd2aa23ed42f7aae82abed163615fbd', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'bddc67205d44f2bcd805a7eea85da06d981d9ea1' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '3e5dafd0793cd6e3658505b6e9aa1b5acf0b500f', "label-position": "screenreader" }, h("input", { key: '022a1dd86af3c663589375f18b5624126c892261', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '100b631ce01251ff2d45f00e9c9dcf20d3a21c7a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'a114849e07b2e635332a7e12a3545126a95a8eb1' }, this.i18n('selectAllTableRows')))));
     }
     static get is() { return "gux-all-row-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-row-select/gux-row-select.js

@@ -17,7 +17,7 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '04b29a74ef241b861f1a99ca237169c819aeb5c5', "label-position": "screenreader" }, h("input", { key: '4fb549cf638c669d35a2472b09e42e5dcd56fac0', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '7fcb02ac29eca8fb5c0e5c67b5155729c572285a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'c4515b6bcf3e1d4974e98eed8875171475cc5896' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: '4662fd97d1e4c2daa7baba26bc018683151985d5', "label-position": "screenreader" }, h("input", { key: '959f63a3ad50ddbec365639e03c7fca2b5e4a902', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'f4d0410659f05206c5b050f078d6d59c781e5235', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'f724a7017c7a2f25e50b76a7883024bc0aebd641' }, this.i18n('selectTableRow')))));
     }
     static get is() { return "gux-row-select"; }
     static get encapsulation() { return "shadow"; }