genesys-spark-components 4.160.1 → 4.162.0

package/dist/collection/components/beta/gux-tooltip-beta/gux-tooltip.js

@@ -76,7 +76,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: 'dec2e09c13b69b06a53cbdc4960bac6122b23bab', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '27e945d1b66edc8bce373db4a7ce7008d30edfc9', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '150d934b5aad6f476b0a351f317834ac17e6de8e', slot: "content" }, h("slot", { key: 'bd3602ad0e6f4ac30df9517589e3cb0a2d1a9b3d', name: "content" }, h("slot", { key: 'b7bd4b50d40a548e0506e3294b26b62c044c89d2' }))))));
+        return (h(Host, { key: '981a855eed532eb4f9845ecdd1ff624f914db926', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'aafd4fa92fe9eb547fe604a42f8832a9cb717798', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '9e5a43e6d0a623122b4260239bc9123066a3a3d8', slot: "content" }, h("slot", { key: '6ca649bc213ad87046430a140f80597ff6a86937', name: "content" }, h("slot", { key: 'd3ff00705f3baa4051c48adc9294dcf46b341667' }))))));
     }
     static get is() { return "gux-tooltip-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-pointer-beta/gux-tooltip-pointer.js

@@ -73,7 +73,7 @@ export class GuxTooltipPointer {
         }
     }
     render() {
-        return (h(Host, { key: 'a09b1f5780b2e245ccf6dbae26dd424a0c98183c', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '5663264ae1cccc111d9396633ce3e0d995ecb33c', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, h("span", { key: 'f767e9a7024e0628e37adee398789d3c5bcc1d3e', slot: "content" }, h("slot", { key: 'a95aba49553d11f989f1e68fa8631366b6f14e0c', name: "content" }, h("slot", { key: '74e6c8b8403f07b5d468fcc0eae2867c77e1adfa' }))))));
+        return (h(Host, { key: 'e3f85d6449b73b18ba70f91134cead0a2e7c2efb', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '5602fa46a0b45bdde7324d0394887a6ccdc8a763', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, h("span", { key: '51f21b050f83dd2d0e308ea9210ed3dbf1d34107', slot: "content" }, h("slot", { key: '945fe230ee67b43baed003dce6bff51dec2896bf', name: "content" }, h("slot", { key: '025d6679ceb74997001b2ba7a29dea8e12142df0' }))))));
     }
     static get is() { return "gux-tooltip-pointer-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class GuxActionToast {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '86c7d4b10a2b6aff27aefc4b301600d37d3a2b95' }, h("div", { key: 'c91122959f04e871256924658943d42e3efa086d', class: "gux-header" }, h("div", { key: '197997e4491ecfef4eae36be626625d63e5cafe6', class: "gux-icon" }, h("slot", { key: '42299d9477f16ead474126a0eb6c18dec4e51ba5', name: "icon" })), h("div", { key: '79aa729ba27becac9f95ac5278d105e14ed69211', class: "gux-title" }, h("slot", { key: '59b6d808b0c56b6e0468ec59598326039758074d', name: "title" }))), h("div", { key: 'b1e73ea83c95fd1e17f0f1657ab8aa5b9b7deb14', class: "gux-message" }, h("slot", { key: 'e16d6521334acf2997d594c62589662b65eba647', name: "message" })), h("div", { key: '4c72959e5ac48709d03f49ed00d3af1e0b9241bb', class: "gux-action-buttons" }, h("div", { key: '6d451a966ff94fa805f78462215ca3858d6bcc11', class: "gux-positive-button" }, h("slot", { key: '5e7f6901f414700e0dacff47fc2bb4ea591bbedb', name: "positive-button" })), h("div", { key: '6a51a2a92c669756d643655487e3deeabdd94e04', class: "gux-negative-button" }, h("slot", { key: '3194513f90919ad3f4f4f2d0c50f4fedd92bb6c0', name: "negative-button" })))));
+        return (h(Host, { key: '3abb582fbfcac7ac8cda92eeb3a2eea23caed9a2' }, h("div", { key: 'ae95f2efc423a666629423d4dc84284c7c280711', class: "gux-header" }, h("div", { key: '79a2e0d63c9ebcc40d27fc524657dedde4106ef3', class: "gux-icon" }, h("slot", { key: '6bd8665c303dc296d8b40ba212e809451e3cbb56', name: "icon" })), h("div", { key: 'e04c4ce5e0a98e95e695ede8c13a8283cf31f9f5', class: "gux-title" }, h("slot", { key: 'bf15946f72b64abb31adeb1038a80e57ddef1dfc', name: "title" }))), h("div", { key: '6337fee48e9091b7802fcffc425a9ed80e54e26b', class: "gux-message" }, h("slot", { key: 'e469f623781c6056addd79fbdc3f30cd496dc4a1', name: "message" })), h("div", { key: '1c3819c5273ce51a9c61a6f7510904f10ca30e7e', class: "gux-action-buttons" }, h("div", { key: '2b8d5ce9a0b430133e5ec30c584c3f68236eafcd', class: "gux-positive-button" }, h("slot", { key: '52556d47837a5f311cdcde1b821f529ca991c891', name: "positive-button" })), h("div", { key: '09b13863e70a73124e1aa65b4d88676ae39b2eb2', class: "gux-negative-button" }, h("slot", { key: '634489b4afaf5ebd8edf6ee04f94aec12335de7b', name: "negative-button" })))));
     }
     static get is() { return "gux-action-toast-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/dropdown-option/gux-dropdown-option.js

@@ -50,7 +50,7 @@ export class GuxDropdownOption {
         };
     }
     render() {
-        return (h("div", { key: '5e04a1dcfcfc30f675e15113f6d6bb61c1d90b51', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: 'b09f99af11571bae1ec9b601aba9dbfb208ff1a8', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.js

@@ -77,9 +77,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'd41f1a7e46667e03d7aea00cf76e41f0bc5cea80', expanded: this.opened, disabled: this.disabled }, h("div", { key: '244e5e3fc340a4d1d7e901589dd979e2349a8490', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '10d8b3ffc2b8fb20657a787e9ad4279ea4c827ff', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: '5b1f9d9730c645274f78c873005bd348e13ec915', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '737e474d88c6d6e1784d7ddb09c6bc4767d93f21', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'ba4e4c852695a8de28c01e68fb433c5458372e1b', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'baebb260e06c027a8966d8e9d4f1a9e363389348', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '20f5635cc8b7cbe68154fa756f493ae4f555bf03', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'b4bfdd196c7a46161d084ebb350ed2709fcee346', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '9f3a8c05391065246fd0f58c1245fd7a2cec7b0d', "label-position": "screenreader" }, h("label", { key: '68908618c59e9f4bf27ffc46f263c5468e5f10fb', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'c8ca819f3bbeb8daadc46795fbb6a0745d9e6591', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '2866ac2af619dc033e7ab7c5ebdad317f47f54a8', expanded: this.opened, disabled: this.disabled }, h("div", { key: '7629fd43e869952c882b2521d917aeadca397f14', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '123003f32f223ff13328dcf40f06d14fd6c6078e', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: '15e6ec3f394248f0bf3f61746085a5efd57468e7', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'd193f25db49649f3359c8ef53356b6f09e7ef9da', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '92916e454fa7227f6d9a12164d0155f2d38b65e5', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'd062f140546bba597a5e34aa19b2ae8c9994635a', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '36717e3d8f88ef428a5d0359265a388f05a074bf', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'fc3c5a978203d7d1c6d0798c9643ffdeea08c4f2', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '69fd91e34c50c5b726b62eb5a906fa7f265408c5', "label-position": "screenreader" }, h("label", { key: 'ff451eff18ccb5153a93b2074db534ae706df0fc', slot: "label" }, this.i18n('searchAria')), h("input", { key: '22e8bc6b5f63aae6908ca1b378f2a5d2983a7925', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: 'dfc60a1e40be71ce841d33bf24fb587d89d6d648', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '0f51073ffc5e046975d74902fb4bff45a05a3352' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: 'ef89ba51c46a4f0b98177d2ab806c7e9afbdd109', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'be7be324ed0a985caffd5e504bbd960e4ac12da2' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

package/dist/collection/components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.js

@@ -46,10 +46,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: 'c96d5f177492ff489747baca32b70f93adaf1bf5', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'f71f8d93c8146fa3367acdab0c4c116197abbba7', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: '7bbf022e573cd8f16fde788be416c6b93b76f203', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '53f88d45530817e81c91f130f083307e4b166bbe', id: this.panelId, class: {
+        return (h("div", { key: '4f95ace29e11d22b3f56df612f39c28da0fe6289', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'c632fe72b7ef8e2055b093ea95853d67b4459c08', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: '3ad7df364e129138cbfa8debe9000c505f450318', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '69f77ab04cbeb96272f10d2868e850de096e81dc', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '3e234ddc4164e3da3aaf9d430d57f016d031068d', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '60dd373d4ff9ed7c9f67f0d5103be0954a48173c', name: "panel-content" }))));
     }
     static get is() { return "gux-disclosure-button-legacy"; }
     static get encapsulation() { return "shadow"; }

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

@@ -44,10 +44,10 @@ export class GuxModalLegacy {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: 'cf42f13044a776e9737d6e4eb116679e1f1def36', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'f943a8f753e5a6543c81bafe7d6ed08ac9e63fa0', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '5f0b9552741d7a94eead287d580ba06a7090d941', class: "gux-modal-header", id: titleID }, h("slot", { key: '15acab823d68f5c933a045beb99387105d07759f', name: "title" }))), h("gux-dismiss-button", { key: '1781b8dea0a20bcb6a5882e7592b83fd47551292', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '12c81a0e0958952d89a55c17e9899e301e5b3bc2', class: {
+        return (h("div", { key: '9e521fdb49fa64caebfd6a4ebec112fc17a4d841', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '401867171602c04470bcf901e6ded851ba213aea', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '7bd77b78ec1fb2aacf02eacc9f6abbe068717361', class: "gux-modal-header", id: titleID }, h("slot", { key: 'da3a4c6656873aeaf6feca505ca0b2522114a751', name: "title" }))), h("gux-dismiss-button", { key: '7f013a643b85c0ce0f438e7d19d1726d06917236', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '5f5e74c4fc95b1a5407105beb32e77c055ed7b5a', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: 'b8a99c68306f05cc843cf2569d6689a4eedc5e9b' }, h("slot", { key: '5c88dabaea5f7ff2ce152907c41f41980474997d', name: "content" }))), hasFooterButtons && (h("div", { key: 'a57a2c1ec660b8e9b0e662bfed969f6696992772', class: "gux-button-footer" }, h("div", { key: '67e3268b76c15ebec134a0881de4cdca4ef38ab2', class: "gux-left-align-buttons" }, h("slot", { key: 'd311983951eadfbb6028edfd1a92d682f746a378', name: "left-align-buttons" })), h("div", { key: '1ce03d9d93028232807f0dd6c5148e80fa98f3d3', class: "gux-right-align-buttons" }, h("slot", { key: '3f4ffa188878a61224ba47701453cb298e0b5db7', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '1abfba41b5a162ccbe8f6eae4856e72b417f23b1' }, h("slot", { key: '07fe09c788a63237016b153d530e3d6b1b74bafd', name: "content" }))), hasFooterButtons && (h("div", { key: '4a4b57e66f150b7812ae9c59a07d6db0c5550941', class: "gux-button-footer" }, h("div", { key: '0372301290dbf516c64554179c55436af8fa48c7', class: "gux-left-align-buttons" }, h("slot", { key: '772b8fe2d3f59df03bc7759fcdae91c4b0491200', name: "left-align-buttons" })), h("div", { key: '22bb63e184f2682ee06a84dae7eac9808ed13fb0', class: "gux-right-align-buttons" }, h("slot", { key: '9e9f289af0562dc5075be9b706d31668b616c8c1', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

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

@@ -16,7 +16,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '1028ea02235e685a46434682add681629d81ed1c' }, h("div", { key: 'a9100ef51dbd153d3b93df43cfc45229da6d1b35', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'f83911f9ef15beecfe1efa5a445f571c6333df53', name: "icon" })), h("div", { key: '6b642b1effb289db65b2dabf3b684fddc5db0f52', class: "gux-content" }, h("gux-truncate", { key: 'aa35891a528aaa9d1fa20332fc3b7e1c153751e5', class: "gux-title", "max-lines": 1 }, h("slot", { key: '2ef932f47926407f0e0e6bdc2541494029926d0b', name: "title" })), h("gux-truncate", { key: '210594c7defbd0eadeef4b06c89aeb9f028e19e5', class: "gux-message", "max-lines": 2 }, h("slot", { key: '71778069ab9c775f1118628c27ffa5bf48e9f32e', name: "message" }))), h("gux-dismiss-button", { key: 'ef00664ff6305872049296977a8092ae4b0c829d', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'd95bf79f22fc086102bf7577aa33614a4c5ea555' }, h("div", { key: '516018e8037bd1ccc176aac11ee39bd1f4c1a076', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '727b6b6e70f96d9d72d7676ebe146541d9e6a007', name: "icon" })), h("div", { key: '5896bd6e50d0bb1e0b5a91996d5477a8ec2409aa', class: "gux-content" }, h("gux-truncate", { key: 'bf19bfc08aa47b9479ccd00d22d0736e306c6ccd', class: "gux-title", "max-lines": 1 }, h("slot", { key: '308da96f2b4af3db7e10392be932465555522666', name: "title" })), h("gux-truncate", { key: 'cf8fd19df32d47edad230537422f85d041a54b62', class: "gux-message", "max-lines": 2 }, h("slot", { key: '96e98992ecb3e8eb3210d15d7117937da2c10dab', name: "message" }))), h("gux-dismiss-button", { key: '4e67c6a0e3a0929870f11b9d41ff1cd90c27caf0', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -69,7 +69,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '0d4772429868e48f1f1f5496fd610261b05dce01', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '980bbda1f84c6d6b5610cafdb8c3f176ff0a0298', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3d6b26301edee8387d38a1fc38f5c7cc38afc4d5', accent: "ghost" }, h("button", { key: '4eee3435dcb62d77d1ec6997d164714f472e69fc', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '0a5eb67869460a7ae52acaf03abccb495406447c', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '8e5f0c069ec74111e4f72b8bf4255d557db1264e', accent: "ghost" }, h("button", { key: '2dc2323f66220aa6d075cd368b037ab4be497eb8', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'da5d20f1efbe2f4a6c69b98d1d65544d122915c3', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '17a601fb01be437563764834129f10854e2c6910', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '444a86967aa34b651bbfc83a144947b850c76beb', accent: "ghost" }, h("button", { key: 'c3d00613c5e8ec8c42a9e94f4da8957f8696954e', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '736e70db0bfd031cb578a9818dbe92c3d823c14b', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '7471cb3d2f5616c60c5403c716679753f7a79cb3', accent: "ghost" }, h("button", { key: 'e1954b39e68a59ded7daab7a6a5d20c55615f0af', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '5662ea67d264c5879f21c4810e70958a81bbb1e2', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '80c00a7ff34dba988d902631f01d8e6227db8f69', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '7b509ca5673aa3bec3a70e1fc34b8b49267d4dc9', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3e93bf0476564a89c44a6ae4e48a7ad6873ac0d6', accent: "ghost" }, h("button", { key: '1835f5720a23cc52fd3df60aac5327de917dbd61', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '78fd37caa8a43ae701de437f276313a5eca6c448', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'aa33bba1eb29c067d1dd0ba93b3fa33298720738', accent: "ghost" }, h("button", { key: '6f739104fc57b0d7c81bfb1263d22be90257ed39', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '6671b74c08c878be9d8076257e40823574de792f', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'd36d4de07f66dcd143a1102a1b6cf705a8066845', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '6597f7cb8392524c338a214ce81be009d7dc724b', accent: "ghost" }, h("button", { key: 'fd77f34780de9e3bc8e0b1dc8f575e9669d30cbb', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c4f76653e16c9f2af3e093ca1db10303d764038c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'e6c2cf4559fe833f796bbae3574453324a73c822', accent: "ghost" }, h("button", { key: 'd054b7fdf541f4bdc27f86ae7ae3bd2b6053f613', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '8086a51ecfa6f192251a48334a8ca1668c25f7e7', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons-legacy"; }
     static get originalStyleUrls() {

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

@@ -23,10 +23,10 @@ export class GuxPaginationItemCountsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'c1eb5d511624530037247147d21131e6d4179467', class: "gux-pagination-item-counts-container" }, h("span", { key: '95e6e2896e3b8df06478156c4bc471a6a4e963cf', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'b0a63bcd8a9e355a83efd72e10544d4da4312a47', class: "gux-pagination-item-counts-container" }, h("span", { key: '3cc991b47dafe3e7c28ef6683e2a47546609205a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'e932b57232dddb43cff4c187b05af0fedf4ef31a' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '42faca7bfc85845cabd5a93633c3b2a69ca0108b' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     static get is() { return "gux-pagination-item-counts-legacy"; }
     static get originalStyleUrls() {

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: 'd6fde66a0dda82512ce40a51a0853b85d3f40166', class: "gux-pagination-items-per-page-container" }, h("div", { key: '7e8f0da433f68b8db632d5c0f09e36c5ea36836a', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'b863d991f439ff7200b3b8712f5c9456abe74919', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '03d942e910a9cbd86f5fe78c0dd7b9f990ac5f61', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'f0ad4799bf7b2be33634ab7714f42034f486a9e5', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'ad9702c0894ca3db8fe52fcfe74eff1be60398ee', 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

@@ -69,7 +69,7 @@ export class GuxPaginationLegacy {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: 'b107dfd919c1e04795f6239de7b2c7f56ba61a83', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'cdd5c4b9d60e291e732fa8d9058f0c0f3bdeb52d', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '6be7e5ce93f5b9ea10e54eb520df2667e2a8ffe8', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '9c7e3a85a0b6921d3a8e5925a65076068b2c55aa', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'bf317b395044f415388fb6dc297e7147e457158a', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'c8197778d64ddf559837eb18b16e1793a4149cb6', 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

@@ -15,7 +15,7 @@ export class GuxSimpleToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '370cbfe91752486a47623dcad3cb690383c9be20' }, h("div", { key: '9ee2b7c1de15d6cd522396d30890fb5273668e76', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'c07d623d41fbf26feba320240c89d44dc2b2ea70', name: "icon" })), h("gux-truncate", { key: 'dca0b0fb9b1a20ef990ad89140418412f48224a9', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'bab604744d2170b0bf01d5a6f572c3aa05bc2f69', name: "message" })), h("gux-dismiss-button", { key: 'f21ee0c87e36d92e9d0c6289da860112b2d94ddf', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '040b6817ccbc409f004222fa891b9fb02d917543' }, h("div", { key: '93272609559e67ff1624d62b739d72a855b906c0', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'af07092c3b8a23830a75f6b373c94b30930a058a', name: "icon" })), h("gux-truncate", { key: 'cb6e70120158cb84a5c5b950297bc687459a8782', class: "gux-message", "max-lines": 2 }, h("slot", { key: '1c75595696952f0af8a00c50c626b66e29f1a991', name: "message" })), h("gux-dismiss-button", { key: 'b64df16c309b1f8487e026c5263f86dceb3afb36', 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

@@ -13,7 +13,7 @@ export class GuxSwitchItem {
         }
     }
     render() {
-        return (h(Host, { key: 'bbec0575109e6efd87682732b7663341876738a9', class: { 'gux-selected': this.selected } }, h("button", { key: 'f227e03ac9c53598e60a82f01263196322be5f3b', "aria-current": this.selected.toString(), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '99e85be341fd0c939e2f952a3e88350685af43ec' }))));
+        return (h(Host, { key: 'ad9bac559c31556406cd3a41f7c3ca19d8b94e91', class: { 'gux-selected': this.selected } }, h("button", { key: '7b9fa27ad55e0102f08e31c7642788000bb83656', "aria-current": this.selected.toString(), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '551ab8262ecbb931bf5d2e47a52d697348fab74d' }))));
     }
     static get is() { return "gux-switch-item"; }
     static get originalStyleUrls() {

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

@@ -30,7 +30,7 @@ export class GuxSwitch {
         });
     }
     render() {
-        return (h(Host, { key: '88b86e36c2c9083bf79172dea82fbdd6b5040d4b', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '6ac3e68b902ea94c0647b2161b11bbe423b54b12', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'eb05737087e3dd01f06a56c0b454c1de4688152e', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '113423c6b7bb7c62ffded95932a69aa953ef6129', 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

@@ -50,20 +50,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: '674fc87bcc66d1d95e5cb276d5e70692e3cf51a8', class: { 'gux-disabled': this.disabled } }, h("div", { key: '9468ed945146ed3cc49211ad68cc4ae34d1a98ec', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '81c4c2abab2b4023688b67e03fb7eec2ddec246a', class: {
+        return (h("section", { key: 'bb523817b68f5b475d847a73027b33a1246835e2', class: { 'gux-disabled': this.disabled } }, h("div", { key: '9cbfb555a5f104551d6b638207ac2e7cdff2b346', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '510f7c657502e60c942b4d634fd385607c3a347c', 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: 'e10cf5069ca43a76e4f0cfe3f09e21313c949c59', name: "icon" }), h("div", { key: '4395ae449bcbd47d16dd08c84be5e174bc68a1cf', 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: '7c836305909a9abf9ff0489681547022187d4bee', name: "icon" }), h("div", { key: '8464e901bb685bd01118f110f0232b785f8b4ded', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'd9f81cf111342ed803f0de96bc4837ad55683b46', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'd087bbff228ccd623769c7d27684f9db038b7843', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '84fd4c249ab6f1c5a024d0b885a4a2e839432f52', class: {
+            } }, h("slot", { key: 'ad752d800daf8e4bb96476b7964c64d772cf3930', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '1d86c227d5cef0e1e96a4241df6739c52f534f04', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'd50bbaaac75031ba924820d30eff8cb77431ea03', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '59f3304b140ad39781a3e41ed9623dd21a4c4e2e', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'e50b7aaebe532de57349ccb39644f4c326df05ff', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'eff20c97795834084ba7e29c0322b273a91ce434', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '566af8078f62bf647f1aad93d6c202740e5fba67', 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: 'ac483e88d40ddd8f7ee0030be7de192f690c4e6c', name: "content" }))));
+            } }, h("slot", { key: '3106b09a180cb1e67ed9597b1b5d7e0fececfbdd', 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: 'eaaefcd1cca70e95575f2a04c632021ccc93787a' }));
+        return (h("slot", { key: '5c2067d1b3cce5f7897a5e0919e2b04b24040a37' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -138,7 +138,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: 'f14d323f9c10b003797a9de4b18af7dcac6fcf7e', class: "gux-action-button-container" }, h("gux-popup", { key: '714da05054cf5b53dcfa00d35a820eaa742225d8', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'f5154cfbf4d41bb0ba8955d6f9e52978d28d6e17', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'ca2510f0946954e9af16c61390b744bab208083d', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '3b39ea4b471dca0aad9049a78ce783e52902f9c6', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '2e03cf69a0308100b41dccb4f04b25711d63a8bb', name: "title" }))), h("gux-button-slot", { key: 'e8ff491d344751fbd3aad8a4883d218540fd8053', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '806b5b458454bc12104f8dedb46a8e75c9bef212', 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'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'dfb75af52b0817f9b54125e28c990fefdf150957', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '1165c634704e0436e67eea3801e8650325c496ef', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'ec0c603e4fce250e05494b6c3e310c695676bf4d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e3882349fc5ae5c7fe6c2e4979c8b9eb4297190d' }))))));
+        return (h("div", { key: '53eb4a4ffa83a2a1d9506bfac9c61dce6f101b6c', class: "gux-action-button-container" }, h("gux-popup", { key: '5d09b93080d59a8112014e13ca515576786df16c', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '727d3ec06b98c5454c7dcb2eaa20de7fed9dc994', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'e856dc6a18be47445f35d3c742a82226cb91c965', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '745aeefe1094809c8cfab25ae31eb3aacb96637a', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '407b5601a4caa52d50b9da03f5daff0bd6f49b33', name: "title" }))), h("gux-button-slot", { key: '8ea6d8bd123dbb15e6bac16da4f576f4dde91243', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '346c31e8a72a09b5cf3de660a71611f5767536e6', 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'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'd474dc7b197f4b1c1f359791bcc54cc2bf2af55b', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'fd181cd9355f17bcde91c7ee5d035f840812e8f4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'cd2180c12b3c9aa42c7ea0d2c26ff0a4534ed430', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '89925cbedf1d78b4475c5741f0e261f5e4a86712' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -52,7 +52,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'b86da02a9ae67308fc5c9ac6aa0b7a1f7a747ae0', class: {
+        return (h("div", { key: '8a90506ee9f114ad699ce846f33d9a695daab9f8', 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: 'e7c20863e2a8e957ec8e3b0d8c796bb6e250f817', class: "gux-container" }, h("div", { key: '33e2d205db3d81db81490c4a1986adf25f815878', class: "gux-image" }, h("slot", { key: '1ad4172b9e9b82e026ff1527727c2c3e83115b8c', name: "image" })), h("div", { key: 'c189af637773ec5b19fa5a8bf29c302ea37bb109', class: "gux-message" }, h("slot", { key: 'd0933deb27de1c4565e4a0c41c2631c7e7efd037', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: '139c7338fbd18f8c0530269a5449f3c7ade7efd2', class: "gux-container" }, h("div", { key: 'dcb6dcb5c7449c8096479680733e24a486b7bc4d', class: "gux-image" }, h("slot", { key: '37d99fedacb438620dc078ea972da24e0d2854e0', name: "image" })), h("div", { key: '06d4ff2d74235deae4c95567882d50f2e6d75f61', class: "gux-message" }, h("slot", { key: '8c174a69f1a32a2d49190dc7528b1fccd3469b8c', 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

@@ -35,7 +35,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '9864718c7a85867dc8ae13c77b71ee2d47595345', role: "listitem" }, h("span", { key: '321aa9a3d13bc88107c1f4296b8acbb0194ebb2b', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '0f964c879ddb049332578d18bea864ebf2ac0fb3', role: "listitem" }, h("span", { key: '9a3c36da7a340316390205180a23e904092a94e2', 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: '97573bc551ca35d0f29c2f77f3cae221a7dbb532', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'b35d243aeb4bce30d1d5145a1efb62bfcc7e3806' }, h("slot", { key: '9f03f2e162e635d107284f73483f2bcd0405337f', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '168049642e68fbc56c6f3580a50b8139c5defa65', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '1a03009c00c013594c290bfa597d85f69d7c8688' }, h("slot", { key: 'ea256a1e6b868904a1568f57dd83f1d8f2865249', 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

@@ -26,10 +26,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: '24dbbdfe3e039dea0cbdc2d452cb0cf5da7f9d9b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '134f5c031ca4eb4e87fb218a06214c8892fa1742', 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: '3cdf6222d210ad14536037885d5d6b54f684a209', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'a575a090724849aaa0b2ed74e71388243d3e5765', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -126,7 +126,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '1de80e87fb808e2c1c67f11069ff854b3c8bb594', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'ec449bb3cb5a07b22aa19a1cfbe7bad390348c58', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '59a02ac2a0617c39bdee504aec91325e5fa6b011', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '8e774e6ff321588c41ffe731c1967752dc5ca622', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: '18b5e98f45e5b7f4b4644e55417575f88d240d21', name: "title" }), h("gux-icon", { key: '625f150aebd9cb9c87214c200309e1c76c7ed372', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '3f328498971bffd3d0c79d2dc01e6cca83079af4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '8263e75953b2091c4af783245e89b5abfabedfe5', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '2eebad343f088ea4f234ba23c9758d24d082daed' })))));
+        return (h("gux-popup", { key: '68f575cd942b0e72e40e5c452f0ec78603b616f5', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'da8ac00e3f2d3dcd6e99c27d1942e1817d473c5d', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'f965ba4d8708b0846f42a26f4fcecea10e4e78d4', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '5400cb11fcaa878e4c9dc5e2a3839ed39169f9f4', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: '28f463760494866349e25eb539a8479470bebaa2', name: "title" }), h("gux-icon", { key: '173414e8dc9382703d8aca6cec7a1014ed859b32', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '4e5874006f6652d87939ec20550066636fbedacb', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'c6a2a7f0d6285d1ea89316d636101642730e9ee0', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '23f70874aeebe4baf213565ddb2544fdfb9f5dba' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,25 @@
+const accents = ['primary', 'secondary', 'tertiary', 'invalid'];
+export const renderConfigs = [
+    ...accents.map((accent) => ({
+        description: `Should render as expected for "${accent}" accent`,
+        html: `<gux-button-multi lang="en" accent="${accent}">
+    <span slot="title">Primary</span>
+    <gux-list-item>Test 1</gux-list-item>
+    <gux-list-item>Test 2</gux-list-item>
+    <gux-list-item>Test 3</gux-list-item>
+    <gux-list-divider></gux-list-divider>
+    <gux-list-item>Test 4</gux-list-item>
+  </gux-button-multi>`
+    })),
+    ...accents.map((accent) => ({
+        description: `Should render as expected for "${accent}" accent disabled`,
+        html: `<gux-button-multi lang="en" accent="${accent}" disabled>
+    <span slot="title">Primary</span>
+    <gux-list-item>Test 1</gux-list-item>
+    <gux-list-item>Test 2</gux-list-item>
+    <gux-list-item>Test 3</gux-list-item>
+    <gux-list-divider></gux-list-divider>
+    <gux-list-item>Test 4</gux-list-item>
+  </gux-button-multi>`
+    }))
+];

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

@@ -31,7 +31,7 @@ export class GuxButtonSlot {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '2f0d21a41e3f692f1f5f64a096e69c2c39feac8f', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '1f7173b22404bc2e7e56cd25873dac40d1c803a6' })));
+        return (h(Host, { key: '8819f437fd5f475a7b55e77095db784813a96423', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '5a5db86c9369c6d0e97f13fa810a4e3c5bf2af92' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

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

@@ -344,7 +344,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: '0c55a401066c6b0187e748aa283250a0b1241319', class: "gux-calendar" }, h("div", { key: '5a74b7258882a980360239957794b1c2ae89f26f', class: "gux-header" }, h("button", { key: '74a80f686c61660c3dacb46c3ea39254b175767f', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: 'e6591ea5f66819d5d28628fd1eec2fbcaf29bd7a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '4cd50eea789472a67ea8dab48160f9d372f22633', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'c70331f456b7af4a5df486c555d7a38ed06ff5a4', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '5ec1b7c7032ab13ed4c2e1fc55a861695d3ec7de', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: 'a4e06e2ba0c7af5321f69647da18f93be474b4db', class: "gux-calendar" }, h("div", { key: '782e30f3f1fe6eff43168a5dd775f1104915c0a4', class: "gux-header" }, h("button", { key: '88a45290016c9ecd7d37853f62c9fa755b009673', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '7314f5231b877889b5afe690a7dc7f0e0908458a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'b0e09dfeac5392b9df2bc61eb0c935a85cd3867e', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: '70d37b77b5be479ce47573d54f9fb13ae24d4b89', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '37a51061a40b1c26067d714dbe65c8acc2ce96bf', 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

@@ -14,10 +14,10 @@ export class GuxCard {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '363ba6f0a883e4e2f4a056f6d4d441efb0b3ea2c', class: {
+        return (h("div", { key: '8531803bf5aed7589ee6d93d1fc3fdf05530e2e0', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'e36c2a015923aa961bd1c0a308f2066b702e6272' })));
+            } }, h("slot", { key: '5886c4c10b3153226b13a59f7d7b85dd0d16e136' })));
     }
     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

@@ -124,14 +124,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'e6013e498a0c7f257528ace4073d8172583d08f8', draggable: "true" }, h("div", { key: '49ab2eb77431ae3133b5aa34697fc85139a146b6', class: {
+        return (h(Host, { key: '367c36061a556b2e8a01b97588534933287690d8', draggable: "true" }, h("div", { key: '1d208d949bda74e4d875dab973c17e511dc2f847', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '50c716123ee00cba66bd2f6fc8b15779113b4f47', class: {
+            } }, h("button", { key: '8b07b8235afe8cd1f29e99107748cff8ab08308b', 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: '97863cb76d1bf28dfa079c77a1c99eed6664972b', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '6bd0d410c9d3d0c7772abfa40fae34987e3d41b4', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'edf779e93542edcd8704fee84f330939460776de', class: "gux-select" }, h("slot", { key: '84f0bc882c16a3e478ea6a0e76f85bbe63b23686', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '6e4e27282db27295a16cba27d063fe0f682f4901', 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: 'cbcae4d3eeb2caa02ce2f255d3613fe0af576a88', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'a257610ac76e61b8003e71244b7e5287b316660e', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'a4e4ee44deb6a4c3898e32c926aabc3c14fefc16', class: "gux-select" }, h("slot", { key: 'bc505575ec260c8867f634ac87aab7f08d1c874a', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '98d4bce92703929555b0e2bb2912b3fea9ac9559', 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: '62daef53138e926a9cbfae1719232de3f3e7f9b2', class: "gux-container" }, h("div", { key: 'e3a79e55e8cbe501bdb26935385ba313cd4927ee', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '76a55f638c25df7ceb4d38b53be63102889b9aa8', class: "gux-search" }, h("gux-content-search", { key: 'be60a7fdfe003135a386d313bd3fecbbd52c853f', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '19af360a04d7d4df522dc76676897363fe35c1a4', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '261035c713eb6c548bf5cf3f0c2cfd8337446c4f', class: "gux-select" }, h("gux-form-field-checkbox", { key: '7067d7cece7c16d05a45e6b01fa46c245a450eea' }, h("input", { key: 'bef6b7f2804bc0f8006901195a694f725dd6c14f', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '2135cd8bbc8421a4cae0fb46f93728245d5d670f', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '58b6db75ebf6d37d15beabf2a6e572d863f01fd4', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '3e2cdf0655d9dfbd380495eccd7cdaf23470b7d3', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'da70374436f1c5fd2746e327a7eb7709efb770ef', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: 'b7ce08137190957a0ae80c7e66c4288131dd4f2c', class: "gux-container" }, h("div", { key: '5df3a55b48913d08428a7a10fd530ffb9cf25937', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '072149f544d9d87ab86a6b4243a1c5ab4aa4a1a7', class: "gux-search" }, h("gux-content-search", { key: 'be840fda9b3fc8381357f781c6e8b1e506942a90', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '07d2b1f590afa5ffec5400ac227209345fd2843d', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'd664b78531dbdaf72f7184958a6d728d671e34b6', class: "gux-select" }, h("gux-form-field-checkbox", { key: '05a893101d162f76f3df3e636bf4f9268262eebf' }, h("input", { key: '52b42d034cad321280c74eeb237bc3434a231c7e', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'e8e992aa237a198eb05305de304aeb55db704ecf', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '6ef21dc5844b0d40cc12c1e52f482b27f223f6c8', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'a00730a6820a3abba1504d61c50e36b3cb6298ec', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '1fc59cd7e1abf4f0d12c85c63f8a8362657dfbcc', 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

@@ -50,10 +50,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: '005b8a6387ab8fe85d2568dadd131d23cad52d66', class: {
+        return (h("div", { key: '847f1e89ae0d2ef04b4347485db960375bfac09f', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '101221eef9d32157c62232694a25117102c3fa39', class: "gux-search-icon" }, h("gux-icon", { key: 'ef6aba3306001c5992c549e7bcb8e7383405e9a4', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '66f162a8e996e5f99df6e38bd2b53f8e33c0569a' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '48798bdc9bb5d2fa98b0a46a427be3f90903420d', class: "gux-search-icon" }, h("gux-icon", { key: '34f8958715d07f3abaf9e588dca5f33e665b53e8', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '697b8d07ba2414ce430dab8f6fa7faf454848dca' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -125,8 +125,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '5c6fcdb16aca67d10d68a84a74ed9e882366594f' }, h("gux-popup", { key: 'a058fa9045b1ea9bf7baf6e7bd7acb20316021a1', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'b39b560341aff900fbfa5b0bf0927b1c4b9dbc33', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '70e97e654db145292fc372398101cfb7c26dce08', accent: "ghost" }, h("button", { key: '8cb5ca88159f66d55870701b463f7db5144989c9', 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-screen-reader-beta", { key: '3a6f2b1215ae7fc383bacb7264f74cbd03b342a0' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '882669bc46a37800d7b9ced560de2e9d41105c4b', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: 'b29801fdedc5ed27bbc0e3159749ec514d441a22', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '5fc919f53286974f3d9a38a069592227ce185103', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '184fa8c0df6a3f7fd91bbf2ad78f734c7b2654cf' }))))));
+        return (h(Host, { key: '2cd16ddacbd191b173f7b6ac85bff7082b1ff12a' }, h("gux-popup", { key: '2ed454552b5a5abeecfbcb838732bf96380293c3', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '5e418025847444e31ab811d887cb530b1e87b06e', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '1445177695751d83364174ac0bac202f0044eaea', accent: "ghost" }, h("button", { key: 'ee9fca2db917b058df0c3f2a79201a33bfbbc62b', 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-screen-reader-beta", { key: '4968e9b16bbd99bd6778ba6e294c6ec51783e793' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: 'ad7e3f2674909c15148efae876346a2000374475', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: 'd71c8d89dd9a2269140a6ad86c59da0b7bec99d8', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '89b70b521d2166e2672431a31cd6b1bc0b8269c7', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '97795e018bb37a1ccaa488d8be41cfc2e7907f37' }))))));
     }
     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

@@ -52,7 +52,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '743c477dce108f8bc377e764794fa06f6331b60a', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '0d64efa090fa1204f90ae3fd91370889e02a7e48', class: "gux-copy-content" }, h("slot", { key: 'a67e11585ad450ff94b8fc037a342996211564e3', name: "content" }), h("gux-icon", { key: '8c0f272c28636ca675bc901dbaa5407302f0501d', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'ff79d0dc9a4a559bb66dcaf0e5ef40f2ef6c62b4', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '22eca5f105d5a53fb8459919ca2fc733ef5edc1a', class: "gux-copy-content" }, h("slot", { key: '746a05864bba540aa70f40acfc2f205c674ea97c', name: "content" }), h("gux-icon", { key: 'aab2498fcdc725d37c2e44effbfd091350fb49de', "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

@@ -538,7 +538,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: '8bf19a961f4cd2d4b66e75d6088b93ea72a13879', class: {
+        return (h("div", { key: '31bcd6b65eac76aad4d68723e2308cbf6f55d8bc', 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: '699c5876801bf26edbae2803ca5f7ba7d047b27e', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'a42976c1081623a502264f40087c0832e86cd37c', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'de66227205545b4dbf92210167fa4d5ca1ca4a48', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'f9284ac02c27e32ea3646718efcad36954099ce6', class: "gux-icon-container" }, h("gux-icon", { key: 'fc37236b5f832358416119d97e8aa6cc3612a825', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: 'de941be5548f25d721caaf43613cd0503932ac4d', type: "button", title: this.i18n('dismiss') }, h("div", { key: '7f55c0a2220d228e01246b1eeca8c56b30561ac8', class: "gux-icon-container" }, h("gux-icon", { key: '65da72a2702d705a233e9a0e47b6ed1ac01430e2', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }