genesys-spark-components 4.37.0 → 4.38.0

package/dist/cjs/gux-month-picker-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const index$1 = require('./index-a1a48d79.js');
 const useRegionalDates = require('./use-regional-dates-7be0e7b5.js');
@@ -203,7 +203,7 @@ const GuxMonthPicker = class {
         return (index.h("button", { class: {
                 'gux-popup-toggle': true,
                 'gux-expanded': this.expanded
-            }, ref: (el) => (this.calendarToggleButtonElement = el), type: "button", onClick: () => this.toggleCalendar(), disabled: this.disabled }, index.h("gux-icon", { "icon-name": "calendar", "screenreader-text": this.i18n('toggleCalendar') })));
+            }, ref: (el) => (this.calendarToggleButtonElement = el), type: "button", onClick: () => this.toggleCalendar(), disabled: this.disabled }, index.h("gux-icon", { "icon-name": "fa/calendar-regular", "screenreader-text": this.i18n('toggleCalendar') })));
     }
     renderTarget() {
         return (index.h("div", { class: "gux-target", slot: "target" }, this.renderSpinnerButtons(), this.renderCalendarToggleButton()));
@@ -212,7 +212,7 @@ const GuxMonthPicker = class {
         return (index.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 (index.h("gux-popup", { key: '492a16fac791b598113f43953d9235e2b0b58ecd', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: 'cd87cd024ca726bceef992be982cd16cd571f8bb', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-sm-fontSize);line-height:var(--gse-core-typography-heading-sm-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;

package/dist/cjs/gux-page-loading-spinner.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;

package/dist/cjs/gux-pagination-buttons-legacy_3.cjs.entry.js

@@ -189,7 +189,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (index.h("div", { key: '65f5df113fcff5352c78aae19e64e1cf3aa0529d', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '342290ddf38c6ff15c96ceee1bf85856c39d1b33', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'df7a7a8f79872afc4b07bb770b17cbca146ed8ca', accent: "ghost" }, index.h("button", { key: '405bda85171a8954521414f02705e7be01f8346c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '6af6ef74821a2328799c8da454d7fcbd717e71f9', decorative: true, "icon-name": "chevron-double-left" }))), index.h("gux-button-slot", { key: '8638a3c1fff12fd027ff9257c429784a62dbfe89', accent: "ghost" }, index.h("button", { key: '079e9784e585a182c73b7f08e65a8709db4403cb', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '1d12b4830af8429f39b7a331a5d585255f9fdf02', decorative: true, "icon-name": "chevron-small-left" })))), this.getPagePicker(this.layout), index.h("div", { key: 'c3ee4d1d35a8c4f097bf744f3471ee79d01fdf71', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'f2cdc9899f705c318927c2c1f3e58f35716bea2a', accent: "ghost" }, index.h("button", { key: 'b51edb7cb1a86dbc7b6d4740a9cef5cf45df97f4', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '5495c3f4f6247b6c05e89909956dfd38a28aed06', decorative: true, "icon-name": "chevron-small-right" }))), index.h("gux-button-slot", { key: 'd29e779b6180d2a48fc56e0996c67c1630672ee5', accent: "ghost" }, index.h("button", { key: '11ce9c30b2f4b25af5a392864df4bc8509a43a54', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '2eea5b1f7b945763fb442c577c6e40d5d2bbf6be', decorative: true, "icon-name": "chevron-double-right" }))))));
+        return (index.h("div", { key: '65f5df113fcff5352c78aae19e64e1cf3aa0529d', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '342290ddf38c6ff15c96ceee1bf85856c39d1b33', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'df7a7a8f79872afc4b07bb770b17cbca146ed8ca', accent: "ghost" }, index.h("button", { key: '405bda85171a8954521414f02705e7be01f8346c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '3dfd73baa837be11f17f3d0d45a585a0ca452f1b', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'e67927426052f32d965da39820af45b9270d892a', accent: "ghost" }, index.h("button", { key: 'cfb8c907951c4b62405f4e28cc4f398f8dcc05a9', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '0cb1a31dd49fc9e76687a7e28cbb174b057125ed', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '6e4784214596edb63cda0ac0ed330858fb54f008', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '36b7059810aa24e267dcc812198085f200511c19', accent: "ghost" }, index.h("button", { key: '537e98861aee0c728e424d6742f45a40f1cca46f', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '889eb57eec2aa4cb844104ef4fe7ddb50c3971b1', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '540f8ea95543eb739d0892671058de5d2cda55bd', accent: "ghost" }, index.h("button", { key: '82c7157a81af6620feeae30c23a3ecc59c48bb80', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '76dc86d6c2f5f183d6a8fefbeff6e38b95da2fa3', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-pagination-buttons_2.cjs.entry.js

@@ -204,7 +204,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: '6e4afb7fc14787ecdc79fee18a11f33522886802', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'd050d4e50a9531ab55e2067aa06ddec1b305a9e2', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'b24534e2552dde379d3efba4483f3d27c6670218', accent: "ghost" }, index.h("button", { key: '423c29fdff283d30ef6147f326758ee7c93fb31a', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '91d680cabf0637e05e9f53ef945026ab83f5d401', decorative: true, "icon-name": "chevron-double-left" }))), index.h("gux-button-slot", { key: '809cdd3d26fbef0bbcf00fcb62d324999518f7ad', accent: "ghost" }, index.h("button", { key: 'f81c35bb35504fbdcb5ad732bc65a5b883adb671', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '929c16eff835e71aef52465085ba5174f570b5d2', decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), index.h("div", { key: '2b0122a438f73619695dda4fae1da2a5b789ab41', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '97a4c599558c291ed09a3facad08e074246f3e01', accent: "ghost" }, index.h("button", { key: '7c98b8c8fc5c5b5ddc959ec6b55f697ef9221276', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'e4ada201de18762eca8534ce385a6023992c5793', decorative: true, "icon-name": "chevron-small-right" }))), index.h("gux-button-slot", { key: 'cc8c86bd7132c50c43702ec82a20b6cd810abe3a', accent: "ghost" }, index.h("button", { key: 'c4e27b094bc768bb8413393c805cd876e3d7a322', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '8baa968a3d476e0aaa2a2e1c2a220fe9ecb1d6ef', decorative: true, "icon-name": "chevron-double-right" }))))));
+        return (index.h("div", { key: '6e4afb7fc14787ecdc79fee18a11f33522886802', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'd050d4e50a9531ab55e2067aa06ddec1b305a9e2', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'b24534e2552dde379d3efba4483f3d27c6670218', accent: "ghost" }, index.h("button", { key: '423c29fdff283d30ef6147f326758ee7c93fb31a', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'a7fdfff0dbda1a6d2029dc13e84a85d6564f1376', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'd9d3ab133bb592197408f341065e2dbb2b8753b4', accent: "ghost" }, index.h("button", { key: 'ddb8325a937e7d2946c5f56a26637fb2640bde75', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '1e747e734c6cf6d317b5218e6fe7b8a8596c3fd9', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '67e0eee4f4debcfdfffaec8b7b943c59cbe8d30f', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'ac1d387f0a766e4a3941e2b2c34ee4926f233e10', accent: "ghost" }, index.h("button", { key: '1df260c78599dcd514839cbee174081eaf4e7961', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'f8034d5d949ff294ed31c4576e33c920042f0863', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '9e23bfea370a888bb6bd6f5e562299524ad5bb85', accent: "ghost" }, index.h("button", { key: '55147c99e00e601e8a29160d3f0801f029097578', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'dcfe9f61c9f775427f98244619cfdeae88e552c2', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-pagination-cursor.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -42,12 +42,12 @@ const GuxPaginationCursor = class {
     }
     renderSimpleLayout() {
         return [
-            index.h("div", { role: "navigation", class: "gux-pagination-button-container" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, index.h("gux-icon", { iconName: "chevron-small-left", "screenreader-text": this.i18n('previous') }))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, index.h("gux-icon", { iconName: "chevron-small-right", "screenreader-text": this.i18n('next') }))))
+            index.h("div", { role: "navigation", class: "gux-pagination-button-container" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, index.h("gux-icon", { iconName: "custom/chevron-left-small-regular", "screenreader-text": this.i18n('previous') }))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { class: "gux-simple-button", type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, index.h("gux-icon", { iconName: "custom/chevron-right-small-regular", "screenreader-text": this.i18n('next') }))))
         ];
     }
     renderAdvancedLayout() {
         return [
-            index.h("div", { role: "navigation", class: "gux-pagination-button-container" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, index.h("div", { class: "gux-button-align-content" }, index.h("gux-icon", { decorative: true, iconName: "chevron-small-left" }), index.h("span", null, this.i18n('previous'))))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, index.h("div", { class: "gux-button-align-content" }, index.h("span", null, this.i18n('next')), index.h("gux-icon", { decorative: true, iconName: "chevron-small-right" }))))),
+            index.h("div", { role: "navigation", class: "gux-pagination-button-container" }, index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { type: "button", disabled: !this.hasPrevious, onClick: () => this.onButtonClick('previous') }, index.h("div", { class: "gux-button-align-content" }, index.h("gux-icon", { decorative: true, iconName: "custom/chevron-left-small-regular" }), index.h("span", null, this.i18n('previous'))))), index.h("gux-button-slot", { accent: "ghost" }, index.h("button", { type: "button", disabled: !this.hasNext, onClick: () => this.onButtonClick('next') }, index.h("div", { class: "gux-button-align-content" }, index.h("span", null, this.i18n('next')), index.h("gux-icon", { decorative: true, iconName: "custom/chevron-right-small-regular" }))))),
             this.renderItemsPerPage()
         ];
     }

package/dist/cjs/gux-pagination-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 
 const guxPaginationLegacyCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 const GuxPaginationLegacyStyle0 = guxPaginationLegacyCss;

package/dist/cjs/gux-pagination.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 
 const guxPaginationCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 const GuxPaginationStyle0 = guxPaginationCss;

package/dist/cjs/gux-phone-input-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 const index$1 = require('./index-a1a48d79.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
@@ -2288,7 +2288,7 @@ const GuxPhoneInput = class {
     }
     renderExpandIcon() {
         if (!this.disabled) {
-            return (index.h("gux-icon", { class: "gux-expand-icon", iconName: "chevron-small-down", decorative: true }));
+            return (index.h("gux-icon", { class: "gux-expand-icon", iconName: "custom/chevron-down-small-regular", decorative: true }));
         }
     }
     renderCountryButton() {
@@ -2300,7 +2300,7 @@ const GuxPhoneInput = class {
     }
     renderButtonDisplay() {
         var _a, _b;
-        return (index.h("div", { class: "gux-selected-option" }, this.region ? (index.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) })) : (index.h("gux-icon", { "icon-name": "globe", "screenreader-text": this.i18n('unknownRegion') }))));
+        return (index.h("div", { class: "gux-selected-option" }, this.region ? (index.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) })) : (index.h("gux-icon", { "icon-name": "fa/earth-africa-regular", "screenreader-text": this.i18n('unknownRegion') }))));
     }
     renderInput() {
         var _a;
@@ -2317,14 +2317,14 @@ const GuxPhoneInput = class {
     }
     getRegionOptions() {
         return [
-            (index.h("gux-option", { value: "" }, index.h("span", { class: "gux-option-content" }, index.h("gux-icon", { "icon-name": "globe", decorative: true }), index.h("span", null, this.i18n('unknownRegion'), ' ', index.h("span", { class: "gux-country-code" }, "(+)")))))
+            (index.h("gux-option", { value: "" }, index.h("span", { class: "gux-option-content" }, index.h("gux-icon", { "icon-name": "fa/earth-africa-regular", decorative: true }), index.h("span", null, this.i18n('unknownRegion'), ' ', index.h("span", { class: "gux-country-code" }, "(+)")))))
         ].concat(this.regionObjects.map(region => (index.h("gux-option", { value: region.alpha2Code }, index.h("span", { class: "gux-option-content" }, index.h("gux-flag-icon-beta", { flag: region.alpha2Code }), index.h("span", null, region.name, ' ', index.h("span", { class: "gux-country-code" }, "(", region.dialCode, ")")))))));
     }
     renderPopup() {
         return (index.h("div", { slot: "popup", class: "gux-listbox-container" }, index.h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (index.h("gux-popup", { key: '7e2dc1b8626e2f1a2afabc128d44fa7e6858679c', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: 'f0d5ba6f25fddcc4be5ca4124a9b933a61e7e8e3', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-popover-list.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";

package/dist/cjs/gux-radial-loading.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

package/dist/cjs/gux-radial-progress.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

package/dist/cjs/gux-rating.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const clamp = require('./clamp-e86a226e.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const guxRatingCss = ":host{display:inline-block;min-width:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);outline-offset:var(--gse-semantic-focusRing-offset);box-shadow:0 0 0 1px var(--gse-semantic-focusRing-small-border-style)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
@@ -86,12 +86,12 @@ const GuxRating = class {
         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 => (index.h("gux-icon", { "icon-name": iconName, decorative: true })));
     }
@@ -108,7 +108,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f763d5c9b82618e93cb8489a9a8f4dfff3706dc5', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: 'ec80f4f3713159dfa21c47bc5806074c0cbf09b3', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: 'fecd04606d7e727ef519f3de997d6b7f8d206eca', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: 'dc867cc0c04febe6613c8c2094edc9cc2899b7d3', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

package/dist/cjs/gux-screen-reader-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 
 const guxScreenReaderCss = ".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
 const GuxScreenReaderBetaStyle0 = guxScreenReaderCss;

package/dist/cjs/gux-segmented-control-beta.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;

package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;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-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;

package/dist/cjs/gux-skip-navigation-list.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const navigationName = "Skip links navigation";

package/dist/cjs/gux-sort-control.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const en = require('./en-807a354e.js');
@@ -66,10 +66,10 @@ const GuxSortControl = class {
     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) {
@@ -108,13 +108,13 @@ const GuxSortControl = class {
         }
     }
     render() {
-        return (index.h("div", { key: '5099358a13206eadd3a4cf2db91fda18d6fdd8e8', class: "gux-container" }, index.h("button", { key: 'caf720ffa24a4df4ea6d1643ad682caf64025960', class: {
+        return (index.h("div", { key: '5c11a34d74087a904fe4c09b6b8739a65e528b1c', class: "gux-container" }, index.h("button", { key: 'aa90eb9697542570a0fd118d2f02ba00d36cf223', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '1bb67a203c9889ed51a0c96f13d05e3cce853b58', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '3d846402e9e02a7f68f54aace12da8c6d280b9aa', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: 'ad27bcfb171c38be6f2210055e7a46b04d32c90c', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: 'edf166b4add448bca733df7de64871286b477f48', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-submenu.cjs.entry.js

@@ -149,10 +149,10 @@ const GuxSubmenu = class {
         return (index.h(index.Host, { key: '94a979913c252bbd84b979ff5bb8e5ccc17e96ed' }, index.h("button", { key: '472c30adc0547602f093d1544b7092336600ea51', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: '9b435406dd274bec318b902097d23ec48cdbc449', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: 'bdb288ac3570709d33d2eaf43922acbbbc3fb419', class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), index.h("div", { key: '79ffc69d98fd27e738ff43321fbfc3e8ea2c933e', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: '9b435406dd274bec318b902097d23ec48cdbc449', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '07d9f631eb30f6ce316a544cb9e60e1bab8cf36a', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '0a2afd388778cbdad5d4851aa3f301d9f513753a', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: '5b89b214bcb317feacc4ebdfe1c3b8e0cba09d17', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'f8e5dc13fcc443db0650f6a58fe5132923b2881a' })))));
+            } }, index.h("div", { key: '29a9b9a22641e72822b605224cb0feed4a0478ef', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: '51e747b8129890f318dbfb4fbcf6d1f20d05a331' })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-switch-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;

package/dist/cjs/gux-tab-advanced-list.cjs.entry.js

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

package/dist/cjs/gux-tab-advanced.cjs.entry.js

@@ -148,7 +148,7 @@ const GuxTabAdvanced = class {
     }
     renderTabOptions() {
         if (this.hasDropdownOptions) {
-            return (index.h("div", { class: "gux-tab-options" }, index.h("gux-button-slot", { accent: "ghost" }, index.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 }, index.h("gux-icon", { "icon-name": "menu-kebab-vertical", "screenreader-text": this.i18n('options', {
+            return (index.h("div", { class: "gux-tab-options" }, index.h("gux-button-slot", { accent: "ghost" }, index.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 }, index.h("gux-icon", { "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.i18n('options', {
                     tabTitle: this.tabTitle
                 }) }))), index.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() }, index.h("div", { class: "gux-dropdown-options-container", onClick: (e) => this.onSelectDropdownOption(e) }, index.h("slot", { name: "dropdown-options" })))));
         }
@@ -159,12 +159,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            index.h("div", { key: '15e9f3d5a40e543a76b62674820302c6bf18b928', class: {
+            index.h("div", { key: 'a557fee082f4047069320f0b7b78ae50d1a1fd25', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: '844559591835f9cac69fc2321841b5c2f52aa456', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '73e9ec9a64849679745fc6befef0331556f62c6a', class: "gux-divider" }))
+                } }, index.h("div", { key: '2b1a58e5393c6a0c88a07770c1f4f5506b4bdca8', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '076796a667cecc0926f01316d0fe043aab31d3e6', class: "gux-divider" }))
         ];
     }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-tab-list.cjs.entry.js

@@ -304,13 +304,13 @@ const GuxTabList = class {
     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';
         }
     }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-table-select-menu.cjs.entry.js

@@ -71,13 +71,13 @@ const GuxTableSelectMenu = class {
     renderSelectDropdown() {
         if (this.hasSelectMenuOptions) {
             return [
-                index.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 }, index.h("gux-icon", { "icon-name": "chevron-small-down", "screenreader-text": this.i18n('tableOptions') })),
+                index.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 }, index.h("gux-icon", { "icon-name": "custom/chevron-down-small-regular", "screenreader-text": this.i18n('tableOptions') })),
                 index.h("gux-popover-list", { for: this.dropdownOptionsButtonId, isOpen: !this.popoverHidden, closeOnClickOutside: true, onGuxdismiss: () => (this.popoverHidden = true) }, index.h("div", null, index.h("slot", { name: "select-menu-options" })))
             ];
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f1b52572a2ce53661c8e513ff1d84d30d6d26056' }, index.h("slot", { key: 'bde7bbf39aba8365aedc565c9c25d8930135d969' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: '7876e3d6951100997f6425bba787a98f33213719' }, index.h("slot", { key: 'e280661544f8cfc70866e5f8861ff6f81798fe97' }), this.renderSelectDropdown()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-table-toolbar-action.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -44,14 +44,29 @@ const GuxTableToolbarAction = class {
         return this.i18n(`action${capitalizeFirstLetter.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() {
         usage.trackComponent(this.root, { variant: this.action });
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-table-toolbar-custom-action", { key: '22fcfed0c9b70aae1031a0b1f34f80a2d47e8379', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'a5cdd73fd69ccebf78e68603b298af56b1ea4b34', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'ba4674ce418eb19f063472723ae77de4c076b6d0', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: 'ea1c8170c48417ea0e4ba177f9eeba985a25c2dc', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'ca2a9d38af84224c4d30e70761d319a27eafae3f', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '1c2d36a8195b38eca94d37d4dee12d740d44661c', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none;user-select:none}.gux-sr-only{display:flex}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}";

package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const index$1 = require('./index-a1a48d79.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -99,7 +99,7 @@ const GuxTableToolbarMenuButton = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '0faf4b030d12e4d1dc788f694b612597a38ad811', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'eac90a764458a196b30204725b78a6049ec5d3be', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: '46ec29e96a9c69cae190c923b94d310de5c9088f', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '926affccf7d55780b5be8c91cdf15f01c77e8f33', class: "gux-menu-button" }, index.h("button", { key: '1546a325c2f4f722dda4112e7028e5aeb5c2de6a', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: '132f61419e934f865ef1cdc6e8af377889241321', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '67e83ce29989259dcf2b2abc9f8e04f48c4dee3b' }, index.h("gux-icon", { key: 'b87313b92498b7af949b11ef77785c07e975d4ad', "screenreader-text": this.i18n('additionalActions'), "icon-name": "menu-kebab-horizontal" })))))), index.h("div", { key: '4bb0090b61da5044a4aab47a601a687b477df7eb', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'd3ad260398aad1b543aee663cb9453e296923bd3', ref: el => (this.listElement = el) }, index.h("slot", { key: '539a53aaf45bcdea5aa19fd3f53eddee568f55a2' }))))));
+        return (index.h(index.Host, { key: '0faf4b030d12e4d1dc788f694b612597a38ad811', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'eac90a764458a196b30204725b78a6049ec5d3be', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: '46ec29e96a9c69cae190c923b94d310de5c9088f', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '926affccf7d55780b5be8c91cdf15f01c77e8f33', class: "gux-menu-button" }, index.h("button", { key: '1546a325c2f4f722dda4112e7028e5aeb5c2de6a', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: '132f61419e934f865ef1cdc6e8af377889241321', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '67e83ce29989259dcf2b2abc9f8e04f48c4dee3b' }, index.h("gux-icon", { key: '743acdf950e0ce21efd34427ad708440aac1ccaa', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), index.h("div", { key: '270599ba63bb7a419fc0baf1f224899fb2a674a3', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'e8ae26aee3abf333a1cc646ab66d6ea4e657dc99', ref: el => (this.listElement = el) }, index.h("slot", { key: '51ae5191634769dd200ad6ebb89ec5c5a1973d03' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-table-toolbar.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const onResize = require('./on-resize-da1477df.js');
 const onMutation = require('./on-mutation-3d294d15.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 

package/dist/cjs/gux-table.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 

package/dist/cjs/gux-tabs-advanced.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {

package/dist/cjs/gux-tabs.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%;min-height:0}";
 const GuxTabsStyle0 = guxTabsCss;

package/dist/cjs/gux-tag.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-74b54f74.js');
+const usage = require('./usage-0cce8167.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";
@@ -55,7 +55,7 @@ const GuxTag = class {
     }
     renderRemoveButton() {
         if (this.removable) {
-            return (index.h("button", { class: "gux-tag-remove-button", onClick: this.removeTag.bind(this), type: "button", disabled: this.disabled }, index.h("gux-icon", { class: "gux-tag-remove-icon", "icon-name": "close", "screenreader-text": this.i18n('remove-tag', { label: this.label }) })));
+            return (index.h("button", { class: "gux-tag-remove-button", onClick: this.removeTag.bind(this), type: "button", disabled: this.disabled }, index.h("gux-icon", { class: "gux-tag-remove-icon", "icon-name": "fa/xmark-large-regular", "screenreader-text": this.i18n('remove-tag', { label: this.label }) })));
         }
     }
     componentWillLoad() {
@@ -67,7 +67,7 @@ const GuxTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (index.h("div", { key: '9f2706b4b36a4e5fcb954f3a18600f8669c27713', class: {
+        return (index.h("div", { key: 'b8ba3e0d87e756670883f8c9b927615c9cb0494e', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled