genesys-spark-components 4.37.0 → 4.39.0

package/dist/collection/components/beta/gux-phone-input/gux-phone-input.js

@@ -306,7 +306,7 @@ export class GuxPhoneInput {
     }
     renderExpandIcon() {
         if (!this.disabled) {
-            return (h("gux-icon", { class: "gux-expand-icon", iconName: "chevron-small-down", decorative: true }));
+            return (h("gux-icon", { class: "gux-expand-icon", iconName: "custom/chevron-down-small-regular", decorative: true }));
         }
     }
     renderCountryButton() {
@@ -318,7 +318,7 @@ export class GuxPhoneInput {
     }
     renderButtonDisplay() {
         var _a, _b;
-        return (h("div", { class: "gux-selected-option" }, this.region ? (h("gux-flag-icon-beta", { flag: (_a = this.region) === null || _a === void 0 ? void 0 : _a.alpha2Code, "screenreader-text": this.i18n((_b = this.region) === null || _b === void 0 ? void 0 : _b.alpha2Code) })) : (h("gux-icon", { "icon-name": "globe", "screenreader-text": this.i18n('unknownRegion') }))));
+        return (h("div", { class: "gux-selected-option" }, this.region ? (h("gux-flag-icon-beta", { flag: (_a = this.region) === null || _a === void 0 ? void 0 : _a.alpha2Code, "screenreader-text": this.i18n((_b = this.region) === null || _b === void 0 ? void 0 : _b.alpha2Code) })) : (h("gux-icon", { "icon-name": "fa/earth-africa-regular", "screenreader-text": this.i18n('unknownRegion') }))));
     }
     renderInput() {
         var _a;
@@ -335,14 +335,14 @@ export class GuxPhoneInput {
     }
     getRegionOptions() {
         return [
-            (h("gux-option", { value: "" }, h("span", { class: "gux-option-content" }, h("gux-icon", { "icon-name": "globe", decorative: true }), h("span", null, this.i18n('unknownRegion'), ' ', h("span", { class: "gux-country-code" }, "(+)")))))
+            (h("gux-option", { value: "" }, h("span", { class: "gux-option-content" }, h("gux-icon", { "icon-name": "fa/earth-africa-regular", decorative: true }), h("span", null, this.i18n('unknownRegion'), ' ', h("span", { class: "gux-country-code" }, "(+)")))))
         ].concat(this.regionObjects.map(region => (h("gux-option", { value: region.alpha2Code }, h("span", { class: "gux-option-content" }, h("gux-flag-icon-beta", { flag: region.alpha2Code }), h("span", null, region.name, ' ', h("span", { class: "gux-country-code" }, "(", region.dialCode, ")")))))));
     }
     renderPopup() {
         return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (h("gux-popup", { key: '7e2dc1b8626e2f1a2afabc128d44fa7e6858679c', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'b294342bee9d5a6843ed245f080fa05e8d357e1c', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-phone-input-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-screen-reader/gux-screen-reader.js

@@ -8,7 +8,7 @@ export class GuxScreenReader {
         trackComponent(this.root);
     }
     render() {
-        return (h("span", { key: 'ccea34e243df9c03383d4d1a48e66829e6ac7869', class: "gux-sr-only" }, h("slot", { key: 'ddcbe8ed254a028c3c883ba51e7c373879d35e01' })));
+        return (h("span", { key: 'ab62b771828b0d44468c7220b0f4985ba82457bc', class: "gux-sr-only" }, h("slot", { key: '37ab3b9a95d91260ea10e940180045693451c5b4' })));
     }
     static get is() { return "gux-screen-reader-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control-item/gux-segmented-control-item.js

@@ -45,18 +45,18 @@ export class GuxSegmentedControlItem {
         }
     }
     render() {
-        return (h("div", { key: 'ea6d18d2b2f34e809bde11950d95b3cf41b0111c', class: {
+        return (h("div", { key: 'd91ef096989c854b0a65713c1102b94a842caaeb', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, h("button", { key: '6b7a963f730c37cb8ad0ed5174937facfadd944e', class: {
+            } }, h("button", { key: '96d54e7dce6661d3c7749f0fc3325529d00d2ac2', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '1dabd619aaa056e2a21b0b003f832669450c6c19', class: {
+            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: 'a6c5baf28bee4abf89ce7665e88b456492bd2dc0', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: 'badc4c528a7d9bc2a0069d18a4230110bb8c0b60', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: '4a52bfeae2a62f8c097fb322afc427574df6445f', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-segmented-control-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control.js

@@ -30,7 +30,7 @@ export class GuxSegmentedControl {
         });
     }
     render() {
-        return (h(Host, { key: '6a0a93cfaaa538b5cd410c0287a88aef10eaca10', role: "group" }, h("slot", { key: '5b110b0b36f8c05798508f3ab237cf0142bf5e6a', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '94f6ef5226c14619ca405c342abb086ffeb483f1', role: "group" }, h("slot", { key: 'a367904d82d5e70e4b54186e903f146279486672', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-segmented-control-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ export class GuxTime {
         }
     }
     render() {
-        return (h(Host, { key: '594fa8c0284945f1d4050147ad6ea01a007bd711' }, this.renderTime()));
+        return (h(Host, { key: '620931158299507f78d5b793329c943fc332be06' }, this.renderTime()));
     }
     static get is() { return "gux-time-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -146,9 +146,9 @@ export class GuxTimeZonePickerBeta {
         }
     }
     render() {
-        return (h("gux-dropdown", { key: '05436d728a0367a9c93e6dd46079aabd9059ce12', class: {
+        return (h("gux-dropdown", { key: '9b8713710cc5013c5ad05dd1696cace4ccdd15af', class: {
                 'has-defaults': !!this.workspaceDefault || !!this.localDefault
-            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '4c3d75531e4d3b5d1d1f4cc406b95e37d7ae0b71', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.timeZoneOptionElements)));
+            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: 'fe2481ddeca9ad49e8a454b5849d4683578c727b', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.timeZoneOptionElements)));
     }
     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

@@ -113,10 +113,10 @@ export class GuxTooltipBase {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'abbcb96d4a8a301908c1ad20df7770a89cbd4077', id: this.tooltipId ? undefined : this.id, role: this.tooltipId ? undefined : 'tooltip', class: { 'gux-show': this.isShown } }, h("div", { key: '17d69f7175afef1eea4af211140af6ff2cd9a4ae', class: {
+        return (h(Host, { key: 'a4267d7fb5a4e05bcddc3885a7a9ba6bf38b397b', id: this.tooltipId ? undefined : this.id, role: this.tooltipId ? undefined : 'tooltip', class: { 'gux-show': this.isShown } }, h("div", { key: '6952bf492c1047965f5740b9b786ed4cee953f4a', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '3eef93b4b81a750e2edb0981871eb2ece4d3df0b', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: 'dff2b7c036a4ee9b15e8d1f79145730bd1728913', 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

@@ -52,7 +52,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: 'c81ca418dde78ddb79559a4ee5e393575a2b7818', id: this.id, role: "tooltip" }, h("gux-tooltip-base-beta", { key: 'cad04556d134af962ed372806aab159689dfcdc2', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, h("span", { key: 'b3e16443ffe8e434b2d73600fad227495fbcb01e', slot: "content" }, h("slot", { key: 'e73ac2ffde960015e4e3dd2235a7ab3be935c2ac', name: "content" }, h("slot", { key: '3153ce33ca8c8a48999e29437d1df0d402992abb' }))))));
+        return (h(Host, { key: '68846626d16403910966c6f41a4cb3896b7e5352', id: this.id, role: "tooltip" }, h("gux-tooltip-base-beta", { key: 'eab8905c475b8055b61deb782b4a0a39261b54e1', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, h("span", { key: '5dcbf0ff4b163f5c91e3735d90116953d33f2e68', slot: "content" }, h("slot", { key: '86782535eb29ab328447b3e3c49a6d5dbf7bd965', name: "content" }, h("slot", { key: 'c0784076b2f4cbdc72aa4bff05d8a07a95deb546' }))))));
     }
     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: 'a883201df82ed095d8f4574357860659c77de0a4' }, h("div", { key: 'f8969f402900c487450fd08839f1840c962c210d', class: "gux-header" }, h("div", { key: '25f23f87e75fddd152605c147a07ab3a72921a99', class: "gux-icon" }, h("slot", { key: '568b7b930316116f2d1f3c714936dfe64a71030c', name: "icon" })), h("div", { key: '117c561b75c723a67f9c1a7edec46eae8dd753b9', class: "gux-title" }, h("slot", { key: 'ecd58a9eaa0610a457ccf78789ac5ef9838e51bc', name: "title" }))), h("div", { key: '3fe48963895187a3e30650e8fbba8bc4fdef75aa', class: "gux-message" }, h("slot", { key: '19122ad4a9fb9d97339fc1535acb52927e5f305d', name: "message" })), h("div", { key: 'c9d5c108ea1e03e7ea7697442a0013111b4a8b45', class: "gux-action-buttons" }, h("div", { key: '550222cac63f7276091d615a28a0a07bdb625952', class: "gux-positive-button" }, h("slot", { key: 'd571476a0f87e1ded3183c889381b68827fe9af5', name: "positive-button" })), h("div", { key: 'c9cc6adb9aeada53685b7e70722be9d49d8506e7', class: "gux-negative-button" }, h("slot", { key: '49a77b6df4e82c317ed63d52a8c73f405fc13a6f', name: "negative-button" })))));
+        return (h(Host, { key: 'a174566ba055ee1a9d9b78e763b6b06e9969a60a' }, h("div", { key: '5ada262f36fcab588d06a954fde2f8926b66a901', class: "gux-header" }, h("div", { key: '56ae7f1ed180599a5655d2bfd7e1e42a2843e7c0', class: "gux-icon" }, h("slot", { key: '2ad150eeada92c501898487ce4d320b717799560', name: "icon" })), h("div", { key: '1c3f335b0ec042a17115d5ceb379b73caf1bc9d8', class: "gux-title" }, h("slot", { key: 'adad891b1b70a7ac1f056ecb52cc5957ff735f53', name: "title" }))), h("div", { key: '479c3623cc2fc2d5a914d72e3d2a3d511f01149b', class: "gux-message" }, h("slot", { key: '6fcb16bcb4fb5dbd81473f038864274dde5d08ce', name: "message" })), h("div", { key: '1f58facaef96c00990cd631e5fa5b0393eec7548', class: "gux-action-buttons" }, h("div", { key: '8c4e4243c52aab3ad65fdef3c825c82b83934c07', class: "gux-positive-button" }, h("slot", { key: '1275ad8ad9e1aeccd04f824d7fe49c67adcfa749', name: "positive-button" })), h("div", { key: '0301dc845039a65671c414b6ce3083967f24c98c', class: "gux-negative-button" }, h("slot", { key: '1c7737948eb6645a473158cb2175e23fb1ea4d16', 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: 'a1aa77e7480ad8fbe82cc98abae5e087b54238dd', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '849ebec1b1404f17630ea5fca72cc2e184583637', 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: '7d6550e43465dcecdaa8560fccaa48703fb3a246', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'f6d162c0806acbe6dbe6214d8267a5f8ceb16814', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '6fc7f49f786923c00586fb3ebe85cda68fa942bc', 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", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'df3caded426e1177383a17232fe733a04f8ac916', class: "gux-icon-wrapper" }, h("gux-icon", { key: '2da44035092380b04da9c929b55454c0bd21012d', decorative: true, "icon-name": "chevron-small-down" }))), h("div", { key: '804f1957aeb4e6c828206ad7244f6acbff076657', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'f03db98d2bc26a2f5959c1541f53a645544bac49', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'c2a21c00fd512ebaa7672fb54f5e8feda1092842', "label-position": "screenreader" }, h("label", { key: '77449ec906555a731e34dabd60c90efa6bd30b97', slot: "label" }, this.i18n('searchAria')), h("input", { key: '899c695d2c89133a4da37ad9093a54624857c1c6', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: 'ebd4f80bdc5b4010fa38df65e77bcc83e771ec74', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'f23de82717f35dd1fe896b331d26fbdd4684715c', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'a5d8d4f0e3706aeacd54ee73a0b2628ab8d461cc', 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", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '678be795ac5af43a664db24a58c29ac01a74f0a6', class: "gux-icon-wrapper" }, h("gux-icon", { key: '7a0f753ba2ab10fd8883868adf71faba8787ba7c', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '3b44526d1b40a27b94cf1ac7b3db5bca29e4e0cb', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '73865be8190b15cd6f639ae091a25091e8006f0c', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'bcd91e6e7ca8f6527f4e9a339a781afbaf2380e4', "label-position": "screenreader" }, h("label", { key: '00423477e81ac66edf6d24f0db48eb78a19d7bf6', slot: "label" }, this.i18n('searchAria')), h("input", { key: '56382221fcca40269eb017f2b9f6de60177ccec1', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '5516540295957b8a8390fe10897daf476b578893', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'd69777e377dff0df4c0851384369c35c57026f5a' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '967b16c6a02111a1437c572421a3da2f9762a564', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'e36239c8fed1853539fa8b1942dc8518bf8bc199' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

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

@@ -12,7 +12,7 @@ export class GuxDisclosureButtonLegacy {
         this.position = 'left';
         this.label = undefined;
         this.isOpen = false;
-        this.icon = 'arrow-solid-right';
+        this.icon = 'fa/caret-right-solid';
     }
     watchIsOpen() {
         this.updateIcon();
@@ -26,10 +26,10 @@ export class GuxDisclosureButtonLegacy {
     }
     updateIcon() {
         if (this.position === 'right') {
-            this.icon = this.isOpen ? 'arrow-solid-right' : 'arrow-solid-left';
+            this.icon = this.isOpen ? 'fa/caret-right-solid' : 'fa/caret-left-solid';
         }
         else {
-            this.icon = this.isOpen ? 'arrow-solid-left' : 'arrow-solid-right';
+            this.icon = this.isOpen ? 'fa/caret-left-solid' : 'fa/caret-right-solid';
         }
     }
     async componentWillLoad() {
@@ -38,10 +38,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: 'ecaeb9b6177112f93a7ef4a5aed6eeac64d0831c', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '90f906915e1eb1f28f114fc4ee8a547d44f80e5c', 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: '84fcd4c68d75a1649af1961c973760fe6dc2272f', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'a6ccee9a2b12d007db687c46217b6a2c59a01bc5', id: this.panelId, class: {
+        return (h("div", { key: '2a1d7b0588e7ff029f87e765808b3a701b170aa5', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '583e0a88f3a14882dd4399ac9c534fb2a8be3b28', 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: '4d699da2c5798be7633d946c251c4c75d583b405', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'f2d493e7dc165d26b0e86bf5694a99a4fbe5165b', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: 'c23678ee2c8a7bf59277e1a8efce641d9586b2c6', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '849c4e45698715568d3f08bc5bdaf8ed6d5732aa', name: "panel-content" }))));
     }
     static get is() { return "gux-disclosure-button-legacy"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,12 +53,12 @@ describe('gux-disclosure-button-legacy', () => {
                 const onActive = await page.spyOnEvent('active');
                 expect(await element.getProperty('isOpen')).toBe(false);
                 expect(panel).not.toHaveClass('gux-active');
-                expect(icon).toEqualAttribute('icon-name', 'arrow-solid-right');
+                expect(icon).toEqualAttribute('icon-name', 'fa/caret-right-solid');
                 await button.click();
                 await page.waitForChanges();
                 expect(await element.getProperty('isOpen')).toBe(true);
                 expect(panel).toHaveClass('gux-active');
-                expect(icon).toEqualAttribute('icon-name', 'arrow-solid-left');
+                expect(icon).toEqualAttribute('icon-name', 'fa/caret-left-solid');
                 expect(onActive).toHaveReceivedEventDetail(true);
             });
         });

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

@@ -43,12 +43,12 @@ describe('gux-disclosure-button', () => {
                 element.addEventListener('active', activeEventSpy);
                 expect(element.isOpen).toBe(false);
                 expect(panel).not.toHaveClass('gux-active');
-                expect(icon).toEqualAttribute('icon-name', 'arrow-solid-right');
+                expect(icon).toEqualAttribute('icon-name', 'fa/caret-right-solid');
                 button.click();
                 await page.waitForChanges();
                 expect(element.isOpen).toBe(true);
                 expect(panel).toHaveClass('gux-active');
-                expect(icon).toEqualAttribute('icon-name', 'arrow-solid-left');
+                expect(icon).toEqualAttribute('icon-name', 'fa/caret-left-solid');
                 expect(activeEventSpy).toHaveBeenCalledWith(expect.objectContaining({
                     detail: true
                 }));
@@ -67,12 +67,12 @@ describe('gux-disclosure-button', () => {
                 element.addEventListener('active', activeEventSpy);
                 expect(element.isOpen).toBe(true);
                 expect(panel).toHaveClass('gux-active');
-                expect(icon).toEqualAttribute('icon-name', 'arrow-solid-left');
+                expect(icon).toEqualAttribute('icon-name', 'fa/caret-left-solid');
                 button.click();
                 await page.waitForChanges();
                 expect(element.isOpen).toBe(false);
                 expect(panel).not.toHaveClass('gux-active');
-                expect(icon).toEqualAttribute('icon-name', 'arrow-solid-right');
+                expect(icon).toEqualAttribute('icon-name', 'fa/caret-right-solid');
                 expect(activeEventSpy).toHaveBeenCalledWith(expect.objectContaining({
                     detail: false
                 }));

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: 'bf5aa99c17196583643a091cadc4ac61af4e95d5', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'd13021f74577d221681404037749b2fa11a49f7c', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: 'cfa6569a483402546a6c02d82eb299532eeda09c', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'ffcb7df17b6096b63cf4c7f7a54a363ea9e3822a', class: {
+        return (h("div", { key: 'b4d794e9ca48d02f971b9021444102fb050b09a3', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '36c9c138eea049529baa001a43027630b5b5822d', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: '29a8c5718c8645337d912aade0006a0705f9eac4', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '540e1b08dd6f0bc473c397cbd372cdbfac6e3705', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '8abb233f4af9528d456bcaa50884f426f274c14b' }, h("slot", { key: 'a5a7e272a776c515e6719cd45d6473ebea19b970', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '67ad5e765c02b06a62bd3c0342a5bda314bc1ca6' }, h("slot", { key: 'df01a76583c1e815d47fa599254726a4f3b7ec9d', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { 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: '95f0699e6fa45841e5d1c9cbf93469776739706b' }, h("div", { key: '40f8dc61690012e3d0f9332c259b33229da0b978', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '046d5e3ca767cd3169ac5d467c881f6440c1cf24', name: "icon" })), h("div", { key: '7e92e95c11ee47b97867e79bf2071ff094eb7896', class: "gux-content" }, h("gux-truncate", { key: 'c2f72cd81ce25da5254689c83f80f3c8115de6bb', class: "gux-title", "max-lines": 1 }, h("slot", { key: '70d07f64b0bebb2e3b52e6710862897e702edfdb', name: "title" })), h("gux-truncate", { key: 'e6abb2d9a7ef823549b144590382c426097d9b1f', class: "gux-message", "max-lines": 2 }, h("slot", { key: '2d7941c85956f06d7d039f9b40a0caf8f6f0b6d5', name: "message" }))), h("gux-dismiss-button", { key: 'd994890293510eac8732ca3ee85cbc21c110d434', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'd7a803979fb4928426771dc56f5b391ed104be1b' }, h("div", { key: 'dfb95927b087dc9072a27ff61295167e930fb2ba', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '060bdf80b7ef76e0806a4b7edd78d9e88c8731e2', name: "icon" })), h("div", { key: '98343cfe55e081b3ac659fd4cad0a39018db7aa0', class: "gux-content" }, h("gux-truncate", { key: 'f8580c9c7d1267122d27d08c896397b7a2db6bd9', class: "gux-title", "max-lines": 1 }, h("slot", { key: '53d5b7655343c330d98d5a96b03571e3edf73b83', name: "title" })), h("gux-truncate", { key: '9eb6e29cce6cc5d950decac114acf50db88cbafb', class: "gux-message", "max-lines": 2 }, h("slot", { key: '5b9e99ba08073b781d616024f8d3294483c02da1', name: "message" }))), h("gux-dismiss-button", { key: 'eb2ee932ad1911a7349526d0d5374d2eb2b14c71', 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: '65f5df113fcff5352c78aae19e64e1cf3aa0529d', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '342290ddf38c6ff15c96ceee1bf85856c39d1b33', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'df7a7a8f79872afc4b07bb770b17cbca146ed8ca', accent: "ghost" }, h("button", { key: '405bda85171a8954521414f02705e7be01f8346c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '6af6ef74821a2328799c8da454d7fcbd717e71f9', decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot", { key: '8638a3c1fff12fd027ff9257c429784a62dbfe89', accent: "ghost" }, h("button", { key: '079e9784e585a182c73b7f08e65a8709db4403cb', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '1d12b4830af8429f39b7a331a5d585255f9fdf02', decorative: true, "icon-name": "chevron-small-left" })))), this.getPagePicker(this.layout), h("div", { key: 'c3ee4d1d35a8c4f097bf744f3471ee79d01fdf71', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f2cdc9899f705c318927c2c1f3e58f35716bea2a', accent: "ghost" }, h("button", { key: 'b51edb7cb1a86dbc7b6d4740a9cef5cf45df97f4', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '5495c3f4f6247b6c05e89909956dfd38a28aed06', decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot", { key: 'd29e779b6180d2a48fc56e0996c67c1630672ee5', accent: "ghost" }, h("button", { key: '11ce9c30b2f4b25af5a392864df4bc8509a43a54', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '2eea5b1f7b945763fb442c577c6e40d5d2bbf6be', decorative: true, "icon-name": "chevron-double-right" }))))));
+        return (h("div", { key: 'ed134f1cf5751572cda7d79e5c572f9a6d42320a', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'ca98777587f3a5906add06ec1a113a4fe47d274c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3fc27c8b14cea8acddb2248e03854b41caf48662', accent: "ghost" }, h("button", { key: '7c4f5c44c1f5cf23f2ababaaa79e11254a4aae7e', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'fc31d515f6bbcf235a85e39dba8772bfa31460ba', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'c70f4195599cfcf12c8a303d61fb7f06233356bf', accent: "ghost" }, h("button", { key: '92bf5a49a613b5c1cb909bbf28a56fd3d90b609d', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '6f576c2311d1f28c7ef8a49c9836b522faf5d332', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '0c5b43597369be0a015cfea771a657dd0a19407c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '5b5728790e6ce6735f28cb4d58b654e1e25e4133', accent: "ghost" }, h("button", { key: '5cb7488a05fcbb884c674b5c3cf4657a2314a1cc', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c73218621db589541dd5421dd8ec4c9ad751a266', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'dd51d7362f58414f8d66bbfd3598fbb61b5f57da', accent: "ghost" }, h("button", { key: '9843586eb375cb6b3b8fd4a51c47c97f0d57b567', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '4badda0af60bc9e766c057b07b8743250f0d6847', 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: '476ed762cb8b6a4b17cf1c25d358e57ac7e0e086', class: "gux-pagination-item-counts-container" }, h("span", { key: 'dff28dbb1df977ca0064f5ac7ba7bf9f4814b040', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'dbc67ac8f594f5201ab428f8798aea60133ab83f', class: "gux-pagination-item-counts-container" }, h("span", { key: '719d869de8af001347d1911f938530aff159ec5c', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '52d1d6453d903c85ba44aa39dddc2b7a534cfb75' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '67bcebca12f251a2b52aacec0e649339bc76ad9f' }, 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: '97ddfc030e9feb9a045e82b8273f1bb53eda4d3e', class: "gux-pagination-items-per-page-container" }, h("div", { key: '45852579787a3236094372cbe3f48b1ace391fcd', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '31d162be583a31d2b2c4859ee37f91ff2be8b69a', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '8d3ff776e66f4acbc8da64b82d23918251713d05', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'd19760f221717d18f36d10241a020f6bcb4d9f2e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'f45143503cde31a00fda0b9c812c6fceb90de599', 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: 'd4285771fdf06b8c7713fed2369cd1e53d2c07be', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '339063e1ff388686b30d024c94f85850cb6031f1', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'bdb7fd89985d8e8a6fd22d1596a3fb006bab9c81', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '654d8b6445ec7f27e3339a10cd3f74d8224da2c4', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'ccbc94f4667addf83eb2b2b1a0e087e811a8dcdd', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '632c3fe1d662df021ad61361d68c7803aba41246', 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: 'bbfcdff4fb0154e14fa6037e781bd59a2eba5a81' }, h("div", { key: '74406999a20a3d58be13a9d4398c91c0a92fc314', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '084c6f8e6fc802081c14c0e6c76c7bb050ff1518', name: "icon" })), h("gux-truncate", { key: '9e29a25246b3b8621e83e5e29eae0dfe6e0b4654', class: "gux-message", "max-lines": 2 }, h("slot", { key: '63127bc7595801452ab8a77b03406dd055b1a74c', name: "message" })), h("gux-dismiss-button", { key: '97cfe5d517e0d7bd035c6442043c3a06cc316a53', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'e3d5a50f9457ac5fe0051315cba067f0fcf55600' }, h("div", { key: 'a787292f250ca8481c72dc464952e3922526f95e', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'e5cb25f9d167e64a7cc1fcf830fa30c970b035d8', name: "icon" })), h("gux-truncate", { key: '0808642ce2e9bcfd5f4a8d1f9c33f00d9af77810', class: "gux-message", "max-lines": 2 }, h("slot", { key: '3afc276b94624fe8bfba201f49c02ac7d1117850', name: "message" })), h("gux-dismiss-button", { key: '5ba90a53f7b73015b0b3caede819bd4d328967c3', 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: '56f068990fb4efa7d9bcf4bdfc804566f0278eaa', class: { 'gux-selected': this.selected } }, h("button", { key: 'e7b404cfef82ca41c150b49ebc6d91adde938a71', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '3d2bd71d34aa0c48301a229a0b1c396b714f9e93' }))));
+        return (h(Host, { key: '8ee74fa80afa8fad5f174c2f54fe9de9a164b612', class: { 'gux-selected': this.selected } }, h("button", { key: 'b0674cc0fd5c77da2554ed3aaecad71723a0d0c6', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '8c1ad177f06e1209e91a582f3d3feb793e0257f8' }))));
     }
     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: 'fe49b66fbc5afe91686a3953d62449e80a9a7399', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '5bc85c04e73c8d8f03c70701d84785ad43473c9f', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '77fc78ce09692a225ed38bffee0e0fc76aad8dd4', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '90776482a08f73ff646f11b5794148c843913b5f', 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: '2a58e71a34e93adb6380fce13b699c87419bf2fe', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'a2d93a2a87dd23feeb984228d376e9067b8d1e1f', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '60353998f0e53d0a658b508166cc83b441106528', class: {
+        return (h("section", { key: 'e43843ed0b1d4dc279897e720f408a3e35759e22', class: { 'gux-disabled': this.disabled } }, h("div", { key: '79278fd4c91ef78ad194526e6b36f66ef0b277ea', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '7689f7d1b90ae0d33b7ba96dc700e5b7395e30c5', 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", { name: "icon" }), h("div", { key: 'c5fe127c874da335faf416e8c1f05bc07252a934', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { name: "icon" }), h("div", { key: 'd3ab61eea55160d9f91929a69b89ddaf3536ae9c', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '54238e218ed6d794afaf712a0cc00b9cb14e7b25', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'a6255e3e57addc3c676c60377585d5d0fdd23b4a', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '76145948b8ce5004e3588461a830f04e312492b2', class: {
+            } }, h("slot", { key: '3ebdd62963080f97250f01f8bfa4d0efbaac71f2', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '502ea605f332eb2aa341ce5907d66e949ab8bbcc', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '180a027a206f5738e161f4b6e4980a8baa4271a9', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'c4c55775320d8381f30f620c2ebf1127478c0666', decorative: true, "icon-name": "chevron-small-down" })))), h("div", { key: '02d0cad854972af9a7ecfdb5534c2589f1502937', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'e48bb166b5c7372cf9a2495f9aa370a1a366668f', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '3479f22b7fb24dfdeb41effc9d00acc970d0c226', 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: '816524e5f64351de08633ac841b72ea843544ad2', name: "content" }))));
+            } }, h("slot", { key: '732d94ade390d3b5760696c7dfe403fa069bf154', 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: '7ba0238eebc78708ce6b64f67907fa69168709c2' }));
+        return (h("slot", { key: '43e6a7d1a5825bf06252ac82887d63877806184f' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -115,7 +115,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: 'e7489e1fcadb95fc8be95415a488dad2644c8ac1', class: "gux-action-button-container" }, h("gux-popup", { key: '2c290d7713ac342c1e0929a2c6459e7b4a15caaf', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '39cc821dc7dcc8cc12d6d98c111b4a193077a500', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '719d63daee738017925e0b98562b65abb36f2872', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '6ff029bf9bf8cf00356221f7c70281cf6775eba4', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '07033bd406e3de131c61f841fdf0bc883d756dfa', name: "title" }))), h("gux-button-slot", { key: '6c5159f6b99a26be534798a2090cf53d3da0e82f', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'b4f587ceb080d8b0574c5c9c7f059c4892ac94bb', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '631125577189d130afc4f804dcc1fd0a397784ee', decorative: true, "icon-name": "chevron-small-down" })))), h("div", { key: 'a165dceeaad3a6269610a3ffc12e9e1063e669c1', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '96bee11d7bcb9fec5eb07868e4150cbdd561e3c5', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'f2e246b850e175757772f8bc271c59b8625798b3' }))))));
+        return (h("div", { key: 'a1837c065065e2d7037b19fde9efdd12effa3081', class: "gux-action-button-container" }, h("gux-popup", { key: '4a2497dbd0a73cb176063b312e40f7e39ae525da', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '869db3148b2dfc045af9cb511f9dd26795ec242c', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'd824c17a91f0d006dbf65631d08a39d5e021dfce', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'f6e9ed0cb230d1853ba33bd73843479272437c4d', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '81b1be1de27553e823fc54fa0c91bf85bc34a0a6', name: "title" }))), h("gux-button-slot", { key: 'ec9e576f5253b72b93bbac31b4f4874abe1741e7', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '059f720a1d29ccf902292c5ae47cf5d9e6ed7b1f', 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: '5cd20c37b078a415a38b01d8319dbace42fca903', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'bd6a7fd8e9d3a1ba47ac3e33562803e71ed32730', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '3721879da1e60308ad2adf0c3d008feb0ced62e1', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'df23d68e019dd0adbf5e4f3562bad6cf949e2968' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -35,7 +35,7 @@ export class GuxBlankState {
         this.hasCallToAction = hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (h("div", { key: '558c595cac56331b358e2000f59ea1a8813b3f0c', class: "gux-container" }, h("div", { key: 'd8381bd65aa8eef3a8ae857a6ea09f0ef92feab7', class: "gux-image" }, h("slot", { key: '491dbfc72fb00b6edcf47da9e8465da3a8af2c77', name: "image" })), h("div", { key: 'c5ff21d5dfa5c504e9450a88bcebe4c8bb8a9b6b', class: "gux-message" }, h("slot", { key: '090228f6db992683402690d88ac34b878608743a', name: "primary-message" })), h("div", { key: 'b9b4a195852198d95bdd395c2769b4d4c1854592', class: "gux-guidance" }, h("slot", { key: '9297efe0cd3f7ef5e3fee31c76db8c072ec95a45', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '71bbbc1b66bbd1541ba74cd2579b4d9ffd94b792', class: "gux-container" }, h("div", { key: '1a2c94bd372ab59509290d513e7f69e54ecacb5a', class: "gux-image" }, h("slot", { key: 'd73c464adbfb5c852eb73790eea67f0b8558b9b0', name: "image" })), h("div", { key: '4a8ef385130d7afd84a8b4651bdd906413e48d44', class: "gux-message" }, h("slot", { key: 'ca854de16902fcb6b9d7236d89804379bab2f2f2', name: "primary-message" })), h("div", { key: '92f99271c721d378bd53dd8988366a9b4627a6ba', class: "gux-guidance" }, h("slot", { key: '7051cbd78bd69a06013e6ffc3cdb22657c3fd246', name: "additional-guidance" })), this.renderCallToActionSlot()));
     }
     static get is() { return "gux-blank-state"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -19,7 +19,7 @@ export class GuxBreadcrumbs {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: 'f7f16704239e33f36312d8692e07ced61c679a38', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'cb77ce2687d73ea14e15a183be0cef4f9a67214f' }, h("slot", { key: '8c177dab8c8d8bfe78c3b84be9c17230eb2e5cb1', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '608e54715a572a810997b4b5f4a603c4ca4964b4', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '0aa2dadede15eae739c52e509ae433acd41da906' }, h("slot", { key: '4db94ec1eee99cf04f25ceb4e62823b116cc924f', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     static get is() { return "gux-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -103,7 +103,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '6d6f408a63ea3b791d452a00e07791cdec234f21', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '53b0edb9b3d24c26230634a9b93b9883a9099a16', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'a44046c13a17b433d35139a7e4f7a2f2a3afffae', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '5dfaf1d3d4e68668d4d04037fb1d8eef6b630f0e', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'ca3eb44eddcc425497b7acb413e11a4e9a380c3a', name: "title" }), h("gux-icon", { key: 'dd3c54d169e8b37780155d417b34e7d4dea08b0d', decorative: true, "icon-name": "chevron-small-down" })))), h("div", { key: '96f777e40427ab2b24c3e6b78d6ef50a65ebaa2f', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'a19c439872b134568927fcbc4e2cbc24f291b9a1', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a3ec97bbb8297b5575e4eb80eeb5f67adf73f06c' })))));
+        return (h("gux-popup", { key: 'd3416cdcdef104d577b7a1d63ff54d704888dc02', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'b02602ac5e292a705b7d56c8488514131a9e40ad', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '613acbc4e472f489217fe6adbcaf6b9a51519b9f', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '4849033c3bac67dbd99d2161c68bb35ec1acb944', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '9f1e46dcad2241013b95efcb3ae3e51a04767c21', name: "title" }), h("gux-icon", { key: '33e535e641cfc9b131031f231d99f7e573672dbe', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'c3891f3a65036c93198033d93902c15f9342ac44', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5c3000bcaebb4875054b24b6a0fcb5384e427267', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'c30faaa6927f754b3536c8cc85994a2327aa77db' })))));
     }
     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: 'a8cfbead6d0ebd8b4c51f0dee576fc52bba51f41', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '4806c2106db005c3051588f30428c2702e3919fe' })));
+        return (h(Host, { key: '2b87c9edc5966c7ec671f4d5c9d40208eef18b5e', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '29bd66b4df4be01fdc718b642b773c7c36b8b5ae' })));
     }
     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: 'e2414503c83b324857a1307f32098be9bbb203e0', class: "gux-calendar" }, h("div", { key: '4af1fc5d24e7d9684276560f73f86e49fb0dddad', class: "gux-header" }, h("button", { key: '11f298ba8f97c15d366f6c4e7fd5dbcf589667ec', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '98b0ff804cfbc165ddc7ff79617ee339fe258e7b', decorative: true, "icon-name": "chevron-small-left" })), this.renderMonthHeader(), h("button", { key: '9efb434a65902feaed5cc48a503b18002ef11602', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '548a8f78b4f8306535e936b83514d1f770cdbd9d', decorative: true, "icon-name": "chevron-small-right" }))), h("div", { key: '1fd1099529098499d71e6cad5409a9899cf9f961', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: 'fdb66f9c9001233c551cc713975fb03bbf7c329c', class: "gux-calendar" }, h("div", { key: '9f7b27d786bff99443cefc719918ef3f0852610a', class: "gux-header" }, h("button", { key: 'c26743ded590131da4dd42deb4db41aa88135c09', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'f3bc9dea97ef2c24fa25c9583404164203f53d80', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'b916098786e80af0ffc8021c5fa0a2f3efd1fecb', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'd71086601c65b90dd8eb7eae49dce3b8f518e5ec', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '266207d49fb850d57ae4b05f99f78431180decb4', 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: 'b84fbe6776b384375e30951a8ab2869de31ebce9', class: {
+        return (h("div", { key: '0d27561ac8006f1cc0f2518522accb8b65e626a1', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'b20a4f68c4a3d66e96d1cba8547f83555b3d61bf' })));
+            } }, h("slot", { key: '8ff16124b72ec1226b3e472905abeb216aaf7250' })));
     }
     static get is() { return "gux-card"; }
     static get encapsulation() { return "shadow"; }