genesys-spark-components 4.36.0 → 4.38.0

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js

@@ -84,7 +84,7 @@ export class GuxPaginationEllipsisButton {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '27f46ece4cba80658d3e8016f0b84f6c64e4b089' }, h("button", { key: '4bb71628d7af04c803cbaadcfc8e094ec3859545', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'df8660dafad9ec7fa9c07ea29641fc95eff77490', screenreaderText: this.i18n('goToPage'), "icon-name": "menu-kebab-horizontal" })), h("gux-tooltip", { key: '9720ab867db23b99b310dd4a7b405516e737c6cd', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: '03cbfc67816a2304fa5d77fdf8b507b85b2f0a86', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'c4bea0e355cbb77f1681e535db90855fde06355d', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '88aa6e5a294a563d8f1b4e43d21c74ee753cd1e8' }, h("input", { key: '7ae93a73e7a2b6ed6911a87a168d0a511740d764', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: '6d5d5b9a81051d81715e2df2157ff0e4f2fe4af7', slot: "label" })))));
+        return (h(Host, { key: '27f46ece4cba80658d3e8016f0b84f6c64e4b089' }, h("button", { key: '4bb71628d7af04c803cbaadcfc8e094ec3859545', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '9db61cc7df8c1788f8dd3c30cf7c1bb7591fbf02', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '8f41e3f2f037df02e13f1050c22f81273383d13f', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: '1c2d908199ba430a62fcc814503e9a7057f760b7', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '7c615f40c01a34de67c2ed3d5a7bd193dbaab569', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '6804b5a7365fbfc26c81b1d927f891c54e6ddb62' }, h("input", { key: '72e0949110862fe60978dcf29f9414e716bdc088', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'fc21a0b6bcb8c1e74fda436aaa8e8bde2f0a2cc1', slot: "label" })))));
     }
     static get is() { return "gux-pagination-ellipsis-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination-cursor/gux-pagination-cursor.js

@@ -24,12 +24,12 @@ export class GuxPaginationCursor {
     }
     renderSimpleLayout() {
         return [
-            h("div", { role: "navigation", class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("gux-icon", { iconName: "chevron-small-left", "screenreader-text": this.i18n('previous') }))), h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, h("gux-icon", { iconName: "chevron-small-right", "screenreader-text": this.i18n('next') }))))
+            h("div", { role: "navigation", class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("gux-icon", { iconName: "custom/chevron-left-small-regular", "screenreader-text": this.i18n('previous') }))), h("gux-button-slot", { accent: "ghost" }, h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, h("gux-icon", { iconName: "custom/chevron-right-small-regular", "screenreader-text": this.i18n('next') }))))
         ];
     }
     renderAdvancedLayout() {
         return [
-            h("div", { role: "navigation", class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("div", { class: "gux-button-align-content" }, h("gux-icon", { decorative: true, iconName: "chevron-small-left" }), h("span", null, this.i18n('previous'))))), h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, h("div", { class: "gux-button-align-content" }, h("span", null, this.i18n('next')), h("gux-icon", { decorative: true, iconName: "chevron-small-right" }))))),
+            h("div", { role: "navigation", class: "gux-pagination-button-container" }, h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, h("div", { class: "gux-button-align-content" }, h("gux-icon", { decorative: true, iconName: "custom/chevron-left-small-regular" }), h("span", null, this.i18n('previous'))))), h("gux-button-slot", { accent: "ghost" }, h("button", { type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, h("div", { class: "gux-button-align-content" }, h("span", null, this.i18n('next')), h("gux-icon", { decorative: true, iconName: "custom/chevron-right-small-regular" }))))),
             this.renderItemsPerPage()
         ];
     }

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

@@ -77,12 +77,12 @@ export class GuxRating {
         return [...Array(this.maxValue).keys()]
             .reduce((acc, cv) => {
             if (cv + 0.5 === this.value) {
-                return acc.concat('rating-partial');
+                return acc.concat('fa/star-sharp-half-stroke-regular');
             }
             else if (cv + 1 <= this.value) {
-                return acc.concat('rating-active');
+                return acc.concat('fa/star-solid');
             }
-            return acc.concat('rating');
+            return acc.concat('fa/star-regular');
         }, [])
             .map(iconName => (h("gux-icon", { "icon-name": iconName, decorative: true })));
     }
@@ -99,7 +99,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: 'f763d5c9b82618e93cb8489a9a8f4dfff3706dc5', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'ec80f4f3713159dfa21c47bc5806074c0cbf09b3', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'fecd04606d7e727ef519f3de997d6b7f8d206eca', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'dc867cc0c04febe6613c8c2094edc9cc2899b7d3', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

package/dist/collection/components/stable/gux-rating/tests/gux-rating.e2e.js

@@ -3,9 +3,9 @@ describe('gux-rating', () => {
     async function getStarCounts(e2ePage) {
         const element = await e2ePage.find('gux-rating');
         return {
-            emptyStars: element.shadowRoot.querySelectorAll('gux-icon[icon-name="rating"]').length,
-            halfStars: element.shadowRoot.querySelectorAll('gux-icon[icon-name="rating-partial"]').length,
-            fullStars: element.shadowRoot.querySelectorAll('gux-icon[icon-name="rating-active"]').length
+            emptyStars: element.shadowRoot.querySelectorAll('gux-icon[icon-name="fa/star-regular"]').length,
+            halfStars: element.shadowRoot.querySelectorAll('gux-icon[icon-name="fa/star-sharp-half-stroke-regular"]').length,
+            fullStars: element.shadowRoot.querySelectorAll('gux-icon[icon-name="fa/star-solid"]').length
         };
     }
     describe('#render', () => {

package/dist/collection/components/stable/gux-table/gux-sort-control/gux-sort-control.js

@@ -56,10 +56,10 @@ export class GuxSortControl {
     getIconName(colSortDirection) {
         switch (colSortDirection) {
             case 'descending':
-                return 'arrow-solid-down';
+                return 'fa/caret-down-solid';
             case 'ascending':
             default:
-                return 'arrow-solid-up';
+                return 'fa/caret-up-solid';
         }
     }
     getNextSort(colSortDirection) {
@@ -98,13 +98,13 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: '5099358a13206eadd3a4cf2db91fda18d6fdd8e8', class: "gux-container" }, h("button", { key: 'caf720ffa24a4df4ea6d1643ad682caf64025960', class: {
+        return (h("div", { key: '5c11a34d74087a904fe4c09b6b8739a65e528b1c', class: "gux-container" }, h("button", { key: 'aa90eb9697542570a0fd118d2f02ba00d36cf223', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '1bb67a203c9889ed51a0c96f13d05e3cce853b58', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '3d846402e9e02a7f68f54aace12da8c6d280b9aa', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'ad27bcfb171c38be6f2210055e7a46b04d32c90c', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'edf166b4add448bca733df7de64871286b477f48', class: "gux-resize-spacer" })));
     }
     static get is() { return "gux-sort-control"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-table-select-menu/gux-table-select-menu.js

@@ -65,13 +65,13 @@ export class GuxTableSelectMenu {
     renderSelectDropdown() {
         if (this.hasSelectMenuOptions) {
             return [
-                h("button", { id: this.dropdownOptionsButtonId, "aria-haspopup": "listbox", "aria-expanded": (!this.popoverHidden).toString(), type: "button", class: "gux-select-menu-button", ref: el => (this.tableSelectMenuButtonElement = el), onClick: () => this.toggleOptions(), disabled: this.dropdownDisabled }, h("gux-icon", { "icon-name": "chevron-small-down", "screenreader-text": this.i18n('tableOptions') })),
+                h("button", { id: this.dropdownOptionsButtonId, "aria-haspopup": "listbox", "aria-expanded": (!this.popoverHidden).toString(), type: "button", class: "gux-select-menu-button", ref: el => (this.tableSelectMenuButtonElement = el), onClick: () => this.toggleOptions(), disabled: this.dropdownDisabled }, h("gux-icon", { "icon-name": "custom/chevron-down-small-regular", "screenreader-text": this.i18n('tableOptions') })),
                 h("gux-popover-list", { for: this.dropdownOptionsButtonId, isOpen: !this.popoverHidden, closeOnClickOutside: true, onGuxdismiss: () => (this.popoverHidden = true) }, h("div", null, h("slot", { name: "select-menu-options" })))
             ];
         }
     }
     render() {
-        return (h(Host, { key: 'f1b52572a2ce53661c8e513ff1d84d30d6d26056' }, h("slot", { key: 'bde7bbf39aba8365aedc565c9c25d8930135d969' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '7876e3d6951100997f6425bba787a98f33213719' }, h("slot", { key: 'e280661544f8cfc70866e5f8861ff6f81798fe97' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-action/gux-table-toolbar-action.js

@@ -20,14 +20,29 @@ export class GuxTableToolbarAction {
         return this.i18n(`action${capitalizeFirstLetter(action)}`);
     }
     returnActionTypeIcon(action) {
-        return action == 'revert' ? 'reset' : action;
+        switch (action) {
+            case 'refresh':
+                return 'fa/arrows-rotate-regular';
+            case 'delete':
+                return 'fa/trash-regular';
+            case 'export':
+                return 'fa/arrow-up-from-line-regular';
+            case 'import':
+                return 'fa/file-import-regular';
+            case 'revert':
+                return 'fa/arrow-rotate-left-regular';
+            case 'add':
+                return 'fa/plus-regular';
+            default:
+                return 'fa/square-x-regular';
+        }
     }
     async componentWillLoad() {
         trackComponent(this.root, { variant: this.action });
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: '22fcfed0c9b70aae1031a0b1f34f80a2d47e8379', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'a5cdd73fd69ccebf78e68603b298af56b1ea4b34', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'ba4674ce418eb19f063472723ae77de4c076b6d0', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: 'ea1c8170c48417ea0e4ba177f9eeba985a25c2dc', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'ca2a9d38af84224c4d30e70761d319a27eafae3f', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '1c2d36a8195b38eca94d37d4dee12d740d44661c', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     static get is() { return "gux-table-toolbar-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-menu-button/gux-table-toolbar-menu-button.js

@@ -85,7 +85,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '0faf4b030d12e4d1dc788f694b612597a38ad811', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'eac90a764458a196b30204725b78a6049ec5d3be', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '46ec29e96a9c69cae190c923b94d310de5c9088f', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '926affccf7d55780b5be8c91cdf15f01c77e8f33', class: "gux-menu-button" }, h("button", { key: '1546a325c2f4f722dda4112e7028e5aeb5c2de6a', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '132f61419e934f865ef1cdc6e8af377889241321', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '67e83ce29989259dcf2b2abc9f8e04f48c4dee3b' }, h("gux-icon", { key: 'b87313b92498b7af949b11ef77785c07e975d4ad', "screenreader-text": this.i18n('additionalActions'), "icon-name": "menu-kebab-horizontal" })))))), h("div", { key: '4bb0090b61da5044a4aab47a601a687b477df7eb', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd3ad260398aad1b543aee663cb9453e296923bd3', ref: el => (this.listElement = el) }, h("slot", { key: '539a53aaf45bcdea5aa19fd3f53eddee568f55a2' }))))));
+        return (h(Host, { key: '0faf4b030d12e4d1dc788f694b612597a38ad811', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'eac90a764458a196b30204725b78a6049ec5d3be', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '46ec29e96a9c69cae190c923b94d310de5c9088f', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '926affccf7d55780b5be8c91cdf15f01c77e8f33', class: "gux-menu-button" }, h("button", { key: '1546a325c2f4f722dda4112e7028e5aeb5c2de6a', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '132f61419e934f865ef1cdc6e8af377889241321', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '67e83ce29989259dcf2b2abc9f8e04f48c4dee3b' }, h("gux-icon", { key: '743acdf950e0ce21efd34427ad708440aac1ccaa', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '270599ba63bb7a419fc0baf1f224899fb2a674a3', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'e8ae26aee3abf333a1cc646ab66d6ea4e657dc99', ref: el => (this.listElement = el) }, h("slot", { key: '51ae5191634769dd200ad6ebb89ec5c5a1973d03' }))))));
     }
     static get is() { return "gux-table-toolbar-menu-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tabs/gux-tab-list/gux-tab-list.js

@@ -284,13 +284,13 @@ export class GuxTabList {
     getChevronIconName(direction) {
         switch (direction) {
             case 'scrollLeft':
-                return 'chevron-small-left';
+                return 'custom/chevron-left-small-regular';
             case 'scrollRight':
-                return 'chevron-small-right';
+                return 'custom/chevron-right-small-regular';
             case 'scrollUp':
-                return 'chevron-small-up';
+                return 'custom/chevron-up-small-regular';
             case 'scrollDown':
-                return 'chevron-small-down';
+                return 'custom/chevron-down-small-regular';
         }
     }
     static get is() { return "gux-tab-list"; }

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced/gux-tab-advanced.js

@@ -141,7 +141,7 @@ export class GuxTabAdvanced {
     }
     renderTabOptions() {
         if (this.hasDropdownOptions) {
-            return (h("div", { class: "gux-tab-options" }, h("gux-button-slot", { accent: "ghost" }, h("button", { id: this.dropdownOptionsButtonId, "aria-expanded": (!this.popoverHidden).toString(), type: "button", class: "gux-tab-options-trigger", ref: el => (this.tabOptionsButtonElement = el), onClick: () => this.toggleOptions(), tabIndex: this.active ? 0 : -1, disabled: this.guxDisabled }, h("gux-icon", { "icon-name": "menu-kebab-vertical", "screenreader-text": this.i18n('options', {
+            return (h("div", { class: "gux-tab-options" }, h("gux-button-slot", { accent: "ghost" }, h("button", { id: this.dropdownOptionsButtonId, "aria-expanded": (!this.popoverHidden).toString(), type: "button", class: "gux-tab-options-trigger", ref: el => (this.tabOptionsButtonElement = el), onClick: () => this.toggleOptions(), tabIndex: this.active ? 0 : -1, disabled: this.guxDisabled }, h("gux-icon", { "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.i18n('options', {
                     tabTitle: this.tabTitle
                 }) }))), h("gux-popover-list", { position: "top-end", for: this.dropdownOptionsButtonId, displayDismissButton: false, "is-open": !this.popoverHidden, closeOnClickOutside: true, onGuxdismiss: () => (this.popoverHidden = true), onClick: (e) => this.popoverOnClick(e), onFocusout: e => e.stopImmediatePropagation() }, h("div", { class: "gux-dropdown-options-container", onClick: (e) => this.onSelectDropdownOption(e) }, h("slot", { name: "dropdown-options" })))));
         }
@@ -152,12 +152,12 @@ export class GuxTabAdvanced {
     }
     render() {
         return [
-            h("div", { key: '15e9f3d5a40e543a76b62674820302c6bf18b928', class: {
+            h("div", { key: 'a557fee082f4047069320f0b7b78ae50d1a1fd25', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '844559591835f9cac69fc2321841b5c2f52aa456', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '73e9ec9a64849679745fc6befef0331556f62c6a', class: "gux-divider" }))
+                } }, h("div", { key: '2b1a58e5393c6a0c88a07770c1f4f5506b4bdca8', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '076796a667cecc0926f01316d0fe043aab31d3e6', class: "gux-divider" }))
         ];
     }
     static get is() { return "gux-tab-advanced"; }

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.js

@@ -422,7 +422,7 @@ export class GuxTabAdvancedList {
         return (h("div", { class: "gux-sr-only gux-aria-live-region", "aria-live": "polite" }, this.ariaLiveAlert ? this.i18n(this.ariaLiveAlert) : ''));
     }
     renderAddButton() {
-        return (h("div", null, this.showNewTabButton ? (h("gux-button-slot", { class: "gux-add-button", accent: "ghost" }, h("button", { onClick: () => this.newTab.emit(), disabled: this.disableAddTabButton }, h("slot", { name: "add-tab" }, h("gux-icon", { "icon-name": "add", "screenreader-text": this.disableAddTabButton
+        return (h("div", null, this.showNewTabButton ? (h("gux-button-slot", { class: "gux-add-button", accent: "ghost" }, h("button", { onClick: () => this.newTab.emit(), disabled: this.disableAddTabButton }, h("slot", { name: "add-tab" }, h("gux-icon", { "icon-name": "fa/plus-regular", "screenreader-text": this.disableAddTabButton
                 ? this.i18n('disableNewTab')
                 : this.root.querySelector('[slot="add-tab"]')
                     ? this.root
@@ -446,9 +446,9 @@ export class GuxTabAdvancedList {
     getChevronIconName(direction) {
         switch (direction) {
             case 'scrollLeft':
-                return 'chevron-left';
+                return 'fa/chevron-left-regular';
             case 'scrollRight':
-                return 'chevron-right';
+                return 'fa/chevron-right-regular';
         }
     }
     static get is() { return "gux-tab-advanced-list"; }

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

@@ -41,7 +41,7 @@ export class GuxTag {
     }
     renderRemoveButton() {
         if (this.removable) {
-            return (h("button", { class: "gux-tag-remove-button", onClick: this.removeTag.bind(this), type: "button", disabled: this.disabled }, h("gux-icon", { class: "gux-tag-remove-icon", "icon-name": "close", "screenreader-text": this.i18n('remove-tag', { label: this.label }) })));
+            return (h("button", { class: "gux-tag-remove-button", onClick: this.removeTag.bind(this), type: "button", disabled: this.disabled }, h("gux-icon", { class: "gux-tag-remove-icon", "icon-name": "fa/xmark-large-regular", "screenreader-text": this.i18n('remove-tag', { label: this.label }) })));
         }
     }
     componentWillLoad() {
@@ -53,7 +53,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: '9f2706b4b36a4e5fcb954f3a18600f8669c27713', class: {
+        return (h("div", { key: 'b8ba3e0d87e756670883f8c9b927615c9cb0494e', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled

package/dist/collection/components/stable/gux-time-picker/gux-time-picker.js

@@ -195,7 +195,7 @@ export class GuxTimePicker {
         return (h("button", { class: {
                 'gux-clock-button': true,
                 'gux-active': this.expanded
-            }, type: "button", disabled: this.disabled, "aria-label": this.i18n('clockButton'), "aria-expanded": this.expanded.toString(), onClick: this.toggleDropdown.bind(this), ref: el => (this.clockButton = el) }, h("gux-icon", { decorative: true, "icon-name": "clock-outline" })));
+            }, type: "button", disabled: this.disabled, "aria-label": this.i18n('clockButton'), "aria-expanded": this.expanded.toString(), onClick: this.toggleDropdown.bind(this), ref: el => (this.clockButton = el) }, h("gux-icon", { decorative: true, "icon-name": "fa/clock-regular" })));
     }
     renderTimeListItems() {
         return getTimeDisplayValues(this.interval, this.clockType).map(displayValue => {
@@ -210,7 +210,7 @@ export class GuxTimePicker {
         return (h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (h("gux-popup", { key: '2e7e4719965e766a5bac19a380c0a920e4eb9870', class: {
+        return (h("gux-popup", { key: 'a1a6bd6c210932d788ba2c078a8cd1e979b40e75', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

package/dist/collection/components/stable/gux-time-picker/gux-time-picker.service.js

@@ -1,6 +1,6 @@
 import { 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";
 export function getTimeDisplayValues(minuteInterval, clockType) {
     const minuteOptions = [0, 15, 30, 45]
         .filter(option => Number.isInteger(option / minuteInterval))
@@ -14,7 +14,7 @@ export function getTimeDisplayValues(minuteInterval, clockType) {
 }
 export function getLocaleClockType(root) {
     let locale;
-    if (readRegionalDatesCookie()) {
+    if (useRegionalDates()) {
         locale = sparkIntl.determineDisplayLocale(root).toLowerCase();
     }
     else {

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

@@ -62,15 +62,15 @@ export class GuxToggle {
     }
     renderError() {
         if (this.errorMessage) {
-            return (h("div", { id: this.errorId, class: "gux-toggle-error" }, h("div", { class: "gux-toggle-error-container" }, h("gux-icon", { "icon-name": "alert-warning-octogon", decorative: true }), h("div", { class: "gux-toggle-error-message" }, this.errorMessage))));
+            return (h("div", { id: this.errorId, class: "gux-toggle-error" }, h("div", { class: "gux-toggle-error-container" }, h("gux-icon", { "icon-name": "fa/hexagon-exclamation-regular", decorative: true }), h("div", { class: "gux-toggle-error-message" }, this.errorMessage))));
         }
     }
     render() {
-        return (h(Host, { key: '9e7ed9c1d7b1267d3391188d07adbe06ec08a986', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '519925520abbef460f6195457fd66289f20eced4', class: {
+        return (h(Host, { key: '6b5c0fea373ef70ce15e5c6ae6eb64f676533572', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'ca5167424abf398cd1ec64bbb0e8f927e3f99acc', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '68853486e54a6de0a1a9c27ea21242dc807da72c', class: "gux-toggle-input" }, h("gux-toggle-slider", { key: '6e646780e6b52901302c8cbb1a610788197faafe', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), onClick: this.toggle.bind(this), onKeyDown: this.onKeydown.bind(this), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '584554bc125498dc32a2e100658cc75ce4869547', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '37eafa57faef46b371a072b2f2f46d933d106313', class: "gux-toggle-input" }, h("gux-toggle-slider", { key: 'd251ba3072d54748a996450bb8c0140d5e557040', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), onClick: this.toggle.bind(this), onKeyDown: this.onKeydown.bind(this), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: 'febf4e67be0cacd199170a6fec1942a000e9079b', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/i18n/read-regional-dates-var.js

@@ -0,0 +1,4 @@
+// Remove with this ticket https://inindca.atlassian.net/browse/COMUI-2598
+export const readRegionalDatesVar = () => {
+    return !!window['GUX_OPTIONS_enableRegionalDates'];
+};

package/dist/collection/i18n/use-regional-dates.js

@@ -0,0 +1,6 @@
+import { readRegionalDatesCookie } from "./read-regional-dates-cookie";
+import { readRegionalDatesVar } from "./read-regional-dates-var";
+// Remove with this ticket https://inindca.atlassian.net/browse/COMUI-2598
+export const useRegionalDates = () => {
+    return readRegionalDatesCookie() || readRegionalDatesVar();
+};

package/dist/esm/gux-accordion-section.entry.js

@@ -55,11 +55,11 @@ const GuxAccordionSection = 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: '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" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-accordion.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-462098a4.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 const GuxAccordionStyle0 = guxAccordionCss;

package/dist/esm/gux-action-button.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 
@@ -137,7 +137,7 @@ const GuxActionButton = class {
         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' }))))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-action-toast-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-462098a4.js';
 
 const guxActionToastCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-lg-fontSize);line-height:var(--gse-core-typography-heading-lg-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-typography-body-sm-fontSize);line-height:var(--gse-core-typography-body-sm-lineHeight);font-weight:var(--gse-core-fontWeight-regular)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 const GuxActionToastLegacyStyle0 = guxActionToastCss;

package/dist/esm/gux-advanced-dropdown-legacy.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { o as onMutation } from './on-mutation-a222fe93.js';
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 
@@ -79,9 +79,9 @@ const GuxAdvancedDropdownLegacy = class {
         }
     }
     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/esm/gux-announce-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

package/dist/esm/gux-avatar-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';

package/dist/esm/gux-badge.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 

package/dist/esm/gux-blank-state.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 

package/dist/esm/gux-breadcrumbs.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import './get-closest-element-728b9f18.js';
 
 const breadcrumbs = "Breadcrumbs";

package/dist/esm/gux-button-multi.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-462098a4.js';
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -114,7 +114,7 @@ const GuxButtonMulti = class {
         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' })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-button-slot.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-462098a4.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-icon-only-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-link-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-link-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-link-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}";

package/dist/esm/gux-button.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-f188dd98.js';
+import { t as trackComponent } from './usage-462098a4.js';
 
 const guxButtonCss = ":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}::slotted(*){padding-inline-start:var(--gse-core-spacing-3xs);vertical-align:middle}::slotted(*:first-child){padding:0}button{font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-icon-only-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}button.gux-icon-only{display:inline-flex;padding:var(--gse-ui-button-default-paddingIconOnly)}button[disabled]{cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}button.gux-tertiary.gux-icon-only{padding:calc(var(--gse-ui-button-default-paddingIconOnly) - var(--gse-ui-button-tertiary-default-border-width))}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-link-default-foregroundColor);background:none;border:none}button.gux-inline[disabled]{color:var(--gse-ui-link-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-link-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}";
 const GuxButtonStyle0 = guxButtonCss;

package/dist/esm/gux-calendar-beta.entry.js

@@ -217,9 +217,9 @@ const GuxCalendar = class {
     renderHeader() {
         return (h("div", { class: "gux-header" }, h("button", { type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth', {
                 localizedPreviousMonthAndYear: getDateAsMonthYear(this.changeMonth(-1), this.locale)
-            }), onClick: () => this.setNewFocusedMonth(-1) }, h("gux-icon", { decorative: true, "icon-name": "chevron-small-left" })), h("span", { class: "gux-header-month-and-year" }, getDateAsMonthYear(this.getFocusedValue(), this.locale)), h("button", { type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth', {
+            }), onClick: () => this.setNewFocusedMonth(-1) }, h("gux-icon", { decorative: true, "icon-name": "custom/chevron-left-small-regular" })), h("span", { class: "gux-header-month-and-year" }, getDateAsMonthYear(this.getFocusedValue(), this.locale)), h("button", { type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth', {
                 localizedNextMonthAndYear: getDateAsMonthYear(this.changeMonth(1), this.locale)
-            }), onClick: () => this.setNewFocusedMonth(1) }, h("gux-icon", { decorative: true, "icon-name": "chevron-small-right" }))));
+            }), onClick: () => this.setNewFocusedMonth(1) }, h("gux-icon", { decorative: true, "icon-name": "custom/chevron-right-small-regular" }))));
     }
     renderContent() {
         return (h("div", null, h("div", { class: "gux-week-days" }, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("div", { class: "gux-week-day" }, day)))), h("div", { class: "gux-content" }, this.getMonthDays().map(week => (h("div", { class: "gux-content-week" }, week.dates.map(day => (h("div", { "data-date": day.date.getTime(), onClick: () => this.onDateClick(day.date), role: "button", "aria-current": day.selected ? 'true' : 'false', tabindex: day.selected || day.focused ? '0' : '-1', onKeyDown: e => void this.onKeyDown(e), "aria-disabled": day.disabled ? 'true' : 'false', class: {
@@ -231,7 +231,7 @@ const GuxCalendar = class {
             } }, h("span", { class: "gux-non-sr", "aria-hidden": "true" }, day.date.getDate()), h("span", { class: "gux-sr-only" }, h("gux-date-beta", { datetime: day.date.toISOString(), format: "long" })))))))))));
     }
     render() {
-        return (h("div", { key: '21bec94aa840d48119fa33756a944e85b97d73f3', class: "gux-calendar-beta" }, h("slot", { key: '570f0c89199732101f40dfe270460d65b231114b' }), this.renderHeader(), this.renderContent()));
+        return (h("div", { key: '496a34685205e1f6963cd73cdd992e710a9c716f', class: "gux-calendar-beta" }, h("slot", { key: '31c7dbe3170a4a28680dcf57b80b07485baf0bc5' }), this.renderHeader(), this.renderContent()));
     }
     get root() { return getElement(this); }
 };