genesys-spark-components 4.109.0 → 4.110.0

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

@@ -104,8 +104,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '901bbf005bca412c1a435e535583155725ed5296', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '1d6bf900cc576bfee106b073afe09f0a97022d87' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), 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: '21ee4f534fff08e51dae8030faa8a1d78226f2fb', position: "above", required: this.required }, h("slot", { key: '0afa63140278375301a0de0263055195008662f9', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'dd422f39ad5e082ab184350265f37c678cf06b68', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3b2fe0b59bdd8591a08ea076280aa57a28c10b3a', name: "group-label-info" })), h("slot", { key: 'ee6540334797f3c1982f5af98e445c5b0a7c4531' }), h(GuxFormFieldError, { key: '0158fec3eee96f854076c57bb20b9f893697d6e7', show: this.hasGroupError }, h("slot", { key: '8c2a42b6fc072fe4d16d25d2f4f79c9f7dffed45', name: "group-error" })), h(GuxFormFieldHelp, { key: '9a40da4a5449db9784e3fd656b9611c31c9f7fea', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '7c2cbec4c5e3bc907eb3782f2af38a24589cab29', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '8646d0b536f9fa77a62cb72d22a574132c569d76', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '1b328bd383b62b0f0776bc15b5ec16472ec468bd' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), 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: '19d74f17c38c7e10c3aea107f9c0111874bcc918', position: "above", required: this.required }, h("slot", { key: 'c4bf7222ed7c1607257baa0a81d2e565a280a644', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bab75d7afa7348004d0448a6e994aa4ec05dd958', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2e0de2aa4c82f1533bac8087f6c5f186f33251af', name: "group-label-info" })), h("slot", { key: '2331499f77ea40ba7ef38ff275840718ce28c0fa' }), h(GuxFormFieldError, { key: '91bfd5f14aed331e7c5543bda4b318541ba390fa', show: this.hasGroupError }, h("slot", { key: '4ec2134e3b722b51cc00ca4fad8979237ffc42cd', name: "group-error" })), h(GuxFormFieldHelp, { key: 'a5c27963c7bcefd352e312660b6c8ef23b8d0096', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '7517b64af6c049abc4081eb2f4dea1d043e88e71', 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.js

@@ -114,9 +114,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '10dc378e629a8849da1a892210e7958a8470ce43', class: {
+        return (h(Host, { key: '02099beaaeb4945b00855e08ebf2fa454ae4afee', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '9d46076ea44be2971e14250654b2f40cd0df0677', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c55006d31378d6a1643f039f2cfa4bd55311bea9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'e48fdca477e8261992afc9430d0f4f005d0746b7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a75ef1657cd9618109dcfebc0130feb99897c17a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '43cfbcbfa92a4a05b2686ddc214e1807b7cd721a', name: "label-info" })), h("div", { key: 'd43b71f759820db1bf395db7c22e304c5c8d268e', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '2c250ef63c41033ab24925ab4d24b2492c9d2927', show: this.hasError }, h("slot", { key: '4ecfa3f9770e5f483d3676f32b631f814025d35d', name: "error" })), h(GuxFormFieldHelp, { key: 'acfe671b39a300314b9fd8d139ab028a20495b29', show: !this.hasError && this.hasHelp }, h("slot", { key: '2b220e6169e6ec487705a6047137f2c7536be970', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'f4489a7dd9336025587ce549b071f5573d43e5db', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '15fc734b4e3ae3f6bc8d4c64e71a86138d244491', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f7e238bbb6024496fe86b8be6aaf253072504a10', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b6d29541f18996f54a031df06dc1978aa73997d8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6deee026027198297109bf4b9330c8b7f3808156', name: "label-info" })), h("div", { key: '236a128611adab8603ca027a3e4f1ab6c981fb96', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '90984e8e3e4505ded924b06fee25becd1b8b83d8', show: this.hasError }, h("slot", { key: 'a220b4b923acee2e436bb9dfc06f70b5ec4a9ea1', name: "error" })), h(GuxFormFieldHelp, { key: 'dbbc319d2ef70283687cf108e65a8d9c0ff215ed', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b6f51b36cf7192450981b6fa65cd36d92be49185', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -94,13 +94,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '4a9ef410dae67b430409d3ecd7143f779d5d6d76', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '23f4292311d8d4d09cc9abd8ea410c564189feb6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '0a8392e9de5c4c107219340946c5d986b14a0e79', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a5485bcf989d6cee36f56f38df6e3779097b3c9b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3bd66abfbaabd6154769732b10ec2a0234e168f6', name: "label-info" })), h("div", { key: '0824538640f07a080d7feabb9bd380d08fee6fec', class: "gux-input-and-error-container" }, h("div", { key: '7b56736d1214a53dd52d9f71bf5557a1e212144d', class: {
+        return (h(GuxFormFieldContainer, { key: '1a4242f3b735fc0d5cd819f42c47b629d97442b4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '04d15a249db7ed6f8cc1bd742a281248e675f467', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '231ecc5e1d442068a32785ffc72830a8d017cb00', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f2d923c0a0114c75b2ad90f80b7775ffe93b6f24', variant: this.indicatorMark, required: this.required }), h("slot", { key: '929c36b2473641e4049679c77266e83b1ee0e138', name: "label-info" })), h("div", { key: 'ad0a4389b375d749a42eb068a3544c5aa25877a7', class: "gux-input-and-error-container" }, h("div", { key: 'f5b1c31aeafce11a66b9ba3525677b45ddf7207c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'a34519a64680d176ea13b2084b394f807021ca44', class: {
+            } }, h("div", { key: 'cff2837d655fde12182fccf58997d734e30941f3', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '6609df36d361839721fb45ab6252664697587cef', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '99167c46f703671d1d9985100e39e8d9844a28ce', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '9f31a3d43b814c8d150d2a0b7a6bd829e953d163', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'adf9c25f7529abbd1138ba954905ea6365c13f1b', show: this.hasError }, h("slot", { key: '88533ba9ae394f9d3d61213d8d1856abd370850b', name: "error" })), h(GuxFormFieldHelp, { key: '775b434f3eb50601ab4379ba3fae1fa28cbc3f08', show: !this.hasError && this.hasHelp }, h("slot", { key: '79df589a292ea5da8a717fecd029085e445625ff', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'd349b5ea69f440c1b63a99e4678fab3f67aaea47', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '2b31ffb30dffc2baa771033bc0832365e754851d', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '9306432483b8017a0baa5ffa212c5d8dafddee51', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '09e84078aaa9ee132a295a38567352e677cd28a9', show: this.hasError }, h("slot", { key: 'd7db374229d352d3fca1e5fd5153a7037817c44e', name: "error" })), h(GuxFormFieldHelp, { key: '7284f02292dd146a12daf28f0ba36ac2a5c17978', show: !this.hasError && this.hasHelp }, h("slot", { key: '087be384f47d40659191dc5e82a36ceac9e7bf6c', 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.js

@@ -84,13 +84,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'b928031f683999046e3cc9bed38ad760c236e9e9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e07c87117a539fecf347b8edb8ca56fa1dd54a7e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7289cde4c59f1fe8b1e28356d9cb721305ae8fe9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '205d12d026049867610b2bf5a700aa6a1c1d35c2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '07d62929f16393fde084434f488889ef97ffeca5', name: "label-info" })), h("div", { key: '542540171c3e6ce101e974707c36d44b827884cd', class: "gux-input-and-error-container" }, h("div", { key: '9486afc4de383775409ec2b9d126798a03deda29', class: {
+        return (h(GuxFormFieldContainer, { key: '797587c3df23fbcdfa8057399915683ff4c83e0a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c3127414aa313f2f69b17166a4fbb02140646c71', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9a821346a11df2e01111912ba2ff6469478fe1d0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '34ef7dc053274eb6e6d13a83d947f4c534f87b75', variant: this.indicatorMark, required: this.required }), h("slot", { key: '139768502d5fa8a95eb232ee31e9cd4925cb3296', name: "label-info" })), h("div", { key: 'f647a57c95e3744e36e81fe3c0f2a649c5e5342e', class: "gux-input-and-error-container" }, h("div", { key: 'fdfbc4d44aa46694928aa26839519bdf0fd08c69', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6a05e35a061b711b3edb8bec261223aa0a4ae335', class: {
+            } }, h("div", { key: 'd8a672ae13c1b23876cf62f77127d6b9a1f5f372', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '7d2a610b542a165fac36caf3f737c38b1af844b2', name: "input" }), h("gux-icon", { key: '15be1be18f83f14f23555df075a4c2f35f52d813', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '751b065232ef2e12cc98b897fc6cf07edafdfb11', show: this.hasError }, h("slot", { key: '4ff01e5d20eb7fcc1079116bc813fd4d2d0d18c2', name: "error" })), h(GuxFormFieldHelp, { key: '2d78511124551d897983bc577cf0f0da3cef02f3', show: !this.hasError && this.hasHelp }, h("slot", { key: '14890b954cea5d3452bf1a1352224ee6d36a5324', name: "help" })))));
+            } }, h("slot", { key: '8b4c9ed83fb78e472f5dad00c6b4497528249769', name: "input" }), h("gux-icon", { key: '73bdba1572f9f648f2563169a35a7e41f6dafeac', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'b456395f95f07a0e2277c3561f3e1e0fa866b237', show: this.hasError }, h("slot", { key: '3672109e8950e05ad2a4df7f6e7191e63a2e55f1', name: "error" })), h(GuxFormFieldHelp, { key: 'fd815ad74300866113603ed10bf11f16b8428d4c', show: !this.hasError && this.hasHelp }, h("slot", { key: '13744e182709909834074d4f00c17b95e0d6dcec', 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.js

@@ -112,15 +112,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '4bfc2c90ceda36b591173fb005c270f212c519f4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '6cb86ea988e2381b54fd73c257702b4cb4833393', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6aae331a3446da315706bf381a6943fbceed9695', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6c13dbbd39696396243fc84221d24f8adb612d88', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd7d696dd7029f2ef13b571434ff2e2c4b9ae44ee', name: "label-info" })), h("div", { key: '4adebc576047a0b0df4bec53e8d0e520c28caccc', class: "gux-input-and-error-container" }, h("div", { key: 'b3c47ca1858946defb5c5bf0a5e96eefc45bb287', class: {
+        return (h(GuxFormFieldContainer, { key: '1ca223257c2c32f7d9b4916ba256271dd5b1d078', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '891622b154066f89ef432137514222bdb0c7b8cd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '07ebbf4da32bfb7c043bae5db05a3a0d86117873', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2cf8c5e3c5f12d028ece1309a7817f667b06c265', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1f9b6aaf0a37c44792af82940545e92c97834c64', name: "label-info" })), h("div", { key: 'fb69f8031c90def7c837b9d78742bcbf61550c27', class: "gux-input-and-error-container" }, h("div", { key: 'ff2d9d7e483c05e625893a0f5850982cdd92c55b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '66923b721b025485284a666eeabda9d8ddf38a8f', class: {
+            } }, h("div", { key: 'd449698a1223c5d827a07761385d16c72cbdd89a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '6d30e93d1772b718346d6335e23e9f38b812419a', name: "prefix" }), h("slot", { key: '449f84eb06fa74a0fd1acaa33ff016b1ec45f550', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'b3b67a15ecf829a143f052f51f1c95fb2d3e04ce', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'c8869108f24091264f38748e2d3f41846cd7291d', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'ad45607c9fd01891cd0023959a5b5de5213e741f', show: this.hasError }, h("slot", { key: '52f46539c187533b54522b185bb5ba084c52e70a', name: "error" })), h(GuxFormFieldHelp, { key: 'f91d1eb88f117e1cbe451b23565921b9dad0710b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c907e53165909fea45e0d4cca3aed992dada7a6b', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '7cdc2f7fa447aef0e718d3dea1c217b05738fec0', name: "prefix" }), h("slot", { key: 'e54caf74962d08fcdddaff8b8608c3d6e943bbdd', name: "input" }), this.renderRadialLoading(), h("slot", { key: '05332b5ca75369f96ee6ebbd57a3f44a6050c3fa', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'dbcef6499ddde4169e89c920c5a021dc1a375362', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '5527c143efb4e9e4bb97ffbd52d407c7c86b3864', show: this.hasError }, h("slot", { key: '532d5e81c1a39cab499766e7fc5951195c092dd5', name: "error" })), h(GuxFormFieldHelp, { key: '7f7e8243c8b23da439f373250e2d86f030774433', show: !this.hasError && this.hasHelp }, h("slot", { key: '633bccea0610149a1efdb19c9ec7098f33412eb7', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -88,12 +88,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '5b34e63a46e08d10f6ebeb0adffc4abd6c5a3316', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '41d08e265a0c6686565b73954a8ff3ef32bc7ada', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'eea924a17613c05b476eed2ab63f8d14300cc194', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4aab859ba4d3aa0d14515088c952b6143c09e967', variant: this.indicatorMark, required: this.required }), h("slot", { key: '06917fe2c3762228680974025a7f5e96f3aeaef8', name: "label-info" })), h("div", { key: '1e8a15c09b26292e96ba0383b9394f84e34c1783', class: "gux-input-and-error-container" }, h("div", { key: '25642be5f42cf493be10d5f4605498709c52e43b', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '71c1de67f1dad119124c1ea356bde10e1ffb4db0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8aaa07ae0d057d127da790e50de4c0137a245e12', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ef0ecd2bb3ea150200fecf39e5b0b7cb1642ed66', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '29c6d2afff6c7c609847ee8a5041f20213418b4d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ff98ef2722dae089385c3077e31284295f0a6109', name: "label-info" })), h("div", { key: '8cd8ec697f2146824987c2abdac1b0ad899dde68', class: "gux-input-and-error-container" }, h("div", { key: '79400572c06fd09c9be0f7a4b369d07d3378f23f', 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: '1e26b96af64062705a868d7f955329f88476bab9', name: "input" })), h(GuxFormFieldError, { key: '20110fdd5362b4609e174e4b06a160a67279e705', show: this.hasError }, h("slot", { key: '2576e35ea5b98b138dd26d48aa4014fcd7b9de9a', name: "error" })), h(GuxFormFieldHelp, { key: '4064c18cec6fb21db59a8198e387cd729b0a53a0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b7e2865905fc2c37dbc8f84d7a1406756cf0458c', name: "help" })))));
+            } }, h("slot", { key: '2ed962f8388a011018e8ba93ba6ee5fec6a48470', name: "input" })), h(GuxFormFieldError, { key: '3747d415a3c4995c0b6eaed34b89090b9c16344f', show: this.hasError }, h("slot", { key: 'f98acba360c20d9dc59a8f90a51aa3bbdfa06cbc', name: "error" })), h(GuxFormFieldHelp, { key: '277819ef5cabb623ab5fd4d1d051f7d076e44abf', show: !this.hasError && this.hasHelp }, h("slot", { key: 'bd9e7d80cee978682a679254c712451bdec390fe', 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.js

@@ -93,14 +93,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'e0d005546fc236e48253b7a60ba7f2f06a87e01f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'af36d71fc2935031209502122e62d3abfea194e4' }, (_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: 'e2f28c1ce391f60927935424b19b4b3efa3092d3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1d14f473ba0b168308e4477d776fe0ae387810e3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3138164f5645e1cad9ab99985875c5dd86c9837f', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fb893658b774944a45287f6ffc3ec6aaf52eabc1', name: "label-info" })), h("div", { key: '3a067b1088e58ccdc7a69eed3caac2968fcee041', class: "gux-input-and-error-container" }, h("div", { key: '77d0a872f46fb8d14e35c8524053ccede8d5db94', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '05621a679b25141ff91bb3d7ff3ca4cac027078a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ba4177cf79d77a641a5f9b687b09cff6c544f45d' }, (_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: '169c24a296e2f9dc100bcf3b5305912aa9bce7d0', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ea7ddcac1cc2736eca597d4b165ad1c69860aa36', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e72016b0d3c2d00b4906c76e0b2f41afdd933df3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '501f4c28dcad1f70144d7d3fa53f7d2047be446f', name: "label-info" })), h("div", { key: '6aeb95debef3d5e92c8f863c2898377a9c8a6ea7', class: "gux-input-and-error-container" }, h("div", { key: '109c62b4a4b99f70367d07d8fd9bfccabdd9c8b3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'cad69e2af1d02afd89d5b62499795cff2b096390', class: {
+            } }, h("div", { key: '972de3bd25423f7e916d9d582fab90f2a3a3b88c', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '01334d392a9a831356dd8214ff166cccd98657c9' }))), h(GuxFormFieldError, { key: '1bd038f5ba05f3b5f47cafe712bf053851495a2b', show: this.hasError }, h("slot", { key: '4acc3c861298a007455eaa49d29999da5a0d0d75', name: "error" })), h(GuxFormFieldHelp, { key: '8f773c3a3e35f431aaaedae563f0e2568fc8404c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ba238f4f3007537411dfe30d57eee0ec307e37a1', name: "help" })))));
+            } }, h("slot", { key: '2b7a9076c3979b02f332a408573e610b93b96920' }))), h(GuxFormFieldError, { key: 'a88874caef02df2d1feeaf38c6e421deb46b1f03', show: this.hasError }, h("slot", { key: 'f52be1d006a3e58c26381457b121876e73b51811', name: "error" })), h(GuxFormFieldHelp, { key: '65a5f764e7cd5177551217cd784f620d7592e4c0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd10b7047d800d06e120cbf505b07ea1ec015890f', 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.js

@@ -94,13 +94,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '42f7ebc381db15071fa8e6faad227a5f02393d3f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '51c7f93eb094716bcc457a1eaf7f3bb7d7d3287b' }, (_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: 'ad28ec82848231933e86796157bd789cb9dbf5dd', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '7609740404e43588769075e27e7754e3d1408c38', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '459ffa4c5f903d951a92b408d1ebd006a5958ad1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2f1806a66fa82be3129499f11b956ba18bbdcd70', name: "label-info" })), h("slot", { key: '89eedb5f9d37f38b8f7d8cb363c88c5f30a49705', name: "label-info" }), h("div", { key: 'b6b72691ea2882e3c305e083e1381063b92756fe', class: "gux-input-and-error-container" }, h("div", { key: '3d389c68f5307b677f76ddeda7c4b2031f3285a2', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '739e2daf47f38a3b444c1a2d95f0688f79f4de93', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7aee616ec9404b9d369c3a4426f8fe4daa405821' }, (_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: '0599733c667124c80585ef4c097078aaa3268696', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fd9c9f7ad9db9976168eed1e7f68077977ea48d8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3b26c346ea33f06fcf627ce170d30f949893fc5e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '468fb1d5b1580da198df87143e2ec2f71daa0534', name: "label-info" })), h("slot", { key: 'fa7e2062cdb39431e9e1a0924113fc50a979fa08', name: "label-info" }), h("div", { key: '4a1838556a8f74acbc111d0b93e4f8e5899fc392', class: "gux-input-and-error-container" }, h("div", { key: '9843c68884b1c41c0f692a73883cab8f3b33766c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'f201693077d200cbea7c323454a6bced4368f01a' })), h(GuxFormFieldError, { key: '2180d2e795377b53b65c7fdc23eb6562747c2a96', show: this.hasError }, h("slot", { key: 'c6be8739f12fd2fb7c2aa206d459044cf4b40e36', name: "error" })), h(GuxFormFieldHelp, { key: '7df6b7566d1396b6771096cfeecc0826b7477bdd', show: !this.hasError && this.hasHelp }, h("slot", { key: '8da0b676330cdc738214557bdceaadacea88f7e6', name: "help" })))));
+            } }, h("slot", { key: '0e1e90a20a1ef09c7b9896ca432f6fcd0497d610' })), h(GuxFormFieldError, { key: '7597af53d6c9553d763d1319ea8a1fdc3e5c7656', show: this.hasError }, h("slot", { key: '5c65d4f8d917106ac9b3ad828667a1f332de3e0f', name: "error" })), h(GuxFormFieldHelp, { key: '94cf527ca9e4b6b034abccf0d16ee2fa19716c7a', show: !this.hasError && this.hasHelp }, h("slot", { key: '06d0741e83404835d773e989f104b263d841573f', 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: '27160e5e7cf3d9b80732893ad85be41e331312c6', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '08df9181c1d9409a1e7b2082a46bea4bd8fa1cb2', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '0d3ed1ad679b3c227f53bd60330cedf0d1c368ae', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'b32b2881eb03661dd2d0ed2b06b123da8ebdf9b3', "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: '87ff7772eeec1a4b2de860e8891731fcf01b71f2', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: 'a8a1c753edde229f260ee17885f435b18b61bf97', 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: '4ccd88a94449d5394908da79c06d3fcb7614585f', class: {
+        return (h("div", { key: '2c8abf29af3da009e6d4f197df4e49a47587cbda', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '113c82495c8e3bc9a25620b1dbcc17d108667965', class: "gux-message-wrapper" }, h("gux-icon", { key: '9f157bceae2bc633046e4bb5b21b68c76a5dee43', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '07403449af71e9b847e28e7c5b8e2f83ee5e24c5', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '30cb77eb7e132a27f9a57774eac7d9366ef38d10', class: "gux-content" }, h("slot", { key: '82a486b03b896127b95d9a8ded8605eac182ca6f', name: "content" }, h("slot", { key: 'd765e6ea05a585574527b3bfe4de2cbab86ad684' }))))));
+            } }, h("div", { key: '7b8745a5ec0d98ecbe417dd065431f5df6efdbf3', class: "gux-message-wrapper" }, h("gux-icon", { key: 'cc643d5c1dbfa85e331eee8c052671ca622bdc40', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '990d518937ccdcff25147324bb0d41e036ec9f8b', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '610c209aa4422cd2cd0731a278645a178e409626', class: "gux-content" }, h("slot", { key: 'c2d61448fabe49c14b93d6908627e31ab733ae14', name: "content" }, h("slot", { key: 'df5ac77931846370b968d5df4aa2213ad8427ae1' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class GuxListDivider {
     render() {
-        return (h(Host, { key: 'a46b63152eea2e7c5d771b2fb751eacffb9bf27d', role: "presentation" }));
+        return (h(Host, { key: '99ab618bc89b46fff8379275840bdd3cccd73e31', role: "presentation" }));
     }
     static get is() { return "gux-list-divider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,7 +23,7 @@ export class GuxListItem {
         }
     }
     render() {
-        return (h(Host, { key: '640b7b741d24ae8e3aed710c60844d1016bb48af', role: "listitem" }, h("button", { key: '9bf043cd5c07e4d37cc61e50080992697bdaaaa0', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '4431356fff2ea50b0858abbca178673c32557f4c' }))));
+        return (h(Host, { key: '64cfb1bab3d1a1eb5b45efd78df2a5c2016a2573', role: "listitem" }, h("button", { key: 'e4555ac230d4556d84e9f9cdef6b70d54ed6d278', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '8972f84901e6f817e1c8d53831d900ba7ca4d651' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GuxList {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: '1ded5bf94c9eb48b4d9ed2e9a088ffd018ed392e', role: "list" }, this.renderFocusTarget(), h("slot", { key: '0da0b7d786344469976279f6790a4209f7b9be16' })));
+        return (h(Host, { key: 'ca079dbbf47d931b2eb12fc82a70c1c6f37ba03a', role: "list" }, this.renderFocusTarget(), h("slot", { key: '90e341958351a216f8d21a8af1ed4d7c98319e4b' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,7 +48,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: 'bca647e58d74e7467e9079fde409ea578117d0bb', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'f3075e33f5c57b4cad8ba65c816e45ef2b09130b', class: "gux-option-group" }, h("div", { key: '90c311310df4a3dc3310aa6cfebfc7e54aa33981', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'dbba07f02aac560f8b7be7a10e1de9f78f5ee294', role: "group" }, h("slot", { key: '55ab3a740365629cb415ec87f1342a4a86320977' })), this.renderDivider())));
+        return (h(Host, { key: '2c97646f685d130588c66ef8ceaadeb5b31e44cf', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'c46fc8ba1d4b29ccd18e54e67c342a469cc38e78', class: "gux-option-group" }, h("div", { key: 'c8e3b1ff5645df759cfbdeeae6f4ffda0829f85a', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '200e869d5e6f0cd7b26f0bb4ce95978068ef3bd4', role: "group" }, h("slot", { key: '57c0370e2637b8a43fdde4c5484391b1c1d01897' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,13 +42,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '454cbf558c2ff334a047fe9be82bf90aad093f39', role: "option", class: {
+        return (h(Host, { key: '8c4add4d6fa16439db972a504768ab8738c69224', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'b65528c4ad351e182a28088587da59cfc83c95f9', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'f6944a9b38d6355c0aabc1be6fecf7304244da8c', ref: el => (this.truncateElement = el) }, h("slot", { key: '35ec357ca9fac8774d31030011f062b9b5507e89' })), h("slot", { key: '8f4bcb7e339688ba99bbaea69bb808e00aea9cbd', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '5e0dc0460c85a5b80a51c99af86ba7c68ea60dd6', class: "gux-option-wrapper" }, h("gux-truncate", { key: '9a530744dc7172908a03166f5af3db317ced8fbb', ref: el => (this.truncateElement = el) }, h("slot", { key: '6407fff22315b03eb78de767fdd9f4f68215f945' })), h("slot", { key: '4d3075a2ffa8fb5d99a6234b0bde3bc698f871ae', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.js

@@ -12,6 +12,7 @@ export class GuxOptionIcon {
         this.iconName = undefined;
         this.iconSrText = undefined;
         this.iconColor = undefined;
+        this.iconPosition = 'start';
         this.active = false;
         this.selected = false;
         this.disabled = false;
@@ -51,21 +52,27 @@ export class GuxOptionIcon {
         const parentListbox = getClosestElement('gux-listbox', this.root);
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
-    render() {
+    renderMaybeIcon(position) {
+        if (position !== this.iconPosition) {
+            return null;
+        }
         let iconStyle = null;
         // If the icon color is set and we don't have a background highlight that
         // might cause contrast problems, set the color style.
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: '10add6d7002533d2591f3efdb374dd43c3c46b31', role: "option", class: {
+        return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }));
+    }
+    render() {
+        return (h(Host, { key: '307cbb465ac143c57af4011285f5b87956a63197', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'c024e6235da12b00e1d9f56c5043401e34402215', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'e9260a4251577ee13044172fcc4af748e0339a91', class: "gux-option-wrapper" }, h("gux-truncate", { key: '00c4117867cdd9277b0e9bc0ec3c6957b8b060b7', ref: el => (this.truncateElement = el) }, h("slot", { key: '7fe997952d9a9f65b18cb6415f5f96d12c8bba44' })), h("slot", { key: '36451668502b06f3cd717ce65a9d852ba5c6a9e2', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: '9167eb409778763f03d174a00ae8ed2746b9ec62', class: "gux-option-wrapper" }, h("gux-truncate", { key: '075b924c37d00e84234fb177d6864a7d23c45c7e', ref: el => (this.truncateElement = el) }, h("slot", { key: '2001e50d8c1efd8588edff586c15d7681bbef071' })), h("slot", { key: '6772193db724a76ff120675c05aa2f3d3ce4c339', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }
@@ -149,6 +156,24 @@ export class GuxOptionIcon {
                 "attribute": "icon-color",
                 "reflect": false
             },
+            "iconPosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'start' | 'end'",
+                    "resolved": "\"end\" | \"start\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "icon-position",
+                "reflect": false,
+                "defaultValue": "'start'"
+            },
             "active": {
                 "type": "boolean",
                 "mutable": false,

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: '9d2bc65eddec3d6c02c496e0b50e88f28ab0f08c', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '2e31a2fc3956cf6ddebff9220130e2069d3605d0', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'f4ea0e2d47f0c424a086631a59eb3caec9835755', class: "gux-option" }, h("gux-icon", { key: '5329eb17ba8393ceb25ef8c4cb949b9e1e63e7ae', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'cd0b035b37c3cee943205f799f019def6b0d57f4', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '25b4bde532b042e7537f03514ffa3ee21257e9f6', class: "gux-option" }, h("gux-icon", { key: '6c36a6348d6b92f7f51d0811cffdbfb5f06ab336', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '7809f1bf6ac9b0af511270689a27b963013e373b', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -59,13 +59,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '6d5378c2e2a1e2721f1b3f822aab1e450b8eea6f', role: "option", class: {
+        return (h(Host, { key: '8cee7569143c309dc362cde7135a71eca7bdd51c', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '2265d61a2894633e19f1d3c874263de9899cb87f', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'aae2b70f061dfe4a6fea45d2c284b9faaa32b29d', ref: el => (this.truncateElement = el) }, h("slot", { key: '926f3d5753c64cb5fcb3b275b9bb7c3bd7ff755c' })), h("slot", { key: '4f05856cd8645779f5863ad9286c7b2cf7b1a3c9', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'ec405cda31136ed71ff94d81ad1c426aee8cf3a0', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'fbfc158180b34707262c69cb2deefff654f39c8c', ref: el => (this.truncateElement = el) }, h("slot", { key: '764dd3b80592ee6059715c6e5c8b6a96999cfc7f' })), h("slot", { key: 'cc6acc6a3c7fdd8fd9a88b0f798b00046f7c1aa3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

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: 'b2b1c3969bd049a683850dc05296a95a47b173b4', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '59d4b760d81e731a8803a4d34792027a37e6c12f', class: "gux-progress" }, h("slot", { key: '64e1df37cdf6af5da4ddccd7786cc6ef9c7510d6', name: "progress" })), h("div", { key: '49442100c2247f61933e995faf4571d72695507c', class: "gux-primary-message" }, h("slot", { key: '4076e26f5b5c6ccf9063a3185ab21f3bbf03ffa2', name: "primary-message" })), h("div", { key: '3a07cf4d57a5e05e042a38356f0481ea6dc359a6', class: "gux-additional-guidance" }, h("slot", { key: '7dfe32c0ad70138c8459c1f50caea7c189b81ffd', name: "additional-guidance" }))));
+        return (h("div", { key: '7930d3e39d9693f70b561d3ae0861ba51ae7bdef', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'fc0ba552ff4c2aea25e90391dd458acb99102f7c', class: "gux-progress" }, h("slot", { key: 'b637e1486f7f5fd0ed21ceddff677a57d471edbe', name: "progress" })), h("div", { key: '78531542b297e26fa6d7f4c02d03052191aabaa5', class: "gux-primary-message" }, h("slot", { key: '4b15ee1e9ba076e75f6732b659a55f94daad0eb8', name: "primary-message" })), h("div", { key: '69b77a648e3f8910499de0252310f5f16043354d', class: "gux-additional-guidance" }, h("slot", { key: '33a049a29db176892aec241a9564580c05d0eb34', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ slot[name=start-align-buttons]::slotted(:not(button, gux-button-slot)) {
   box-shadow: var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color);
 }
 :host dialog::backdrop {
-  background: rgba(77, 97, 130, 0.8);
+  background: var(--gse-ui-modal-shroudColor);
 }
 :host dialog .gux-modal-container {
   display: flex;

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

@@ -68,7 +68,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'c0501cff8f424b5a55410df00c8aaf3253245fd6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '94802cf3554b266ef2f6ab2cf71fbe9c849cbd7e', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'f165b887e117fd1820a4903328f71ab136b1702e', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'f580cbc123e426631f443d20fcdd4341fc7e9f10', class: "gux-modal-content" }, h("p", { key: '1278d1b719a81de1ccbdefffe7b46f6231392d68' }, h("slot", { key: 'ffa4eba5ba0d6365ac77bbf81e82b57ff1c208a3', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '6ba2f1504838667768fa45900df5e560e36b74e7', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '95687ef3e0cfd1909a8e779b1a02bd0761bca929', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'a7e3a4b27d86cecc436373676a666aa6329cf128', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '6cc7bd79784dd058d5e91bcc7ede3b841a0f61cb', class: "gux-modal-content" }, h("p", { key: '1744a4e2cb41df7ee40acf12ab12f7be3478338a' }, h("slot", { key: '1a925dad5e34c669aa2d522f9fb1eddc7b7b0a36', name: "content" }))), this.renderFooter())));
     }
     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: '297fc377b0080a63bce840dd932082caed920800', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '882da68c212015e00af497dd89f43f076e5b3426', 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

@@ -60,7 +60,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '14e2cb197b8f3a1703d6333eeb7ff8417bcefab3', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'ae06b3ef2b3bb4a750707ada7b2b006e2da08f84', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4acc6a849ec328f1ee87d46904e81131fde51ae7', accent: "ghost", "icon-only": true }, h("button", { key: '20d2a336f9c6b41806dd408b1ccae46f2ec320be', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '025c7fb0362a36a399d4adbe99c4b5c39b3b0067', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '0d132964ff31001ddd3e4f20083ec7ba359b3b65', accent: "ghost", "icon-only": true }, h("button", { key: '30217658c71785063f1eeaf91c8b6871671b84c0', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '63492bebd681d7511522d9364f5544d46d03de96', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '1ada7b9ad943d2bbb738f0ebbdddfad4b2920b8d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3c683c3d73a07f7cbdb4db057512b07f8aa8ff61', accent: "ghost", "icon-only": true }, h("button", { key: '4e34b6fe95628a03cc820279ac4702d1f75a0ba5', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'b8864e980129846584356d13739743378f32e0f3', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '8a7f66ddae73f9ddfa09f90da9cdffefc856729a', accent: "ghost", "icon-only": true }, h("button", { key: 'f9194a9b13674a987ca2b95f80a2c4e185366792', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'ee3943f6e5cc0da3d9e8a45db4e050789ec9af63', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'e958f863864c98607597510cf6b4e432a45a31d2', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '27bfa108d79a10bb806232a347022fc5b547661c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '99bb42559fb7ab1cd27de2127f98b4974f0deb8c', accent: "ghost", "icon-only": true }, h("button", { key: '4e99f57c620cf5abf5fa7d46cfedda0261c1c945', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'bf46b12786f4c455f02c181381f41e43b698539d', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '4a1f95fb3a269310583e77200f4eb4b32e1ed790', accent: "ghost", "icon-only": true }, h("button", { key: 'b4ac9c982e1393174254126ea24b3a58830b6e8f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '22ae2ba09eadc22bdd9892f7cb9a1e31d40b5db2', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'ae1422a5952ff74b6807521e697ef99d6e943142', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7ebac34047c6327240c173da59b46f91855c6e3f', accent: "ghost", "icon-only": true }, h("button", { key: 'f4a8717e80eb554ee19ac2a6909cb379d5547151', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '2a3fb9830cd8f69802712406308b91ad19b601e8', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1577095c8a2fceeb3ce2261a476f67fb6804717b', accent: "ghost", "icon-only": true }, h("button", { key: '16d87cbe7a43455a4899a70c24003d9e14c452a5', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '5bb465b65d24bb60318dd5a3cdd68e6472c36b79', size: "small", 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

@@ -97,10 +97,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '79a4948c8592bd3c1c5e3b5e14e95f7e12b37000', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'ffc5926c1509895c262f6d76c42b3c769c5c5ab7', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: '6a88654b0c0c301eac58834528cf2d6e7d0b9e21', for: "popover-target" }, h("div", { key: '9e7b0d62ade18fd7763f4ac724c50c3a9254187e', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '01cb8d263f49370950e9aa8f5e3e450a440771cf', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '02b0525f7e9e680d423e0ab7fe6a8052ce960cea', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'dcdc71ea7b41e4d7e784219827f8a0fe8402fd8c' }, h("input", { key: 'df5141479f7734a6b7722c94717a7f356fffd3ff', 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: '6e69eafad13b5dcce4b051557a0e1a8d4c149e68', slot: "label" })))
+            h("gux-button", { key: '258495300f80e1f80f3e8706e6fc83f315f7d572', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '56dcd682abb12400d7fb2306acc2534a1c1d91b8', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: 'f1e5e9f7d68b791864ef041f5f577ca0a9634465', for: "popover-target" }, h("div", { key: '746905e11b254b8e96468ba65de519b503dc6f52', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '98a2530f626de66abe173c88a1f84a29e7e5b25d', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '720755b6d126370abf68d1d3cdca76be2c638dc0', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '598923bb82a35dd5f17511e23fe5d7347e5bede8' }, h("input", { key: '2a03837e242b6524e4c6cb0687c25e321fff0d59', 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: 'd43aa39ae19743596a7d3d7d1f640917b7a8b264', slot: "label" })))
         ];
     }
     static get is() { return "gux-pagination-ellipsis-button"; }

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

@@ -28,10 +28,10 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: '044293b0a682f391853ae27c5e9f9e8ffbd21707', class: "gux-pagination-item-counts-container" }, h("span", { key: 'b69fddec13c6e23301a27e740fff918a3f22d6d5', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '3c8f3194e69eda12fc73beecc31cbf6c42cd1950', class: "gux-pagination-item-counts-container" }, h("span", { key: 'f386c71a2adc3388f0b386c69e1df1e02913fe49', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '689cc9a803488c967bee5009be885fdfd847c357', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '9367ca1b143ccf3880e18ec23deb33976abe380d', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     static get is() { return "gux-pagination-item-counts"; }
     static get originalStyleUrls() {

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

@@ -20,7 +20,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: '9643a2c4d28712a2de1e62b15503a6106b6471c2', class: "gux-pagination-items-per-page-container" }, h("div", { key: '9a7796264866788bcb2fa818e7c7aebed9882fc1', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '12785493c3b5174b10a7a1e7e49b7ed81517a47d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '491addd72506d7e29114939d7793da435371cf02', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'bab279a619dc9c2dccc90f75a78bab6408834466', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '2328aa27aa49839581b99943b42d8a3077e03387', 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

@@ -84,7 +84,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '361ceaf6693c424bae10aa61798b0acac93c5e42', class: "gux-pagination-container" }, h("div", { key: '0d427c60e7010b510490fb0d0a25c3e021ddd6bc', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'ce8dec2525b01766163e54176e5d816e9126d360', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'cfbb91e75acfd69383540d1c948f029ae590a3a4', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'e67a3e34889a8c7aed71e6fe511d11518edbd14c', class: "gux-pagination-spacer" }), h("div", { key: 'd7696ff702f3cc254497891ec5cc2081d87b3a52', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '3594f78147f8e32531bfb3ba8b1304810c40e4be', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '7c5ae79cc39730d42fbaa8b19eeeaf70cd4578e7', class: "gux-pagination-container" }, h("div", { key: '1cfd5b3b683ade18ecef2a9dec77573dd15b50ee', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'bb9daa0d0521b3b19155daa3d67264a650d7bfb9', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'b58742e8ed402eefbecbcb2d1e2f561ef20b3882', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '78758134142cca16789650536546562c562ce70a', class: "gux-pagination-spacer" }), h("div", { key: '9424a101076f242270ee3905b934232c8442bc6c', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'a8e667edafead07814e40699c76fbea1f98f8556', disabled: this.disabled, 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.css

@@ -5,7 +5,7 @@
   z-index: var(--gse-semantic-zIndex-popover);
   display: inline-block;
   min-inline-size: 280px;
-  padding: var(--gse-ui-popover-gap);
+  padding: var(--gse-ui-popover-padding);
   background-color: var(--gse-ui-popover-backgroundColor);
   border-radius: var(--gse-ui-popover-borderRadius);
   box-shadow: var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color);

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

@@ -156,10 +156,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '7f9fccc133020af77cf5c074773c89a4b2f20c37', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'bfe886ea8b2e268bda3131dffaf7fcd140de36e6', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '6a74b4ba58750b8cda24aea578976f131bf41b13', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'e7dd29cb3df94fa9fc8db003aa0bec5383a68aff', class: "gux-arrow-caret" })), h("div", { key: 'c2406a2c1dbc68ce7b23bb8d951ff389ec0640ee', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '247552e8de2da3b30d616bad7931ea97f8856887', name: "title" }), this.renderDismissButton()), h("div", { key: '62e5ae2b86329d8d9ac78a04673a5378db57f4b4', class: "gux-popover-content" }, h("slot", { key: 'd292319ee8b6f4f8965e64cb2cf0211bfa65dcdf' }))));
+            }, "data-placement": true }, h("div", { key: '3472fc472cd103985156e66fbe838120efdc2c47', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '536cf9942ac41017a857e5bdc8c221499d97333a', class: "gux-arrow-caret" })), h("div", { key: 'dae815a704470c51f7753e7d71f405ef0b5f6a05', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'f9bde5231fe5c82c013f17ea256efe519fa34ae1', name: "title" }), this.renderDismissButton()), h("div", { key: '07731538222b01fa6f4e8970d5aea57e6acdda7e', class: "gux-popover-content" }, h("slot", { key: '3b4c1b2fc454ac3cdca9582783d769d2a54222a1' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -127,10 +127,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '4365357f070d653d27906fd322bb10613f5eda61', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '7c14760b77840270bfc43392f8b2849e33b31f18', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'a52166eb4517ce70b4b58a2bbf4eeec549a1b5a2', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '6989f4b125db15a9fed242a3e5cd17ecbceaf6dd', onClick: this.dismiss.bind(this) })), h("div", { key: 'a27b7bc15dffeff356853d8d167b737133c289e8', class: "gux-popover-content" }, h("slot", { key: 'bfc8cfc0f9f8555c8383ba64f149e67006f7843b' }))));
+            }, "data-placement": true }, h("div", { key: 'f41b82e2e8fcc1087792c2fc3b721a4cde7e2be5', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'ce6482380b566b7fdf9c39ef8f85ae093fdf0c20', onClick: this.dismiss.bind(this) })), h("div", { key: '500329594e4561e7ed808386bccfd158fd63ab5f', class: "gux-popover-content" }, h("slot", { key: 'aae65d1129b1492de6e5060b9aae3abcd5cad59c' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -103,13 +103,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: 'e65eba8bf2ea21b2c75e5d7219e8d4ce847f14cf', class: {
+        return (h("div", { key: '5432544dc7eb13578d1dcc56669830be0cce03b9', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '10a5ee61912e0f0155e566fa0d8a71b8dc673958', name: "target" }), h("div", { key: 'f45ed6fe78f16164e6141fedd8b0dd59878cf3fa', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1de0af3ad7e87825fbbcc2fe64290832749d0ae9', name: "target" }), h("div", { key: 'd19ebb0ef9d8cd0d6fe307b0cfe0dd2227b0ab05', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '04965afccbb522397d745370c3c83fa3b20c8e9b', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '003e4c8f8224907bcf6e264d830df72007c31d09', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }