genesys-spark-components 4.127.0 → 4.129.0

package/dist/collection/components/beta/gux-time-zone/gux-time-zone.js

@@ -31,7 +31,7 @@ export class GuxTimeZoneBeta {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '4fb58f6c44898a3e8559abfb7fe1ca6d8fe98d29' }, this.renderZoneDisplay()));
+        return (h(Host, { key: '9dc646c5696a865175c64e2185e12b14021d8596' }, this.renderZoneDisplay()));
     }
     static get is() { return "gux-time-zone-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time-zone-picker/gux-time-zone-picker.js

@@ -151,11 +151,11 @@ export class GuxTimeZonePickerBeta {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (h("gux-dropdown", { key: 'cb14436dd2958bb6d9c1942103cfb8f80ffffd4d', class: {
+        return (h("gux-dropdown", { key: 'c9fb76e2d1caa7fba5ac2032e363f82ce37df58e', class: {
                 'has-defaults': !!this.workspaceDefault ||
                     !!this.localDefault ||
                     !!this.customDefault
-            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: 'c3d35afbd7043cd196ea1f11915e4f9510db2148', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
+            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '8ca88ed2b64854a4b3de007efcf4326b3e3e4e54', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     static get is() { return "gux-time-zone-picker-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -132,10 +132,10 @@ export class GuxTooltipBase {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '61c4c339a02246e8a604c37d5bb5ccf59187508d', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: '3a059ec92add601e4bb3365c468609fb58b3f649', class: {
+        return (h(Host, { key: '95b90bf66bb77f9cbd9a462484e22ef9f7a2cdb7', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: 'cbc7feb51247b018568779e05997ebea04cf83a7', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '54646e5957736cb35af2f04bbb8cbc96261f6f91', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: 'ea6c7be9038bce011e726991186aecc8b836ea89', name: "content" }))));
     }
     static get is() { return "gux-tooltip-base-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -72,7 +72,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: '05160c3272ef3dae358c673c1813ca5d9542fbd3', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'f41a41784644909ec5f34ff85b5352fd9cb8a692', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '24a1051e75cab234935c3dfb2ee9efdda48d8a1d', slot: "content" }, h("slot", { key: 'f3fc6fcd014435e9c7908bb2706b170398ea54da', name: "content" }, h("slot", { key: 'c8a7eb5c586e81e1b1c13dd62b76356e0c579009' }))))));
+        return (h(Host, { key: '3494b9bec9083c7193b329f6adda9ff29621d563', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '88db2c80af5f51c06e7db2909e2ec0bf7c134be1', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '5ee244741dd181396c5badede863fab95dbe0fa8', slot: "content" }, h("slot", { key: '12826faaa1d80ec616642de64bde8fc7a88200c8', name: "content" }, h("slot", { key: 'b5b557552622e8b0488fd8195b2ad7ec46636650' }))))));
     }
     static get is() { return "gux-tooltip-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: '0180bddfa19067e03e2a87857a27aea31a9f6a8f' }, h("div", { key: '5c046bfa75b940290c65098dfb444131c0da52bc', class: "gux-header" }, h("div", { key: '6b6a42028760fe6c1733c7f0cf0348e30ba9d5bb', class: "gux-icon" }, h("slot", { key: 'a77bf654121756eeb2a1e559aa4d41f52e9033a3', name: "icon" })), h("div", { key: 'fabf04859072cd94d2e0b565f7f5623d5eb87276', class: "gux-title" }, h("slot", { key: 'ad10f9dc0dcb496deb47514b762347666b18538a', name: "title" }))), h("div", { key: '4d8fea88890be08e1bfda92f7d834c0f3a6c526b', class: "gux-message" }, h("slot", { key: 'e0d295d4dc1f66846023eb4f3137d092d7ee4670', name: "message" })), h("div", { key: '8a0fb0dcf21eaa53f17dd11af9448f7c5cb3de6d', class: "gux-action-buttons" }, h("div", { key: 'd3cf23b4c81306f7892b136fe7a278995863f91e', class: "gux-positive-button" }, h("slot", { key: '969087a593fb570a633b655577a8f533f7309d73', name: "positive-button" })), h("div", { key: '7b42d4b73f1d95e580143138886429af41ebf3af', class: "gux-negative-button" }, h("slot", { key: 'b9daa348ac3111b03d4a5247e036e6fdf7b6949a', name: "negative-button" })))));
+        return (h(Host, { key: '1f9a024e9fc7311a9d17fbc3051f9bf2ab08957f' }, h("div", { key: '12d1d8ab1554c18fb61a931ddb32f0273623474f', class: "gux-header" }, h("div", { key: 'e3941013e1fda705b9162f63ea0fa67d5117cada', class: "gux-icon" }, h("slot", { key: 'f762f1093279049d338e159c6ea51e08c1e1bf26', name: "icon" })), h("div", { key: '74240e60cc41fc5549a049bfab1973ee46b1278b', class: "gux-title" }, h("slot", { key: '1962c619bd581b82d00b8ba2f3c6fa1c690737db', name: "title" }))), h("div", { key: 'e306de45dcde9134177a891164164f6fc2447901', class: "gux-message" }, h("slot", { key: 'bfb3755509c0b3132c011a90ea6c96f18690e3b6', name: "message" })), h("div", { key: 'cf20ae80e0d9f4299ef4f39b8be946fb44029860', class: "gux-action-buttons" }, h("div", { key: '46c0363d0c4214696966cc2196c2f121c6052aa7', class: "gux-positive-button" }, h("slot", { key: 'd78dad51eba1a86386fd9f21bf3957a03f941c37', name: "positive-button" })), h("div", { key: '0e573f2ce2510d8c1d2b05d1944066b22207725f', class: "gux-negative-button" }, h("slot", { key: '37acf4eef3aec626ede337826179adb629523b00', 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

@@ -58,7 +58,7 @@ export class GuxDropdownOption {
         };
     }
     render() {
-        return (h("div", { key: '515fbc99de357a5cd58f76fa41b0a2e347e99c0c', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '6a8caea2d867b14044e93879ec2789a6d38e38ff', 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

@@ -70,9 +70,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'c944093eb307f6a3355f865b815b12d3de080378', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'c94b4d9436e4621bea33e06824aa6d930f13d907', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'a492105382407607813648edce5c9b6edc06b257', 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: '71c0e91daf846d825fea3be742bfd0ff9042a231', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '3e1e5a223fbcc5247cceebb6c8e9cec548a04659', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '52fc09c51f9401418bf5de14f14760f2af1cd343', class: "gux-icon-wrapper" }, h("gux-icon", { key: '183dd97e8f1adaa46a6309b3e0016c4f5bef58dc', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'b111b6d8a3ea31dac3da91fd7c75e342c67f87c9', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'c15b4d84749a404b0ecb37f3a1dfc725a85cf3dd', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '4d01119df28a603467c9768b2c7925b328a5a448', "label-position": "screenreader" }, h("label", { key: '22e23e3c02f46badd679e2587face6070b031d57', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'b6952561bc2b3c3195c390cef80b8d99ffa8ae9e', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '17c509e61c5c222d4e3c6c3a2577940de0aba65e', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'b31a7a0c8312b952dce0c996589fe0b122207a8e', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'e189f7e54d6da9f24c08ac21e2f01a4d3a574389', 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: 'af2bb84da475bb26792fee81f6a1d711108800f1', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '0a84724b33ad1b42b2df4f37e33fa9b38cb3ea1e', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '9ffa6eb13e9938b5a87b36650ba3ab04d9ea0037', class: "gux-icon-wrapper" }, h("gux-icon", { key: '521ba8e4d54e97a372c9451b945d8fd4e282a2c3', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '345bc04f5e4192a11b50d053b02d7bf35528dc8c', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'feea25638719d836804ef86fe3258768f9477a27', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'e7a7fd48537b7f584cb77a3fa8baa218bba28688', "label-position": "screenreader" }, h("label", { key: '01845b3784034260a12bb389601de48dade23c5a', slot: "label" }, this.i18n('searchAria')), h("input", { key: '50a0945ca83c5e3f875ca2d6298bddbf7ff0c326', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: 'db0ad6dc0d97e4aac0c72fe39a3c004a1df56cc5', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '33129990bdb0f547cd1b3ace89189e51b5c4b66c' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '84db02a501ab6b991221c455e7d9f10284d41a46', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '9b92e1595a91dfb0527bf67680aa18c0bb1dc121' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

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

@@ -38,10 +38,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '4be9b356b96e450e9ccb141ca50a93570f5e170c', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'd075920e2fab1235e2e5583acf798f148ba217cc', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: 'b5237741f4291a2624debf00b41ceaf0ff0ed332', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'eee918f444b222b1d93af3fd1bfc18c91e2353be', id: this.panelId, class: {
+        return (h("div", { key: '0724050983915337bef8243c9c064ab8319d492e', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '5a19b488e67dcae1476ed708f21fc13614b0dba9', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '94643b603d8d2557a5ff17f7b06fe5de1aea5b63', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '48336c3e7fee813a1c2dfdac8a0051d0146bafa6', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '0abd8a6a557d84f372b55b3ee1f9abe81198b8db', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: 'f045c9bdf38195510c720c52592e190cddac0242', 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

@@ -42,10 +42,10 @@ export class GuxModalLegacy {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: '90d19ea1edfa47d33e03d5e6ebe9739e278e08ab', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '456e55fb853359662828a7250c52d6bc3c3a1a5f', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'dd013211811f36d7e7e0d9594f32e5bac43b0c7a', class: "gux-modal-header", id: titleID }, h("slot", { key: 'b3f9f07f7ced3177111b6756a354d4c71c75dcaa', name: "title" }))), h("gux-dismiss-button", { key: '25d6efb5adb3609d3944d701f86b2a3d771ef28e', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'c8d4c6db275b26056799ecb1356f92ee1aa8930a', class: {
+        return (h("div", { key: 'cbb7033a32fc4731d29fd53c5fbdda9841eb62bd', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'a04bb4a942a82d5510d80e19c0f0bbcbda3a2e4a', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '7187978e04360410ce75cb03992344e8608078c5', class: "gux-modal-header", id: titleID }, h("slot", { key: '62807294a0c5e6a87921768b6e8ba37c1e745902', name: "title" }))), h("gux-dismiss-button", { key: '4f9ef794e1eab16baf2ed2d24e83c2b24dbb7e7f', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'd533e1e8919ce49002e241e6c412061e8a0e9816', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '9967ae16f68f751b0b94cdbb5adf141586b34258' }, h("slot", { key: 'b87861dbd80eae5135c3c1f0d667d84058e0442e', name: "content" }))), hasFooterButtons && (h("div", { key: '830a6bd41cfc38110987e99d28703e30d7f115e3', class: "gux-button-footer" }, h("div", { key: '25629d5d9981f9171f38a2f203c483b8ab4b31b4', class: "gux-left-align-buttons" }, h("slot", { key: 'cde5e44461fdca4edd0c8e8dbfa1b148c1ecb9c8', name: "left-align-buttons" })), h("div", { key: '4c5af8e9f5db1b49927f59ea29be8cfdaa670d00', class: "gux-right-align-buttons" }, h("slot", { key: 'd9c01a24b770c7b556c73f4436a74d7e6d499f72', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: 'aba93cee1b1827c8931efa8fcef277343ee943b9' }, h("slot", { key: '74f8e6920f16eba66ffd2d7030893207410e02b0', name: "content" }))), hasFooterButtons && (h("div", { key: '8afe0581fa777708dd8daa1576797c4bc79db659', class: "gux-button-footer" }, h("div", { key: '3997fa6457bce071b70e2a3869c5dd1d2f616afd', class: "gux-left-align-buttons" }, h("slot", { key: 'c2796e0fe34c961aec79139c315f08733ccd7c79', name: "left-align-buttons" })), h("div", { key: '0d4f0e75cfe8c06f6bc81d077902de7b7d78b3c1', class: "gux-right-align-buttons" }, h("slot", { key: '82f39a85ce86c9b60931429e056b09940e11a998', 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

@@ -13,7 +13,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '31e9d1b812aea4314b9dfaa4c2a3e252e324a8c0' }, h("div", { key: 'f0fe4675274088eb834b1c946aed3527bfb77780', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'c94d0824c69f4ea5164be7a7c362af1d51d5a98a', name: "icon" })), h("div", { key: 'a93e779e920540296d3de38fbdfd904d7a7f10a1', class: "gux-content" }, h("gux-truncate", { key: 'edbaa098abd38aaa50b154b6f178b45a7371e893', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'e3c7ff5f9c3d8826d1ccaf251cb7d2e2b9283482', name: "title" })), h("gux-truncate", { key: '15dfcece149016c5d9e0b78db79cb40ac9f5240e', class: "gux-message", "max-lines": 2 }, h("slot", { key: '7a1626df4daa2ec965b0d8e9e467d07f51b20678', name: "message" }))), h("gux-dismiss-button", { key: '5be640091276fa92d671182f87c0d899e4e08221', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '5e188ce217e4cada21aa6a0cebd4b27494d6182b' }, h("div", { key: '1dcb0d42c4cf65a30549376a58a6d8ec88575107', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '7d733f62e76c33612676f95644c53b2ff582f495', name: "icon" })), h("div", { key: '6b5fd4ed61a8e91259e0455391e6def0706ffbd3', class: "gux-content" }, h("gux-truncate", { key: '81c65e9d2f5017e9b8d6c3eb74411bc7087888e0', class: "gux-title", "max-lines": 1 }, h("slot", { key: '17f3ded65b42e9d6282646fef0ef2ecc9d2f8227', name: "title" })), h("gux-truncate", { key: 'f20c82791a07925b35fcca03e754ca79d70c7c40', class: "gux-message", "max-lines": 2 }, h("slot", { key: '78f92bf23d08e089dd87071814b452e629c7052e', name: "message" }))), h("gux-dismiss-button", { key: 'b12da6be4e1aa16e322d24fba9320bbe12febd2c', 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

@@ -71,7 +71,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '35c275d1a2608b85a7141ef1dc510ab8e594743f', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '2d4c1520162d6f9bc72580d1f5ba6c7b4a5240a1', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f0f3767a986cb7f6ce60664db50320e4a1e20b8b', accent: "ghost" }, h("button", { key: '490294626a841f56b522dcd39215805bb77a6bc4', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '96fe0d712051d6677bbd18ee7b93dd58073be3fb', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '38b5ad9d621040245e3ea1c9ce07081deb300128', accent: "ghost" }, h("button", { key: 'cc587c7c3985f18e6fb62f826f1e41a873caf4bf', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'd6f1d435bd95634171b3692bc6e1c82ad5bf995b', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'e09200135440513915c0961e585d800e97d48d77', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7db272bd5f4a2ffa3c640887d828d0b682991868', accent: "ghost" }, h("button", { key: 'c73a8c9fe0fa79a3529a4d957df7a204d6e9eb60', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '09f913cf5962fc38ba10b6c12d62b351efbe8a43', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '857857ea037260e024bd5b66ce4b5fd2f9b2a497', accent: "ghost" }, h("button", { key: 'd626cca53cc515c79a1b10b4eae8e97c2703bb77', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'b7afbfb871db77f39b1a136124cf23b85dac98be', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'abd4479dc85d6e29c69392f016d183a1641881a7', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '3c670832d6e9950ecd939d3c04cefd13ffb8e5be', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '49d432be3eb2e5c60ed43f481444794b1a5a75ab', accent: "ghost" }, h("button", { key: '465d8406072d3ed4caa9ec8777221dd8e0fde717', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '06ea7f1d28920bc0218db53152c0a3883bab206d', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '332fd069ee566220828d19f0816099a0e467f365', accent: "ghost" }, h("button", { key: 'fcd5a8ac4b5d19a5de428129a511172df49fedfe', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'd7dc6b58158f72bf139d42c9e9652d209853575a', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '7c53ae7710942814a9d937f2efe8951a82951c88', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'd4d1240015d221191e88a9528c02fdca704bd95d', accent: "ghost" }, h("button", { key: '78c0a8c9a4518ddc0c9ad74202e7a3eeb2b4ba3d', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '0180aa302d8a7573d41c114ab27d70636ca8ff7a', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'e1b68c2ba127f9ae273b0344d4c3fbdc00d03084', accent: "ghost" }, h("button", { key: '9818369377240ea3ab1bee9ccaa045cd48afdc0d', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'e6deb4767bb3ae4b21d129a023c77abf4e6d6cba', 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: '2fcfb5a0eed431432f1fc6ba906375ad86d10658', class: "gux-pagination-item-counts-container" }, h("span", { key: '82248452c368ee1031eddabfd0edea44fa58022a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'bdb856142d130ef4f66c11222fc2d7c20955ad24', class: "gux-pagination-item-counts-container" }, h("span", { key: '8b2fb35cd6b4dba518efa45efce46a1eebb795f1', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '38f6da2da9a4f6caeaafebbe323eed7b4e00105c' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '26096d8772396d8fd2c30652869b0026a228a4ce' }, 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: '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()));