genesys-spark-components 4.37.0 → 4.39.0

package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.js

@@ -23,7 +23,7 @@ export class GuxListItem {
         }
     }
     render() {
-        return (h(Host, { key: '3ebc7ba7612911429b236980cc269c62f780bb71', role: "listitem" }, h("button", { key: '73b146fcbf6b4db026d91366d0a9dc3ec529c813', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '6b3b647d18c75d730e4fab3182f36e842466e8cd' }))));
+        return (h(Host, { key: '07e02f4322355ed477335c6a1359849bbf32970a', role: "listitem" }, h("button", { key: '5afcf21dbb31945868d5f8bf021063f253dbb1ee', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '4c84a80132ee7346e0ac7e7ec9881f758d89c334' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GuxList {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: 'ad7114dbfd9bfd2fb141766babe54e4fc52ca001', role: "list" }, this.renderFocusTarget(), h("slot", { key: '6e9b69ab988c0b95a377bf298fb99803a2ed1c6d' })));
+        return (h(Host, { key: 'c1dc1a17c6718a7f30b17816d85903ba1864827d', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'f903f960866b459d147450e3cd35d429f090d2e8' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/option-group/gux-option-group.js

@@ -48,7 +48,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '80e3b78b7304ab76c89919ac21853c6930caf377', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'f390e32e051aa6ebd10fa65a57ab6348170f5ed9', class: "gux-option-group" }, h("div", { key: '6c2105e7869a36052638b5c4c759ce11435c7d5f', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '78d9111a42abcf382fa49dc2b514e3a799698e04', role: "group" }, h("slot", { key: 'fe763743c07885e2b7dbb8193dde8825fd06d239' })), this.renderDivider())));
+        return (h(Host, { key: '906d2423640361cf8100aaab29e85336f06d2e5c', class: { 'gux-filtered': this.filtered } }, h("div", { key: '8c3a03179d2c9923058a9a6313f85289a3b7db97', class: "gux-option-group" }, h("div", { key: 'af6224706fec9bb94c2f86eb4844a3f428281c7b', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '0a38f4370a03497c524960bc49751971c44d30fd', role: "group" }, h("slot", { key: 'e0101bcb0d957321109e0b4d4605ae456c06d5dd' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.js

@@ -37,13 +37,13 @@ export class GuxOption {
         return this.selected ? 'true' : 'false';
     }
     render() {
-        return (h(Host, { key: 'fabee33fc575f13c96d745447338ad0f630ba439', role: "option", class: {
+        return (h(Host, { key: '1c591279c2ba98403887a45cfabf49f943183bbd', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'c001777ea65e42db4f59a6b577f87d03c9cb43ac', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c60da0eec7002d2786f8d6442ac528c90707fb8c', ref: el => (this.truncateElement = el) }, h("slot", { key: 'ed8505eab5790967f5161c88dfdeb9dc291b4218' })), h("slot", { key: 'fba46212c08d55351028e06da944bc99e10a31a1', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '04278101c42efb140ef3267796e28468e07a031e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '4699e053f1e2913b29034a4a3582f2c09da6bf77', ref: el => (this.truncateElement = el) }, h("slot", { key: '40d5ad86bb7a3cf7746b07de42ad1ee8081fd372' })), h("slot", { key: '3e450b678e4567cdeb4810111cf63003e1a977fe', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.js

@@ -53,14 +53,14 @@ export class GuxOptionIcon {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: 'acbbb1e96d5b4bef38aaaccdafc48a3d81fc2d30', role: "option", class: {
+        return (h(Host, { key: 'a86aa2697b351d9aa4d2abe7d5933554338757b9', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '64537677cf89e18b5868801ecc3dca4102e88440', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '61c20dde56bdf80678e718b06e3431bbb82bba16', class: "gux-option-wrapper" }, h("gux-truncate", { key: '6f5788a2e30d0bf83a70e660e60f646479c176d8', ref: el => (this.truncateElement = el) }, h("slot", { key: '79b4084bd61bb03801bc06c69a3622e348bd87bd' })), h("slot", { key: '718edf6a7de8ea2789a53ef09c58f7837248cb24', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '64167f2bd088c53469128a58fd8b8e671d90c337', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'ec57363a8d68937dfe14bd57e2deeefffca1b4fd', class: "gux-option-wrapper" }, h("gux-truncate", { key: '5c414cb80fff1c53c39c383b68dba5901dba446e', ref: el => (this.truncateElement = el) }, h("slot", { key: 'a816c429d83ec49934911699453abc619895a11c' })), h("slot", { key: '0ee2a4d58440830b741662b3566dc5d740abff06', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js

@@ -31,11 +31,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '6232b8a930fc80b7713da51d24ba2cdbe519df9f', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '758d13a62ab2194addf715ceae1047b8a2d0776a', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'e8202a43d2aebeb320eab8687cbc1b636bb51cfd', class: "gux-option" }, h("gux-icon", { key: 'a253b420d57c79718171b4e9056ca76d8df331e6', decorative: true, iconName: "add" }), h("div", { key: '9d683eeab31ac7f0eb6719da88aed4ab57e54e02', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '5a817136ab4257f2b6f4e23cf7adf720849679c2', class: "gux-option" }, h("gux-icon", { key: '945c1a51f6fb2c6a015d0c828ff0c8a7455b0651', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '7a7ee62884d082d2ec0fd3234df7918f82012d7c', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js

@@ -54,13 +54,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '6c95d52670bd783817c3856dd77f1ab8d1286afc', role: "option", class: {
+        return (h(Host, { key: 'ad48f3760d6024b4dc7b9a44ef3ac6a01905a0c1', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'a72e7c9210835acba4b64a307f1122cfdc0a1d1c', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c86b9fda967bd571d52b4fc69b62940902211ecf', ref: el => (this.truncateElement = el) }, h("slot", { key: 'e2434f46f4a6c6f37d6f88a2235d449fe63935f8' })), h("slot", { key: '30e47297dfe421f510a604ac457e6cba71fba681', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'f2b0fcaa4c1fab636dad83d73a339f4b273b803a', class: "gux-option-wrapper" }, h("gux-truncate", { key: '376e881035146ee7e061de2143c3784c386752bd', ref: el => (this.truncateElement = el) }, h("slot", { key: '11720a7b53179026f98622df4e6f50de65189f5d' })), h("slot", { key: 'f34efc2b992dc8fb58750522dd71d5e29984486d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-loading-message/gux-loading-message.js

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '73f7866c91ed5358d7521ebeb228ed1db861b32a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '69d0ba46731db970f7b5e6cc3d8f713cae585284', class: "gux-progress" }, h("slot", { key: 'bc4e0dd2655431cf0f5a164b0ecc876dd097a6d5', name: "progress" })), h("div", { key: 'd5674a832c40ef03c0e705629fedbc61da6bca6c', class: "gux-primary-message" }, h("slot", { key: '983be88ae42abc6cb675c68bc9ce43865eabca68', name: "primary-message" })), h("div", { key: 'cf526d7c71b3abb28fd8f0d3ae01e4ff817a2629', class: "gux-additional-guidance" }, h("slot", { key: 'd4788d251b88c0c07626c67941884df91e39d311', name: "additional-guidance" }))));
+        return (h("div", { key: '44bb9ad88a7bbeeca3f97f8ca4108e9aaeabb883', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'd597120039d8d1e375d284247f64b8d19dff5971', class: "gux-progress" }, h("slot", { key: 'd4288d88aa805ffd526ca5bd8ed4349c8e522ec6', name: "progress" })), h("div", { key: '282060251219bcf45b8e084666bd821b189b0369', class: "gux-primary-message" }, h("slot", { key: '4a1fd4c886dce98877e5f9c884c4f3fb5e77cac6', name: "primary-message" })), h("div", { key: '70a4f7a119456542a582dbfe43582e462c8ffe43', class: "gux-additional-guidance" }, h("slot", { key: '95b91c80419b5f4f2df63b343d35089c36228a37', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -57,10 +57,10 @@ export class GuxModal {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '339a7dce94e978b46f27881d74ed0876fff04f0f', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '35d37da100a63e776d7ab595de8805ac2e23d4b2', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '8d87f41cf7f94848a5dc4985aa76b5f354292136', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'aab96123495a762961cd9f88d29f24890e7e3b7c', class: {
+        return (h("dialog", { key: '7287b8c236e2fd0ae844c169215cc6311793191a', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '63f2610208547daf263eb5e1e61d8c7231c060e4', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'ed641e1c94d3d578b171cf1dbd65ff48001f7e20', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '0edb6b2f74844fc9eb05774d6b2457151a61f30f', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: 'bdd46e0ebf5c9ef9185b27c75c650ac2f2a7cc96' }, h("slot", { key: '9274c2fb419ab8f49f9fe418182d3ab3f3b0b34b', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
+            } }, h("p", { key: 'bc069ef7ca9a7213f675023e3b763d673a8ead47' }, h("slot", { key: '5bc4819894daa921e2c88af198d404a655cc7190', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/collection/components/stable/gux-page-loading-spinner/gux-page-loading-spinner.js

@@ -8,7 +8,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '385ea6efe57d638a7a82273a3c58f162a9e8ab73', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '3be3874bae6376afc310e18310e7666c4eb80d47', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     static get is() { return "gux-page-loading-spinner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -59,7 +59,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '6e4afb7fc14787ecdc79fee18a11f33522886802', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'd050d4e50a9531ab55e2067aa06ddec1b305a9e2', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b24534e2552dde379d3efba4483f3d27c6670218', accent: "ghost" }, h("button", { key: '423c29fdff283d30ef6147f326758ee7c93fb31a', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '91d680cabf0637e05e9f53ef945026ab83f5d401', decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot", { key: '809cdd3d26fbef0bbcf00fcb62d324999518f7ad', accent: "ghost" }, h("button", { key: 'f81c35bb35504fbdcb5ad732bc65a5b883adb671', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '929c16eff835e71aef52465085ba5174f570b5d2', decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), h("div", { key: '2b0122a438f73619695dda4fae1da2a5b789ab41', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '97a4c599558c291ed09a3facad08e074246f3e01', accent: "ghost" }, h("button", { key: '7c98b8c8fc5c5b5ddc959ec6b55f697ef9221276', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'e4ada201de18762eca8534ce385a6023992c5793', decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot", { key: 'cc8c86bd7132c50c43702ec82a20b6cd810abe3a', accent: "ghost" }, h("button", { key: 'c4e27b094bc768bb8413393c805cd876e3d7a322', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '8baa968a3d476e0aaa2a2e1c2a220fe9ecb1d6ef', decorative: true, "icon-name": "chevron-double-right" }))))));
+        return (h("div", { key: 'd4594d1c2e584baf9974daf3d39291edd3749aef', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '064e1e7d8f7d004784c6bac3a07a70b61651da61', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'ce6b24d73d5cd944140d92f73aa83cbfc962d25f', accent: "ghost" }, h("button", { key: 'a3339b92f2929f107005e6d1f1b482033cb23682', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '0f76c160716be44ad3f1589396b9a0f0e9fcd900', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'bc20fa6610e2d4a0280eb3db974addb853889159', accent: "ghost" }, h("button", { key: 'ad037e8b2e006ed8f777b4a3c58e42d8a445f323', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'bcf36dc8271cbe9a5a7b3f92db7ad1cbd5390145', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '9023a7b60da313aa3a6907e1597833dee55d2b02', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '8f3db6714f558f13adc27af77a8f6f8466c6ba1c', accent: "ghost" }, h("button", { key: '0cc4ec6d03f3a2abf347bb0f26f72cfcc099b890', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'e77f5188351363b18d02f0ea194bae3ec963e512', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1c9b5d73f376782215f004a9aff0eb9a74129fda', accent: "ghost" }, h("button", { key: 'e90e81a3892d30aa2d70a23710b11dac2a61f619', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '1d0baa7087344f98ea4aad68cd10b538478e1e7b', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {

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: '64365018abf52c12f0d4387bae37810817ef7b63' }, h("button", { key: '03589e513824d66ce659f51c27d552e4cf38f413', 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: '590249cb9dd76a7796ec3d5606d3e7ddb891d9e0', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '0e5e7afd0875094e41a56f554e364cfcdf534d3a', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: 'beeb311cddf084f794a6466c5ee66bb6b2c2fff9', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'e0635c5049e0c692651f8a5c9ae154ec9289fb1e', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'ebad1d2403427a9fff7d1043cd6efb4b8f39d2d7' }, h("input", { key: 'f245eeeb4731f22ec75f5fd6cfcb0fe28caee6a5', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'a43f4ab01b99eb78dc37e5a63de746a5fddaa6b0', slot: "label" })))));
     }
     static get is() { return "gux-pagination-ellipsis-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js

@@ -28,7 +28,7 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: 'ee9d0a4bbe433a495f8f1e5ac80b73365f2a1b87', class: "gux-pagination-item-counts-container" }, h("span", { key: '7ec24cfcd96d14519266aea89a7a2b3e88b3b599', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'ba46918ac86906781491a097996b88d9b67564a9', class: "gux-pagination-item-counts-container" }, h("span", { key: '15f50119c6db5b35e4b9669dbf130847a6d8eba4', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js

@@ -19,7 +19,7 @@ export class GuxPaginationItemsPerPage {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '2105763eb78b005dbb847626bb4f126f52cf742a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'de5a87fb380f4a775b346aa592f7a93501a0426b', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '40039c4e84e5e50f005decc4ac96bda16d8eea41', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'dcb682d1223cfeb51f384a5b771cef301cf33f66', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'ad5d701f9915481bf3b4ff37447252d3d009b47c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'b954a0a6e1ce34adf6323e63470f81f04d9db9ed', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {

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

@@ -83,7 +83,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '9498de89d479091d7c528422d9401b02b7142d84', class: "gux-pagination-container" }, h("div", { key: 'd0474d5c38369580a50e990b1ae0ad8b3e22cc83', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '8efb699b339945caabfed3d5adcb196858ca4e60', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '6e97ed0fc483caea26fa300f27c8c4e920a24d18', class: "gux-pagination-spacer" }), h("div", { key: 'ff371cdce264e6b336cfd99147c9b8182d351f4b', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '45eff5a2e14ee5643625bd300cc246b44b428e80', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'e14b2ccd56ac704f238315638d55e48ac807f593', class: "gux-pagination-container" }, h("div", { key: '4be400c70c01fdaec26cfa8c44abd8df73ca7276', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '4d8cc53aef246a89259bac89e06b2e4d50f73e5f', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '59c743f2f614550f0899db321f868e3fbf9805a5', class: "gux-pagination-spacer" }), h("div", { key: '4a81c87b148dfab2c9961459dd094559807a08e6', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'd91ec3c78339225287d6d4e2ad62a4932b4f86a1', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination"; }
     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-popover/gux-popover.js

@@ -135,10 +135,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '8f5b7cfebe4481fa8248473d20433f9f56a0ad13', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '0472388d213b2e02b168dcfe768a85d701b9bcca', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '3baf7a504892aef49c78f4c9c227341554b2037e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("div", { key: '3369119d45bc4330e70abe72b917ea90afc7e275', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '7b7c1a2aa2126a8118be1d829152ec2b8443b544', name: "title" }), this.renderDismissButton()), h("div", { key: '99bb19c0b2c20bcdc11fd93e870e8b4b036b7933', class: "gux-popover-content" }, h("slot", { key: 'd2b6ba0dc948e0faaac740a9ac71410516b6a30a' }))));
+            }, "data-placement": true }, h("div", { key: '9d611f0597e5b9d3e2f9905c0500523bd254a787', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("div", { key: 'c4b6a5009d0fe2bef624e548d848b7223e68074f', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '8f0a7b4f16fc486a21356b1a0cde0953f94b179f', name: "title" }), this.renderDismissButton()), h("div", { key: '1bf90ca550d931333343748fa81070b93f85d121', class: "gux-popover-content" }, h("slot", { key: '56baa68d711439b9425edd31d712ab0b74d74d90' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js

@@ -26,6 +26,7 @@ export class GuxPopoverList {
     }
     onKeyDown(event) {
         switch (event.key) {
+            case 'Tab':
             case 'Escape':
                 this.dismiss();
                 break;
@@ -125,10 +126,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: 'f5b4e19889b421bbf0380179b433ca4730e582c9', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '181cd2df6bbdc2cb0ada981d9a1b9f4fae5dfbb4', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'c4122ed34710a9f980eecd7a5d18c3b6f42951db', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '8f81f5c0cb72d8f72f0502202e3e5310b9bbbdc6', class: "gux-popover-content" }, h("slot", { key: '6b1b38e7161ab4250c5ad1b7fd00dedf949f5c8b' }))));
+            }, "data-placement": true }, h("div", { key: 'a1aaa0347d79fea4f9a3ca3526d0817d76506550', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '9d0bb4db6a86bf0a520beadae4612b1610531fc2', class: "gux-popover-content" }, h("slot", { key: '19b64e18c9a5ab2a6ffc67502426b2adb429d95b' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,13 +89,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '9e53f22cffb93df1eb198af2e647efb2c333353d', class: {
+        return (h("div", { key: '571b0f39647a7b9e969881352f357dcb88a44768', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'e109aef172032431187e7c8afeedd5e3b37879db', name: "target" }), h("div", { key: 'd9e8fdc4d6efd0126b7fc0f15269203470840c4e', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '811c5d5e5950293ec7789dd122bf9ddae0bf691a', name: "target" }), h("div", { key: '116750be61fd51f63f6fa583afcaaeb754a6a40c', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '744054dbd67ddefcdb2ec4b858237b40bb0c2db8', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '6b50ca35e5969d997c893524d9038b402a4a1261', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.js

@@ -13,7 +13,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: 'fdd0d9d74de23d49b892702b8902cccf1eb532dd', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '6c69be11d9de9e64a3300f1e8c721588a2eac93b', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }

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: '6e29a4763657dd4166f86a242e8d7e3aa746f29e', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '83a23718fcc41f1619d070d096d0fc53717e0102', 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-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class GuxSkipNavigationItem {
     render() {
-        return (h(Host, { key: 'f1271efcaca68dc0392e64bb14397841d1d6ac15', role: "listitem" }, h("slot", { key: 'a65791c674cf1dc0883ed1070f99d18dafcb8e54' })));
+        return (h(Host, { key: '245b0fe894fff5db5492f17d89cd8aaebd77a60a', role: "listitem" }, h("slot", { key: '8f4558096b6da30da3131c2dfdecea2344f598bb' })));
     }
     static get is() { return "gux-skip-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-list.js

@@ -11,7 +11,7 @@ export class GuxSkipNavigationList {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'fcc3e554ca1e3b43dfdaf580e6d0a1ab2d56d98e', class: "gux-container" }, h("nav", { key: 'dfa68f810a4231c7c9dd829486599e7092689657', "aria-label": this.i18n('navigationName') }, h("ul", { key: '43c6a8150eff916b47aab0fb49ef0416c7d7a6a9', role: "list" }, h("slot", { key: '49f8432f1c7b4ac1fe60fa68ab2e1424a46e49e9' })))));
+        return (h("div", { key: '56fd4fd75d799eba78c94ffb938312ad1ac51eac', class: "gux-container" }, h("nav", { key: 'f66cdf20f86012069fc1b04f9abb32e91a157bc7', "aria-label": this.i18n('navigationName') }, h("ul", { key: '4493254047a0d5d4df067db8fed2b718ea2270b0', role: "list" }, h("slot", { key: '4de860928640452cc29bd18493b927b9aabdc55e' })))));
     }
     static get is() { return "gux-skip-navigation-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,7 +21,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '788fff501eca9b109699a379c0aeb0172ae4ff7f', "label-position": "screenreader" }, h("input", { key: 'a5d2ea5a820c74ae99c892b534d241f67aedf396', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '57fa4cbc191b2ea4d9cea0e55f86a1876884aa2b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '4e356416029b7e040aa98415bc80a577b485fde6' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: 'db5912ecaf4528244542b94b4edb676a0e974c11', "label-position": "screenreader" }, h("input", { key: '041fe178a4034f71d64f9f06a353065a4e67a17b', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '8f2350c8f700a5a4853553029596e9e9a3850dea', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'bd72b100696954427aca0c60162e2b92b75b1edb' }, this.i18n('selectAllTableRows')))));
     }
     static get is() { return "gux-all-row-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '7145bd889aea8ded6757667e8ea0daca9d12aff7', "label-position": "screenreader" }, h("input", { key: '9dda4bdd783d257e3c7605863dd71b3f84ac0653', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '7d33e387ee248ddf1434f65a260aae795fe8aaf3', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '73e804d56eb6923a6eec8b76d89e3be711dc5746' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: '1bd0fc2391257d767e1758907521fe54308b4f89', "label-position": "screenreader" }, h("input", { key: 'ccdc04a18964d9aa61375ee5213a2d984ff04ada', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '3918b9e87c4fc7438415bd8d669007abbb7409f2', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '92427ecd459407d05808b0f4e3fc9c454f891e7b' }, this.i18n('selectTableRow')))));
     }
     static get is() { return "gux-row-select"; }
     static get encapsulation() { return "shadow"; }

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: 'b711f3cc392a7ffcd93b0f0f7975c4b3464a0b2b', class: "gux-container" }, h("button", { key: 'dfbd90a2fca2d88ef317adb5f058afc9fb3d3cb9', 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: '30301f4cdac62c1627389cede53fa2d941f0353e', 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: '4d2261578fef25e9e88756ce9667af0e90c0788b', 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: 'e6db8c37967e66b6c34c3fcfcd34b879fa0c4ae6' }, h("slot", { key: 'e577e8f8cfe6fc88716f056afe44c7f698ee2a4e' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -269,7 +269,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: 'fd3110730767b58b63661bcf250e58623113207b', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '32957af6b4e022ced566cfdcc94c3d491ff28f2c', class: "gux-table" }, h("div", { key: '7e8b0d8450ecb91d2cdd31e7750e6ec98ae627ae', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '23260b29e090bd686788cad3b49f0feb210978c0', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '44927ac4e87efce23d26d9f64d0b82247a455c00', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'cca718b7c988eca1f449bf26ef31f91f6c8ae56f', class: "gux-table" }, h("div", { key: 'ab57efaa9158350b89de7d695427eb902d511ede', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'bc4fc2ddebe12c0962ba7f73cfa2abf6b36638c9', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     static get is() { return "gux-table"; }
     static get encapsulation() { return "shadow"; }

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: 'c1579a7d0d58d82c5f2d3f7fc480540a6c0cd631', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '8885e743228f2406848308d457a395b6171ffdad', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'adceaaf1b38324a80fab8e5cd5fe8fb0b0535c2b', 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-custom-action/gux-table-toolbar-custom-action.js

@@ -26,7 +26,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: '7427b20dffe6f533f3e23fde50871018bc3e2b49', accent: this.accent }, h("button", { key: 'e2a597c17f2e757841f49b95975f7558b8198f0d', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '7d3b75390a7ba6283577f9fd56be7c7ede9c48f9', name: "icon" }), h("span", { key: '2ac0f96317c5b177b09c251a6d7a98c49137cd4e', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'd87bce1af18b66911b3fb9a840342d107d28a011', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '8f1f90b78d330154304396b22bc32d07863f405b', accent: this.accent }, h("button", { key: '9ba630756fefd8fee956f06d623eca43c6731072', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '223dbc4a0c958575c3e799f00e760b0b8491ce48', name: "icon" }), h("span", { key: '95367d0c4bebe6a1cfc8b9c1a492492f59aa10c5', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'bcf096ee6cae1a6fd7108a9ee0e4da6e9139ad6b', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-table-toolbar-custom-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: '5640c06ac72bed6bd11c72f15af37f0c0ee005c2', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'fb2b55e8ffe77e576150b37ce283cf48ace2f217', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'dc3cc585e1515ea425e2fac66224553d49828223', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '1aaf7686d1a2cb1db782deab6f56efef89a10750', class: "gux-menu-button" }, h("button", { key: '8603ee6a647da5f952631549409193970a7ca046', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '8eea1c6881d4e6cc8f444df520f648b2b2a706e0', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '7a150dcef31c4226ca6ff2fb6789fb24e84c692d' }, h("gux-icon", { key: 'b12cf55d0ab48df5c75dc37743a69f5b632af8a6', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '9dbe47914a09bce672d26f115fa771d29ff5d2b2', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'b830771e0d97c2d99d838bc9e397cbff4e38ec27', ref: el => (this.listElement = el) }, h("slot", { key: 'e8cecbf52ad6c86db2b703d7bcadfee1b7a4b0ac' }))))));
     }
     static get is() { return "gux-table-toolbar-menu-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -185,9 +185,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '1bfbbe22776ea2625dc83036dfa9894e9a3b683c', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: 'e18970bedd257a9ca70930cbe30f4b1559ff6e8b', class: "search-filter-container" }, h("slot", { key: 'aa854bb622487fc0897ad56bac18d8bc3b7f96f4', name: "search-and-filter" })), h("div", { key: 'de4e908ce0bc9004428619ba24d93e16628225a7', class: "section-spacing" }), h("div", { key: '34676c8560b781effb8c823d5ad24f4769a120d3', class: "gux-contextual-permanent-primary" }, h("div", { key: 'da16ce9cacf582fb694dfcd40c4a5de78ca5a33e', class: {
+        return (h(Host, { key: 'd40ff8c49526ed591d36d9295c12c21de4e93ad8', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '005bdad259611d926086b485e0b6083e851bbd90', class: "search-filter-container" }, h("slot", { key: 'f9e3d1d7984bfe51ad2d86f8ab67343bc48ce38d', name: "search-and-filter" })), h("div", { key: 'cc264bafa78241d629f2326c7c6ecb6d5bf25abb', class: "section-spacing" }), h("div", { key: '4c3756660bfe75fa8853169b590e79a548791027', class: "gux-contextual-permanent-primary" }, h("div", { key: '628bb28de733f097688c8acddc58ed006fcd2971', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '7cbaf22d40099a6433a138950329ae65a96cb555', name: "contextual-actions" })), h("div", { key: 'a55268974233fe963b39466542917272d7497029', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'd5985b045cb4961f699b1e36eeee87f824c3aeee', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '6dc462349682549c6d1515f9e05bf919c236d992', "show-menu": this.renderMenu() }, h("slot", { key: '50e58075e6f39f78b512a90996f1361c2e732490', name: "menu-actions" })), h("slot", { key: '44ef077548c3c2d30ffbad0377e163628278cbb1', name: "primary-action" })))));
+            } }, h("slot", { key: 'f3229f0575a6396e3b07dd1633eb468ccf485d7d', name: "contextual-actions" })), h("div", { key: '779268b079385beab2b233bcc6a0b21701ebfdfe', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '72d05829af789e84c0021846a49610f00f3a99cc', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'd1ced601453c2206a4e6f9375dcae789e404bf7d', "show-menu": this.renderMenu() }, h("slot", { key: '18aabc3b28569c0ca79b69115f21254fcc9eb62a', name: "menu-actions" })), h("slot", { key: 'aabd70ce15a3fa3d9696cad1eb6445cc8f7a43f8', name: "primary-action" })))));
     }
     static get is() { return "gux-table-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,11 +34,11 @@ export class GuxTab {
         return this.active;
     }
     render() {
-        return (h("button", { key: '3de6431d4ded8976dc3979860cabdef75fcf4502', class: {
+        return (h("button", { key: 'a70bf05147032f6d94c3c839ad35d6dca2292c32', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'be9ce95f2a6151c3bbb69a910cfc4e8d41367c24', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '7bd5c538be7cf313c14e4d5a2fda6dd20f05900a' }, h("slot", { key: '877b504236e84e8689611ec71023f33daf56d312' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '06a70a0941d76d447d884197e557bb23689aa3f3', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '736a8588de18f22b6c2dc343179a8784cb6cadaf' }, h("slot", { key: '9f9879df646641614a461ec6c2d2353257da4ab9' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {