genesys-spark-components 4.29.1-beta.0 → 4.31.0

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

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

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

@@ -115,7 +115,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '9748abc6995a7551aa26e38548ae5a9ef83bffcf', class: "gux-action-button-container" }, h("gux-popup", { key: '659b180ab2c899a4e4b5b82aa65542bc782471d0', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'ec575c840159cf5a532baf8c9f7b3489257b3821', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '5871d8540ab982b11c698bc14d4ccec71056cdfe', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'e14e3baa6efef5535daa585bea24ef8323a44b55', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '0f3ce58b34e7ed0eafb2e4ba787beb0b57b49013', name: "title" }))), h("gux-button-slot", { key: '83c7cfa4ed1d87bbae2e5ff18169457fc81d3eb4', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '8e5d356f2decf0bf8a6e945bc96f113555be42f3', 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: 'af2b20703e1fe7149d581266df8320025d0a79e3', decorative: true, "icon-name": "chevron-small-down" })))), h("div", { key: '1934b4d97d37a67990d00c08937834281080a842', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '0b1116a65ad28dae66fb5c763e860d4527ec43d8', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '42dea4f6aca99e897ceb16eb358b42f3f5a3e4ef' }))))));
+        return (h("div", { key: 'e7489e1fcadb95fc8be95415a488dad2644c8ac1', class: "gux-action-button-container" }, h("gux-popup", { key: '2c290d7713ac342c1e0929a2c6459e7b4a15caaf', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '39cc821dc7dcc8cc12d6d98c111b4a193077a500', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '719d63daee738017925e0b98562b65abb36f2872', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '6ff029bf9bf8cf00356221f7c70281cf6775eba4', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '07033bd406e3de131c61f841fdf0bc883d756dfa', name: "title" }))), h("gux-button-slot", { key: '6c5159f6b99a26be534798a2090cf53d3da0e82f', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'b4f587ceb080d8b0574c5c9c7f059c4892ac94bb', 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: '631125577189d130afc4f804dcc1fd0a397784ee', decorative: true, "icon-name": "chevron-small-down" })))), h("div", { key: 'a165dceeaad3a6269610a3ffc12e9e1063e669c1', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '96bee11d7bcb9fec5eb07868e4150cbdd561e3c5', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'f2e246b850e175757772f8bc271c59b8625798b3' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'ab36737bb5a016a719a488bee50ddfd5c407be8f', class: {
+        return (h("div", { key: '3d557667e967a596e4e75b8533165e258527cd1c', 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: 'a12bf60e10de562aa80a0a75c121e6c567a93366', class: "gux-container" }, h("div", { key: 'a492aef601fd0910e2ce72ab69e401af8950dded', class: "gux-image" }, h("slot", { key: 'd6f0b80a509e76db5a17c464e23f897ec7e04f93', name: "image" })), h("div", { key: '94130eefa2f9e58fe29d237024767e0c56d092b4', class: "gux-message" }, h("slot", { key: 'e03800bfed27c79533caba165a2c8ef04e9fce0b', name: "primary-message" })), h("div", { key: 'e2a7df4a04e4d5cb73bb77a07fa411758f3ef752', class: "gux-guidance" }, h("slot", { key: '3c120ef5a1954325b0aae510be07c216cd633b49', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '558c595cac56331b358e2000f59ea1a8813b3f0c', class: "gux-container" }, h("div", { key: 'd8381bd65aa8eef3a8ae857a6ea09f0ef92feab7', class: "gux-image" }, h("slot", { key: '491dbfc72fb00b6edcf47da9e8465da3a8af2c77', name: "image" })), h("div", { key: 'c5ff21d5dfa5c504e9450a88bcebe4c8bb8a9b6b', class: "gux-message" }, h("slot", { key: '090228f6db992683402690d88ac34b878608743a', name: "primary-message" })), h("div", { key: 'b9b4a195852198d95bdd395c2769b4d4c1854592', class: "gux-guidance" }, h("slot", { key: '9297efe0cd3f7ef5e3fee31c76db8c072ec95a45', 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: '9c695c15e89d4ed3bac5f647fc3c16d791b3c5e2', role: "listitem" }, h("span", { key: 'b2e18c52bf3a29a67f36f28b1f9846c6c1bfef49', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: 'c4bef08db6c5758cacc2b3d8daa16b9e177f4b78', role: "listitem" }, h("span", { key: '1b8a9b6abb738c711dd525c7591f277b7e19e671', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), 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: 'c12c6de3c599c19cafd536375d110a43a99d935d', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '393b605f99ce15dc541674e39be7b24861acd8ac' }, h("slot", { key: 'a1bc6fc7ed337f330d19722a11d5b215db225a4c', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'f7f16704239e33f36312d8692e07ced61c679a38', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'cb77ce2687d73ea14e15a183be0cef4f9a67214f' }, h("slot", { key: '8c177dab8c8d8bfe78c3b84be9c17230eb2e5cb1', 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

@@ -18,10 +18,10 @@ export class GuxButton {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("button", { key: '6424eea7e50bcf201d9c56e3f33c9ce164112ffd', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
+        return (h("button", { key: 'ea22224a9e2b1afd2e3bd2f131433ad3c24c3bca', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
                 [`gux-${this.accent}`]: true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: '4c8bac132c19e6e568d542c663c0c60277c2cd19', onSlotchange: this.slotChanged.bind(this) })));
+            } }, h("slot", { key: '4e64a953ce07a1fda2f16f4d9d92391dd49abca0', onSlotchange: this.slotChanged.bind(this) })));
     }
     stopEventIfDisabled(event) {
         if (this.disabled) {

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

@@ -103,7 +103,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '995bac97d622b8ce190f5eec842bf1b786a8d9e8', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'fe5b17cd7c6e131560f40a42ac56e7d2332b322b', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'fbb219ede378578c007451c2cabc0dc983188d59', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'a9f9f8f96e226136532de594e0c4ab5041054bb6', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '972ef3236c9e8ff66d360ac7cdf0962c505c1988', name: "title" }), h("gux-icon", { key: '30b1e1707cd83f2c42c6078a00d1cb991f9112ad', decorative: true, "icon-name": "chevron-small-down" })))), h("div", { key: 'efb5e6e9d53c2ecbab22192ed76c070e1e5d0e7a', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f8b6e8ad57e97e1c52d54ffc5df558e3a5d76aa9', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '5a9150610ae95be10eaf9c2eb4fe55230f200c9c' })))));
+        return (h("gux-popup", { key: '6d6f408a63ea3b791d452a00e07791cdec234f21', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '53b0edb9b3d24c26230634a9b93b9883a9099a16', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'a44046c13a17b433d35139a7e4f7a2f2a3afffae', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '5dfaf1d3d4e68668d4d04037fb1d8eef6b630f0e', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'ca3eb44eddcc425497b7acb413e11a4e9a380c3a', name: "title" }), h("gux-icon", { key: 'dd3c54d169e8b37780155d417b34e7d4dea08b0d', decorative: true, "icon-name": "chevron-small-down" })))), h("div", { key: '96f777e40427ab2b24c3e6b78d6ef50a65ebaa2f', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'a19c439872b134568927fcbc4e2cbc24f291b9a1', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a3ec97bbb8297b5575e4eb80eeb5f67adf73f06c' })))));
     }
     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: 'cd0b8f306d519d0eb6bf85df6895d2d83bf2c223', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '47c187626fbf87b913648727370a62900c35b797' })));
+        return (h(Host, { key: 'a8cfbead6d0ebd8b4c51f0dee576fc52bba51f41', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '4806c2106db005c3051588f30428c2702e3919fe' })));
     }
     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: 'f881d308fa3ebd243a2f3b407c8e3876e326fbae', class: "gux-calendar" }, h("div", { key: '5347c62b0f74550c43f1b4290a3ed74517528f02', class: "gux-header" }, h("button", { key: 'ff9073d487f8fbcf07e66b6346d63f20b03e0c7f', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '8caff3ad8ff84e39dcea819130576e3fa0bc9869', decorative: true, "icon-name": "chevron-small-left" })), this.renderMonthHeader(), h("button", { key: 'c225f43a7dffe632496e75d3ff708c6051f92ec4', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '8e31f6b933ff7355df9d291a29c4d6163b4350f6', decorative: true, "icon-name": "chevron-small-right" }))), h("div", { key: '2e903ebfcde9688191f0b667db6c6ae64746bd4d', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: 'e2414503c83b324857a1307f32098be9bbb203e0', class: "gux-calendar" }, h("div", { key: '4af1fc5d24e7d9684276560f73f86e49fb0dddad', class: "gux-header" }, h("button", { key: '11f298ba8f97c15d366f6c4e7fd5dbcf589667ec', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '98b0ff804cfbc165ddc7ff79617ee339fe258e7b', decorative: true, "icon-name": "chevron-small-left" })), this.renderMonthHeader(), h("button", { key: '9efb434a65902feaed5cc48a503b18002ef11602', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '548a8f78b4f8306535e936b83514d1f770cdbd9d', decorative: true, "icon-name": "chevron-small-right" }))), h("div", { key: '1fd1099529098499d71e6cad5409a9899cf9f961', 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: 'f11557950e9016dd7055b96466e16673f393c349', class: {
+        return (h("div", { key: 'b84fbe6776b384375e30951a8ab2869de31ebce9', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'e2ad7c457a4da3c3efb1fd027912da9d4e0aa9f3' })));
+            } }, h("slot", { key: 'b20a4f68c4a3d66e96d1cba8547f83555b3d61bf' })));
     }
     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: '2e6036ce62295305c9f2ce122dbf96a64b01d3ac', draggable: "true" }, h("div", { key: 'a50454cf1c74ce6d362c52b0aeb74819fd663afe', class: {
+        return (h(Host, { key: 'f8f5f862f7f66fa2e460b3a092dcb95841dbd591', draggable: "true" }, h("div", { key: '8086b1ccee8c509cd05bae2a98d3a36b26da089d', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '48e18dd9d872cdf5ea88267aceba3d5a7619d9ab', class: {
+            } }, h("button", { key: 'b383d445f243ec562670176c434af73555b649c4', 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: '198b9ed8d7e54c27f7302163742c2a77fc653c2e', "icon-name": "grab-vertical", decorative: true }), h("span", { key: 'ed386384b692bb94923a3dd7f0dcd7b8c639bbd1', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '191a214d11d3305728e6b854d77eb1084db93fdf', class: "gux-select" }, h("slot", { key: '5e3ad52036cba74bbcb6e791c6c77f72b762e164', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '068f74d48f0eea344a53b88ccafbb5bd2f78d79b', 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: 'f9a8ba084f0e81f03a33864d0a86054c53a48937', "icon-name": "grab-vertical", decorative: true }), h("span", { key: 'a488d2269557f1f9f815ea3597dbaa7739cc5dd1', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '2ea12f2d4b5281df6ab101af26cbde2ad5621156', class: "gux-select" }, h("slot", { key: '4b9974e277372dc34386f8bc0e014eed75729e95', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '2e7646de2ca2e2145861e83cd35eb5ab720b00fd', 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: '3742571bd0c7bab7234029ceb8500f4b6c4d1dc7', class: "gux-container" }, h("div", { key: '31e0fd83fabe23012f2e0bd0bf68c47f22ce1dc4', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '147db15465fc72989269b30083baf509733bc336', class: "gux-search" }, h("gux-content-search", { key: '7c618c11f2d6406d15b7941be3715b432884fb1f', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'ec506ba4978c395150bfc84c0e62244b4120b796', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '08d559cc550885aeeb91c27b01df996577aae96c', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'fde8a773f706e7f5b5d65b743e9f3abd2643408f' }, h("input", { key: '5233f5f8c8bc36641030b04f8e1c98ea521564bd', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'af897414d7fdc7a2c4d31b00b0cd24cf3a2d59df', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '99df009248e4ab1b5554b7bfc2cd71a79fc88ed0', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '260514ab3a1ca904cc24d680fc9497a0e7dcf27c', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'a23ee71df379804fd652e91b4cf2f1b05b93a33b', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '8d82266d374edd4eb33182037e177c90f2145faf', class: "gux-container" }, h("div", { key: '23fd11224c510896079914a36f91ec22dd1072bd', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'ac5d0220e8fe0bf429b3ca41e8353d5714f59e56', class: "gux-search" }, h("gux-content-search", { key: '94ece55f012535aebbb359e33798ffe25e394fd7', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '961603f9a2791b99f625173681326aed4ad6bac2', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2b675503caf6e0f7f459bee18b1bbbca7ce63bff', class: "gux-select" }, h("gux-form-field-checkbox", { key: '5a6469d504207e0f041a4f09d8eaa8509dbd8822' }, h("input", { key: '5c42aed702e472dfb8a3ed35d724bb7a132e46a2', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '9ddd01c649b91ed2bbc6e08195b777e356b73ee0', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '4b9b1797e5f097b845b9b36c35c4222871610552', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '0e16dba06dcc44142619230dd71d76e67e061af3', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '1897bf802e8449ae627074c0478b536f3cd827e4', 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

@@ -45,10 +45,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: '1877397fb569c3482c0bc8c93bae1bc3310ffb1e', class: {
+        return (h("div", { key: '2486d4f685573a7279a04784f05d08a5edf02449', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '704155bcf1d7d53d6892977ca3887b257004da4b', class: "gux-search-icon" }, h("gux-icon", { key: 'c4b2ec238dbb1423363a2c124a7d74012aca51ca', decorative: true, "icon-name": "search" })), h("gux-truncate", { key: 'e9fff396d5eb2b40856009dfcea05dbe8b6a18b2', "max-lines": "1" }, h("slot", { key: 'd571b5abc5997fe21a76ad278717486d24badcbd' })), this.getNavigationPanel()));
+            } }, h("div", { key: 'c2e501fafb01e4dedfe6301ac18a91402a2d3c50', class: "gux-search-icon" }, h("gux-icon", { key: 'a6bcb3588b1c3a1fbdadbde3e3eceb2b14e861bd', decorative: true, "icon-name": "search" })), h("gux-truncate", { key: '64730a899b6023e41b5730edb51ec848f3ab6f52', "max-lines": "1" }, h("slot", { key: 'b37ec70a121c9fe2602e0dc8dd338e958179042b' })), 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: '63f520be2d59958b0f633f2ef84504df511a84e7' }, h("gux-popup", { key: '5ba8f4f26320b7bd82414701d84ad5898e257920', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '5c19a5ce3f72809522b08938a4c18a3b47de2666', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '7aa8ab17950d8d8f87ad79f3eb9167e254695b72', accent: "ghost" }, h("button", { key: '715fb03a6b9b806cd928df35edccddfcfd6952a2', 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: '32f6b67396aa255c372e35d2c1f9b28d52893264', "icon-name": "menu-kebab-vertical", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '46b535b72697c780a4a523c0df012d1cdbc29f5a', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'd99c0a1ea7cd6b6555c616bb266cbe200bb03cea', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'bf8ca64f67b3e79c173bf8611f081c54d99c3dbb' }))))));
+        return (h(Host, { key: '133a2f813af1163f54ebcde8fbff2f257f080df9' }, h("gux-popup", { key: 'fd8240f8e6e7c62daabd49cf3a0eddd5e8157312', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '38e71e614a49550c57444b9440ff71b079fef280', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'f9a3d3ec596c438d41ed9e798c68dc239b3a5adc', accent: "ghost" }, h("button", { key: '0898765f4b4eeb4f1af845b2e0d1590c75f6c1de', 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: '9001656fcf3cd2b7c9581d0f773bcfe9543b89b5', "icon-name": "menu-kebab-vertical", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'b1e5a31b9e9b8e38462b47e0d472749cbce57a89', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '31263aa59c8e69fb850bc88c3f9030deea74946b', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'f31957f8d664a01f2b17b06835addd97b7cab3ee' }))))));
     }
     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

@@ -57,7 +57,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '26b39fba27a6ddf32d4c289a4bc10a1ae1549283', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '0bf3d5e14558b68a3831d28748eac830dc8e1b0d', class: "gux-copy-content" }, h("slot", { key: '42697ce02ccca2a33cd6707e4385e8184b973f41', name: "content" }), h("gux-icon", { key: '4d2791bcc2f55eb13c6c956c83a56d3eb8cade8c', "icon-name": "copy", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '416b6b71765b98f5d1962cfb8804fba3538c8d0b', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '17ff0c705da123ce14d053208f0c5662b4d0bfbc', class: "gux-copy-content" }, h("slot", { key: 'c92b82e90aa8913f49ca0165745251f4eb5cf89a', name: "content" }), h("gux-icon", { key: '7d6ccc0837fda3faeed6920ffe76be521e487854', "icon-name": "copy", 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

@@ -508,7 +508,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: 'e99ed591c4bcdc3188adb870164bf8265b6622c3', class: {
+        return (h("div", { key: '9a5133ae23cc05e38037189fc68e04a6bff4e66d', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -11,7 +11,7 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '3bbb394758e88d98acb171a8cdf9aa70f1b27021', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '7145acc36de55c00392f2416747aa9d6efdc4a54', type: "button", title: this.i18n('dismiss') }, h("div", { key: '8ed99bd23d259c383acb8b39d03852f5364f840a', class: "gux-icon-container" }, h("gux-icon", { key: '3acbdbcea86e6195bbf2b52026b2380501086a00', "icon-name": "close", decorative: true })))));
+        return (h("gux-button-slot", { key: '09f9627dc86c100480ac2006250294363b1df755', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: 'b5ff7f967e395bf534cf5e12368e2713ffc2afcb', type: "button", title: this.i18n('dismiss') }, h("div", { key: '87273ad16040eaa9b6848536808aaa2ef6053de8', class: "gux-icon-container" }, h("gux-icon", { key: 'd4070762f52af366609dd2cdb647270b42ad8b7f', "icon-name": "close", decorative: true })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -329,7 +329,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '4931b1c7a2e91786bed44bc46789d2f9863c16da', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '4f1176555389775664bcd912c3384eeffe7502c1', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, 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

@@ -29,7 +29,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '94b028f1ea1edfb1f26d66056b58166793525c12', class: {
+        return (h("div", { key: '803a49271669c35c488496c5eeb58e078a287248', 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

@@ -368,7 +368,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: 'e8cad6a11da54d4180fc99a793f8a64d2b314990', class: "gux-dropdown-container" }, h("gux-popup", { key: '0b4441fe0ab16c87117fcb905a5b0762aed22f5c', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: 'a56ff37c913a03d6e3cb69541c6b920e40733cf8', class: "gux-dropdown-container" }, h("gux-popup", { key: '9801d928d3b0e5eb45635ee52e4c003616985629', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

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

@@ -166,10 +166,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'e11949e06cf3c44ea6ff5f85ca2eb8dec8866f49', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '8352ee9dc7120a1ff1a38c1df7b53f6218e20c39', ref: el => (this.targetElement = el) }, h("slot", { key: '43860e5a015cffd72cd840e0884e0be889a2d56a', name: "target" })), h("div", { key: '1838c16e7bbe154a8a7f1d0a1479ceefe4a1b3b6', class: {
+        return (h(Host, { key: '713c203b6f20eceefc29e4ed737ed801811dd640', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'ac2e9dc4d16f47abf1b50042d3d27ff825576f81', ref: el => (this.targetElement = el) }, h("slot", { key: '58a78780537a8d25395f386df0a6047937cc1718', name: "target" })), h("div", { key: '043a936717670712d21cc8f23f0d38a46eb42fa8', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '0768b95dcbf3fa0bd17171866a7718c46a45df72', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("slot", { key: 'cece0e808468f83f15290311d7487b03fe18faaa', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '6a592dd1053b026784bb91f75925f4f9aab8bf92', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("slot", { key: 'f59e86b6692ec758d21e797081a6e6a92062f41c', 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: '81bca1eeb08d4bfae5906d3339775424832c6956', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '016c8cc2ceec6c46b1a641bf78879c5d2d673a9d', class: "gux-menu-option-button-text" }, h("slot", { key: 'cb387f50192702632f6c86bb0e35a2cc6beb812d' }))));
+        return (h("button", { key: '1b395fc5e7073357b6316bf99cabad74535b0c36', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'efa69f35bb0c7baba9aad7c674514a3e28409220', class: "gux-menu-option-button-text" }, h("slot", { key: '418009c28a50b85706c83ce3fa6b22c3e52dfbaf' }))));
     }
     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: '3b52abccf17fd176bab7f4f537cdde3846568bb2', role: "menu" }, h("slot", { key: '391e5ccb4d43335a382e718e400844265e060d20' })));
+        return (h(Host, { key: '90be348799df39d3034239987ebf28f9be427efc', role: "menu" }, h("slot", { key: '3f22ac2f08a881b984327e4312f85748a1aefda6' })));
     }
     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: '8cb904ce38ceff40ceef005598c49e5c9989caeb' }, h("button", { key: '2f577f72340b4ce93aa09ce487ad43fad15a2d2e', type: "button", class: {
+        return (h(Host, { key: '4142e0cff0ea139614f938c8cec8633f390c1c26' }, h("button", { key: '9f3d67a9aab1dec4e0c40cb9aed97f77b0dbfc61', 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: '729cfd90f407a8c16b0fc502f34e94bfd8199368', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '01e4239eaf3b659016346eca3949c3b70dab228f', class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), h("div", { key: '32b7c50039254071194842e04e5d09f4a5e3858a', 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: '6a91e6a3c40ad50fa3798ca1d42ffada376fa1f2', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '144fd3f334f1e12036926aa97a2ec786a24ad028', class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), h("div", { key: '95ec9921f7c9ae74bacbcf0ab9fdf0282d7d56c7', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'f93a611f5caadd1c7a7fc15dd6261d252c51d35e', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '5b634eee31a7a74a75ea658cff474fd7f9fd3689' })))));
+            } }, h("div", { key: '1412cf3cbf46869ee20fb71516fc127b7097ab8b', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '9ef475ccb46900cb83e415f7f64a2d7ce4220420' })))));
     }
     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

@@ -46,10 +46,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: '7dc13dd03b4729df3eb09588e1ce01cddea983a8', class: {
+        return (h(Host, { key: '7ca886f97a2dec4ede297a7e6d8f27d77a6e9e54', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '406b44fd812ec3d051bcab89dd5ab6a6938f79ca', class: "gux-form-field-container" }, h("div", { key: '4c42bc4a1282cf6519439411f04a3bbdcecb75b3', class: "gux-input-label" }, h("div", { key: '331ea023f9225f4a69b0571d55a5d899cea60b13', class: "gux-input" }, h("slot", { key: 'd27ef7e45fb15ab49050569bb88695a75d952b56', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'd396688e77ee70ef453a32be4bfac66f3d666b5a', class: `gux-label-${this.labelPosition}` }, h("slot", { key: 'ae4760f971f2a4a31985671d4e4b691b37fb558f', name: "label" }), h(GuxFormFieldError, { key: 'd9a67860384ff11c8def636dea10af3b72637532', show: this.hasError }, h("slot", { key: '4234b39ea6ba614d6d1844234481ec9afa3d6450', name: "error" })), h(GuxFormFieldHelp, { key: 'e16c293abb15bbe883923bb3b64c5e7261f2ff2d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b26197479646716f5c5dbd627f846c0e24e76801', name: "help" })))))));
+            } }, h("div", { key: '6c8b0e5c8c833b2bef206ffe8da86475fe1b6336', class: "gux-form-field-container" }, h("div", { key: '2c60aa0249b111c650f9b7caa7a8d3beeca6d87d', class: "gux-input-label" }, h("div", { key: '61e2ea029da28f8003646b1d43b47a0af3cb7b88', class: "gux-input" }, h("slot", { key: 'd093ca1cb73fe632c763f6cef78f205ab2eeab8e', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'b486ec75e47e60156810c49ff7bd5c3a81842fb2', class: `gux-label-${this.labelPosition}` }, h("slot", { key: '51492887b0ed75efd99cead2861ab14fa8ebc8c5', name: "label" }), h(GuxFormFieldError, { key: '3b12799223f3f4f648bbd9170f7bb357fabb72a9', show: this.hasError }, h("slot", { key: 'b2d24a5e739e9b0ed81c0e057f51f1f860d84fae', name: "error" })), h(GuxFormFieldHelp, { key: '55e477fc79560c628f18769b470c2f82f34acf36', show: !this.hasError && this.hasHelp }, h("slot", { key: '47842632658ccc44e4cfed513a8e653ea1794094', name: "help" })))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -53,13 +53,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9b70f40b697826a00821d1228f5dad623e61996b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '35c7d19a34d305296cc42143f8d30f2b70e02bfc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '92484ff661df352824035dad4b500aa391f37e33', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'c4a2f287f883f090142f07fe8d7f9a510530933c', class: "gux-input-and-error-container" }, h("div", { key: '468b00b74d8055dc5f934cfcab3857aeb567d078', class: {
+        return (h(GuxFormFieldContainer, { key: '0a267056f6e0254583b68671cc16c3f8921255eb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ef83637c2a1371569d008f958a1913352c6e7c8b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8e853e3f9ef3083017252ff8f8a7c800bdb0deab', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '2505466fb6c8523ae4e5d3e384de387efa37589e', class: "gux-input-and-error-container" }, h("div", { key: 'c10d57b1fe3e45c4a1385178ffc6eaf8fa6e9eb6', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '38a8f73ed5ec4bd63c9cf46db9bfef138a7f5544', class: {
+            } }, h("div", { key: '9f1f0cf7b2e1bee2530b0e63d772dec14e601e3b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'd8090b53065edf0bb95382575bbcc03bea09d5d2', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'd18d864adaa84999f828c1efae6ad8983f6dbc83', show: this.hasError }, h("slot", { key: '36e8b4610b35f00990c6e862eef0a695c76c0f27', name: "error" })), h(GuxFormFieldHelp, { key: 'c7f4e2f243e1e224d9ab0893045d844d9d603a40', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c60336d650a586eb08e21cd6339639e4f127919e', name: "help" })))));
+            } }, h("slot", { key: 'b7cbe50e2e969589509dbc00151ed6500bda098a', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '50cf5117bad4e53fc00c462a385beb42d0a45339', show: this.hasError }, h("slot", { key: 'f8857bf5cd6753b309673a39fde0d8bfd16b0692', name: "error" })), h(GuxFormFieldHelp, { key: 'a07860ed85ae753c957ca0dec6e6e9f9362231e5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eaef97368f5b1b7a884e88911d7db38cebb147a9', 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

@@ -63,10 +63,10 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'd5e3a4c2a4e23affbb2e634502b53cccd63a7499', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'fc856311f81ab31cdf6c862628fce91b23e8a14f', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '55cd8d2d10acb3c81e1300c37534b41dcc505fdf', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderScreenReaderText(getSlotTextContent(this.root, 'help'), this.hasHelp)), h("div", { key: 'dd9ee0ee93ccc8720bdd72c07166c08655a00ef1', class: "gux-input-and-error-container" }, h("div", { key: '78ae908a960ed18013990fd408b4785440432982', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '6eeadf1d4f7aa84403909bbd300fd0457df25965', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'af9c0056c3d0fd127938acf90df84013d08a94d7', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'cbf696e35d6e0f6501e6653d51a7169d28f1aea2', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderScreenReaderText(getSlotTextContent(this.root, 'help'), this.hasHelp)), h("div", { key: '453b8c3722885047b793a83e4236a0efdbcc6624', class: "gux-input-and-error-container" }, h("div", { key: 'fb58031156c464e26de0a08ddc00725ae64ab81a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '31497817dd322d36df141be274cff89a8e641bd4' })), h(GuxFormFieldError, { key: '205fefa53f98be43095f9dd93c883708da6c2533', show: this.hasError }, h("slot", { key: '73329ef3def8c43252dcbd85fc72aa3a3291799e', name: "error" })), h(GuxFormFieldHelp, { key: 'e5803c8a035c4df146e60a7f9d0687a2053f57e5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b4813498a954f594cca0737e1d47fd79dea9e931', name: "help" })))));
+            } }, h("slot", { key: 'caf3374d9d5786f2fcd8ae42b26f719aae58ab16' })), h(GuxFormFieldError, { key: '24b1b954b8973221d9b509112c0cedcc505742db', show: this.hasError }, h("slot", { key: 'a843de0674b118f04f1b2fb7def6072b79fad36e', name: "error" })), h(GuxFormFieldHelp, { key: 'c6f35f83e459fcc2de00ada2df43027518febb44', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c87b011caebc07bdb74ca6e89a612fb306afd05c', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -177,7 +177,7 @@
   padding: 0;
   color: var(--gse-ui-formControl-input-inputIcon-defaultColor);
   background: transparent;
-  border: none;
+  border: var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent;
 }
 .gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible, .gux-step-buttons-container .gux-step-button:not(:disabled):hover {
   cursor: pointer;

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

@@ -69,14 +69,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '140f251656aac72e6bdf129b4a9408a287799906', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '081843f21d4688d65e1ded305a1ee3c4392425ec', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '0e18f68fef439eb6d83459b47d99749f856dea50', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '4775b7b1498c847f3dae07e49231fa5d7074d343', class: "gux-input-and-error-container" }, h("div", { key: '5d913e0fa93027dc1a58ad340b1497d0654891c8', class: {
+        return (h(GuxFormFieldContainer, { key: 'e7e0f810ffb787325a1fed5a68d58906a3a01b84', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '68a5584152dc3ec8e673265b7aededac6f0292cc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'bac13572e3e534a12599ab43cda179e3838263e3', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '4cf2d41286d48bc45a1cface25ee5ba51ef95f2e', class: "gux-input-and-error-container" }, h("div", { key: '849a0db84bd945508e94fa16e00e29d9c0dd1549', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '571cef33da2115fd9221a936f611fbd5b35a2c35', class: {
+            }, part: "input-section" }, h("div", { key: 'b6ed3de9bd5eeb505863112c2c8bcfadcd02b463', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            } }, h("slot", { key: '0e562691d11ea156f490e42f5bd25b64fcbda49c', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '61c095314733e553d1cc3f1f0679e7a84ec83f64', show: this.hasError }, h("slot", { key: 'adf2293e262f9a3906ca827fcb2b717e9bda1c5d', name: "error" })), h(GuxFormFieldHelp, { key: '1b6aa97aa2d2607ccf736734d6b913a597296843', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b045551a5f988f8e97915e656f8b1eadcd75c376', name: "help" })))));
+            } }, h("slot", { key: '21824a477b0b26e6925dd51747ea0023c74232aa', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '315a25714840051627acaa4f926b61f6de6f589e', show: this.hasError }, h("slot", { key: '1283e755f38ce3bc46d50084d3ae5619e43c625d', name: "error" })), h(GuxFormFieldHelp, { key: '56d1b8063cafe8416982fb57a6cfdc2f8a9f6b6e', show: !this.hasError && this.hasHelp }, h("slot", { key: '76e8f17069fec173b73e683a7f48a80d7414a97e', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -60,13 +60,13 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '1c97db05461b448ed774d1b3286afd3b2703e85b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '61d4e0288a6388d3f964b3cc10090c003108736f', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '07cb1b379a20655ad7732b41f54c2798ed12719e', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: 'b9bc37dbd8d4fc16036132002eb5a2a7288d929b', class: "gux-input-and-error-container" }, h("div", { key: '3bdf82b8df04a62acaaee7767268e57cb10de2fc', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'aa099738226cb230f0840a0e1e6615b33f2f1e08', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '039ba6268299ae6a219268a260250f78d2518fe1', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'a5b4ddcebe54959215023bf8628a8b61904d3dd2', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '9ebe34b182e41461c50b8015c8e48af4f404b734', class: "gux-input-and-error-container" }, h("div", { key: 'b0eba7357d020f9c6d04d709caf9ee5ec78b85e2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '06b2fc3193e793bff248d744d770c48c488bdfb1', class: {
+            } }, h("div", { key: '3efd59cda87aa33594499d0c10adea4e31af2d73', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '056df5cc40820ed784761be3219d4d530c525bcd' }))), h(GuxFormFieldError, { key: '8d2c3f93da78b6776681c6fb4e98b3ab9586dcf7', show: this.hasError }, h("slot", { key: '6b0e896646fb8f732f2d62901ed2a313355fa41c', name: "error" })), h(GuxFormFieldHelp, { key: 'b135698c3fefc12b92089cff7d4962ae751b83d6', show: !this.hasError && this.hasHelp }, h("slot", { key: '39f1e5a5cb0f9e053fc025f2710a5ff0ea06fa21', name: "help" })))));
+            } }, h("slot", { key: '21f7ccabe004e25ab6197cea79bd7a1f6e266455' }))), h(GuxFormFieldError, { key: '0b6c6333ebefcb2f5cfe5ca2953d86633908d1ce', show: this.hasError }, h("slot", { key: 'e2cd7265b2703855b095fc3e77d40b25597c4b47', name: "error" })), h(GuxFormFieldHelp, { key: '7e80453580965e82153ac94da8f0c0cc5cdec0d6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ad376f0cf533fcbe5252bedb05ac30e8e3fc1615', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -45,10 +45,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: 'f72e288a6f831e5439778a6005d01c7094adffd8', class: {
+        return (h(Host, { key: '2316fcf30820a7164adefd30118fb15bfcc57d6f', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '1af8837211b75d62ca3b1b303ddc310225da9bc6', class: "gux-form-field-container" }, h("div", { key: '6d2998bcc82fedb54761c240c3d8ed835421e633', class: "gux-input-label" }, h("div", { key: 'ceb208dbd53366be1b5c295add0d4e0358384c88', class: "gux-input" }, h("slot", { key: '086c7b822f29c03a3cf8e6b9443e582f14571b8d', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'e86ac65433df765859ef08e691e010879d7ee1ba', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'aec6d171182e67180f5aaafc7fd01d778f713c5d', name: "label" }), h(GuxFormFieldError, { key: 'ff63180701da1917c12f75f374492b167d7cb6a2', show: this.hasError }, h("slot", { key: '764bd91229915d738eab6a9f054bbfc2a50d71e1', name: "error" })), h(GuxFormFieldHelp, { key: '69ffe6e33652fc820f64bb74790c52a8cceff776', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ecf28c9e7cfd1b7eedebd76715728d19464d0835', name: "help" })))))));
+            } }, h("div", { key: '6ac179a6b25f91eeb91c7f9e17f0c4b9cf7b29c9', class: "gux-form-field-container" }, h("div", { key: '132b391a50876060bb1e2ee8fa3d36b714e8e3c7', class: "gux-input-label" }, h("div", { key: 'f8452c3495851fb218f483ab0c9321583141102c', class: "gux-input" }, h("slot", { key: '41dc059248ff0c1169ce584e12ad9b9fe99868ee', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ebb1c083611daf83eff7eb6a68fd78f6c48f4123', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'c138b06f73e4c50a01a6100453f9d2e60584a319', name: "label" }), h(GuxFormFieldError, { key: '15124eb6f2992766c25c8a2aa4a28c02c8af58d1', show: this.hasError }, h("slot", { key: '02bcb7dbaab53d25a7626668720a4732a8526a92', name: "error" })), h(GuxFormFieldHelp, { key: '58fa3e1e04431c27a5c6fcb556381e9f61c09a7d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'edd699db3516cfafb77247c78aca8d18647c43fd', name: "help" })))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -82,9 +82,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'cd5a411b6bc2f55576b102c21b7231e742b6d55c', class: {
+        return (h(Host, { key: '81bcf7def789b3a2707248c242057d944882a095', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'da93fa3bfd1dfc09071d61f0b817b3751ef21ea5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '78466505b11fbe51fb09d2c259e5f35c2e6b831b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3babdde16c310fd693725b5b34a53c559bf9c9d6', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '85bab02888fd0246227eb21fa27a2f8f4c276101', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '34a72530f212668fe9f8d75632f0fb86c1ab09e0', show: this.hasError }, h("slot", { key: '99938ac13a147af887445d0ac967096bd4c0903c', name: "error" })), h(GuxFormFieldHelp, { key: '5f7d87453df5c4c8c3f76cc14dfab5b702ee8df2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e474171d7e470679ce73d3faa35856e46383dc77', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '32efb77b8a031f7f4f190a0abbd0f3e6bedecf53', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b9ad6ff1911ada56012f51106cb2fc044ca5d18e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '880ec505a41853e49aaff9c53c4e63d231db3f53', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '67ed547b24222835e255987f27f919fadc037299', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'bf007068167e5c5a2c373042dc13747b2783806c', show: this.hasError }, h("slot", { key: '4f6002fd34f88777457f19dc081f6e22b95d6fb6', name: "error" })), h(GuxFormFieldHelp, { key: '43d0940f664ccfbe8a6d2075d04de5253d9fa9e3', show: !this.hasError && this.hasHelp }, h("slot", { key: '67e48d3711496fb0d70692783b4956aec81f2676', 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

@@ -62,13 +62,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9b6fcaaf87128437f2a9dafda11959b6015f30c9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '10f37d725c600a9fe23dfab1fdd17c91d4aa52ec', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9e4f4b0e5cc5d6fe985c4e63695faaa2e04e4a43', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '44816b3c4dc4cef57a2c4c11efe45658784cd220', class: "gux-input-and-error-container" }, h("div", { key: '7a941a606fa9225958beea6c03bcc251b92deec5', class: {
+        return (h(GuxFormFieldContainer, { key: 'eba80d3f0d91eb995ba43a700b85762c8144e47a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5169e89d010bac43bb5030c1986245710d0f4c19', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6f8bc2f71cfb300312e33e7eb1db66e72e8e1237', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '7175c3be7dd691a9e3d3f9f18204f96878755b74', class: "gux-input-and-error-container" }, h("div", { key: '61ab7581058f09ad364350d68a50530b0a211f61', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ed4ac1c6e96c585bd201dbb9b8875f8f82f816e6', class: {
+            } }, h("div", { key: 'd5603d0a174f82b00440689183a42a861f93106c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("gux-icon", { key: '5824f76c43b0a98ac0687a9d71427514b537b384', "icon-name": "search", decorative: true }), h("slot", { key: 'c8f4fedc593b65609886d5a262a21903c5b5b190', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '92e8f14671da0afaa3e7911a0589007a6d5b4aeb', show: this.hasError }, h("slot", { key: '3c4d39ef55f5fa6fb9a209570db055ac1b8ce9d3', name: "error" })), h(GuxFormFieldHelp, { key: '4a8ab14a6870257eeb60698a843d736a4625331b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd31bd419c31ea46cbb402ff2437eec902964e519', name: "help" })))));
+            } }, h("gux-icon", { key: '50b1d0b551ee1b677be91fb227b8d8d29500733a', "icon-name": "search", decorative: true }), h("slot", { key: 'fb25ce68b17f995904ea179d66964df882ff1e0a', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'dd2a6547e171135ff2050713ba07a48834cf2615', show: this.hasError }, h("slot", { key: '8262f673bb69981e8761d67ff9baad1bac3ab01a', name: "error" })), h(GuxFormFieldHelp, { key: '7a22597b846232e3b3ec149cfab4eaefa8b39b78', show: !this.hasError && this.hasHelp }, h("slot", { key: '04df57d7cc9f427fd5ba03852e55054fd365b3c0', 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

@@ -53,13 +53,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '5de6c4b7dadf5c5413cc5eb1c714bfa309de9f7a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd8c2668d92a59f938b6716809b3818b79cc8381b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'cbc5638431c6de2d460bf5f556d24f5a9b860fea', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '57b712b205b93e7802b6fc0b68f86f75a556ceda', class: "gux-input-and-error-container" }, h("div", { key: '0c95ddf34e5a91e7bca5569f007003fdccdf7097', class: {
+        return (h(GuxFormFieldContainer, { key: '35285308d3d85efbc9992fde8cf8c1cce3083aa0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cddd0fe8599518a183ea1f0d94efc5bf40d741a3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '7d850d59eb38dcf279a378d137ae0bd19cc1388c', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '9cd9947dd23e4bf0b10b4f86e618a0aac8e19514', class: "gux-input-and-error-container" }, h("div", { key: '80e321aa7923a49942e82367e0da1422ea1bd3b7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '96bf718581a1f3a3600cac37b9b234113db6a4e8', class: {
+            } }, h("div", { key: 'da77ebaf81cb2da4ff5f7b24bfed3aa37ad3df2d', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'f9e3ba2148d1dbe21d76381f0ebe120ae87a077b', name: "input" }), h("gux-icon", { key: '01b0093bf3e519cd535d8c1fc2deb3abf37d5a3a', "icon-name": "chevron-small-down", decorative: true }))), h(GuxFormFieldError, { key: 'e720e6da23f29976cca7e5430568e8f0ed87237b', show: this.hasError }, h("slot", { key: '58c670c88ecce44d7bd4b3e71ac0cf67aca5cc2b', name: "error" })), h(GuxFormFieldHelp, { key: '89726cf7a86e81a0d8b87ace001d03948813b3e7', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ec453c765f7370c2e1b31f9830dfa8d362764c6d', name: "help" })))));
+            } }, h("slot", { key: '2b83e2aff4b48725516c06a6c628a2d918b8ad35', name: "input" }), h("gux-icon", { key: '1b525344294f3e2de8075ae34784fdc236a6a6d0', "icon-name": "chevron-small-down", decorative: true }))), h(GuxFormFieldError, { key: 'b1c917edc17bc6833770266c57234702939605d9', show: this.hasError }, h("slot", { key: 'db11927090001b5e4021b94f583e7322693df03d', name: "error" })), h(GuxFormFieldHelp, { key: 'b7ade7c7efc29efa0e4bf07e3af9a56bda735236', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a5bdd87e363fdd611f277c288d71b0d53acb0dcd', 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

@@ -80,15 +80,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '1b539f28d93fb3d83bb9b9916e99db01d365dcb8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '10c8175037a431fbd41d1a55cb7de1c853f47899', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6420cf7ea31534f1ae1be97293728d90930c7f35', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '5953dca426f431d67536a828da54d933db8a06d6', class: "gux-input-and-error-container" }, h("div", { key: 'cb70dbb052ac96b304cec8967af79a70f99b2955', class: {
+        return (h(GuxFormFieldContainer, { key: '11aa067706c5f6c91ff83e5f7616640e350c6e70', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b99ce693335a34a1345c7cf3a3bb0c467adef8ee', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f92d4903220f4f4a26857f2cb8721d687baad180', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'd1cce04d2d9787290a56a30b893333f0c69e0b96', class: "gux-input-and-error-container" }, h("div", { key: 'f80b237e084f23118db59c44d230f1ebf3986635', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'b5bcc50eec9abf8f71a99cac0c4fc1383451d423', class: {
+            } }, h("div", { key: '2849803deb586c0d66bbf1fe74f56f519de48d04', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            } }, h("slot", { key: '0c0f46212f0193abc836d7528a8a1519c82b05e8', name: "prefix" }), h("slot", { key: 'bccba0e8ee54d25b62b242ca77a52be19c6bec41', name: "input" }), this.renderRadialLoading(), h("slot", { key: '03843207037a3c58f329525d0f1caa7c99bb1233', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '4a1e53f704a610273234f6b27867711a733acbf3', show: this.hasError }, h("slot", { key: 'b6159f476b77bcb2029b6d1ac369bc31fce55020', name: "error" })), h(GuxFormFieldHelp, { key: '325df110dbb96e9bdd7281ab1f2be251254fb54f', show: !this.hasError && this.hasHelp }, h("slot", { key: '88b377e85c3fc2723f497c1326d51c94e37d7e29', name: "help" })))));
+            } }, h("slot", { key: '2688c3997262b51ca3a3b8f0109afae98a42535a', name: "prefix" }), h("slot", { key: 'b8a15f02f4aaa306ba2a30718226497b266c739a', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'd1fa8e46f65d35fd7bac6e986f2ff688e0ef0c31', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '9ff394f8c52df4aeeca5c40c9e8f4fb7e05681c8', show: this.hasError }, h("slot", { key: 'bf41f9fd79fb75ccd17d76b12047193aee328cd0', name: "error" })), h(GuxFormFieldHelp, { key: '4d167581382d2e90dec87eafd518e5b3dfd964b1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dfaa97a334b26097a93de84a6e37d76e08e6fb9c', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition