genesys-spark-components 4.36.0 → 4.38.0

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

@@ -3,7 +3,7 @@ import { trackComponent } from "../../../utils/tracking/usage";
 import { DateTimeFormatter } from "../../../i18n/DateTimeFormatter";
 import * as sparkIntl from "../../../genesys-spark-utils/intl";
 // Remove with this ticket https://inindca.atlassian.net/browse/COMUI-2598
-import { readRegionalDatesCookie } from "../../../i18n/check-regional-dates-cookie";
+import { useRegionalDates } from "../../../i18n/use-regional-dates";
 import { getDesiredLocale } from "../../../i18n/index";
 import { getValidTimezone } from "../../../utils/date/get-valid-timezone";
 export class GuxDate {
@@ -15,7 +15,7 @@ export class GuxDate {
     }
     componentWillLoad() {
         trackComponent(this.root);
-        if (readRegionalDatesCookie()) {
+        if (useRegionalDates()) {
             this.hasRegionalDatesCookie = true;
         }
         else {
@@ -38,7 +38,7 @@ export class GuxDate {
         }
     }
     render() {
-        return (h(Host, { key: '7c5dba8ed657b7602e7b2664221cf618beee57af' }, this.renderDate()));
+        return (h(Host, { key: 'a9ca02bca11221f4e53aa65807f1291c8a834048' }, this.renderDate()));
     }
     static get is() { return "gux-date-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -3,7 +3,7 @@ import { trackComponent } from "../../../utils/tracking/usage";
 import { DateTimeFormatter } from "../../../i18n/DateTimeFormatter";
 import * as sparkIntl from "../../../genesys-spark-utils/intl";
 // Remove with this ticket https://inindca.atlassian.net/browse/COMUI-2598
-import { readRegionalDatesCookie } from "../../../i18n/check-regional-dates-cookie";
+import { useRegionalDates } from "../../../i18n/use-regional-dates";
 import { getDesiredLocale } from "../../../i18n/index";
 import { getValidTimezone } from "../../../utils/date/get-valid-timezone";
 export class GuxDateTime {
@@ -15,7 +15,7 @@ export class GuxDateTime {
     }
     componentWillLoad() {
         trackComponent(this.root);
-        if (readRegionalDatesCookie()) {
+        if (useRegionalDates()) {
             this.hasRegionalDatesCookie = true;
         }
         else {
@@ -39,7 +39,7 @@ export class GuxDateTime {
         }
     }
     render() {
-        return (h(Host, { key: '34356448ca74d00976bf00d92651712b3e228c7b' }, this.renderDateTime()));
+        return (h(Host, { key: '1c2c99ca32a68dba35b0a37756305154a5151a6b' }, this.renderDateTime()));
     }
     static get is() { return "gux-date-time-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { buildI18nForComponent, getDesiredLocale } from "../../../../i18n";
 import * as sparkIntl from "../../../../genesys-spark-utils/intl";
 // Remove with this ticket https://inindca.atlassian.net/browse/COMUI-2598
-import { readRegionalDatesCookie } from "../../../../i18n/check-regional-dates-cookie";
+import { useRegionalDates } from "../../../../i18n/use-regional-dates";
 import simulateNativeEvent from "../../../../utils/dom/simulate-native-event";
 import { afterNextRender } from "../../../../utils/dom/after-next-render";
 import { getISOYearMonth, getCurrentISOYearMonth, getYearMonthObject } from "../../../../utils/date/year-month-values";
@@ -36,7 +36,7 @@ export class GuxMonthCalendar {
     }
     async componentWillLoad() {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
-        if (readRegionalDatesCookie()) {
+        if (useRegionalDates()) {
             this.locale = sparkIntl.determineDisplayLocale(this.root);
         }
         else {
@@ -109,10 +109,10 @@ export class GuxMonthCalendar {
         this.monthListElement.focus();
     }
     renderHeader() {
-        return (h("div", { class: "gux-year-header" }, h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(-1), disabled: this.isPreviousYearLessThanMinYear(this.year, this.min), ref: (el) => (this.previousYearElement = el) }, h("gux-icon", { "icon-name": "chevron-small-left", "screenreader-text": this.i18n('changeYear', {
+        return (h("div", { class: "gux-year-header" }, h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(-1), disabled: this.isPreviousYearLessThanMinYear(this.year, this.min), ref: (el) => (this.previousYearElement = el) }, h("gux-icon", { "icon-name": "custom/chevron-left-small-regular", "screenreader-text": this.i18n('changeYear', {
                 currentYear: parseInt(this.year),
                 changeYear: parseInt(this.year) - 1
-            }) })), h("div", null, this.getYearLabel(this.year)), h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(1), disabled: this.isNextYearGreaterThanMaxYear(this.year, this.max), ref: (el) => (this.nextYearElement = el) }, h("gux-icon", { "icon-name": "chevron-small-right", "screenreader-text": this.i18n('changeYear', {
+            }) })), h("div", null, this.getYearLabel(this.year)), h("button", { type: "button", class: "gux-year-change", onClick: () => this.changeYear(1), disabled: this.isNextYearGreaterThanMaxYear(this.year, this.max), ref: (el) => (this.nextYearElement = el) }, h("gux-icon", { "icon-name": "custom/chevron-right-small-regular", "screenreader-text": this.i18n('changeYear', {
                 currentYear: parseInt(this.year),
                 changeYear: parseInt(this.year) + 1
             }) }))));
@@ -128,7 +128,7 @@ export class GuxMonthCalendar {
         return (h("span", { onFocus: () => this.doFocusTrap(), tabindex: "0" }));
     }
     render() {
-        return (h("div", { key: 'd420a8f43d52a11f21514ae9b09700fa01dead5f', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
+        return (h("div", { key: 'e3a836481d0d2d85b560b58bae9ff8f5bbfb28fc', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
     }
     static get is() { return "gux-month-calendar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-month-picker/gux-month-picker.js

@@ -14,7 +14,7 @@ import { trackComponent } from "../../../utils/tracking/usage";
 import { OnClickOutside } from "../../../utils/decorator/on-click-outside";
 import { buildI18nForComponent, getDesiredLocale } from "../../../i18n";
 import * as sparkIntl from "../../../genesys-spark-utils/intl";
-import { readRegionalDatesCookie } from "../../../i18n/check-regional-dates-cookie";
+import { useRegionalDates } from "../../../i18n/use-regional-dates";
 import simulateNativeEvent from "../../../utils/dom/simulate-native-event";
 import { afterNextRender } from "../../../utils/dom/after-next-render";
 import { getCurrentISOYearMonth, getISOYearMonth, getYearMonthObject } from "../../../utils/date/year-month-values";
@@ -59,7 +59,7 @@ export class GuxMonthPicker {
     async componentWillLoad() {
         trackComponent(this.root);
         this.i18n = await buildI18nForComponent(this.root, translationResources);
-        if (readRegionalDatesCookie()) {
+        if (useRegionalDates()) {
             this.locale = sparkIntl.determineDisplayLocale(this.root);
         }
         else {
@@ -185,7 +185,7 @@ export class GuxMonthPicker {
         return (h("button", { class: {
                 'gux-popup-toggle': true,
                 'gux-expanded': this.expanded
-            }, ref: (el) => (this.calendarToggleButtonElement = el), type: "button", onClick: () => this.toggleCalendar(), disabled: this.disabled }, h("gux-icon", { "icon-name": "calendar", "screenreader-text": this.i18n('toggleCalendar') })));
+            }, ref: (el) => (this.calendarToggleButtonElement = el), type: "button", onClick: () => this.toggleCalendar(), disabled: this.disabled }, h("gux-icon", { "icon-name": "fa/calendar-regular", "screenreader-text": this.i18n('toggleCalendar') })));
     }
     renderTarget() {
         return (h("div", { class: "gux-target", slot: "target" }, this.renderSpinnerButtons(), this.renderCalendarToggleButton()));
@@ -194,7 +194,7 @@ export class GuxMonthPicker {
         return (h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
     }
     render() {
-        return (h("gux-popup", { key: '858eebab7d651baffabf72918a0f95cc0c6544ae', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'cd87cd024ca726bceef992be982cd16cd571f8bb', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-month-picker-beta"; }
     static get encapsulation() { return "shadow"; }

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: 'f0d5ba6f25fddcc4be5ca4124a9b933a61e7e8e3', 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-time/gux-time.js

@@ -3,7 +3,7 @@ import { trackComponent } from "../../../utils/tracking/usage";
 import { DateTimeFormatter } from "../../../i18n/DateTimeFormatter";
 import * as sparkIntl from "../../../genesys-spark-utils/intl";
 // Remove with this ticket https://inindca.atlassian.net/browse/COMUI-2598
-import { readRegionalDatesCookie } from "../../../i18n/check-regional-dates-cookie";
+import { useRegionalDates } from "../../../i18n/use-regional-dates";
 import { getDesiredLocale } from "../../../i18n/index";
 import { getValidTimezone } from "../../../utils/date/get-valid-timezone";
 export class GuxTime {
@@ -15,7 +15,7 @@ export class GuxTime {
     }
     componentWillLoad() {
         trackComponent(this.root);
-        if (readRegionalDatesCookie()) {
+        if (useRegionalDates()) {
             this.hasRegionalDatesCookie = true;
         }
         else {
@@ -38,7 +38,7 @@ export class GuxTime {
         }
     }
     render() {
-        return (h(Host, { key: '62fa9fab592fd5184965dff3fefe25cecaa3aeaa' }, this.renderTime()));
+        return (h(Host, { key: '594fa8c0284945f1d4050147ad6ea01a007bd711' }, this.renderTime()));
     }
     static get is() { return "gux-time-beta"; }
     static get encapsulation() { return "shadow"; }

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: '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: 'fb3ac1317ce9b6a2e3c56c07f43c388c5e1f44df', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'b15ee926b5347dfd9b4694bbd452276a022caa7c', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '3ac8f76dbbcead1854d4b829d0513e9cf6d3ce68', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'd9d3bb933ffa817962909056510a6ae86d3b96a0', "label-position": "screenreader" }, h("label", { key: '84e7ba364ec207f75fe9549581980918541af509', slot: "label" }, this.i18n('searchAria')), h("input", { key: '80efc2ee63c0ea5c22f3d311a66d8284861f1a52', 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: 'c654982a8e651c8accf167893241b022f442d7b6', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'b3e0f211fa1b4c5c3cba4cc9ea80d6ed6191289d' }))))));
     }
     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: '14fd6c64658b5c4d17eb1e716aba1420e4513640', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '6ba9bee17e1154c2d066bd7edae5dc1b30311761', 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: 'ab3be81f33ca28bc32cd57ced2dfb6d0f263709d', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'c9a952751e4f3fd6a59479880e64613c922e8df8', 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: '9859f5cfb159329913927f75e82f288500b94e8b', 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-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: '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: '3dfd73baa837be11f17f3d0d45a585a0ca452f1b', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'e67927426052f32d965da39820af45b9270d892a', accent: "ghost" }, h("button", { key: 'cfb8c907951c4b62405f4e28cc4f398f8dcc05a9', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '0cb1a31dd49fc9e76687a7e28cbb174b057125ed', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '6e4784214596edb63cda0ac0ed330858fb54f008', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '36b7059810aa24e267dcc812198085f200511c19', accent: "ghost" }, h("button", { key: '537e98861aee0c728e424d6742f45a40f1cca46f', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '889eb57eec2aa4cb844104ef4fe7ddb50c3971b1', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '540f8ea95543eb739d0892671058de5d2cda55bd', accent: "ghost" }, h("button", { key: '82c7157a81af6620feeae30c23a3ecc59c48bb80', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '76dc86d6c2f5f183d6a8fefbeff6e38b95da2fa3', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons-legacy"; }
     static get originalStyleUrls() {

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

@@ -53,11 +53,11 @@ export class GuxAccordionSection {
                 '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: 'ae4ab9ac042737319f254309e72f3ca7ff5917d7', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '6bcd2a3374a9a67e741f54f4bdf5de5a0e402304', 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: '805ae7653ba1c319535fef0cb456a219c2cf0df4', name: "content" }))));
     }
     static get is() { return "gux-accordion-section"; }
     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: '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: '52cd97748631e2cf5966c226aaab6e00a7588b3b', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '4a6abb8d75fa76c73ac2b5edd882d640ed85f020', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'e90fa813c243166bd22e0414377a9e817569ba57', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '7fcca2ad8cc4bb8c1a2e97d5c5ab89e7b2e5dfd4' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,7 +53,6 @@ describe('gux-action-button', () => {
         expect(actionClickSpy).toHaveBeenCalledTimes(0);
     });
     it('should fire open and close events if not disabled', async () => {
-        jest.useFakeTimers('legacy');
         const page = await newSpecPage({ components, html, language });
         const openSpy = jest.fn();
         const closeSpy = jest.fn();

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: '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: 'f17a4112682e721daf21654bd2c6d2ef2b6a8db0', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'f765db8a1292818f287c8062de15797a20cc40d4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '0777c00b23e5cf15abad9361969b9a50bce55842', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '7228eb47952b48e8dec94e1457ffc7b1a6c85506' })))));
     }
     static get is() { return "gux-button-multi"; }
     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: '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: 'd15ade96df543edba941f278457caaf372e3c855', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '1c44186abe63edd6073f56e146a3193c29cbccef', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '4be370280857b3cd2291c6992383517b510c5dc7', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '855c8fe7901e43d00aa518da6c356e66ed07fdb7', 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-calendar/gux-calendar.service.js

@@ -1,7 +1,7 @@
 import { capitalizeFirstLetter } from "../../../utils/string/capitalize-first-letter";
 import * as sparkIntl from "../../../genesys-spark-utils/intl";
 // Remove with this ticket https://inindca.atlassian.net/browse/COMUI-2598
-import { readRegionalDatesCookie } from "../../../i18n/check-regional-dates-cookie";
+import { useRegionalDates } from "../../../i18n/use-regional-dates";
 export function firstDateInMonth(month, year, startDayOfWeek) {
     const startDate = new Date(year, month, 1, 1, 0, 0, 0);
     const firstDayOfMonth = startDate.getDay();
@@ -30,7 +30,7 @@ export function getOffsetMonthDate(baseDate, monthDelta) {
     return date;
 }
 export function getDateMonthAndYearString(date, locale) {
-    if (readRegionalDatesCookie()) {
+    if (useRegionalDates()) {
         return capitalizeFirstLetter(sparkIntl
             .dateTimeFormat(locale, {
             year: 'numeric',

package/dist/collection/components/stable/gux-calendar/tests/gux-calendar.methods.spec.js

@@ -71,7 +71,7 @@ describe('gux-calendar', () => {
         // Private
         describe('private', () => {
             it('incrementPreviewDateByMonth', () => {
-                jest.useFakeTimers('legacy');
+                jest.useFakeTimers({ legacyFakeTimers: true });
                 const startingMonth = component.previewValue.getMonth();
                 component.incrementPreviewDateByMonth(3);
                 jest.runAllTimers();
@@ -102,7 +102,7 @@ describe('gux-calendar', () => {
                 expect(result).toEqual(dummy);
             });
             it('getRangeDatesElements', () => {
-                spyOn(component, 'getRangeDates').and.callThrough();
+                jest.spyOn(component, 'getRangeDates');
                 component.getRangeDatesElements(rangeStart, rangeEnd);
                 expect(component.getRangeDates).toHaveBeenCalledWith(rangeStart, rangeEnd);
                 componentShadowRoot.querySelector = () => {
@@ -113,10 +113,10 @@ describe('gux-calendar', () => {
                 expect(result.length).toEqual(6);
             });
             it('onDateClick with single mode', async () => {
-                spyOn(component, 'setValue').and.callFake(() => {
-                    return;
+                jest.spyOn(component, 'setValue').mockImplementation(() => {
+                    return Promise.resolve();
                 });
-                spyOn(component, 'emitCalendarSelect').and.callFake(() => {
+                jest.spyOn(component, 'emitCalendarSelect').mockImplementation(() => {
                     return;
                 });
                 await component.onDateClick(testDate);
@@ -125,16 +125,16 @@ describe('gux-calendar', () => {
             });
             it('onDateClick with range mode', async () => {
                 component.mode = "range" /* CalendarModes.Range */;
-                spyOn(component, 'getAllDatesElements').and.callFake(() => {
-                    return;
+                jest.spyOn(component, 'getAllDatesElements').mockImplementation(() => {
+                    return [];
                 });
-                spyOn(utils, 'removeClassToElements').and.callFake(() => {
+                jest.spyOn(utils, 'removeClassToElements').mockImplementation(() => {
                     return;
                 });
-                spyOn(component, 'emitCalendarSelect').and.callFake(() => {
+                jest.spyOn(component, 'emitCalendarSelect').mockImplementation(() => {
                     return;
                 });
-                spyOn(component, 'updateRangeElements').and.callFake(() => {
+                jest.spyOn(component, 'updateRangeElements').mockImplementation(() => {
                     return;
                 });
                 await component.onDateClick(rangeStart);
@@ -142,7 +142,7 @@ describe('gux-calendar', () => {
                 expect(component.emitCalendarSelect).toHaveBeenCalled();
             });
             it('onDateMouseEnter', () => {
-                spyOn(component, 'updateRangeElements').and.callFake(() => {
+                jest.spyOn(component, 'updateRangeElements').mockImplementation(() => {
                     return;
                 });
                 component.mode = "range" /* CalendarModes.Range */;
@@ -152,14 +152,16 @@ describe('gux-calendar', () => {
                 expect(component.updateRangeElements).toHaveBeenCalled();
             });
             it('onKeyDown', async () => {
-                jest.useFakeTimers('legacy');
-                spyOn(component, 'incrementPreviewDateByMonth').and.callFake(() => {
+                jest.useFakeTimers({ legacyFakeTimers: true });
+                jest
+                    .spyOn(component, 'incrementPreviewDateByMonth')
+                    .mockImplementation(() => {
                     return;
                 });
-                spyOn(component, 'setValue').and.callFake(() => {
-                    return;
+                jest.spyOn(component, 'setValue').mockImplementation(() => {
+                    return Promise.resolve();
                 });
-                spyOn(component, 'emitCalendarSelect').and.callFake(() => {
+                jest.spyOn(component, 'emitCalendarSelect').mockImplementation(() => {
                     return;
                 });
                 const initialPreviewValue = rangeEnd;

package/dist/collection/components/stable/gux-column-manager/gux-column-manager-item/gux-column-manager-item.js

@@ -135,7 +135,7 @@ export class GuxColumnManagerItem {
             } }, h("button", { key: 'b383d445f243ec562670176c434af73555b649c4', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: 'f9a8ba084f0e81f03a33864d0a86054c53a48937', "icon-name": "grab-vertical", decorative: true }), h("span", { key: 'a488d2269557f1f9f815ea3597dbaa7739cc5dd1', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '2ea12f2d4b5281df6ab101af26cbde2ad5621156', class: "gux-select" }, h("slot", { key: '4b9974e277372dc34386f8bc0e014eed75729e95', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '2e7646de2ca2e2145861e83cd35eb5ab720b00fd', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '39cccaffdaa51f56faeb35299e948a5bdca9d95e', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '9a9ea8f77831de1c0a8433acc221feef9ff8864a', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'ac64fde66af91dfb959d36cfd92de067bbb3477f', class: "gux-select" }, h("slot", { key: '9993d5664cf14a5597b190c3e6cd17cdd413cd2e', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '4d1129ae88a6cfbe9d8c55a4300b2b4003f70161', 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-content-search/gux-content-search.js

@@ -48,7 +48,7 @@ export class GuxContentSearch {
         return (h("div", { key: '2486d4f685573a7279a04784f05d08a5edf02449', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'c2e501fafb01e4dedfe6301ac18a91402a2d3c50', class: "gux-search-icon" }, h("gux-icon", { key: 'a6bcb3588b1c3a1fbdadbde3e3eceb2b14e861bd', decorative: true, "icon-name": "search" })), h("slot", { key: '6398ca94c49be21cc2dfd4aa5039141236fa6f94' }), this.getNavigationPanel()));
+            } }, h("div", { key: 'c2e501fafb01e4dedfe6301ac18a91402a2d3c50', class: "gux-search-icon" }, h("gux-icon", { key: '60091cc0b3026b85139ad66bc42bcd10e557ee4f', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '404c1be7a832c8314bd8e83c9de5a14449aa8727' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {
@@ -59,7 +59,7 @@ export class GuxContentSearch {
                 }, "aria-disabled": disableNavigationPanel.toString() }, h("span", { class: {
                     'gux-navigation-result': true,
                     'gux-navigation-result-disabled': disableNavigationPanel
-                } }, this.matchCountResult()), h("div", { class: "gux-navigation-buttons" }, h("button", { type: "button", class: "gux-previous-button", title: this.i18n('navigatePreviousBtn'), "aria-label": this.i18n('navigatePreviousBtn'), onClick: () => this.previousClick(), disabled: disableNavigationPanel }, h("gux-icon", { decorative: true, "icon-name": "arrow-solid-up" })), h("button", { type: "button", class: "gux-next-button", title: this.i18n('navigateNextBtn'), "aria-label": this.i18n('navigateNextBtn'), onClick: () => this.nextClick(), disabled: disableNavigationPanel }, h("gux-icon", { decorative: true, "icon-name": "arrow-solid-down" }))), h("div", { class: "gux-navigation-divider" })), h("button", { class: "gux-clear-button", tabIndex: -1, type: "button", title: this.i18n('clear'), onClick: () => void this.clear(), disabled: disableNavigationPanel }, h("gux-icon", { "icon-name": "close", decorative: true }))));
+                } }, this.matchCountResult()), h("div", { class: "gux-navigation-buttons" }, h("button", { type: "button", class: "gux-previous-button", title: this.i18n('navigatePreviousBtn'), "aria-label": this.i18n('navigatePreviousBtn'), onClick: () => this.previousClick(), disabled: disableNavigationPanel }, h("gux-icon", { decorative: true, "icon-name": "fa/caret-up-solid" })), h("button", { type: "button", class: "gux-next-button", title: this.i18n('navigateNextBtn'), "aria-label": this.i18n('navigateNextBtn'), onClick: () => this.nextClick(), disabled: disableNavigationPanel }, h("gux-icon", { decorative: true, "icon-name": "fa/caret-down-solid" }))), h("div", { class: "gux-navigation-divider" })), h("button", { class: "gux-clear-button", tabIndex: -1, type: "button", title: this.i18n('clear'), onClick: () => void this.clear(), disabled: disableNavigationPanel }, h("gux-icon", { "icon-name": "fa/xmark-large-regular", decorative: true }))));
         }
         return null;
     }

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: '9c5aa00b0dc99d9fcc82769918ad25af3bae3651' }, h("gux-popup", { key: '60b9d40cf5aff082b8f226969f955189d5a10cc4', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '114c244dbc4aee5f2134c432a15531718a534522', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '6033c70fac2af4faa7490b4bed9c30e234bd9783', accent: "ghost" }, h("button", { key: 'eac5c4cbb2fe069e3f81ea636ced8f76028a7006', 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: '23cba66a1c5038157efa971490d304f18710545d', "icon-name": "menu-kebab-vertical", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '8ff9bd96ffeeeff7f56571e6eed2d81e4f75f7d2', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'a3726a7a0216f67d4ffe1bcd17d025eb187de3b8', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a1e9300ddde780fe7fc0b56fccac5939e1a4316b' }))))));
+        return (h(Host, { key: '9c5aa00b0dc99d9fcc82769918ad25af3bae3651' }, h("gux-popup", { key: '60b9d40cf5aff082b8f226969f955189d5a10cc4', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '114c244dbc4aee5f2134c432a15531718a534522', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '6033c70fac2af4faa7490b4bed9c30e234bd9783', accent: "ghost" }, h("button", { key: 'eac5c4cbb2fe069e3f81ea636ced8f76028a7006', 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: '1b7bb6394da2677b27e10b9fb25c5872a719ecbb', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'eb5f2778f26010a6f944c9fa60adf976eebcf1dc', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '923756c2d70e5caee990ba18c84d8daeee463a9e', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '30a0c0675ee3d31b55b47a1f2cc3a747663e00ff' }))))));
     }
     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

@@ -38,9 +38,9 @@ export class GuxCopyToClipboard {
     getIconName(tooltipContent) {
         switch (tooltipContent) {
             case 'copyFailure':
-                return 'badge-x';
+                return 'fa/circle-xmark-solid';
             case 'copySuccess':
-                return 'badge-check';
+                return 'fa/circle-check-solid';
         }
     }
     renderTooltipIcon() {
@@ -57,7 +57,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '6fbbea1163772977a90b916eef0741282188d739', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '2d4b9110441cf822f99141398571982d2d430493', class: "gux-copy-content" }, h("slot", { key: 'a9d9d07e9662657a3d1bfd1088247483f2781244', name: "content" }), h("gux-icon", { key: '66462d71157eb81a063454640bace4ebe561a0b5', "icon-name": "copy", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '8879314938c1f7ade8b9ed587911fdb496156ec0', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'e78c285f297ec1f69d5fe1fe99388cf3944eb854', class: "gux-copy-content" }, h("slot", { key: '9be394319dbfc83dae8a5b77e66094ef0b4c5a23', name: "content" }), h("gux-icon", { key: 'd1c5912ebd803c0a1dc7071904aeaa8cea44ae97', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }