genesys-spark-components 4.112.0 → 4.113.1

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

@@ -58,7 +58,7 @@ export class GuxPaginationLegacy {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: '83e43389597c948a11b775a05728961ff5d22768', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'fe413cec42ab63694dee7abbcab061e5a8411d41', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '1aa5f8927c2466ba0d270fad2fe1df45802111da', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '5afda97d8b2a6835ea609ec114df490ced743adb', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '1963aa3608ceee1b8e60afebf19a5deb7c92314e', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '42bf68ac8d182cbca942feb3f0a5c160f560b05d', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-simple-toast-legacy/gux-simple-toast.js

@@ -12,7 +12,7 @@ export class GuxSimpleToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '7281e807502a73f3e4cabaed4d3300e86d5243fa' }, h("div", { key: '0c2c815e815546de6f31099f2936429eb950869e', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '42ed2b55cb7bbb84ab11e29b28a226a58e3a1c56', name: "icon" })), h("gux-truncate", { key: 'a4a4921005124f982d0bc411ec21b2f1aa1e8d91', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'b5cbfe22c5cb3efd01b23572458130c50c2a769e', name: "message" })), h("gux-dismiss-button", { key: 'd28e17276a23d79bb1e5011fd6b44a418947e956', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'cd12b491d684eb81457698877ce95c28b38c0e7d' }, h("div", { key: '38c6178c912e8ba8e6ba2f0e568ff7839ae39bcf', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '2d9a870749e1d07dfb4e6046c6016b40aa4e0e53', name: "icon" })), h("gux-truncate", { key: '55dc46c17c39f744fadee4239d7d2c85a8f0d23a', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'f2bf7698cc8ee194826b73054a3afde88b1c1cd8', name: "message" })), h("gux-dismiss-button", { key: 'c98371ac3aacfa923f2b5a5e4c07f548835d32bc', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/legacy/gux-switch-legacy/gux-switch-item/gux-switch-item.js

@@ -14,7 +14,7 @@ export class GuxSwitchItem {
         }
     }
     render() {
-        return (h(Host, { key: 'c1d1e3dba23cbd8e909d3e6a224c26bf968b2236', class: { 'gux-selected': this.selected } }, h("button", { key: 'c36e6fd1fdb59c62be6c99d31bfddd7827b23439', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'baf9f3bf51df4214aa809739a7a93e7d31544f37' }))));
+        return (h(Host, { key: '2ed33e7c7c9bc10a95fe58ddac40aa92d3baf6fc', class: { 'gux-selected': this.selected } }, h("button", { key: '18dd54fc6020bc33af1fdb3291ed467ce24c337c', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'ed50cc2aed32e97a7340496f303493967f03708b' }))));
     }
     static get is() { return "gux-switch-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-switch-legacy/gux-switch.js

@@ -31,7 +31,7 @@ export class GuxSwitch {
         });
     }
     render() {
-        return (h(Host, { key: '5793de8a92c7b9024eba2ffe2ebf04d348dc2bd5', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '791850207d34628aeeb28df51e8288c2997d1bec', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '2a5f7a42ae51622f621083945722d55b21c61c95', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'ad155fd665ccca61c80cf77cd5da7e5ab45f899b', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-switch-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.js

@@ -44,20 +44,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: 'd676183f3602c0585bd0272f02c1f39f240971e8', class: { 'gux-disabled': this.disabled } }, h("div", { key: '748a188fe8c4c709a2df6a583808822db14369a1', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'ee069ef9532093932b01a32a3414e8610b59d80b', class: {
+        return (h("section", { key: 'd010859104eb61287b50452027502d8b45bb97a1', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'ef3e10d59e72041ab201ebe4237d2002cdd424b6', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '48d14b1238dd5a8cda1bb397e22d03017e4d42e9', class: {
                 'gux-header': true,
                 'gux-reverse-headings': this.reverseHeadings
-            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: 'b480a8e56038975b501027a9aa810202e83e2f3e', name: "icon" }), h("div", { key: '6ceaa3b87d0cf72bd6e99f364f915a87eafc0e92', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: '9d7df0c288b8d31f42e605d98a7235b5bfcad1f3', name: "icon" }), h("div", { key: '310515c0a8243811e9126641691f19092f06c00b', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '3b6f7203a4dbd243e0632fff5c8fdbd2b61ea173', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '0af9524b7da954a76b39b4421275f09ea4f4637e', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'ef1f1943f86eb3c8c1cbe8351a880d5543d2c3d4', class: {
+            } }, h("slot", { key: 'abb2ac57412ddd1984b1057f34a6a1cf8ab69c11', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '091a96c1a6fcd05544beaf5bbd499629e0131d61', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '8fca0530223a93e1f1cf064c9f5af2665543de84', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'b9166b0e87f32a6fa181c17aadb670b041e3b8cb', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'cc3762d30859435f8de8550333c30c0b8014cb8a', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'f0718a400246a057f618ea7b31d5bf41546b7cd9', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'f90a2fda46aee4e75338f560388ac175842eba9a', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, h("slot", { key: '6c815da209845c266456ca3a844df9fa2fcca016', name: "content" }))));
+            } }, h("slot", { key: '963ee01329e2877b05e9fc52d8d268ffd4b6946a', name: "content" }))));
     }
     static get is() { return "gux-accordion-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,7 +36,7 @@ export class GuxAccordion {
         }
     }
     render() {
-        return (h("slot", { key: '2e98373f76d1a7f4dbddbc1b3eafc4234960d699' }));
+        return (h("slot", { key: '2bd07707cf323ba6568223a125cec4b24d6197d5' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-action-button/gux-action-button.js

@@ -117,7 +117,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '304ef7cb3905d106193454161bc4568d0c079706', class: "gux-action-button-container" }, h("gux-popup", { key: '54a8bd4bf4f44f18dae4cc89425e09021594ab02', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '93c061b171d3755fdaf9a53bac6a52906c9043ca', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '58732872a47c5f6ec5226b256d8be87980ad2d44', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '9733371c281016c1cb463391fee289531144502a', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'e66ee67b66212d42375a2c0b9b9e5c4a7f9123bc', name: "title" }))), h("gux-button-slot", { key: 'c106f468df10e3be8bbf1a974d981bc954629ea4', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '7ebf3768773c2e2a614092dd33a047cce5f48d53', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: 'eef18f5cbcfa388cc54434ac627203c98db7301c', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '09e248bb5ad499f19a518b0232415d8f37623786', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '0f28558d620c129c34a50a1773c82d56e6a78649', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'ef54d3771ed9287c2fdb71965c38cfdf8577d48f' }))))));
+        return (h("div", { key: '01844aea07004b55a12d1e722300049f8108d6d9', class: "gux-action-button-container" }, h("gux-popup", { key: '339ec282d5b932c9086d90592a401f9dceaed8d4', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'd2b8baa66af0545779ca753efdf99aef16dfaa0a', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '3949872f533e25ddd64347d6f2ce8cfff34c66c7', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '44a9f5d9a758c42d383a475d950624c13476b292', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'dca6257158a8a6c57284839e0294c6fd4065667d', name: "title" }))), h("gux-button-slot", { key: '93e5b097582eeeed9cd5389e38abd4a45803fd37', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '56227811b8f541048d8510ae6862887aa18c92a2', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '127864b062cbcb777a85dfb15bea33c94ad33779', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'e07f57ddf92bb76ecd88eab8306000817b5d88d6', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '567cef20863d6fd4a6d56a01419609bacb68e877', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '9faf3538d626d574e5090251afd6883e2e880428' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,7 +39,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'edf253557ca4599511a35bb4509e502001b661d4', class: {
+        return (h("div", { key: 'd61c4e2e2353b3385d8fbcdc06813fcac52d3105', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

package/dist/collection/components/stable/gux-blank-state/gux-blank-state.js

@@ -35,7 +35,7 @@ export class GuxBlankState {
         this.hasCallToAction = hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (h("div", { key: 'a220741844984e366216f60674e938e0f4f3ffb8', class: "gux-container" }, h("div", { key: 'de8d1e5ec8016d4b2681e9378e53fcea0a0c24e6', class: "gux-image" }, h("slot", { key: '7e5780364ad8a7705c56c72fcb577ef3e6da8cf9', name: "image" })), h("div", { key: '7973a888728d065ac4d3ff83390bd4a4bb297359', class: "gux-message" }, h("slot", { key: '54a663cb1a3c8fd656764eb03dfcd3d20a92a122', name: "primary-message" })), h("div", { key: '42da9b7d883f41e8f62beeafeb44b45133856390', class: "gux-guidance" }, h("slot", { key: '9d2a4c5af66dc7ca84600d093f26150bdfbc9b71', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: 'a812183308ce82399d1dafa36e8ae80f40298505', class: "gux-container" }, h("div", { key: '737ee62ee9f2b669070cd8a18924bd22ff9d86b3', class: "gux-image" }, h("slot", { key: '4380b94f11a96e94178e5407ae29246ac2278e7c', name: "image" })), h("div", { key: '6c7ac6b33dd5873a83bcf05fef4fc980a858b6d9', class: "gux-message" }, h("slot", { key: 'a4a61cf10544e1966a6e7a63439ee137798f8aca', name: "primary-message" })), h("div", { key: '5f874e0c18a3065b9b02ab4e4aafb90e931443cf', class: "gux-guidance" }, h("slot", { key: '53b008ec660295789193b71139dc727d2df7948e', name: "additional-guidance" })), this.renderCallToActionSlot()));
     }
     static get is() { return "gux-blank-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-breadcrumbs/breadcrumb-item/gux-breadcrumb-item.js

@@ -38,7 +38,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '61936fb9123f607cce1e7515a65025f0ceb49c26', role: "listitem" }, h("span", { key: 'a8c7fb4dfec59d3356ca5e101287aa023e16568d', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: 'f58448179219988872aef9743467bd8faea585d9', role: "listitem" }, h("span", { key: 'ac86e1fd271d24f82d382cf4a9692f97effcdc5c', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     static get is() { return "gux-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class GuxBreadcrumbs {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: '119b3fa8ee5e78bf3b0d1499e7cb983939181220', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'e1e65d2af720de448a5754d955c90e03f010c044' }, h("slot", { key: '7c8ef3d9fa757d30769e0fead31fcf7eeb03b86a', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '47b29436439aeec2d6d3db2c9b5d29f23a6a1ab0', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '30534f46660ef40e401ccd40f4d1a71f66e916dc' }, h("slot", { key: '3f5a37c1cc6ab74400269d676db0998aa81297ed', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     static get is() { return "gux-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,10 +22,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: 'eeb5fffe498716be6b4f7b33821cf484495d1d1e', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: 'f336746777fa318e2cc8ac18a77c44b0f52da0cd', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '60edd2dfa88fb7efb90c345247706da081a9be20', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '82cfa0f55e0684131d6ab3b752411587d7fab276', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

package/dist/collection/components/stable/gux-button-multi/gux-button-multi.js

@@ -104,7 +104,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: 'c083b95a647399a7cd916c0a087af6cc4fc5bc1d', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'ea62ec5f77c58b4f3a3f25e97070bd8c15cfa0bf', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '6f978c23343e2af4754a96dc524605ae67edfe1b', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '97eed2c9c1a6f9c8f0e22734d07ed6efd819473c', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '3e9192a4fbedaa88005049ed522215c88155420b', name: "title" }), h("gux-icon", { key: '0a1ee4870f819e8cb8c6d9b434d68bba5875308c', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '45bf0d049e55d413a3fd1c965c3983e41334c68a', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '7f457dcba160830324f8e0a78a70608f7d322967', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '660248167197a447fcac9348a0226073cddaa01a' })))));
+        return (h("gux-popup", { key: 'b8596319885e7c95ab16882d4b654900f8c0815c', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '179a8c80db85ea06faa32a01738b6e7fcd97c316', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '6f08208a86815d6a3fb82676dad7c813e4ba6965', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'f2a6b35c316dd11da3b449246bc06a8ac15bbb1c', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'dff54155dd6bf5b8d5486fc824ce31e4e15923e0', name: "title" }), h("gux-icon", { key: 'd03cd4149f57c5df9d9cb6b76b402838a8899a16', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'e8922f45c61a59cd201d0604c4d68c38598910de', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'cdb06eff80dcc656d99ddcecc5abb995e268c3ed', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '98b8f47e1a44c137b330107981cadb7ea1f01ba3' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-button-slot/gux-button-slot.js

@@ -32,7 +32,7 @@ export class GuxButtonSlot {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: 'f006b3f67f24b741ad71daa8e98f3d028f3ec0b6', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '82bee185b230368e595c833cdfad36e977931efc' })));
+        return (h(Host, { key: 'e6bbc2d0af4e87622578d8c08042e4ed52b1e505', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '85281c21e359f1c635e6235a1ad62b84227f4ddb' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

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

@@ -322,7 +322,7 @@ export class GuxCalendar {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '8632c5363764ad79c5c3bdcd55db42b1c0e2351b', class: "gux-calendar" }, h("div", { key: 'ba2a5200db8647f8755bdc678e1cf207684cb1e5', class: "gux-header" }, h("button", { key: '22aa72956abb90a0b1e74e1c3dc66b598d55e3c7', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'fa9ba3ff4603e8e7a7b9715e4612fa543e2231d0', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '70fd848e506de2edb7d0e9212a911eb87849645e', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '7dc21af60150f07e31d2b1a724aba3df453351b9', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '116315e909e4375b1c76a3c47145fb772b192761', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '608100a47650aa8c7408cb72b41bdf610375cfc2', class: "gux-calendar" }, h("div", { key: 'e064a53e54b55478085a77e65d84eb752103dc83', class: "gux-header" }, h("button", { key: '4e258899ed52b4c21d86ed865313b679313391c5', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'aac6049449bdcfc0696b1bcd4d8d6efebdab520d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'a13722dc99f56373ade9c3107900d9524a82dd92', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'df253ddcc563541ab79b8550daed55e8ea9ac3a0', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'cb5bf8914175a52ee1374ccd288e9c04b9d5b8af', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     static get is() { return "gux-calendar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,10 +11,10 @@ export class GuxCard {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '048b1825db881e0790fa44599576ae68fdfddfab', class: {
+        return (h("div", { key: 'fddfeabae96f3dceb718f2e81f787a607806626c', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '98058859f5b54c7fdd474493dbdf86931b98f32b' })));
+            } }, h("slot", { key: '1a47ff002ceb544b37882c381dadc09386d69531' })));
     }
     static get is() { return "gux-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-column-manager/gux-column-manager-item/gux-column-manager-item.js

@@ -128,14 +128,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'fafcff84c00a5ef0c5424e430941f76210bd744a', draggable: "true" }, h("div", { key: '16ac741d2daed6264f38fd8dd03eeb163ac7dd4d', class: {
+        return (h(Host, { key: '4b62f8a4e6987662a4442eb64b46503c7b846832', draggable: "true" }, h("div", { key: '379821764f92352f40a5784fab4b410629248b36', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: 'e55e17c2a9e468ecffd5b0b2b68d9fbdfb955951', class: {
+            } }, h("button", { key: '900c686eba727645339be71d8d4d6dd633b16512', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '6fe7d676aa123e5e87468388f76488fad2801c05', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '629c142177ea24b1c41e0288372b62d4f4793d92', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '0052179ee1778c6c9cbe82c2395250edefeca4ff', class: "gux-select" }, h("slot", { key: '855e2aa27702aa0758605f7abe15b8cbb89102ed', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '52c83368ef4b20a1b75e99395a4ffec4f3ce09a3', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: 'f89e7db5f9fab521b3c12cc900df57c9577c7091', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '0fd4aa2424b7a5f86c55a2d25b69bcb97bd2c54a', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '2ef6bb1398919a63ac26037ae065001a2a5db766', class: "gux-select" }, h("slot", { key: '47dececc3e186ff4e87939b09e7b1942dbed1ac4', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '9e5b15098cc39242e5efb94285c46c938b7f379d', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     static get is() { return "gux-column-manager-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-column-manager/gux-column-manager.js

@@ -89,7 +89,7 @@ export class GuxColumnManager {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: '791f69bd3f39d4d4a6b285cbb42de8049cb8f113', class: "gux-container" }, h("div", { key: '1410e1f0c23f639b836507d9a7c70f1278c39ad8', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '3b27b7752420d4fde1652ca9bfc1661a4aa5579c', class: "gux-search" }, h("gux-content-search", { key: 'ab3ae26813b5d746410a9ee82675a7bebf3140b9', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'e755a3ae15f7dc85f598c6da1fc59c0983df8be3', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '8213aeb04810a59f51ac86b84251add5e4114c2e', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'b21ca31ec2d33c359414c61d07f275e1c7dccaf1' }, h("input", { key: '8cb7b744a8038d55acbe8ce687334f794c6c19fd', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '0b4e9ced66436d2179c5e341bea7ca7e7f8061eb', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'bec2d31966ed62b047243b1d5a623211049782aa', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '1670ddb41e9f8b5027132651c7011338d1754e7a', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '3dc91ac2ca6a740a15e19ce5b1590989b07b30da', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '90472c14aff4241a12a67e599f4eb4575766f64d', class: "gux-container" }, h("div", { key: '6708dbf297e838ff3a39c0d3eb0d2166bd82b603', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'e81f51fa16667552b12defa722fdb4e2570fa31e', class: "gux-search" }, h("gux-content-search", { key: 'd4f6ba75ce8c93142efde59730391ac93fc3b137', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '6ccd29773587b71fd08d47d7c89cd7242f4b4c3e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'd521b953340ef6ef42656a8dadef2a2afe53eb3c', class: "gux-select" }, h("gux-form-field-checkbox", { key: '9d11c72ed14a1c87cfac5037880f220e679bc522' }, h("input", { key: 'adf6a87ed983216e59b38888fff529d665aa22b3', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '19e2f8f14b119c8a73728a62edb38dabdb21447e', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '3b9164ab9d5f245f76b8d19afd5e5ddb8f005442', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'f87a0f01ba201238d5695d0c436343cead0c52a5', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '23888d1c0878856edadbb8bdb611ac6d803d9f71', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-column-manager"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-content-search/gux-content-search.js

@@ -46,10 +46,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: 'c677f35b38b7761866cce6f52c6bf70a39efa87b', class: {
+        return (h("div", { key: 'c13e18adcc7893bd09918918011f06a6c631b690', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '50f3e9a582347e1d24a50c765f5dd63c37d5341c', class: "gux-search-icon" }, h("gux-icon", { key: '2ed0aefa3e93edef285808e336fe5897b078fd8e', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '95257371d6a06235c2c0b7358afcbd408949230f' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '9ba14b3d49298ebda817fb6d600dbad6dfa63713', class: "gux-search-icon" }, h("gux-icon", { key: '2146014de1e824adcb11d8a0d61d12604c9b3206', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'ea3eb44b3235e9cfc0bb3f3afd7c0b3c81864332' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

package/dist/collection/components/stable/gux-context-menu/gux-context-menu.js

@@ -107,8 +107,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '194e9a18eaf58654cd45527aa95dc68c5559af46' }, h("gux-popup", { key: 'a92927b14c97e848a98f3fd3885c0568d076ece3', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '397efdadb4369691d684bf9acb33e98254b6e059', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '993efdc7e2b9d773776a12849f9894855b7a9c96', accent: "ghost" }, h("button", { key: 'd825f9e55515a125dc39a61654e5117a33e4f0f8', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '5ec0fd4f34b790429b127286f2b64b99b2b23b13', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: 'de7feb2cd3e65333e8001e1d22add25440244be8', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '39987d740aefe82febc597c3700af22b6448b984', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '15a9091a836f9217bfb2aaa214bbca0365123814' }))))));
+        return (h(Host, { key: '6ec72e40159292c148c53dd5739fa21b45710f30' }, h("gux-popup", { key: 'b60d4e27776f9bcff8dd81767b5d4fe83abdeb31', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '46c37f1bcd37e728ae260978edcd2d25aec33efb', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '52355dc84b4b2c6df125906dca42b54f314e8e2b', accent: "ghost" }, h("button", { key: 'd051f5aa1443d0b3f25868d650696ea35552b1ff', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '350ba0aa9ba35950e14c05d5baf0a2b3eff78bad', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: '5468877b13a689cd2dc0c0bc5050eea6a090cbc1', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'ae649d83d0722f5614dcb66122f1f7a87a78ab47', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e00d0df7d2a0bec67de19b11134dcfe5218fb589' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.js

@@ -51,7 +51,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '1f22d1671641887bbc0eb38575cb36f614800d5a', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '58b346a165dd6db43dacf9e93375ee5e4bdd4cd0', class: "gux-copy-content" }, h("slot", { key: 'c61843695c721e376ca8c858595307134f104e67', name: "content" }), h("gux-icon", { key: '6a0736266451f2b5702ad9b1e0a417a7649cfb13', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '4843d7c055d6d34758fdea75f67d4a24bd95d7d5', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '7f503d10ec5f1f31754661f518d60f9606055001', class: "gux-copy-content" }, h("slot", { key: 'b6f200fb75dae908cf65584a32650e03e0c22295', name: "content" }), h("gux-icon", { key: '8bbb7a6dfd579ed9a2c21b15c75395c167af5864', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

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

@@ -510,7 +510,7 @@ export class GuxDatepicker {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: 'af2a22d53c2bc721f52aa9340a9a52f63671f5ba', class: {
+        return (h("div", { key: '70cbb2cd6fbcd3a770d50258f90d07d833e0da05', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

package/dist/collection/components/stable/gux-dismiss-button/gux-dismiss-button.js

@@ -12,10 +12,10 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '752feb0398a667f08f9ab6eedc4bbeaceb3e5f0f', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '5ceaedf6208b7fc7277d65e76afe34da93b75b6b', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '26801d3be916d0cf2ddee38059ccd6da9245197d', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a8cd1712d613296b9ff84afcd30b4de95d39d35c', class: "gux-icon-container" }, h("gux-icon", { key: '1801568c4e57cb7830c40da1416da81c73639d6a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: 'b3fbaaa681b6164182336f30ea67caac83e64561', type: "button", title: this.i18n('dismiss') }, h("div", { key: '439ba2827dcf7246ac076ba2e1911a0fc600ec8e', class: "gux-icon-container" }, h("gux-icon", { key: 'd05b7eeb8a2612f3052e4ebc7647db3841f4241f', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -349,7 +349,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '6eef6544d82af165c88d8f6009b3eec02f70da9e', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'e65a43af8097df089756d19fa6d09f54d265b71b', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.js

@@ -30,7 +30,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '2967af24bf413f1bf154318ecc2fd546692d6d7f', class: {
+        return (h("div", { key: '80bf22ee8cbb16ae1af046a5ca3821396a8a3acb', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi.js

@@ -374,7 +374,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '1f8990c9e2be6f7b2d8fb8e7c2998fcac1358cd8', class: "gux-dropdown-container" }, h("gux-popup", { key: '5602788af72f17d5b1b75786b10519b319f82340', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '4c12f474e5aa49348caa1cd9046632f989f1e329', class: "gux-dropdown-container" }, h("gux-popup", { key: '4325f25fc057fd5b7488de52c11660ac4e14138b', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-flyout-menu.js

@@ -171,10 +171,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'e697db0a95c445d37e219834cac68563c3908c71', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '36a1189956602bf432dbf893caf627da5aae61f7', ref: el => (this.targetElement = el) }, h("slot", { key: 'c0cc138fe827d6cf7ea4ac4dfe0366b991a2a33c', name: "target" })), h("div", { key: '91a50d9b88c593091b530b3c01448ba91bb781be', class: {
+        return (h(Host, { key: '3fd4266f454403289736c713c1d3788cd0ae4430', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'd45e79a74c93ead8f2674337bfeb9290854c061c', ref: el => (this.targetElement = el) }, h("slot", { key: 'ac3c9d9f38d0e861771b76bd77f79410da8944c4', name: "target" })), h("div", { key: '83e13292bdf43fb6a661e4c4369fa6db5d536446', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'ee86e3e4f078391d172b6af5b136a977681ae73e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '478d2666ae5cb9dc3a91806161cdb81b49f0df9b', class: "gux-arrow-caret" })), h("slot", { key: 'fdde4c2e39513b0d1569ff50bbba12a6b2e1c8e9', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'e03bf57ba4308052a71b6b45e28af4763a08f8e7', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '18a28ca0abde38c0ab77b7d021e062f172442cb7', class: "gux-arrow-caret" })), h("slot", { key: '4254349a9cf551d08e0784d30e5dacaadca91270', name: "menu" }))));
     }
     static get is() { return "gux-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu-option/gux-menu-option.js

@@ -28,7 +28,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: '8b2fef439f2e1d099f4f5418661ab10e11fb47fc', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '41321a02d7ce5f09e8a8eb88f417e49aac6fb822', class: "gux-menu-option-button-text" }, h("slot", { key: 'e6c4323d85deabdecc64b9e8025e535637e44485' }))));
+        return (h("button", { key: 'd81250109838495e524e57ea27c7f951fdcca597', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '6b2d586f14d586dd5d66125ffc855877442d9469', class: "gux-menu-option-button-text" }, h("slot", { key: 'a2196725016fcf5d7fb041df88aa5f1f6d74d63e' }))));
     }
     static get is() { return "gux-menu-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu.js

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class GuxMenu {
     render() {
-        return (h(Host, { key: '5bc89d1092da16dd5dc445295763db2f94b88ac2', role: "menu" }, h("slot", { key: '6ded0a3a542135ffd6ac8bd326df50d331fde613' })));
+        return (h(Host, { key: '2d74355f99f30a0a767a6c10f8488358dc32d31d', role: "menu" }, h("slot", { key: 'cbc4501e25efdca1ac97ba654356b49a9a4ba644' })));
     }
     static get is() { return "gux-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-submenu/gux-submenu.js

@@ -140,13 +140,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: '37554bdbd5cda270ee692781c16d9cf4e88eee5f' }, h("button", { key: '6ff5813ccf2954164223f91b5dd9751278e45ac7', type: "button", class: {
+        return (h(Host, { key: '73451d05dd8ab24de76795663c9406f1be70b9ea' }, h("button", { key: '043ad200c28c4fa9f476488e3789e43859af5f0c', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '8dbb3254bb9f4af7ed4b44a807b442bc49fbcc6a', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'c155723afcd5a52c3917f7d2eb1f7a3e0d7c46c9', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'ac66eb504c60a7745f66ea65926378c4fb75e030', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '4f8522dde576ae710c435b2bba48e2849719c23e', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '1a71c1fea4aaa8f08a4f091e6ae6d71f0b6b7c2c', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '7269a1ff721903054b32e754f60b68541a864e50', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'e019e00a09313a5da7eb74199e1f471d4a2e95b0', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '079239f688e2a4cfd15382b76fab089361fddce0' })))));
+            } }, h("div", { key: '1961d7534de93f3f9a13df268da591cc19debd07', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'dbdf8e962df400f3a8aaddd46cffde5d92675db4' })))));
     }
     static get is() { return "gux-submenu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,10 +48,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: '8caa48a2062d9215ca83ed9c32a99e8d127b2e65', class: {
+        return (h(Host, { key: '067f89ff8cc4f7de2b316ce0d472819f03b75fae', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'de9eaffaa82f2a4c2c71a8284e69dc2d9b21db69', class: "gux-form-field-container" }, h("div", { key: '74b8a5c75320a4fbecb56133c76496ff969c3a71', class: "gux-input-label" }, h("div", { key: '7ef1f708533822f77be11c6863e314718305f959', class: "gux-input" }, h("slot", { key: '514f440dfafb6d66c1d43d016e4af97b612e6f5b', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'eac246880b46a6811f7f4b742a36cd8736e8d863', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '7b49eba6f52e02ad6ac1bbe657a376df1d0036c7', name: "label" }))), h("div", { key: '351f9c954f1eaf8f73db23988e1c3fa7ba868e55', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '32c8b7e4c5aba307f604c0840f13879ab1a048b8', show: this.hasError }, h("slot", { key: '510bbcfcb6440230fa42d9a4f2a83ee7aefd0b7e', name: "error" })), h(GuxFormFieldHelp, { key: '989d53d3926b2d762175d3c235e4985c1a565d28', show: !this.hasError && this.hasHelp }, h("slot", { key: '1cae7e12a865d65aa3a53e5e266150e14e62debe', name: "help" }))))));
+            } }, h("div", { key: '88543aa3adb303a4edafdb12b16fc7a7243c5a6f', class: "gux-form-field-container" }, h("div", { key: 'c24ec13522c4fea24a56a12383d4f1875148efaf', class: "gux-input-label" }, h("div", { key: '28ce882c01a02a34961a2f1741c59e31e4025411', class: "gux-input" }, h("slot", { key: '47af0056364dbec633d30dd67e609d38a2068fc1', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'c799fa60591717fa0445fdb55d01757504e284d3', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'bd7f2c57a5f1c2eb929b0a5f701533bd286ef4fa', name: "label" }))), h("div", { key: 'b374ad8d8c0e44a2ade98dad93eecab4e6e3e921', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'd5a82479c64610063911d45dee568bedca04bee9', show: this.hasError }, h("slot", { key: 'ea5a86149c204e10112000d6cebc42fd11bbba33', name: "error" })), h(GuxFormFieldHelp, { key: '7f6793fd9f1418db983a1f67f08ba8a23d159202', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fb7cfd1d99a99385c1e7581e12f108badbbcb4c7', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -133,8 +133,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '21f4256a8e698d0c29c1146983d7053489b4599a', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '2a62a74c4279b6055ae3d2afbffd1859ae230df1' }, (_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: '3d779e1cf8d86bd97f1aba07f1eef48cc1b3b24d', position: "above", required: this.required }, h("slot", { key: '32ee01013424fd7e06f01791fba893315d1b7e2d', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3d7bf7bdcd7265ea8ee7dfbcdb5113a046eb7be2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8e3dc8413f650697b20cd17df15737abad1d4fad', name: "group-label-info" })), h("slot", { key: '6274b0107fd8ff70a16dcd511ed87b0fcea575e8', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'ef16b0485640a6dc19556199c9a6505a3a2303b8', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '6d7573efa09ba00faa217bb90e902de9f7d0f8a6', show: this.hasGroupError }, h("slot", { key: 'f5f373d1f52814ba6a8ad518ce98417acd9377ab', name: "group-error" })), h(GuxFormFieldHelp, { key: '9e3790eb8a1cc6069a1b9f843eae503a8c45e5e3', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '464a4527f57b43ee0025e4657ec74ee9d0c7d044', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '016ba0fbfb61b207e8321b6f293befe02b8e20d7', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '8a3cfd265b557ecf0d3a0c72ef3f34fcafd36096' }, (_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: '6c71ddad3a7dfa4c683851e84769ae17e6c786ae', position: "above", required: this.required }, h("slot", { key: 'c7483941443cec196820bcf352a4aa0ef629dfdc', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f47c76e0de709eef2ba827d4202adf768ae7f461', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f36c6951128863714f6d4e58f32b3856ca677805', name: "group-label-info" })), h("slot", { key: '475c3de3cf644d77e664231e07f00968d050e289', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'f1ff46cf13a0b01d57bafbfa00712fcdff2f1a0b', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'e00317549fc4c75fe5183e804f5a43cc456ec06a', show: this.hasGroupError }, h("slot", { key: '5de293b3687e5249524a167b988837c6a8e0e546', name: "group-error" })), h(GuxFormFieldHelp, { key: 'de36271470d7f76aa653d98fff3bc4ad8500ab15', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '161c8132d48f8e761e821c18a780221f870011d5', 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-color/gux-form-field-color.js

@@ -84,13 +84,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '4f2d5c81c27a6b294ec1da732a05dcbe2e0f757a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8c2a3fea7d5f3688ecf94c09f304e45e78cc52b9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2eb688d2ea844db29abc6480d7f99deca5c0f759', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd1a74c1ed23c43c9cd529cbf31647b6d846a71f2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '00ef98a5c07dfb79f8394dee89a7d39726b7ce69', name: "label-info" })), h("div", { key: '50a9bb5afb7b0a7fb494cdc6837d5f48878773f0', class: "gux-input-and-error-container" }, h("div", { key: '3b728c52323763e676e82215b2751d97cf6aa020', class: {
+        return (h(GuxFormFieldContainer, { key: 'eb5167c31fccdd7d84ebc4a94228404f18027965', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '016b80603997293cdef58742516958685765d5fc', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b3ada7a58c3d46ae2e41ff12215b0d28c60b05a9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '70245fa42b86f0bb1db34722f68942ec04311da0', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6dfcb4faf9144a85c7458db49670fd92512241f1', name: "label-info" })), h("div", { key: '1057e6f945c033a8334319cb968d82aa9679b5fb', class: "gux-input-and-error-container" }, h("div", { key: 'ae4bd61d9ca718a938ac24ea1246152b59fd15a4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '7383a4e3f2b6b31607e149f81d0675f8088ac4f7', class: {
+            } }, h("div", { key: '4454e9a6152b00d3a0ee2d49c53012ff73d22546', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '4bea8d3fed0381008958f2050f93623740a41282', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '1ce3513b1a5d95a78954a172780382b4d3a4fd5c', show: this.hasError }, h("slot", { key: '461ed1f61b72f88ed143807107a6ef7f2a19654f', name: "error" })), h(GuxFormFieldHelp, { key: 'b5d3641ce84f47f5b29f0056752d7d57edc29cca', show: !this.hasError && this.hasHelp }, h("slot", { key: '3326ea75f8c1a3adb491209bf669405ad8f33c46', name: "help" })))));
+            } }, h("slot", { key: '389cfccf2d5f364996388b426d006b32bcfff54a', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '3b2f40aa97d1702ad76ee8113d8839bb5b5cf18a', show: this.hasError }, h("slot", { key: '8bb94fe63bdf80b4437eeb14f3fc24a23f92568d', name: "error" })), h(GuxFormFieldHelp, { key: 'f83ffce79ac863b0089beea206dad9f89fc46926', show: !this.hasError && this.hasHelp }, h("slot", { key: '498f9663f15081c36699100bfe9916c54932bc42', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -96,11 +96,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '2f3eb650abd7b65bea2e9065d17219f027dba3fb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '08f95e46239e74cb5e4c4ddc424d521a1ad01844' }, (_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, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '504dad52cc166c2692a35c121fb9da8289b0a8b6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f1e976ff4d16227ff4e456783f8a48b6a8dfe89f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9795a4548ccd3b8eb393aef038e690a29df27882', variant: this.indicatorMark, required: this.required }), h("slot", { key: '70522620562edda7d198d89fa0221963b2bed3be', name: "label-info" })), h("div", { key: '0f4643ad4e3fbdadf3689752c46c6326e47cbb1d', class: "gux-input-and-error-container" }, h("div", { key: '8972cd0a5cd1a9f4d0ba3a6cc70c2530eef4c981', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '24c11cf76b967caf723bc0d50034ca1982450201', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1f8350bee643311a6bbfb11bec30b5af63c3caa5' }, (_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, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'db64a853d9a3e9b85eddd28affb3b920abe11cbc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '37761aefe67dbbb28dafd2485044dfeea87a0b1c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7c49f9df2354223d7005c22e7b09dd5aa564bbfa', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0e23cb5b0f860cd0711125b13e55a7eaadc0e09a', name: "label-info" })), h("div", { key: 'e3fa2afdd90d98729cab0d816d9f80803d457c40', class: "gux-input-and-error-container" }, h("div", { key: '7238001ff7984c82ebe800529359c10e9074ca8d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '281c93df50e1529e244eef3bcfbcc7e95aec374f' })), h(GuxFormFieldError, { key: '0b2a3429e24b2a321e41d9a472a6ea82f6524ec5', show: this.hasError }, h("slot", { key: '90cfc1c8ead0a08689e74e6d1fcdcd169ecbc4be', name: "error" })), h(GuxFormFieldHelp, { key: 'bf3923393671a312ee0bc509e6bb2a0c5d5e77be', show: !this.hasError && this.hasHelp }, h("slot", { key: '3db202feefdf6ea50c0fe4158ee9357d34344853', name: "help" })))));
+            } }, h("slot", { key: '7c9f77db11bf52459a2277525447fca26643fd6d' })), h(GuxFormFieldError, { key: '4dba038e763c2d0e96cb611f1786fa0c160bc924', show: this.hasError }, h("slot", { key: '4d7a0a2167e494b4fefa444f4ef527a842c1fa0c', name: "error" })), h(GuxFormFieldHelp, { key: '2ee006ae770e3af278c4056f4b7fa6fdce490170', show: !this.hasError && this.hasHelp }, h("slot", { key: '0532bc69d0be05d01716b89147d6e461405b473c', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -98,7 +98,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '0f8a6e0c91cbcadb884e19def722434d3bb91fde', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'bc72ca400167d977d779a527587bb4ed4d50014f', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '86bd49f60278e1e35694565e24ef8861d23dbd9f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6a2447ab73b548a8ee28a4dab2d04797e991e75b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5cdcd5a70ce1bca9a7bd7d00b8fab4ef712365fc', name: "label-info" })), h("div", { key: 'f160e8727f1120f255ea9ed8d4a1a90918610ae8', class: "gux-input-and-error-container" }, h("slot", { key: 'd5a54809e695323d3037652bea4770cfb6d2d7dd', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '3744d40c9ed26578a9fd6e5d75aa9cdf230975bf', show: this.hasError }, h("slot", { key: 'b44b1cb5992043697d28d049b4fd1fda26ac590a', name: "error" })), h(GuxFormFieldHelp, { key: '658e0653ec811676c6f695111fa9315048368c0c', show: !this.hasError && this.hasHelp }, h("slot", { key: '0eb70015eac6a8094e30e1d2f7d87986107d32a0', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '82b7f546e302726bf3da20fb203f65d39f518357', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8d6ea028da8b4b69a775e1db3458fb8d502b453a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '855456190313c3de0b580b01d1e9f52e3de5ed28', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '55daca20526e32d7d42ecfb28ebe19f2244bd9fa', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e3fc2009e70ef3e1e34fddf871dc054c9295ae16', name: "label-info" })), h("div", { key: 'a2f4c0707797b559d3706dbdfb7b0d0c02e327bd', class: "gux-input-and-error-container" }, h("slot", { key: '4772369244195fc256a943d080f37d6339e17dd0', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '9fb36778f5b95c8f838c4cad28ca732f7ab02197', show: this.hasError }, h("slot", { key: '02eddf03b82dba489b2b1739d7f33ab0745f2fe6', name: "error" })), h(GuxFormFieldHelp, { key: '162bc657dfdd99bb609849cd328bed2941075575', show: !this.hasError && this.hasHelp }, h("slot", { key: '8b47d8af375b171573edc232fcacaf31ef31cb11', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }

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

@@ -101,14 +101,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '10899f683134e7949d9d3ef60759300efda6560b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c4c8018c21ffaad4adafe64ef09eb803b738d1bd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'd9f5ada771dfc2eed2dd820e27db9b42ce9b8765', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fee5da61b7211c1f8fa2de8e965e55adc75dd714', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7d37cbbe3717975bf8664acc96fee96f72a922af', name: "label-info" })), h("div", { key: 'cd700b93a55a201b636dc7edbee668e5811f1eec', class: "gux-input-and-error-container" }, h("div", { key: 'b4c2aa8ca0adb5d82b020d58ac7cae4b7f0c871e', class: {
+        return (h(GuxFormFieldContainer, { key: '9fe2d60e7ae731e094c68998d51a5a2099a80cd5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '3ceafc7cacdb3d46ca1f4b2d0446677cc8c7e46e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'fcad7e7a18ab32c48cdf39fe63fe11d0669ebd66', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6db058d0c69764d20cc4203a6335213349dc0a0a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd7aebaabd6b3deb33683abe8b7ca8b59dd066273', name: "label-info" })), h("div", { key: '3aecafbafe1f545e4de2caa9027b1923fc303900', class: "gux-input-and-error-container" }, h("div", { key: '68d6777d215ca7be80462a655912065c9436e888', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '96853730c0f12249818cca264493b3ec82178143', class: {
+            }, part: "input-section" }, h("div", { key: 'e5a8bb31f04c76d5513dae6180719a26ce9b029c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'c8c96bf60da2feff48f86e0123bc1e4e75a7bc1f', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '94a106fd095572497a235d9c6e6806f6319d18ac', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '1cb123ac507b5fe8f9f6e28af757211b89225797', show: this.hasError }, h("slot", { key: '5c4817ca0b44c92fca9a82bb214a49e0e6c10804', name: "error" })), h(GuxFormFieldHelp, { key: '2d8522e78f42ff0c8e074a5d56d657a1020dad48', show: !this.hasError && this.hasHelp }, h("slot", { key: '9330ae9bb786e366de5c272b5442c157d16d54a6', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '7bd49d7eb743604cccf1a1f67d46ca2aa5ff37d8', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'c0c085810b2b48ab3998e4bf6cf6899645e758bc', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'd8d284916a98589e15c2fba272ade4fa85997c5d', show: this.hasError }, h("slot", { key: '1fb61143cc901e56c8d9fbad4acf11e3425e5af4', name: "error" })), h(GuxFormFieldHelp, { key: '832dd5c8568a4e84dd1505d1d6517648769b58ed', show: !this.hasError && this.hasHelp }, h("slot", { key: '36cf83fa87f92081c9e1db7bf8f0aaea43a0d81b', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition