genesys-spark-components 4.122.0 → 4.124.0

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

@@ -62,17 +62,17 @@ export class GuxOptionIcon {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }));
+        return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (h(Host, { key: '54a7a89512eb16132089bc26d5a27304dfb4956b', role: "option", class: {
+        return (h(Host, { key: '902601346eab9956082b32dc60d6cf7511d4c6bf', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 '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() }, this.renderMaybeIcon('start'), h("div", { key: 'ecae8b634d1780366f1eb0743ae1c93d113237c2', class: "gux-option-wrapper" }, h("gux-truncate", { key: '3f316d223c37ffc2506de124c2d2945de56c9481', ref: el => (this.truncateElement = el) }, h("slot", { key: '605f677e79c46de8df6920d90839030b3eab1035' })), h("slot", { key: '587127a854131ba1684e228c2bd991a8e40e08f5', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: 'eb6fc0aa8f3034eab1ee3bfbcf843526d2ff8eab', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'cdef17281f541da5f3f0826b2a82a8e10d31c0b7', ref: el => (this.truncateElement = el) }, h("slot", { key: 'd52c436545d39e43e993b99cfdbf6577284fbebb' })), h("slot", { key: '23672ca4c866810ec28ca3e288fe0d2642a01d2a', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     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.css

@@ -32,8 +32,6 @@
   display: none;
 }
 :host gux-icon {
-  inline-size: var(--gse-ui-menu-option-startIcon-width);
-  block-size: var(--gse-ui-menu-option-startIcon-height);
   padding-inline-end: var(--gse-ui-menu-option-gap);
 }
 :host .gux-option {

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: 'd4dcd0f50a117ecb427426bfec898bfac63a4200', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '8050d0a2a3038915ebdd3adeb809b5690904d82c', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '4a45a9beee199884feb1a03743b981af392c12fe', class: "gux-option" }, h("gux-icon", { key: '7a84162561b989ec562bd6e198338498e82cccbc', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'f0101e170122a5e8d07591a7ed95ebbf77c3b64e', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'edeca4eee776ba323719997c31c16e07ba1afa36', class: "gux-option" }, h("gux-icon", { key: '2115a8f400dd67b02f050878b1eb94f1cf670f9e', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '79bc35c18e20d332a3a1e74dd7577ab5614d9de5', 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

@@ -59,13 +59,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '01f53b1d822807d4776f72e08d2493657d0fed94', role: "option", class: {
+        return (h(Host, { key: 'ed850a35be6944fdf451b06f6ac6da28d1576435', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 '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: '804cec77b92c08a9319f1e344e4db7d19b7a774b', class: "gux-option-wrapper" }, h("gux-truncate", { key: '951fc1c83aa7b3c96695869fd2d33ea2bdb49bc5', ref: el => (this.truncateElement = el) }, h("slot", { key: 'd01a74b9802f6010f1bf8b3de72dc4b5a7d8283e' })), h("slot", { key: 'fc34bed8a8c52739790d5b3da53bcd98c331f437', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '20f9ad2c26485c6edd7d9be14290a69da35231e9', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'cb3ab45d14e31f1f7c443d503f0b6ada20dfdd51', ref: el => (this.truncateElement = el) }, h("slot", { key: 'da03321ce4f9a769544f2396bce1a55215a07c85' })), h("slot", { key: 'eb742f9a556dfb3dc3c0f3e7055d02544d39283f', 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: '3546f3901af1c7808498ad1b0eec80549a253fc8', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'ae7f90fa8549c4f5415defefadaca7ec6c79a9f2', class: "gux-progress" }, h("slot", { key: '7ce0df34d0cc241391db1dd2928dfcd2642d95bf', name: "progress" })), h("div", { key: '3488b5e3944de3000c3cc6c55d788270ce0c16b2', class: "gux-primary-message" }, h("slot", { key: '589d53b42d2fcfdc27601422a42c24878da9cd34', name: "primary-message" })), h("div", { key: '501efcd1e8bdca64b0299ee71355074afcb715b1', class: "gux-additional-guidance" }, h("slot", { key: '66363dd92f59562552a880067f84835811f2d0d0', name: "additional-guidance" }))));
+        return (h("div", { key: 'bec01bcb41c1d7c67b327a06c4004fd69610cb3a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '61fd1c41cd84bc3170b485409fc1f875cfae53b4', class: "gux-progress" }, h("slot", { key: '162770be6b1e4ddac98ba43d1cde295d8812beb1', name: "progress" })), h("div", { key: 'ce41002cfbdafe06cf7e596879dedbf0569e78d3', class: "gux-primary-message" }, h("slot", { key: '969c00afc1f9441e046f64c9f335f6212531c15d', name: "primary-message" })), h("div", { key: '30566e826ddf339d1bf65ce475cab14af48942d5', class: "gux-additional-guidance" }, h("slot", { key: '7f0c15ff42391a285379a7af5ae34d2a25ef48c1', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,6 +23,7 @@ slot[name=start-align-buttons]::slotted(:not(button, gux-button-slot)) {
   justify-content: space-between;
   padding: 0;
   overflow: hidden;
+  background-color: var(--gse-ui-modal-backgroundColor);
   border: none;
   border-radius: var(--gse-ui-modal-borderRadius);
   box-shadow: var(--gse-ui-modal-boxShadow);
@@ -68,6 +69,7 @@ slot[name=start-align-buttons]::slotted(:not(button, gux-button-slot)) {
   padding-inline: var(--gse-ui-modal-padding);
   margin-block-start: var(--gse-ui-modal-gap);
   overflow-y: auto;
+  color: var(--gse-semantic-foreground-container-highEmphasis);
 }
 :host dialog .gux-modal-container .gux-button-footer {
   display: flex;

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

@@ -68,7 +68,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'e58052c46fedc67ad499ccac3a34c00a77073528', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '9fefcc48a27ad42ac4055f7b98007f95b1171e3a', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '64e934dac10e4063ffe0dd3349622264ee23ec23', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '68e1695869903a4a09bca4edae55e630776926da', class: "gux-modal-content" }, h("p", { key: 'c7707aaa07ee3b31c35f118efc1218e173166522' }, h("slot", { key: 'b41f36419641719dc58987bf0ab1e54dadeaee4d', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '21897759cd4ec962408451a2fdcdf2fb76a7fcb0', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'bac191d2c8484a27507e3e2e036520a74e290548', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '3c12f84d2ef4384067e367bbfd2463189a6ae585', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'ee041befe4913a099434d9ce39e7bc2cbb0966c8', class: "gux-modal-content" }, h("p", { key: 'faf2629874af248e6bdc9565332b64d9afd9f356' }, h("slot", { key: '389eabb524cccc6fbb81da8e78b807f1cb4955f2', name: "content" }))), this.renderFooter())));
     }
     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: '8f35e923ef892b33e0071adc2f8468219cc2d4e6', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '0a1ecda47fc13b251333b915d4d372fe5cc7d7e0', 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

@@ -60,7 +60,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '0bd91b28670056a49054093a49db3c3825a4d92b', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '7d0145ea809555b43885c1822a263a6c64c66b20', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4f1cf8b32c0e21988d5e8b7b1affc6c211092e90', accent: "ghost", "icon-only": true }, h("button", { key: '014cd2cf78d8392be975264441d001a47f8051e2', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '2e5a4826afbb6ed9c53b6bcd196d893fce6a2040', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '7370ea7494372740400c80d2af2faad549609f7f', accent: "ghost", "icon-only": true }, h("button", { key: '1755aeaef12cea857b5025639a04f529945693ac', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'c1455ad9ebd8de0ec47f5197bbc4f751f27c09b8', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '2b1ec867e04913a13d6e3b56bb630846fb578066', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4e6a5aa953241a0f4554504fa97843e9b0ff63f9', accent: "ghost", "icon-only": true }, h("button", { key: '7262b8a87e38fd173cfe738051f16225fb16dba0', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '0a871f148918ec17c446796fbb46380b7cb474d5', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '4b7cc842b30e6278931662a523493ba699661489', accent: "ghost", "icon-only": true }, h("button", { key: 'b461999f7ef787e0efa01b41ababf261b331fc7c', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '7592cbc0e1e26e56465de9fd6cc814a618a3e33e', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '39f1c5eb5fc54d4d64a8f2ffa5f60635b8397332', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '19091a23b75cb029549435b9a158441d1e0b4d9d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3276cdb33a4335061621102b2112c3f0d2b307a2', accent: "ghost", "icon-only": true }, h("button", { key: '9f39024f7c175f4efed5ec6dba29ad4c0a8c0e45', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '02c1991859f02704e3c97e38d1e69fb8aefb6954', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '6b12072517bc7ae25abdb137d0e85513d47637d3', accent: "ghost", "icon-only": true }, h("button", { key: '1a658e56e1541949a9a2d7bb58fc37ee4c08ca7f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'a4a5e5950e2fd244f290b4295f12185adfdc6a08', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'f9d118f6c74bfd34f775bc14ad88d91636c5000a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f30a1f91fb26d46939702892f44e50436b93e1d2', accent: "ghost", "icon-only": true }, h("button", { key: '9c71b7f6fe2ac9d19b4d9a0ce11b71c1bc0a16de', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'a11c2b1e0d24e75862266692b8a3b87e948b27e4', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '4b171ae9736eadfb2681f103f0a0f41fe9c21f39', accent: "ghost", "icon-only": true }, h("button", { key: '744f7b35f9c860ed6baf90c30c13606693a02f64', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '1ff11eefedbcfb363000aff2dddfdbb6ac4ff2f8', size: "small", 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.css

@@ -1,6 +1,4 @@
 gux-button gux-icon {
-  inline-size: var(--gse-ui-icon-small-size);
-  block-size: var(--gse-ui-icon-small-size);
   padding-block-start: 4px;
 }
 

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

@@ -97,10 +97,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: 'bb102bb4e6e7948674c8318c647b30f9cb2e0947', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '8810294409c9cced93a0ae3e1c85b0d493bc73f7', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: '47c37eb0cf3975467a9dab5eff31d479853efa64', for: "popover-target" }, h("div", { key: 'b8c3faa45121112f8624722cf71e19658781b4d7', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '005223d651c378144eb4f2069a809d96e1f68d60', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'fa6dfa3d56594a17f87eda22750dd2fbf121e8d8', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c5566c1d3a235557ee69ab50683e04ac768a1b64' }, h("input", { key: 'a76d031de8c98fb08d2fc680036a49440983c559', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), h("label", { key: '5e157f466d68ff710007337486efd9fbda95363f', slot: "label" })))
+            h("gux-button", { key: '62ab4037917fb59d34665b737d7bd8254d8462d6', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'b0be461d7e0eaeadf58dd74c9ab83d8d75a9b4de', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '0603c9c49352e8ec47f30bbd7f2212217790cbe2', for: "popover-target" }, h("div", { key: '0c16baabe37e4133d68ed51e79dc903a5ccf703d', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'ce9f58b78f966c58641c35c27a33dcd93d66b684', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '3e675c567dfce82ca509070dc51ddb52e9cf1559', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '9015d3d5d908bf44af101941f2e5d8bca801d502' }, h("input", { key: 'b9b26a1367b807f93bbe9665567f4ff3e8d008a4', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), h("label", { key: '19e9d3dd6c2ceab124a9a1349bca71b2706505c2', slot: "label" })))
         ];
     }
     static get is() { return "gux-pagination-ellipsis-button"; }

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

@@ -28,10 +28,10 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: '58c5fbaff6e58d094188a264ee3293a967761af1', class: "gux-pagination-item-counts-container" }, h("span", { key: '074bd769a03fc8514a946c2593636b5e634bca73', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '9efa083c1c310f0bca85b3d0a23befe236133663', class: "gux-pagination-item-counts-container" }, h("span", { key: 'ad06f05c45571c2b2fae1048d338a9dd75328bf6', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '185cb9d934e226caaebf680a6f3cbd91c3197661', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '11623c632f0d19f28c8775691dc3543b306c1047', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     static get is() { return "gux-pagination-item-counts"; }
     static get originalStyleUrls() {

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

@@ -20,7 +20,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: 'd0e5bc9d9619a43f456ad70acc9ba384e352333b', class: "gux-pagination-items-per-page-container" }, h("div", { key: '46759db13c3916632ff064747c8b213523cca366', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '33d5be73628a54afce37fbb2b703540e9d076df4', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'e546eda4401964d6de83383acebdedaebe13e7d2', class: "gux-pagination-items-per-page-container" }, h("div", { key: '8b2fe99b27692e3dbab6ef3d7975122b0908fb32', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'd6c1ec2f39b2efed90a947079da35bba09b9991c', 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

@@ -84,7 +84,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: 'f2ac1b919a6705ee92c3c24e847add02782b50af', class: "gux-pagination-container" }, h("div", { key: 'bbae5135827feec349279d5b943b0ff66b53662d', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '79edd327ea30099279868bf84791849eea72297b', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'f7a5b9eebcb2fb115da99c816bb376becbaf33ca', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '1cb849238fa611e8dd2b9e00550923e926555503', class: "gux-pagination-spacer" }), h("div", { key: '69c636c0f7d825a1a9d499057b4b5d48d18bdaac', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '923fc2a4263696742d9e9dd156d9a7fe6fa0a1dd', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '96b42e7ff8b649551a0787e5b609b977bde58a3f', class: "gux-pagination-container" }, h("div", { key: 'c6bf845840b3d608ff5ee0e0eea065850fb5663b', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '0b3c1652fa9211e313888f16d5cbe68caf45a88c', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'f6bf5f2ec70d82a1b0833e35632b6633893fab9c', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'db42cf10e4aac6245b509ebe7b96a14de41f0b40', class: "gux-pagination-spacer" }), h("div", { key: '58b6ac129bc89bf6e80695e777ce3944325683ef', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '4286362b84b3fe0fb8ed4219bcb9c550cf50bfc4', disabled: this.disabled, 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.css

@@ -34,6 +34,4 @@
 }
 :host gux-icon {
   display: flex;
-  inline-size: var(--gse-ui-button-icon-size);
-  block-size: var(--gse-ui-button-icon-size);
 }

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

@@ -25,12 +25,12 @@ export class GuxPaginationCursor {
     }
     renderSimpleLayout() {
         return [
-            h("nav", { "aria-label": this.label, 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') }))))
+            h("nav", { "aria-label": this.label, 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'), size: "small" }))), 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'), size: "small" }))))
         ];
     }
     renderAdvancedLayout() {
         return [
-            h("nav", { "aria-label": this.label, 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" }))))),
+            h("nav", { "aria-label": this.label, 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", size: "small" }), 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", size: "small" }))))),
             this.renderItemsPerPage()
         ];
     }

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

@@ -156,10 +156,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: 'e59b939ea5345143047c3a2a326d2c95d7624b03', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '593e0d4dc00162d267c770e3d852e6f98cd09ec1', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '37fb3f3ef84513490436a943c703832d1f68d47b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '258664db187e6ef0fa438788e4884b420ad4d2fe', class: "gux-arrow-caret" })), h("div", { key: '5be4fb53d86fe167a2bcc489835997f7411abdcf', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '50bb69a0ad8a52ddacc6f791f28983f1a16ac6c0', name: "title" }), this.renderDismissButton()), h("div", { key: 'f1f65d5c09431e4bce28c567e2a4d3e8fa30e452', class: "gux-popover-content" }, h("slot", { key: '3d96a3b8be65f5fb1bf3084cddbe273d616f8c4c' }))));
+            }, "data-placement": true }, h("div", { key: 'b5e9cfc95642b71717c554422179919793c3f93b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '00d9c68141aee90aa2e059a03e798fc319e8316e', class: "gux-arrow-caret" })), h("div", { key: '08256b1de728e35a44eb3bf754f5896fcc9e0974', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'ac6a177631f319bc3546c30ddcf128e5708972aa', name: "title" }), this.renderDismissButton()), h("div", { key: 'b4cb89cecfd37a147c42ffdeba785f73b9cfdac4', class: "gux-popover-content" }, h("slot", { key: 'd2de26578fc354c803a454ac52a2bdcfbc93d101' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -127,10 +127,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '577dd7af20f432ff6fb952e0b2ab574e835df57a', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '470e65690b64a810a594af7eaa66e1849bd0b56b', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '137e434be59aa2c2f8c6dd3cdf3c1277b97bf0c8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'a6484d2ecbede6d5b8d68c2e9576e44dd571fb41', onClick: this.dismiss.bind(this) })), h("div", { key: 'f681f07103ceb17db8cbb5a21c2117458eaac482', class: "gux-popover-content" }, h("slot", { key: '56724526ced528ae8be3996c20e6cbe9a731031b' }))));
+            }, "data-placement": true }, h("div", { key: '161410435476b12186c574b09bac019f09833161', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '6900494608564ca5464c0b828121b965de76dea3', onClick: this.dismiss.bind(this) })), h("div", { key: 'd83b181f27b7ec17a9dc6595aeac4c8041ea617a', class: "gux-popover-content" }, h("slot", { key: '2a0d0d1edd221e121816bdd64e3f4af98fb3d97a' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -103,13 +103,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '75b7acc0b6d09b5f8c2e9a37a15207e1e8ce3850', class: {
+        return (h("div", { key: '0eea4403321a74c7068b49043ba237c2149f53e2', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1578de69396d1e942e0bca75dcec8c42f0f69696', name: "target" }), h("div", { key: '216c0db2f6276b6d0d72ad59f4a6525594c4ba58', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '4f8ce47279fe5b6610434ae0fa9bcc45fa8923f9', name: "target" }), h("div", { key: '744b3daf92557877bfb29088e49ee5e4bbeda7bc', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '2339a564f4dbf669cd4da50fb074e6e4bf075a21', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '587be95d77f6e799be6c763083d52657ecd0bf6a', 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: '87cb49f2232efc761e9a1d183a724efdefc6253b', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '45a21de33b10cdcb56358c304fecf87f033b07b3', 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.css

@@ -23,8 +23,6 @@
 }
 .gux-rating-star-container gux-icon {
   flex: 0 0 auto;
-  inline-size: var(--gse-ui-rating-size);
-  block-size: var(--gse-ui-rating-size);
   color: var(--gse-ui-rating-default-color);
 }
 .gux-rating-star-container gux-icon:hover:not(.gux-disabled) {

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

@@ -86,7 +86,7 @@ export class GuxRating {
             }
             return acc.concat('fa/star-regular');
         }, [])
-            .map(iconName => (h("gux-icon", { "icon-name": iconName, decorative: true })));
+            .map(iconName => (h("gux-icon", { "icon-name": iconName, decorative: true, size: "small" })));
     }
     getTabIndex() {
         return this.disabled ? -1 : 0;
@@ -101,7 +101,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: '379e8c084db06189f1dfd2b66b6ddf26b43c7ea8', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '1ba33d3f2c3f1d30c77bdd639f7c5f2b73235d37', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '0063a230bae95418463861634d21e7861221adcc', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '6cd8e226f8ca9facaa03a2f6c52c3e9d657337a1', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

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: 'b8eb8e9c6cf67fe2f81e2c5719eda97d904335e4', role: "listitem" }, h("slot", { key: '468aedfe5b373c4f31e228f1f05b341ef01f284e' })));
+        return (h(Host, { key: '27c0030e2453af204cb0377da358934cdc96f6ac', role: "listitem" }, h("slot", { key: '2586e83f7e87df1dec29fcb88bf0ae6cbafa2f25' })));
     }
     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: '3a95a8895af2da8da50aeb56998f6eb8880fecbb', class: "gux-container" }, h("nav", { key: '7ef518e0739e0a80658ec523c7184b2cbc90a1dd', "aria-label": this.i18n('navigationName') }, h("ul", { key: '971fc5820375bc1e3dc61e122ed9e450caab9159', role: "list" }, h("slot", { key: '1677aa890b0efca26771874cd2fe13dd038f50df' })))));
+        return (h("div", { key: 'c1e6d745d73f309e1d06ab5c5cc0a7c27c289f70', class: "gux-container" }, h("nav", { key: '9d3e9e46d23809c1041e56da315268d85d13947e', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'dcda32ba4904b05c4a2cc35cc9193f999a60526c', role: "list" }, h("slot", { key: 'fec5585b42d0b940b2fa89653fff54686d11c9d9' })))));
     }
     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: '49baa73acc6c3f8dc5bc2f2223ad9d0eea8fdc0b', "label-position": "screenreader" }, h("input", { key: 'd9e203e2f117a368c3341a29f9a312d72f639663', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '5024f6b71f93acdee18b996b30ed71e46b7f4f98', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'b6c3a06e195f730e779ed82607b11c58de6dc382' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '788336919c945853b05e75e70975100ad0986a89', "label-position": "screenreader" }, h("input", { key: '3210e7311daca4a03bce2c0fe3c75dd507752629', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'd94843a11043ecbbf88e122c8480be02ca45344d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'b704de7183526b50e5046e170b887e0f2baf0b29' }, 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,9 +17,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '6ab5bc09b3fa876c294e903de46fbd5228e09c24', "label-position": "screenreader" }, h("input", { key: '9104b86097a48da8c1752ab929cb2d52f8647375', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '113cb75b6226a4647a8fdc23e0977fa369eb904d', "label-position": "screenreader" }, h("input", { key: '20dfc3bc04df9ea6be8c897b89a775e0f90e12f2', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '59abb2db27d2dec965601e933fbbf234a8073a23', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'c38e32416fbdc34c8e7df356feb7ba3171e03174' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '4535ed7f72ea3f899a0e589227fc48c5c51bc4e9', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'dff9e70b886b5d4d8dffc2e36b76d65f66a2e7af' }, 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.css

@@ -21,8 +21,6 @@
 }
 .gux-container .gux-sort-button .gux-sort-icon {
   float: inline-end;
-  inline-size: var(--gse-ui-icon-small-size);
-  block-size: var(--gse-ui-icon-small-size);
   margin-block: 0;
   margin-inline: var(--gse-ui-dataTableItems-header-gap);
   color: var(--gse-ui-dataTableItems-header-sort-foregroundColor);

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

@@ -98,13 +98,13 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: '38b3df2bc4ac893507474657cbf5112fe547bad8', class: "gux-container" }, h("button", { key: 'b0b31d34c683189e9aba777ffc8dfa59ccdebfed', class: {
+        return (h("div", { key: '2ea9f436e1bef1beadbf635249cebd45a8b51607', class: "gux-container" }, h("button", { key: '1e901b7e59f0213f63238c2b9c3236d0de186598', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '866337d57fc6a24fac8052cfebaa8168a4503d75', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'e57cf1a7d19e3f5c3b539cc25c3dbabd282687ae', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '246ea4f695fb00e0473ec4c33c16500bf97211c4', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '6e2af1e568cce8849012e891b0fd8ae5b5db8b4f', 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.css

@@ -17,8 +17,4 @@ gux-table-select-menu .gux-select-menu-button:focus-visible {
   outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
   border-radius: 4px;
-}
-gux-table-select-menu .gux-select-menu-button gux-icon {
-  inline-size: var(--gse-ui-icon-small-size);
-  block-size: var(--gse-ui-icon-small-size);
 }

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": "custom/chevron-down-small-regular", "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'), size: "small" })),
                 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: '05273087f32104a460fa4821188dcbd687479968' }, h("slot", { key: 'f567f7b5ad1f67b70a8538e807c43b6a6a67f270' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '656a010b563fadb0360bd64666ead6622a3f7645' }, h("slot", { key: '7027d271cd5cf7d280b19b24b6004e62fc700ca1' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -272,7 +272,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: '8684c22bc0b78ef9ce1834263b27e0470809f48b', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '7cad951ca0f174f639ec531168ec6fe005440571', class: "gux-table" }, h("div", { key: '2c1efe5ecd08157c60304b242ed4f9e371580457', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '3428ba81c350ab543dcaecaa647203457f51a771', name: "data" })), this.isTableEmpty && (h("div", { key: '72c9108805b475787a77c4486e01c2960df8ba5f', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '80e66e95a86dad11b419bd6056208fd21b9e1c0d', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'b90ba538c0f0c7919b73f09d5c430857c3f37aca', class: "gux-table" }, h("div", { key: '899edaef8cf1fdc49bbcb0096cb9f0a68ea784ae', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '22ba53ee8b3cdf45e54d87090f28576053d0880c', name: "data" })), this.isTableEmpty && (h("div", { key: '4ad1feffd3c13fa7c4258dcc7ed744bde8e2bbb0', 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

@@ -42,7 +42,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: 'dc4544aba97a0d3e0d2dccf867e99c7bb9847f16', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'c4108adc9d43dee160cc6fc6376b6560fc150da5', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'de55058436c48f1b9e930eaacafa9f479be1cdcf', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '33be8d51dd2f0bbcebd0371a0e681ac2594e99df', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'd194547800d92d4eb2c1e6e86393edbddfd95ec9', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'c6f0f52671b112ffeceec2c32bf374d815d00e5a', 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

@@ -32,7 +32,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: '88d9de6b7149a7f8ad1fb120e631e2f39d7ec519', accent: this.accent }, h("button", { key: 'c4974c220849b92a2192c7cb5abeddcdb79d53b4', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '8a344f493b272731155c1d44e749354f804bcae3', name: "icon" }), h("span", { key: '4fc844b57f99a02b68b3cc37351f28fdf3b067c1', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '395533c149a5ecea3b60b4e2a5cd5111b12eb928', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'e95ed88fbc315651c53e06bc6f240c7c19975d3d', accent: this.accent }, h("button", { key: '3a247124c4d98cfc192b5c8b56a3a797e4c26814', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '8bfb89962a79bfc3cdd1f7012ab0aaf6964d5c1a', name: "icon" }), h("span", { key: 'a1660a93fb37bc8b3e3da7ec7b6689aa9a2f262c', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '63cc4299432223d86c90f98aeae5286955be7be8', 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.css

@@ -16,8 +16,6 @@
 }
 .gux-menu-button gux-icon {
   align-self: center;
-  inline-size: var(--gse-ui-icon-small-size);
-  block-size: var(--gse-ui-icon-small-size);
 }
 
 .gux-list-container {

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

@@ -84,7 +84,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '0bcccc767a8ab52efeeb850eff02b1f49ccee6ef', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'd30135ab782a28cda6af3f6c28e040a7b9439262', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '74237eed1a770fdd76f1fc71278757a8b88f8a50', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'e2b70698afc0ece48437f72d062c21fc10470850', accent: "secondary" }, h("button", { key: 'dcaeaca0303b15752f078dc8b3a21c9cf93887ee', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: 'e66f33509d2ccc7cff02833e00a72bf1ef5f437f', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '3d5085c078f761bce6ce21606137489ccbf86b83', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '9410b169dc109809c970fd7577f0c80cf4fba717', ref: el => (this.listElement = el) }, h("slot", { key: 'dd0517ab054903398c36004951dbb6c754e1abd4' }))))));
+        return (h(Host, { key: '5316c34d9a9070f8af183fe50335839c988dac1f', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'a31bc506b237d790797aa5d1f69eea411f5899ae', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'a2f011228ff4104be59d3fc4a386cff6a1c38269', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '256a3210c995b2651bcbf0678948d07f53621596', accent: "secondary" }, h("button", { key: '5da937b5c5651a485fa3b79d1e5475f0c6157cc9', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: 'd9935451181c2b9fb5f1109f448616d3efd1e134', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), this.renderTooltip()))), h("div", { key: '3482180504826166dc45a12f54b8ba2c63f296f1', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5543c40d788935522d4348ee7c013acbcc358e49', ref: el => (this.listElement = el) }, h("slot", { key: '377b27beeb85cf9a77e9d29e67d2fae08c88e7c2' }))))));
     }
     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

@@ -195,9 +195,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: 'fa8aa49939bf602c3b733a5a37c5d0c7614a9749', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'aaef311d527e986345b6ac23a67b503f45f066e9', class: "search-filter-container" }, h("slot", { key: 'c3c0b988be4723fdc48594e0c91703ea33f99c81', name: "search-and-filter" })), h("div", { key: '6bc0a577d892e441172ff7c24e57db1784640a5e', class: "section-spacing" }), h("div", { key: '7f8afc92ffbf5b66e9671423687689f6c7d29ba1', class: "gux-contextual-permanent-primary" }, h("div", { key: '42dfc4c23b56ac0e54d5505c95bc3c517e641a77', class: {
+        return (h(Host, { key: 'c242271e70f69fb8b585257d86b50dd1d7bf7e61', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '064798446c9bd5d777c46caddb7a1a8c64d3facc', class: "search-filter-container" }, h("slot", { key: '23cbc2ead3fc0ba47ce6d43cfd5b9ac20db0abd3', name: "search-and-filter" })), h("div", { key: '2e02f4769dc58c1091791931895b86dd276e534e', class: "section-spacing" }), h("div", { key: 'e6c3498b142c9e2175d1d815f94507a8ddfedb6e', class: "gux-contextual-permanent-primary" }, h("div", { key: 'bf491607c9f383850552cf31a281664b85dd00ca', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '643186fe2550aca0b11e3fcb79925ba3c7bb058c', name: "contextual-actions" })), h("div", { key: '607c48838081fe6ae08b095bda38b5f48b45b60d', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '69b28fe6e9c1a4fed6d87a29d86bff1ea15f7eec', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '24af331ea1e694d5e23129ba20278068e1c9c886', "show-menu": this.renderMenu() }, h("slot", { key: 'f7a692afb889354954d7e1e441fe54b09cc61f2f', name: "menu-actions" })), h("slot", { key: '3970d08d1564fe6142c30bacf5956dd86170ca42', name: "primary-action" })))));
+            } }, h("slot", { key: '81feb20d964e5f661d6ff22da329b1dbed21f6aa', name: "contextual-actions" })), h("div", { key: '2d3af69770be272f642de2100817d2a243336d41', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '96b40bc8fd2a216c02ad70f70418b32896c8ace5', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'e38e2f679c13ceca8988654860d905c55ed0584f', "show-menu": this.renderMenu() }, h("slot", { key: '3525fe6fc02edbfa63d818bf5a5dde4ef0f5d904', name: "menu-actions" })), h("slot", { key: '5e308e8a00656dfef1f1ac0586db577405b50d54', 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

@@ -43,11 +43,11 @@ export class GuxTab {
         return -1;
     }
     render() {
-        return (h("button", { key: 'c5ed3cd80f570f0b7100b52ccd407ee5e06a4172', class: {
+        return (h("button", { key: '8b459e4b2520b137c8b99dd1c2cad619e808abe8', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '241ea5ef8f9e4fcf729f16da2ab010ea8c120683', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'aad0d815bdbc237acd1389692fe310fe55385598' }, h("slot", { key: '928b1cf64f2302146b47055cc8dc8e2c665b0c0e' })))));
+            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'debb89a76f49647cec68f9172237f61d07765052', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '4e1d76c0307fdc8430190330b6914184121366b7' }, h("slot", { key: 'ee01e0ecd72af03426159cd719fe7cbf70b55b7a' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

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

@@ -263,9 +263,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: '4e99e1a70a941201cb376fa12f6ba04a233dd9bc', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '13462fdc74b99320baa46513d2f362a8f9243944', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '66557f755a0f44bd80723a419c75e5fc44bf67e2', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'f9116a2c1f63111dcbe1e13f4ee5f0e63ae0dde5' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '69b9ffc0961c601edb6ba44a88d9fcf7d9ff50b8', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'b74735a55130d0842b08d0d9decf310050b37cc0' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -17,7 +17,7 @@ export class GuxTabPanel {
         }
     }
     render() {
-        return (h(Host, { key: '64ee9c3af8096becc02981aaf45b028e8d40e01e', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '154d1b49992f0dd7472851bc3075280eaf75a94b' })));
+        return (h(Host, { key: '8a344bc511b268f6eede0dc8a0ee5a9856c866c4', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '50ddae0695aace3fb818f2e665dfb8c9f34b61f3' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'b1250867424c409ef8e74b9c181dc38fab2f8643' }, h("div", { key: '06727e7374567a1391c95bcf18879d3765733433', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'ad052a5b8a54ceb7f4dfc341c02717d30cdaebd7', name: "tab-list" }), h("div", { key: 'c4e6507cf80ecca39ccf5b259926553f2c12424e', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '9fed193a91ec73bd0808326c61e52903442bb5e5', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '32ec84ca58ea68afe88ff71125d643a19b4c2888' }, h("div", { key: '0eca5eb0531d3cb61e6507037d5878fc6f824300', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '57a029d8b850fb6b32a6e43f830ea002a8910d4f', name: "tab-list" }), h("div", { key: 'ff9b5490b1208e95781ea14f35faba51a389050f', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '55018d9a16e2cb4ca413edea8ffadfe6e416b864', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     static get is() { return "gux-tabs"; }
     static get encapsulation() { return "shadow"; }