genesys-spark-components 4.127.0 → 4.128.0

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

@@ -19,7 +19,7 @@ export class GuxPaginationItemsPerPageLegacy {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '7a95dcb6e8a98371c25189e82cedeffd0dcba6af', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'b059c43814c8e9d4efc6eb99f5fd7443936be897', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '064d597f189ed48a16d4105bc09c94822bf9f597', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '85e1a42192338d6c7247f597b10f4ac5cfaff98e', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'e9cb98b15f3fcd716e2905dcecbb8459b25db2e6', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '3c5ec76bde947bbc2433cdda1caa758f69a80280', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page-legacy"; }
     static get originalStyleUrls() {

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: '339a3aad6956314eb4d13446d84519b584646dca', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '2b7c577864a6d452895055a804c6c781adf3e403', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '968098cc4bbfcd35475f1fe6ea36653d4235babd', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'f16832269d2f7c04dada306f5909c72f85138b7c', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '5f7d48a8bfaf4f8b9507d879bb6c2d90c1fc7d2f', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '8f53a84289263891436e5f12a6e7e8cc198b60f0', 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: '2853a0394e80823ec23cfd235d18ce61fcb23dc9' }, h("div", { key: 'c8e60b609e9aed4f0a2d4494c7852aa3ec4492f0', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '292d2c66f83d5a7fecd35fdffbdb44d54dab2230', name: "icon" })), h("gux-truncate", { key: '534595189892b09407e233758f72adddd6fcf727', class: "gux-message", "max-lines": 2 }, h("slot", { key: '5196d360662853f04709aae09dd2ca17a8613893', name: "message" })), h("gux-dismiss-button", { key: '1900232f3d21bea2ab19311f6b05672788ae7736', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '82f85009757bcc21d848dca74a964614e54559c8' }, h("div", { key: 'f20f31689ddd942b860850bfb8dd86bfb0bad6c5', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '438bb5a8e7519e5c7958b7bd367055671aa52fe1', name: "icon" })), h("gux-truncate", { key: 'b427404316a6932acc86fbd4f19520554fb4f061', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'b9606055a5a381873758f71a9f9b10a299c4c9fe', name: "message" })), h("gux-dismiss-button", { key: '16f9821411d888f54c08f415bbb6f5bf324cdc83', 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: '84bb0f1979045ddd063a5670740e5675a12365fc', class: { 'gux-selected': this.selected } }, h("button", { key: 'dac59c32fff9f5a7abe6beac6a7f4fec74f77b25', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'e07daf52c16fc950789b2ef2661893cab1efcf7a' }))));
+        return (h(Host, { key: '7c5bc3c4690b48218f7ad715737d9e4de00b30b8', class: { 'gux-selected': this.selected } }, h("button", { key: '04a98058c99bc2b6fb313a1c9724b2503f948292', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'ae4b1a79a25920fa128c199cfae1e749334556be' }))));
     }
     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: 'c47290ba5da930291c1f6d1375242cf16ab6b7fa', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'fae8885a93dc942556e44e229e3e98cfcecca316', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '26364b85e73b59ada54be43698464e4d74f43290', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '86f3b7ffc611620911a5bbc63cc1ee3efe30cc7b', 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: '2305475e51f562a30b1246ce5d1d1ec0954eab5e', class: { 'gux-disabled': this.disabled } }, h("div", { key: '744e300976932f9078fd6a410a57c2a1f5f3932f', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '6383d7ddaffe8e2a1e84ff7513ed544d82c73aaa', class: {
+        return (h("section", { key: '60458f7c684a01e90b2454d5d7db37a3eb3c9209', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'db177914ed36c1f76345e97772c9a5d678318fda', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '4d9c2fd33726b9a7a2d387ca5940fc87a71098fb', 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: 'f915b86168677bdda21bc25fe038f56906882495', name: "icon" }), h("div", { key: 'd8e83083c047ad459c997684851d89fae5f4c01c', 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: '9690ae130c9edf3ec733045e10567d7e74fbb1a3', name: "icon" }), h("div", { key: '8549a4179094c09c7933ba09a769b5d469744733', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '36b4dc4ac67478ac022bcdc36097706293a9082e', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'c9e9d5a8bd2c2d42ed5b68949897f2a435cf20cc', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'fc9a334d32e72d377111e85b620ae47420d96434', class: {
+            } }, h("slot", { key: '6909cf18bb06c44c80e5e32374a57211b71cc58f', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '42484e23bb53040264f120fccf95f66f488d8230', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '579e2d84fa1ebe31d56f9fd325638de81c72b0b2', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'b34445a85f3bd9af9f718755a9f84742fe1bca18', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'cadc569961f8d9497e2a4ee27d1e8e4a318bfc09', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '4903f070983b83f8bcf6a4bc1cc237829e2f3fb8', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '14f66b95d1d1d57b7e0286f78987a4af29c8baea', 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: '52e4adb0ba63433b4c7ee33c11f0d2c5a2c0d79c', name: "content" }))));
+            } }, h("slot", { key: 'e0d382ad9cd6fa4fa780f38706df5750ba34c656', 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: '3ae9c26587b4e858dc9b99802dc0b9fdc524f328' }));
+        return (h("slot", { key: 'd8b360269e10ce8ec48dede3c7789fac31be8582' }));
     }
     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: '89fd4be8f1273c162804dd23300b4864121c5ac4', class: "gux-action-button-container" }, h("gux-popup", { key: '4cd48945f00592a1262a88051201ff2092293582', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '9fe6750d29e5d868023a73537c74bff65eba6b44', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '27f2f05a2283f659f17bdff6f6688480adba342b', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '56e31ba2181ffc5a32ed3f958bb9aea1d085f645', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'badbe7763a696be1c1e2856765dbc34a6371beb8', name: "title" }))), h("gux-button-slot", { key: 'b87dc8eb56871ba638a777b0bed2a8c9291f68b5', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'bfa61a4734f307924606b190812994f143409a2f', 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: '6cfbd1ed584fb1c655190637a82c582b3cec8e8f', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '8892145f30e1d3772bd6bd2a909839f04019eb39', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '058359e5b95d40601857fc2294084d040bc212de', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e3c30d28795358c6eb2b27445e73eb980482b26f' }))))));
+        return (h("div", { key: '255a522fb405fb5c940775bf079c3ef8952caf7e', class: "gux-action-button-container" }, h("gux-popup", { key: '6c705bb9c682defc8003547e8ebb80d75fb13431', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '402af0569c2776cc6f82e8a66ce5cda5591bf279', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '0f99908a0469de87ab25d55d04ea1493e2449f67', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'c95d2befa817719b0f87002bca795e2a8f718c1a', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '2e0e9adbf753bfc5f5c3581f96993a4cdf4e3471', name: "title" }))), h("gux-button-slot", { key: '5188f5b2e5c3d4cc910b299e32d8f99e6479eddc', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'cdc0a14b97292c65a178acbde2556abf14d6dd53', 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: '1b438103210dcf24ff0561c27e127b38f8e6fba6', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'f939d948a7d95c32f982ddf4295fe22d8072e4c8', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'b6ecef22da0049c06d1a214507cfbdee737502ed', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4b65d9dc0b05119092f97c96b187fcde2fe99db6' }))))));
     }
     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: 'ea08be4080713b30a014ad3726a80d793ec87211', class: {
+        return (h("div", { key: '102fa8e8e09e03558d338c9a02ad4cd779a403e4', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

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

@@ -43,7 +43,7 @@ export class GuxBlankState {
         this.hasGuidance = hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (h("div", { key: 'f22d2726711ab1030d61f96e9274b6087db74091', class: "gux-container" }, h("div", { key: 'f84c1fc4c024e78f73e9dc8882ef73a6370398f3', class: "gux-image" }, h("slot", { key: '216137119e76305546971bd1885332b05356900d', name: "image" })), h("div", { key: 'cac6a83dd8f8cee2295fab320d0ffd0985c9a48b', class: "gux-message" }, h("slot", { key: '36b71ab3abde8120f6d0528f59b2823307ac1b0c', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: '761e3d38781b7f10c444b52f16feefcaef7591a9', class: "gux-container" }, h("div", { key: '9e166ea09c11c2c59193da15521d63a3461651e5', class: "gux-image" }, h("slot", { key: '0c5762d1375451f2c8528721a04f319fee03cc81', name: "image" })), h("div", { key: 'f1060ef6636b673d0e55d105b2a425f4ccc49987', class: "gux-message" }, h("slot", { key: 'f377b70b59ff6520667d9efa4c70196187931fc2', name: "primary-message" })), this.renderGuidanceSlot(), 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: 'bb343a9e5a7a32e6f77d2216003fb98b6907cc87', role: "listitem" }, h("span", { key: '9d6298cc45d449aaa19e682a62238814f139bb22', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '4519a8262aace9389cab8619fbfec7f49a84bbd7', role: "listitem" }, h("span", { key: '11bc7d9e5e43d91d1a90bf4aff0477c914f0626c', 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: 'c195a8e5a5258c0555380cf296bc5ad90bbccff8', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'df17f9dfdbba7f13b2a1dc8d1e1c70464008d80f' }, h("slot", { key: 'ec080f9e4804b35d233b1705c563550ae0b6ef82', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '338ef4b8908f8d4432dbfb87e2336f21f657b2ae', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '812f622e42591e0c12729aa60abd9417e69a8984' }, h("slot", { key: '08ab69eb7af7bc2ec611e98f058d8c549be17a0a', 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: '9c064f7a47d8a4b4deaa4e60af5756a030d716af', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '24dbbdfe3e039dea0cbdc2d452cb0cf5da7f9d9b', 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: 'ee0e8501a4cd24a1fac1cb4c29c452b03bf434bf', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '3cdf6222d210ad14536037885d5d6b54f684a209', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -96,7 +96,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '9cbbd5f1f6fd39b00e5239326e4feb64b3128716', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'e8165568a5d5140125f7779567d52ed4b99f1a25', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '033673a57b3eb49fb6f446277ee0924f4822c165', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '2abc387051a51ef4f44c5542279a3be4b242b4a1', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '44c67df9f60b165edd27f92692ffa3c00d09c529', name: "title" }), h("gux-icon", { key: '9fc7e11c62b7d8d7a975f77a877b1c047a57e8cc', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '5f633bc969b36fec7a3b4cfd3cd6b540d585c2de', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '97064d13bb28ff7e05a743160082c26189e471a9', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '81a4639257cb9378fcb25e7beb3b2d1aaa86e781' })))));
+        return (h("gux-popup", { key: 'b93c218e443b7708675aecf20b5d4b2965a4ae0f', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '71544f057474bfa38d99eab121ae7873f08d0c9c', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '52cd56065cd383def92e7cc56a852707360e5ff5', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'cfac597b81a709fd3be4b439414a116e4abc4f5c', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'b33d0ab04060158058b68936c1a1b3414814b5b3', name: "title" }), h("gux-icon", { key: 'e33e7b198e6e5c5b9a64c3a562ca66c27234a18e', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'efaf834bfe079d12f87726dd891fc5e0ba466b21', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'bf3ece40db97ea59634fbdd73a454ea10d59bdd9', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'c3bb4fb2aadee21dc89a5968130a3ffe1af7c648' })))));
     }
     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: '3820fc16489b71e35951b764cde3f316d88b364a', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'c08f3359c188fd0d6e7a5da3db400ae1f7cff14f' })));
+        return (h(Host, { key: '427a1d34e7b47ed888ff59ec452655c1fb40f468', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '333a16b4e6b114ba5ab7ef50ebd348661c73fe18' })));
     }
     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: '9756cfb11cbf1a5e63ca85915b8c15c39e4d3ccc', class: "gux-calendar" }, h("div", { key: '2d49f9cedd837018d0046e9113dab75cb8a815c2', class: "gux-header" }, h("button", { key: 'b63c42a8d52d7afa94e0f9363a973acbea6e9269', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'e21cf4b6c2ff9d73f12f01911596e6cb9186fd4a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '7e6e248f327cced7dee6dba7661c844625b1f8a7', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'edcbc1a62574b62e1c0c611bdb5c35ecc300ac9e', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '621ed70abfb997d502bb521fe797f98abf36aade', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '8c2735faadd06a9810b3b0f48abc0d2be8c29c6f', class: "gux-calendar" }, h("div", { key: 'ded34ebeead1c0a4df65cf51906e9c7d514fa93e', class: "gux-header" }, h("button", { key: 'cedfad47d44db1003806ed47a32b9fd4327751fc', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '36e0f9d505339ae11bbb6b7f2548cde68abc7741', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'f56e6ff0c1261e7c51e0639b26680a70f5205e3d', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '959ebaa13f1a7e435782d38bdde87e4e4f56a2c0', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '4c63e229090bcd6eab870ea8dac3bead564744a5', 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: '711321ab19eb090bcf3f113ef04e221e87ceb7f1', class: {
+        return (h("div", { key: '1a85dcf2fa992904b3e187d0bd6f3f6d5219db0b', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '27f8d86f140965871db17e4497821cb30a91b320' })));
+            } }, h("slot", { key: '1675843012bddd80e09c7e5adcc636609fb7465a' })));
     }
     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: 'ce1e492fa59d2528c1f46eb6ef374b08c45f1cab', draggable: "true" }, h("div", { key: '865de5c7b735d616c69af0fe78abf436249bedd1', class: {
+        return (h(Host, { key: '6be3063ad0a69ae45e4682c1b9c5bc66ff574bd5', draggable: "true" }, h("div", { key: '5a273f0517b5bdc68d1ec2cd418a5c5eee1ef869', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '0b3cee32eb1ee396e8415b9d832d1e229ace7d94', class: {
+            } }, h("button", { key: '2c7b628ce020d2e7e6005733084c81fd5749ee11', 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: 'a5f81dca5e9cab01720344772feab18a004940b5', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '6ebd4d11790a6ef4e966e63fe08f9cfc23ca7faa', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'b5ec685bd8ca953222d7cd77a15b5b5661085d53', class: "gux-select" }, h("slot", { key: 'cbf50779742ef28d8d8a1416e0ab86cc74bca45c', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '603a44c15bdd4f75ce3f3aca231b6dc6a43f105d', 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: 'a683ab3efa22a3824d025407fd44883e98cac45e', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '7f3295e9287a273ad7811d4363fd982743074460', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'bb4c3a8d0dd4631ae3266255e7b6edb6c138292a', class: "gux-select" }, h("slot", { key: '722f5b21b773c98142af421aa1a95e3870b77089', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'de641c2e91df2d8932805051bec285d2090d54ac', 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: '0cc23598dde034cb03cc6c6fc5a381c91acf657f', class: "gux-container" }, h("div", { key: '40fed526bb4ad40001eab9e5d74f8dfa32d098d1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '57f05475c912e324f62d909bbb2b75b92e3524b7', class: "gux-search" }, h("gux-content-search", { key: 'c39d2b109726a4b105a27d8aa032ad546c10d5f7', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '4f3f97e1c3affc85d51d67fe4a63c3ba490b65f9', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'f7472f9d153b8de1c9ef3158309890c0bcf1a974', class: "gux-select" }, h("gux-form-field-checkbox", { key: '774c0f4e7a50db67ba3f55a75ceaf0f94644cdf7' }, h("input", { key: '874352997ab778da3488b8eea6553d0f476acbb3', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'a3a9b95f4df52b3d6caee07b4223e7aca4758dee', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'bd8454187eae0e01a2634cb514d885eec8285c4f', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '26cd7ff48db01eb192d1a31946145cd50d54613f', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '2140cb7ad8ce976b41b106274c3bb7a7f7eb27b8', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '588a7749ceb5225beab4e6f6c8854e7206dcfb62', class: "gux-container" }, h("div", { key: '2577108819c7e2b49e888f43b34be71a9b79e5f1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '41dbb2f7e5ca5aead3d2494422881ca8c047bc04', class: "gux-search" }, h("gux-content-search", { key: '586507db8dbc9f38b366251a571dc8bf4e79b051', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '67f962601312dd05c764cff58504b5386349e6c9', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '217124e4fd40398e23af83e1262c1b4cfbd98d02', class: "gux-select" }, h("gux-form-field-checkbox", { key: '66508f1c526387454feb3ffebb0b42b75ddad617' }, h("input", { key: 'd85acd01ea437964e19a4147146f009844bac744', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '8cceb8729d69f32c9f5cd08935956eed977ad0f9', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '4c34dd2fb5be20ff366b13997a489ad4a6abb825', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'ad1d214cffdbff873d219f8da6d9ecf0a2ccaf5e', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '42a0dbcb02a631ea7bd7909b35aef127e7c3f53f', 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: 'd85d17c24ead428597f2c973644b080e2b778466', class: {
+        return (h("div", { key: '28ec59442bce21b9a8aa6e4daa02f6dde82b79ba', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '3119e47e3da9276359ad9b2c0ae9215f712aded2', class: "gux-search-icon" }, h("gux-icon", { key: 'ef796175a494bc30d234cc2a79b4ab24c85c7510', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '98855be493a40b519cbe9f4366eb8ade53297e54' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '9244399df101651725be2f5b9bc709b23dca0fde', class: "gux-search-icon" }, h("gux-icon", { key: 'fbdfa696f3adfc2635d447ad439212ebf3f45a76', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '3c23110a115935660ae418a18d100776ca841099' }), 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: 'b191c422bc7f399b8124d7a151d18ed13f54d0c2' }, h("gux-popup", { key: '870757febfec9a70a5fa30334687c77891abe3b1', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '788045750569a15d4657afa9cbb4de8bfc20b625', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'c72dbf0647ff64f6609802f48a6b38bff9040854', accent: "ghost" }, h("button", { key: '143fe2240fdc722ce2dd6d41d0084fa2324f2874', 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: '0a218befa8f176c73ae1eada6c75713fb48b6f05', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: 'b89ed6447b3d462ba1f17d5da40c48bd13849a5d', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '9f24962dd20f6f7b6ec9bc8b718f432a121a0436', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e15de5777f867c5e221cfc01db925c3b6c154fc6' }))))));
+        return (h(Host, { key: '3812af7f3ac6d559d0ceb3ce4239e2b94be5c317' }, h("gux-popup", { key: 'af4635a52b673c6879cf2f3465ff02bf9409925d', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '88c187df2686f134574837f8854cc89fbe7ccbdd', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '2385316ab43bdf67de78193c24de831d50f89c44', accent: "ghost" }, h("button", { key: '1f95a842319566e043e45ac081d7b7fa22b13dac', 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: '12f5ab149bf0664bc42c5272a60f8596035b6386', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: 'f8ac9e69cc2ace9b2c6820be11fb976d40fc153b', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '5140951d1197327eafe1409aa879ec0895011b34', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a8c019bd13be6fce15ffb2191eb38cbf2bf543fa' }))))));
     }
     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: '844989a98e1c490e20f2ec1ae4d3f24b2a917178', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '0cf08a655bef7d85fba772004b6c6ce4f583fb11', class: "gux-copy-content" }, h("slot", { key: '5591ea04e2a25294e921a3ca75b8e5d23db15bb1', name: "content" }), h("gux-icon", { key: '910e8b4e9ce9299ce0016ab10d0049ac4d716326', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '37bd43b34710ec3d226b0c8607b5822c02b530ec', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '9d6c196c3b96fcb2473a7df3caa450ae637eb16d', class: "gux-copy-content" }, h("slot", { key: '73dffc9fadfcc909e1fcb997c78ce5c13cedf44d', name: "content" }), h("gux-icon", { key: '2213aca0c23c555a0ff8ceafa64191798f5b3b14', "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: '8b92ad844aa8d78ec04cfdbf28382c997689b07f', class: {
+        return (h("div", { key: '51f5d5465d3d81d697aa26e3e92cefcaf6c1e5f1', 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: '83e590c3dd6a82a034577c8c233052d7ab6e76dd', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '1c0ce1c07eafb349ebd9925f5203137b25b62578', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'e2dc6b2620862068d2866092b8cdf40a1962cb5a', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'e558ddde8ef4479975de80033604adc6ba8c448c', class: "gux-icon-container" }, h("gux-icon", { key: 'c7a41e77dfa8b1040ba638a76277b2fe6c17440a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: '272a80ad0a6e07d4891aaf8fb2ed0f8978808b4d', type: "button", title: this.i18n('dismiss') }, h("div", { key: '85283d90b727f3e6ef41feb67bbe29c2445c62c5', class: "gux-icon-container" }, h("gux-icon", { key: 'f149a50e90db2e764bbccd8236ec65366804b334', "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

@@ -351,7 +351,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'e64394b81bdb9bd6dbb77dec69f9405ab9f3cdd5', 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: '15dcf2e43c4b3189c504d0cadb7be7c8f3023bca', 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: '771af7820748344052a47add3ca4e4a8a34d82ef', class: {
+        return (h("div", { key: 'b20feb6b46d6ab8e29609173bc08673214a24bee', 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.css

@@ -7,11 +7,11 @@
   position: relative;
 }
 
-.gux-error.gux-target-container-collapsed .gux-field-combobox, .gux-error.gux-target-container-expanded {
+.gux-error.gux-target-container-collapsed .gux-field-button, .gux-error.gux-target-container-expanded {
   border: var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color);
 }
 
-.gux-disabled.gux-target-container-collapsed .gux-field-combobox, .gux-disabled.gux-target-container-expanded {
+.gux-disabled.gux-target-container-collapsed .gux-field-button, .gux-disabled.gux-target-container-expanded {
   user-select: none;
   border: var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color);
 }
@@ -40,7 +40,7 @@
   padding: var(--gse-ui-formControl-input-padding);
 }
 
-.gux-target-container-collapsed .gux-field-combobox:hover,
+.gux-target-container-collapsed .gux-field-button:hover,
 .gux-target-container-expanded:hover {
   border: var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color);
 }
@@ -138,7 +138,7 @@
   outline: none;
   border: none;
 }
-.gux-target-container-expanded .gux-field-combobox {
+.gux-target-container-expanded .gux-field-button {
   inline-size: auto;
   block-size: var(--gse-ui-formControl-input-contentText-lineHeight);
   margin: 0;
@@ -147,19 +147,19 @@
   border: none;
   box-shadow: none;
 }
-.gux-target-container-expanded .gux-field-combobox:focus {
+.gux-target-container-expanded .gux-field-button:focus {
   outline: none;
 }
 
-.gux-target-container-collapsed .gux-field-combobox {
+.gux-target-container-collapsed .gux-field-button {
   border: var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);
   border-radius: var(--gse-ui-formControl-input-borderRadius);
 }
-.gux-target-container-collapsed .gux-field-combobox:focus-visible {
+.gux-target-container-collapsed .gux-field-button:focus-visible {
   outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
 }
-.gux-target-container-collapsed .gux-field-combobox:focus-within:has(:focus-visible) {
+.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible) {
   outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
 }

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

@@ -18,13 +18,11 @@ import { trackComponent } from "../../../utils/tracking/usage";
 import translationResources from "./i18n/en.json";
 import { getSearchOption, setInitialActiveOption, getOptionDefaultSlot } from "../gux-listbox/gux-listbox.service";
 import { OnMutation } from "../../../utils/decorator/on-mutation";
-import { randomHTMLId } from "../../../utils/dom/random-html-";
 /**
  * @slot - for a gux-listbox-multi containing gux-option-multi children
  */
 export class GuxDropdownMulti {
     constructor() {
-        this.uniquePopupID = randomHTMLId('gux-popup');
         this.value = undefined;
         this.disabled = false;
         this.required = false;
@@ -371,7 +369,7 @@ export class GuxDropdownMulti {
         }
     }
     renderPopup() {
-        return (h("div", { slot: "popup", id: this.uniquePopupID, class: "gux-listbox-container" }, h("slot", null)));
+        return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("slot", null)));
     }
     renderTarget() {
         return (h("div", { class: {
@@ -380,7 +378,7 @@ export class GuxDropdownMulti {
                 'gux-target-container-collapsed': !(this.expanded && this.hasTextInput()),
                 'gux-error': this.hasError,
                 'gux-disabled': this.disabled
-            }, slot: "target" }, this.renderFilterInputField(), h("div", { class: "gux-field gux-field-combobox", role: "combobox", "aria-disabled": this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString(), "aria-controls": this.uniquePopupID, tabIndex: this.disabled ? -1 : 0 }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
+            }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
                 'gux-expand-icon': true
             }, size: "small", "screenreader-text": this.i18n('dropdown'), iconName: "custom/chevron-down-small-regular" }))));
     }
@@ -396,7 +394,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '5b338deb97e0eb12f203fd47f1affe8f2447afad', class: "gux-dropdown-container" }, h("gux-popup", { key: '7ec10e6179cc0bc50b847b38541950277c8551ee', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '5afc0ce07a9b456fcc8953f7b82adcb3681b1e4a', class: "gux-dropdown-container" }, h("gux-popup", { key: '9a52a74db158d53c41fa64ebec31695814037539', 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: '2f43a8a4f68baa65ae5243c93653f050f389cfc5', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'f37dce70300774ccaff040decd82b96336b5c1ad', ref: el => (this.targetElement = el) }, h("slot", { key: 'f768cd8f491727ba8e03f1b6e80df3e5edd1990a', name: "target" })), h("div", { key: '20c820e00f9ab4ecd9f6ac9b99eff8dd55ecc5e5', class: {
+        return (h(Host, { key: 'e0e87dcbc0e81430953a35574fd9f862b07c1101', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'b7b9d8fbe2098856e11018f5ceb93b731805997c', ref: el => (this.targetElement = el) }, h("slot", { key: '57d0d57f5d0eb0d04ae134becf5bffc328b197b7', name: "target" })), h("div", { key: '8276005357e605c2d6cf44bfe06114ffe873dd48', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '7456e5e494845697fd39d2922e8f8299da99f871', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '2fe41ab16d311cc710c7fee50991313c60c7a298', class: "gux-arrow-caret" })), h("slot", { key: '902ed6e25c797d59df13edf6463f262ad3a2647e', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '594abbff53dd689c7b422e8e7259e4d690c06399', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'e8fc80d09735955dba0aacc945165a785b2c749a', class: "gux-arrow-caret" })), h("slot", { key: '70cfea075556e24c7052aeedf08160725cd19a4b', 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

@@ -31,7 +31,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: '35e9baba83eea27742e9b83b93194b92edc086da', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '72b5095ff8edb6359f8962636bb66cc485e0228e', class: "gux-menu-option-button-text" }, h("slot", { key: 'fe365d3460fd945c6723ddf937165583d4ac9832' }))));
+        return (h("button", { key: 'd23ed2b18eb1c5d127a5f9178ac0615bb899de51', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'a405173bc016c8f415128e9868445627a660bd38', class: "gux-menu-option-button-text" }, h("slot", { key: '67b4798b8a4311acaf9dd2abcb8fbbaeb3f47053' }))));
     }
     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: '86b5478ab9c5f86aff881473938634459155c642', role: "menu" }, h("slot", { key: '843845a05ede6ad42dc9e557369106a71d3299f6' })));
+        return (h(Host, { key: '219a89a3774fb80a2b19c57f890e2883b102a668', role: "menu" }, h("slot", { key: '28c1b65a600f42ed8bf78ae2f8b824301f11453a' })));
     }
     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: '504d4135ed5325d8c0913d72918c954d7b023603' }, h("button", { key: '561aa02cf5b3860abaef001734e3d62176b0238d', type: "button", class: {
+        return (h(Host, { key: 'd7590509ad10bf2c0f8944737a209fe43e3c85e4' }, h("button", { key: '3b62ace076911820bc389dfbe28a352041045d93', 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: 'fe2dfdb4272c477fdf61d88f755e862193207171', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '50af2da13eb58ee22d5c98b2e070c969130f7fc8', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: 'ded58a0eede25820b5b2d955d2bceb185e8df69a', 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: 'ca6fa4928de0b761df7ddd1c1ab3291489a124b6', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '17ca191ac71e0b58f8d1fd83c75363d8be686a18', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '452c90ef8ad7aa767a0da6a9b8b8d50ff0b3b942', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '87d536d09daa0a8f60fcb88f0338b09f15fcfcb2', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '9beeebc7c9ce19058a2f834c3b120e8ef95c3501' })))));
+            } }, h("div", { key: 'd069a15a1b61bad3425947077f4ee76fdcfe0770', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '94cc1d3aaf4556d6a8456cda30e60227bfca4b35' })))));
     }
     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: 'e8836c17124b8cdbba54da54a6958d2191b63726', class: {
+        return (h(Host, { key: 'e40400dce6b34387deee6b6244aa527877532230', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '59e502ecb66c96f104d2c43ba1569d9e46ce8276', class: "gux-form-field-container" }, h("div", { key: '284aae1fbcb3c45dce5ee3425b0016dfc8095b77', class: "gux-input-label" }, h("div", { key: '8418ef06dcfe66c915f65894f9a9d1af7a8a2411', class: "gux-input" }, h("slot", { key: 'e486f71e6ba37002b5f5e499c9cb6c39d1d56e5c', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ebbded085086c62279d7725ac75baffca514dea1', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'b74acffc5dd4171aae269a310d1069b6474a5552', name: "label" }))), h("div", { key: 'dd3579570d94015e6ece1fabfb4f8ee824fc1ab1', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '2423a193c6d87698c5230fc11a8352f11b63c791', show: this.hasError }, h("slot", { key: 'f6e4770954fe3c97ce42bd2804fc9fc2da39acec', name: "error" })), h(GuxFormFieldHelp, { key: '4e6cadfa6301ba23968b4b0f6ff81756f7b3bd72', show: !this.hasError && this.hasHelp }, h("slot", { key: '32eb3b58143e9b1ff14ae63a0a74d0a44de89644', name: "help" }))))));
+            } }, h("div", { key: 'a0aaca6ebd8de03d38e4d3ab28487d8b98e4c14a', class: "gux-form-field-container" }, h("div", { key: '39ebc72af0115c16b391f178d14c9cf108d048a6', class: "gux-input-label" }, h("div", { key: '5f60fbe50d21b90b39e2110ca3764d0fd495964f', class: "gux-input" }, h("slot", { key: '83549d1dd5cac6cd3e5b1f96197635a7bbde25b0', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'dd82b4c70ed37e156ad8ffb71218aa811296f8d3', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '4a88b290a5de26a75963cc637173a39026ac1177', name: "label" }))), h("div", { key: 'aa8a2a00294a6d7131d7073eb823a1685bf7a4a4', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '0f49ae8b132bc53cd850ec4eb31752e4ed5f754b', show: this.hasError }, h("slot", { key: 'd61465e5408f9ff62397e250259049432ad19e14', name: "error" })), h(GuxFormFieldHelp, { key: '9bca8004303189e323b5288eacaf750feeb7339a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f58224e0319a71ed4b8dd45ec969e5876a728007', 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: '4c5a63c6a52397fe7265f2395c65f013e4aa8a95', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '77276067a01869834a6382976d6dc94992ab8d60' }, (_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: '511a7aa3534088a53d95bd1175066aec54670b61', position: "above", required: this.required }, h("slot", { key: '6234a6ec65c4ff11c19e25842e289b8c3a012d4c', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e70bcc8e4c9b7b7b8139c9ad3436b4ba6582cb80', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64e42eaf7a619f0559b81977ba9dcfab6b186254', name: "group-label-info" })), h("slot", { key: 'd179128afefa5e3c3f994416f2eefbfa8a83c140', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'bed4fef0135b9404e2fc36bf1de7003f701e9cfb', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '94ea9497133308920f91684c307d72530031329f', show: this.hasGroupError }, h("slot", { key: '285fc5c130cb2f27a32dce028f34a652fdd39352', name: "group-error" })), h(GuxFormFieldHelp, { key: 'c908c41d58d3ba70621205072da2a59ad9c112ad', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'c52f44999bac204169961b476ae77b9268ed1808', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'bdff584bfa28838ac5f22ee2fb56eb99b81586fb', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '4f2c5e0564c03e61a3be4b9cb4b8a334664875da' }, (_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: 'cbc565eae0e217a3b3b367be5192f077d5b3958d', position: "above", required: this.required }, h("slot", { key: '6ed37e9f4d9af18cb318c66b6bbd54191977424f', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ddfc3f8d09fc4b2eff492368286a99f179ad7451', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c3e34134c4aae83e750b02976348e8b0e2bf2c55', name: "group-label-info" })), h("slot", { key: 'ee29f1f5648c53dc10de5a5ded9d023b4a89f193', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '779914da2c3068ccc19fb4b17b2ac5d36e3305b7', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'ba8cc3662f98291a26bd1259cb35ab04213eaa77', show: this.hasGroupError }, h("slot", { key: 'cd9eae0f6bc250dd85051b54f12cbb4ef72727e7', name: "group-error" })), h(GuxFormFieldHelp, { key: 'b695f5205b39df95fa7be9d2b9126e7aa52ca419', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f004236fb164c2854d961b8c40280f85a62719b8', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');