genesys-spark-components 4.37.0 → 4.38.0

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

@@ -115,7 +115,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: 'e7489e1fcadb95fc8be95415a488dad2644c8ac1', class: "gux-action-button-container" }, h("gux-popup", { key: '2c290d7713ac342c1e0929a2c6459e7b4a15caaf', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '39cc821dc7dcc8cc12d6d98c111b4a193077a500', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '719d63daee738017925e0b98562b65abb36f2872', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '6ff029bf9bf8cf00356221f7c70281cf6775eba4', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '07033bd406e3de131c61f841fdf0bc883d756dfa', name: "title" }))), h("gux-button-slot", { key: '6c5159f6b99a26be534798a2090cf53d3da0e82f', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'b4f587ceb080d8b0574c5c9c7f059c4892ac94bb', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '631125577189d130afc4f804dcc1fd0a397784ee', decorative: true, "icon-name": "chevron-small-down" })))), h("div", { key: 'a165dceeaad3a6269610a3ffc12e9e1063e669c1', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '96bee11d7bcb9fec5eb07868e4150cbdd561e3c5', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'f2e246b850e175757772f8bc271c59b8625798b3' }))))));
+        return (h("div", { key: 'e7489e1fcadb95fc8be95415a488dad2644c8ac1', class: "gux-action-button-container" }, h("gux-popup", { key: '2c290d7713ac342c1e0929a2c6459e7b4a15caaf', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '39cc821dc7dcc8cc12d6d98c111b4a193077a500', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '719d63daee738017925e0b98562b65abb36f2872', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '6ff029bf9bf8cf00356221f7c70281cf6775eba4', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '07033bd406e3de131c61f841fdf0bc883d756dfa', name: "title" }))), h("gux-button-slot", { key: '6c5159f6b99a26be534798a2090cf53d3da0e82f', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'b4f587ceb080d8b0574c5c9c7f059c4892ac94bb', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '52cd97748631e2cf5966c226aaab6e00a7588b3b', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '4a6abb8d75fa76c73ac2b5edd882d640ed85f020', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'e90fa813c243166bd22e0414377a9e817569ba57', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '7fcca2ad8cc4bb8c1a2e97d5c5ab89e7b2e5dfd4' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -103,7 +103,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '6d6f408a63ea3b791d452a00e07791cdec234f21', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '53b0edb9b3d24c26230634a9b93b9883a9099a16', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'a44046c13a17b433d35139a7e4f7a2f2a3afffae', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '5dfaf1d3d4e68668d4d04037fb1d8eef6b630f0e', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'ca3eb44eddcc425497b7acb413e11a4e9a380c3a', name: "title" }), h("gux-icon", { key: 'dd3c54d169e8b37780155d417b34e7d4dea08b0d', decorative: true, "icon-name": "chevron-small-down" })))), h("div", { key: '96f777e40427ab2b24c3e6b78d6ef50a65ebaa2f', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'a19c439872b134568927fcbc4e2cbc24f291b9a1', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a3ec97bbb8297b5575e4eb80eeb5f67adf73f06c' })))));
+        return (h("gux-popup", { key: '6d6f408a63ea3b791d452a00e07791cdec234f21', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '53b0edb9b3d24c26230634a9b93b9883a9099a16', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'a44046c13a17b433d35139a7e4f7a2f2a3afffae', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '5dfaf1d3d4e68668d4d04037fb1d8eef6b630f0e', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'ca3eb44eddcc425497b7acb413e11a4e9a380c3a', name: "title" }), h("gux-icon", { key: 'f17a4112682e721daf21654bd2c6d2ef2b6a8db0', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'f765db8a1292818f287c8062de15797a20cc40d4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '0777c00b23e5cf15abad9361969b9a50bce55842', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '7228eb47952b48e8dec94e1457ffc7b1a6c85506' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -322,7 +322,7 @@ export class GuxCalendar {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: 'e2414503c83b324857a1307f32098be9bbb203e0', class: "gux-calendar" }, h("div", { key: '4af1fc5d24e7d9684276560f73f86e49fb0dddad', class: "gux-header" }, h("button", { key: '11f298ba8f97c15d366f6c4e7fd5dbcf589667ec', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '98b0ff804cfbc165ddc7ff79617ee339fe258e7b', decorative: true, "icon-name": "chevron-small-left" })), this.renderMonthHeader(), h("button", { key: '9efb434a65902feaed5cc48a503b18002ef11602', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '548a8f78b4f8306535e936b83514d1f770cdbd9d', decorative: true, "icon-name": "chevron-small-right" }))), h("div", { key: '1fd1099529098499d71e6cad5409a9899cf9f961', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: 'e2414503c83b324857a1307f32098be9bbb203e0', class: "gux-calendar" }, h("div", { key: '4af1fc5d24e7d9684276560f73f86e49fb0dddad', class: "gux-header" }, h("button", { key: '11f298ba8f97c15d366f6c4e7fd5dbcf589667ec', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'd15ade96df543edba941f278457caaf372e3c855', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '1c44186abe63edd6073f56e146a3193c29cbccef', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '4be370280857b3cd2291c6992383517b510c5dc7', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '855c8fe7901e43d00aa518da6c356e66ed07fdb7', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     static get is() { return "gux-calendar"; }
     static get encapsulation() { return "shadow"; }

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

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

package/dist/collection/components/stable/gux-content-search/gux-content-search.js

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

package/dist/collection/components/stable/gux-context-menu/gux-context-menu.js

@@ -107,8 +107,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '9c5aa00b0dc99d9fcc82769918ad25af3bae3651' }, h("gux-popup", { key: '60b9d40cf5aff082b8f226969f955189d5a10cc4', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '114c244dbc4aee5f2134c432a15531718a534522', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '6033c70fac2af4faa7490b4bed9c30e234bd9783', accent: "ghost" }, h("button", { key: 'eac5c4cbb2fe069e3f81ea636ced8f76028a7006', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '23cba66a1c5038157efa971490d304f18710545d', "icon-name": "menu-kebab-vertical", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '8ff9bd96ffeeeff7f56571e6eed2d81e4f75f7d2', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'a3726a7a0216f67d4ffe1bcd17d025eb187de3b8', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a1e9300ddde780fe7fc0b56fccac5939e1a4316b' }))))));
+        return (h(Host, { key: '9c5aa00b0dc99d9fcc82769918ad25af3bae3651' }, h("gux-popup", { key: '60b9d40cf5aff082b8f226969f955189d5a10cc4', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '114c244dbc4aee5f2134c432a15531718a534522', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '6033c70fac2af4faa7490b4bed9c30e234bd9783', accent: "ghost" }, h("button", { key: 'eac5c4cbb2fe069e3f81ea636ced8f76028a7006', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '1b7bb6394da2677b27e10b9fb25c5872a719ecbb', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'eb5f2778f26010a6f944c9fa60adf976eebcf1dc', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '923756c2d70e5caee990ba18c84d8daeee463a9e', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '30a0c0675ee3d31b55b47a1f2cc3a747663e00ff' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.js

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

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

@@ -484,7 +484,7 @@ export class GuxDatepicker {
         }
     }
     renderCalendarToggleButton() {
-        return (h("button", { class: "gux-calendar-toggle-button", type: "button", onClick: () => this.toggleCalendar(), "aria-expanded": this.active.toString(), "aria-label": this.i18n('toggleCalendar'), disabled: this.disabled }, h("gux-icon", { decorative: true, "icon-name": "calendar" })));
+        return (h("button", { class: "gux-calendar-toggle-button", type: "button", onClick: () => this.toggleCalendar(), "aria-expanded": this.active.toString(), "aria-label": this.i18n('toggleCalendar'), disabled: this.disabled }, h("gux-icon", { decorative: true, "icon-name": "fa/calendar-regular" })));
     }
     renderCalendar() {
         return (h("gux-calendar", { tabIndex: -1, ref: (el) => (this.calendarElement = el), value: this.value, mode: this.mode, onCalendarSelect: (event) => this.onCalendarSelect(event), minDate: this.minDate, maxDate: this.maxDate, numberOfMonths: this.numberOfMonths, startDayOfWeek: this.startDayOfWeek }));
@@ -508,7 +508,7 @@ export class GuxDatepicker {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: 'c1c235793375dee9688a135a01fb88e2d6172b1d', class: {
+        return (h("div", { key: 'c3a04e7186125e88c23647484ba81fd646d57e03', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -11,7 +11,7 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '09f9627dc86c100480ac2006250294363b1df755', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: 'b5ff7f967e395bf534cf5e12368e2713ffc2afcb', type: "button", title: this.i18n('dismiss') }, h("div", { key: '87273ad16040eaa9b6848536808aaa2ef6053de8', class: "gux-icon-container" }, h("gux-icon", { key: 'd4070762f52af366609dd2cdb647270b42ad8b7f', "icon-name": "close", decorative: true })))));
+        return (h("gux-button-slot", { key: '09f9627dc86c100480ac2006250294363b1df755', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: 'b5ff7f967e395bf534cf5e12368e2713ffc2afcb', type: "button", title: this.i18n('dismiss') }, h("div", { key: '87273ad16040eaa9b6848536808aaa2ef6053de8', class: "gux-icon-container" }, h("gux-icon", { key: '76d62d5cf70a570760ca4d439f2e8ce5de2e27c7', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -316,7 +316,9 @@ export class GuxDropdown {
                 'gux-disabled': this.disabled
             }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: calculateInputDisabledState(this.root), onClick: this.fieldButtonClick.bind(this), onFocusin: this.showTooltip.bind(this), onFocusout: this.hideTooltip.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderRadialLoading(), h("gux-icon", { class: {
                 'gux-expand-icon': true
-            }, "screenreader-text": this.i18n('dropdown'), iconName: this.expanded ? 'chevron-small-up' : 'chevron-small-down' }))));
+            }, "screenreader-text": this.i18n('dropdown'), iconName: this.expanded
+                ? 'custom/chevron-up-small-regular'
+                : 'custom/chevron-down-small-regular' }))));
     }
     renderTargetContent() {
         if (!(this.expanded && this.isFilterable())) {
@@ -329,7 +331,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '4f1176555389775664bcd912c3384eeffe7502c1', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'f50028637e8b6be16548bd34df0b613f7b7a9579', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,7 +21,7 @@ export class GuxDropdownMultiTag {
         this.internalclearselected.emit();
     }
     renderRemoveButton() {
-        return (h("button", { class: "gux-tag-remove-button", onClick: this.removeTag.bind(this), type: "button", disabled: this.disabled }, h("gux-icon", { class: "gux-tag-remove-icon", "icon-name": "close", "screenreader-text": this.i18n('clearSelection', {
+        return (h("button", { class: "gux-tag-remove-button", onClick: this.removeTag.bind(this), type: "button", disabled: this.disabled }, h("gux-icon", { class: "gux-tag-remove-icon", "icon-name": "fa/xmark-large-regular", "screenreader-text": this.i18n('clearSelection', {
                 numberSelected: this.numberSelected.toString()
             }) })));
     }
@@ -29,7 +29,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'db2ed9be361aea1949d72b5efa92269bf1a32012', class: {
+        return (h("div", { key: 'c0d9f108c25f4725e8a09717fe1869c078633db5', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -354,7 +354,7 @@ export class GuxDropdownMulti {
                 'gux-disabled': this.disabled
             }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
                 'gux-expand-icon': true
-            }, "screenreader-text": this.i18n('dropdown'), iconName: "chevron-small-down" }))));
+            }, "screenreader-text": this.i18n('dropdown'), iconName: "custom/chevron-down-small-regular" }))));
     }
     renderTargetContent() {
         if (!(this.expanded && this.hasTextInput())) {
@@ -368,7 +368,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '793f31470c6f471b09f646a7757f3f154eeaf128', class: "gux-dropdown-container" }, h("gux-popup", { key: 'b0eec24253e1544d57906d537b247df2f213019c', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '0529967b995b81bf56d765ccaf32f69a0a868d6d', class: "gux-dropdown-container" }, h("gux-popup", { key: 'a4e6bab757f9f777d2012fe778ad6763685184aa', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-submenu/gux-submenu.js

@@ -143,10 +143,10 @@ export class GuxSubmenu {
         return (h(Host, { key: '94a979913c252bbd84b979ff5bb8e5ccc17e96ed' }, 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() }, h("span", { key: '9b435406dd274bec318b902097d23ec48cdbc449', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'bdb288ac3570709d33d2eaf43922acbbbc3fb419', class: "gux-submenu-open-icon", "icon-name": "chevron-small-right", decorative: true })), 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() }, h("span", { key: '9b435406dd274bec318b902097d23ec48cdbc449', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '07d9f631eb30f6ce316a544cb9e60e1bab8cf36a', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '0a2afd388778cbdad5d4851aa3f301d9f513753a', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '5b89b214bcb317feacc4ebdfe1c3b8e0cba09d17', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'f8e5dc13fcc443db0650f6a58fe5132923b2881a' })))));
+            } }, h("div", { key: '29a9b9a22641e72822b605224cb0feed4a0478ef', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '51e747b8129890f318dbfb4fbcf6d1f20d05a331' })))));
     }
     static get is() { return "gux-submenu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.js

@@ -107,7 +107,7 @@ export class GuxFormFieldNumber {
         this.computedLabelPosition = getComputedLabelPosition(this.label, this.labelPosition);
     }
     renderStepButtons(input, getI18nValue, disabled) {
-        return (h("div", { class: "gux-step-buttons-container" }, h("button", { class: "gux-step-button", tabIndex: -1, type: "button", title: getI18nValue('increment'), disabled: disabled, onClick: () => this.stepUp(input) }, h("gux-icon", { "icon-name": "chevron-small-up", decorative: true })), h("button", { class: "gux-step-button", tabIndex: -1, type: "button", title: getI18nValue('decrement'), disabled: disabled, onClick: () => this.stepDown(input) }, h("gux-icon", { "icon-name": "chevron-small-down", decorative: true }))));
+        return (h("div", { class: "gux-step-buttons-container" }, h("button", { class: "gux-step-button", tabIndex: -1, type: "button", title: getI18nValue('increment'), disabled: disabled, onClick: () => this.stepUp(input) }, h("gux-icon", { "icon-name": "custom/chevron-up-small-regular", decorative: true })), h("button", { class: "gux-step-button", tabIndex: -1, type: "button", title: getI18nValue('decrement'), disabled: disabled, onClick: () => this.stepDown(input) }, h("gux-icon", { "icon-name": "custom/chevron-down-small-regular", decorative: true }))));
     }
     stepDown(input) {
         if (input.value === '') {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.js

@@ -68,7 +68,7 @@ export class GuxFormFieldSearch {
             } }, h("div", { key: '13723d13c1e1d8077bed6b492c9ffe44a0628ffc', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("gux-icon", { key: 'd16d8bcc568b7c08e39a991e54c7481370d5acaf', "icon-name": "search", decorative: true }), h("slot", { key: '2d275c75a7fdf518932d79108513a79208fc9b5e', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'cd60f08706f424d959967bf69953c6017df559cb', show: this.hasError }, h("slot", { key: 'cb753e96b1594fc1f2bf2e94527c19cdf886034d', name: "error" })), h(GuxFormFieldHelp, { key: '7655686a50ac0392feb782404cce1c069c79b231', show: !this.hasError && this.hasHelp }, h("slot", { key: '821ec2e5dc07037cc51ef99985146d247365beb0', name: "help" })))));
+            } }, h("gux-icon", { key: '4f4b68bf9b3c80cf2909f05af3745a48e7331421', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: 'c01081679eb8c555e5e0cef8a9c7fb22c4c958ed', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '043cee146db25471b638788f80e6f672a3cf7459', show: this.hasError }, h("slot", { key: 'be8e130bfe8fe1b2a6d10f163db4bd103a960427', name: "error" })), h(GuxFormFieldHelp, { key: 'f7a981c841c84cf0ef2b4413466aadd25f3bde96', show: !this.hasError && this.hasHelp }, h("slot", { key: '8a61e629ff80ca4c4950aaffd4f67d686614d9bf', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.js

@@ -59,7 +59,7 @@ export class GuxFormFieldSelect {
             } }, h("div", { key: 'b0f7f09b23023f1fc272b782178dd739bba704e7', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'fdcd6b5185f8fa25940fe8e5e2908f7629bbf448', name: "input" }), h("gux-icon", { key: '7321c0d53019005f1d58e9bbe9cee1e78ef58cc0', "icon-name": "chevron-small-down", decorative: true }))), h(GuxFormFieldError, { key: '374036b06516f77e21735027a9cae1c09862dc33', show: this.hasError }, h("slot", { key: '989e082e1c03db1a62a0f0af921a0acfe9963394', name: "error" })), h(GuxFormFieldHelp, { key: '4d2aa92cc37ebdc981ba768a8b17d0e9dff1b9fe', show: !this.hasError && this.hasHelp }, h("slot", { key: '4cee1bb8c7826aba89be5546eff7f94a75e2557e', name: "help" })))));
+            } }, h("slot", { key: 'fdcd6b5185f8fa25940fe8e5e2908f7629bbf448', name: "input" }), h("gux-icon", { key: 'd7746dbef3b14d7d20a4440149478e78f6e14d27', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '4265dc7ebc37741a86edc817766243f7b4684776', show: this.hasError }, h("slot", { key: '5c79451253954d2a5ac081848ffbe7c4e48c96da', name: "error" })), h(GuxFormFieldHelp, { key: '242d283913ad7afe5dac3610b811ac3eb9e17d1f', show: !this.hasError && this.hasHelp }, h("slot", { key: '84f58e74b7083064e7f8659c71953b5763dc862d', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/functional-components/gux-form-field-error/gux-form-field-error.js

@@ -3,5 +3,5 @@ export const GuxFormFieldError = ({ show }, children) => {
     return (h("div", { class: {
             'gux-form-field-error': true,
             'gux-show': show
-        } }, h("gux-icon", { "icon-name": "alert-warning-octogon", decorative: true }), h("div", { class: "gux-message" }, children)));
+        } }, h("gux-icon", { "icon-name": "fa/hexagon-exclamation-regular", decorative: true }), h("div", { class: "gux-message" }, children)));
 };

package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.js

@@ -8,7 +8,7 @@ export class GuxFormFieldInputClearButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '420614ad57cbadacbbaf437ee524b7ea927a5dff', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '56655b44bbfea2fcbbee5759f9639b4988e0555a', "icon-name": "close", decorative: true })));
+        return (h("button", { key: '420614ad57cbadacbbaf437ee524b7ea927a5dff', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'd199ace41032fcb89a22996bacc56f15217cc44c', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }