genesys-spark-components 4.231.2 → 4.232.0

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.js

@@ -77,9 +77,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: '8b33bcb96fa7d8508d1249b8c790ebabd0755589', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'd1a9d650f0608a07bb7eda8e8607ca13b596dbc1', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '9cf9a94e65ba9e197f383aca675c9660e61dcf73', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: 'ecd7619f8840d3a50959ec3289f37488d0e26e9a', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '71fd4851e4497042249631f7a622c0fbbfeeaa10', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'd89e4d8ce9a2b62da578f6762a8edf17a4c2d0ea', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'ad311683e844b2c4b09cacd036b27abc87af94e5', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '3471c322e86d6e70f1969c62be756fa158fcb191', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '4ee9473cbcbb6f83489283ba3efc6ccc896b300c', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '539b5c599e3e7b3c636c0cca4c2f54c525523ada', "label-position": "screenreader" }, h("label", { key: '0415ade565e819a605c0548d4ef5e7441ed52bb8', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'f38f2ac049a5f571faafc1281a2e5201769f4bbe', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '3c81000d47ebc2d9b669d8e1151c460ce873ab54', expanded: this.opened, disabled: this.disabled }, h("div", { key: '5ed24e5016e76fc99a34d2bfee675689379d1c0e', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '7a69f99b0cb322c416d79a0609116d17eeb0aaa2', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: 'ccf4c4b0c8444f97da84976d5d5ec1d776ee90ea', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '2d43de25d1f0f6a1f8c2f81e3515a06841afc61f', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '6e8620da1e7a9afea5e5238e8388ac5cb239a48d', class: "gux-icon-wrapper" }, h("gux-icon", { key: '63617b3983a4ec5f86008edbe618a7aabf35dfe4', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '54cc18b72a9f49e93f3164eb90335416d25a0cff', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '3691786f0651a472a766bd705ac0a755c0aacc7f', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '6c7da384ae0d93ac80df7c31b0991917bc0dbbb7', "label-position": "screenreader" }, h("label", { key: '2f474700ceeb52a6493d11bf2ab92835b8ca6924', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'ca07012f65f8bfc0ccf3c873ad1dcb5e51abcdc9', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '9700006eeb3e9ec2ffd930172870ca9216b0747b', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '1d42515cfd1b5f05ca96b695aa75f9beac57e6e5' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: 'c1d588a41d91983b0cbdf09fc63b165ecd325fc0', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '46dda67d5718b38c279631b02ea30126265bc5fb' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

package/dist/collection/components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.js

@@ -46,10 +46,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: 'dbdbfbb01c8ff75f0e7400e31375a8c92623d70a', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '691f9ea6521dc4b4472b161a29b05db6703c899d', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: '2dd8bd7077657ed38c9e441e0c2529e96803fc6a', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'd6227fc197227eb76a6c0c3d7a06afec9cb91e72', id: this.panelId, class: {
+        return (h("div", { key: '0a693df63172777c185ff3285aff4646d4e2bdae', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '9f29365bbd6998d3dc982709de029e2308990a42', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: 'a8d352d70b2a3bbcea8e8500a2995c3b99afe583', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '7277f740a408740c43692a27d77d271260a53447', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '575c959ebe5bf2f5fce7b667ba4c69e48c016c87', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '63c80e4922fd427954ebb608cdb97d2bb4cead5a', name: "panel-content" }))));
     }
     static get is() { return "gux-disclosure-button-legacy"; }
     static get encapsulation() { return "shadow"; }

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

@@ -44,10 +44,10 @@ export class GuxModalLegacy {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: 'a2002aadfe1b6e05b86d829460a950774f8ee446', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '7a4733c880fcf6c7aa8e756b00d7df35076240b7', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '5d89e9576621e50a51a89cef242220f313d4e654', class: "gux-modal-header", id: titleID }, h("slot", { key: '5e1e1bea52274fe8a78a89a234eddb540e7bd8d0', name: "title" }))), h("gux-dismiss-button", { key: '7a25ba5d1ea3738abb97d5aaee24eefce1034fdb', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'c5799522428238dbbc4aff748f941aad788b7d82', class: {
+        return (h("div", { key: '57b209412a42e906539be668b729d71ae2cded9a', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'b6b4c4d03d717a8a8f7140ab3e800a4188804df9', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '59d12c919bada43ab10468b8e36d2367d2f2ba81', class: "gux-modal-header", id: titleID }, h("slot", { key: '7298392ac19c46e303bdf9b88a086254ad0d509c', name: "title" }))), h("gux-dismiss-button", { key: 'd3eba4f4d338b42202c30cca67847719cd98d0da', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '83bfb6162e83b52ef20f770d1c64b7c3772e21bd', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '56dcd3c07b832898abf7309122a798cfff72dd63' }, h("slot", { key: '0b0641d5272089c23676c53e77d4b98a8262ef29', name: "content" }))), hasFooterButtons && (h("div", { key: 'db894a43db7b3f319b5e41776e958823ca714a8a', class: "gux-button-footer" }, h("div", { key: 'c157bae5e7f171b208b84e7d210eba63fc357e90', class: "gux-left-align-buttons" }, h("slot", { key: '3147e5e0e9aab4453557c4942f3126d1ae6a5520', name: "left-align-buttons" })), h("div", { key: '9cfb3783ca5f1642df43bc0f4c1e3220d18fe6fb', class: "gux-right-align-buttons" }, h("slot", { key: '455fc379f4258716292cd85ad8931319836a17b3', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '90ac9d3d97de1c359fd817ff274053e5bd270b3e' }, h("slot", { key: '3150461b1ebf5d32ad616a7b27a46a62ea983908', name: "content" }))), hasFooterButtons && (h("div", { key: 'a717aefd2e44f8efad6f77469d8b4172b58b5df7', class: "gux-button-footer" }, h("div", { key: '4f3711d4e98b2871898877349692ff8cf30aac15', class: "gux-left-align-buttons" }, h("slot", { key: '7f2c85c0a689dc34509f38b19712ee9111b0f230', name: "left-align-buttons" })), h("div", { key: '2eb8fba3898c720dec3028528d4d686d85ca6bfb', class: "gux-right-align-buttons" }, h("slot", { key: 'c5cdf664940f2e967368ac01ddb65692d0584efa', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

package/dist/collection/components/legacy/gux-notification-toast-legacy/gux-notification-toast.js

@@ -16,7 +16,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'fa169e8e261baea3d4f78c7255d9f9278a65aa12' }, h("div", { key: '489563ddfc059331f07f35c1e2de68a860304c9e', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '2431b45932693c2f6098488812a59e1c891ed1b9', name: "icon" })), h("div", { key: '5979f800a4be54bd337d6fb231370b20086ba9e9', class: "gux-content" }, h("gux-truncate", { key: '278b496a343dd24781261f27fac79e877371fba3', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'bd66898327edeaccce89a0356f92096d9f6e7e9b', name: "title" })), h("gux-truncate", { key: '86e069f165501b8f1461dae85fae1976b7e7aba7', class: "gux-message", "max-lines": 2 }, h("slot", { key: '7fe74abdf1a469c786067b7775fc06cf052bd0f6', name: "message" }))), h("gux-dismiss-button", { key: '6a5cd5bb060a34bae669b07bcde69cb7c74a1ddf', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'a86d780464060aed2d567819ccf542be23a5ff42' }, h("div", { key: '7619d59c7ca306733ece154cf574e1ec1f072cff', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '60d9d338d2a932f5dd46817c71c0194097cca57f', name: "icon" })), h("div", { key: 'ad2759c9cbb2a0caed1c4c30aa9d36802862bf04', class: "gux-content" }, h("gux-truncate", { key: '1c4cee3dca39ca4c70e3a90b8bc0594350793da0', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'ae60a6bba9a803ce9d4bf6ee9704227632fa5436', name: "title" })), h("gux-truncate", { key: '831b084e747004fd0fd5eeaeca1e94cb1854aa75', class: "gux-message", "max-lines": 2 }, h("slot", { key: '7275e0bed17eee4f8de2a012da20789c679c5f6a', name: "message" }))), h("gux-dismiss-button", { key: '26141b8746e0d23991a7e181d0a300bfe0461ef2', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -69,7 +69,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'a17ddcc50c603c47b4c52310a1899e77b8196e35', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '7a24100ee08bca0bdfa8194e15f7fc3f7e94c159', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'd0e0dac9089eccd163f4c8214e1276082e4bd786', accent: "ghost" }, h("button", { key: '7a6c32733af74bfba8fa9b2eb78f958c1cbb3082', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '59d55d8dbe9ef4af16a55389d52ed1a706ee7170', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '7792f536b562baf71f9fab64307b190bc19cb0d1', accent: "ghost" }, h("button", { key: 'b4609a7cd1304db6a05a1ca00703d9000cfd60f7', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '508db6dc47a2c0cf46a88240b4164366604b0b7f', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'b5c9a280c8eda204f59bc0a94d61a3a4e6156614', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4378486535fde585b1cfc7a036947fd0eb8b4fbb', accent: "ghost" }, h("button", { key: '5425d9d4f1bad36dee54ab652ec25497b46dae1a', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'db2cf7a0594fb6c40f37de3d6eaf8877921cdeba', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '07eb6ad28ff313f56af5d1372dc4bfbce20718da', accent: "ghost" }, h("button", { key: '8add4e3406f41dd6e3cf2383e9955f94b7967dd0', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '1765b2853f276d459d46350d7e8941d49d76cb46', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'c31a131a34f59d801d217f5d685ac9ad9e78ad55', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'd483874080a4e56c77d0b0235a51a601cbef27eb', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f3a3942a20027919e25d3ecbc30ae2095e084605', accent: "ghost" }, h("button", { key: '4de3a0b6ea4c22c505da99336dc49ae6059efbe6', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '69ea5e48f20a85321824e3f4afeda8d8a98d56bf', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '5ae8b8143800c022dc3f71108e1f569e356724df', accent: "ghost" }, h("button", { key: 'e85bf1100eb510757f63b47a7e640e6a050d7861', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '987b14f7ed0cbcbbbc072921bdf31eab85ef15a6', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '8f1e3bdafa5958c1169b3a856d02193890d397ef', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'edf6fa6a2f34a9c38c4f6f7341ec623c11303134', accent: "ghost" }, h("button", { key: '068fa3957ed99d12834e3f3189a7ea66c1cdea9e', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c972ed4973d81081c932452f82652c82975cd547', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'ec0352d99b3f6e2c6c9274e6440988dd2a06993e', accent: "ghost" }, h("button", { key: '60ccb63addd7e23364ca6d0b5bfd730bbe6ad399', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '3efc6195cad81ee1cb94ec913b4c53c91f695827', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons-legacy"; }
     static get originalStyleUrls() {

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

@@ -23,10 +23,10 @@ export class GuxPaginationItemCountsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '637fe756cbe77ef181bd8fe212794d7b16c0dd4d', class: "gux-pagination-item-counts-container" }, h("span", { key: 'e4c1ed928045d1641bf5e5a24c7050810dd4ba88', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '28d2e497cceae3b7da81faefdedc46aa1278713e', class: "gux-pagination-item-counts-container" }, h("span", { key: '418cd89eee199b3207cf12e30da2dc10d6a005b5', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'bd103bc2f75c5c41d191d36cd85266515c6fcfad' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '255a14697154165f5c83885cc7d7b6f5f0d89abe' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     static get is() { return "gux-pagination-item-counts-legacy"; }
     static get originalStyleUrls() {

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

@@ -19,7 +19,7 @@ export class GuxPaginationItemsPerPageLegacy {
             }) }, 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: 'b2a085d054fec9c2eb76c50a63cff0a556761416', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'a23af6a6bc68af50b5d05094785c5f711cef6801', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '309e62936d577969cf20ff9af0153a2e4c576f7d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '3c08fc71ca11792ba6154c6b308ac9c6d7fbf7c5', class: "gux-pagination-items-per-page-container" }, h("div", { key: '03157166ab368e7f49ce01949bc290767b4bf9ea', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'bb5fb93e6c1581a1a270a2a38eadc8233775c2b2', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page-legacy"; }
     static get originalStyleUrls() {

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

@@ -69,7 +69,7 @@ export class GuxPaginationLegacy {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: 'aa7ab2d5f4bef48c6f8620bc0b45ae76293ced2d', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'ca5aee75c730fa49b767d7125e014afbe3ebd01d', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'f403b78c1a0f5731cc1d8e8e2817542da4cc8346', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '11c1698b094f46638243c72e45faf5b8618b472d', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'f12db0852e510334f5b039d646a67cef70f52875', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'aa91700745c9b97a606573293b50896e25507d3c', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-simple-toast-legacy/gux-simple-toast.js

@@ -15,7 +15,7 @@ export class GuxSimpleToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '9a8c4dc0982e524c5fb1ad11fed32fbba4bd7188' }, h("div", { key: 'fd1e86cd8e8e355cfa19c7533e97b0fe062481c2', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '6883e7bde7878e6ca6b17d83c399cd3281b44e0a', name: "icon" })), h("gux-truncate", { key: '173ca96237ad53709d51061c4382fc0b3438f6b5', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'd482d85527bceac44fec038a6687b00601aefbd5', name: "message" })), h("gux-dismiss-button", { key: '2d185cee8882202c6436daf8756455c2bee00056', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'e9fca2eef1199b7edc9e805a0e0f56713f81c18d' }, h("div", { key: 'a447bb91ee477c118e58b0c625093df6ae2f0c41', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'ddf86fa34676dcf5e1d1cd20f200007dc9928c22', name: "icon" })), h("gux-truncate", { key: 'f7fb435e5cd03d0a10f748ff1ba5384356494248', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'feeecf41ad39415f2512d0c8f42774272632477a', name: "message" })), h("gux-dismiss-button", { key: 'b976e8a8001d3b97830e5e1d69ddfabbd7986d77', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/legacy/gux-switch-legacy/gux-switch-item/gux-switch-item.js

@@ -13,7 +13,7 @@ export class GuxSwitchItem {
         }
     }
     render() {
-        return (h(Host, { key: '138a7d2ca1b23b8d7d05bbb19621566b42ff8581', class: { 'gux-selected': this.selected } }, h("button", { key: '9f7f2cf62405945845d746cf95e8994f74fa0717', "aria-current": this.selected.toString(), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '443ff8637b926b7d5b9abb194fe7d083b29f1211' }))));
+        return (h(Host, { key: 'dc5e320701c2807e0b8a7c15d30fd81607812343', class: { 'gux-selected': this.selected } }, h("button", { key: '58c62c1c4167f5a41368a8e5d4ab975fe1e9e287', "aria-current": this.selected.toString(), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '756cd5f19294c9c4b3af0283af22a6b991edc736' }))));
     }
     static get is() { return "gux-switch-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-switch-legacy/gux-switch.js

@@ -30,7 +30,7 @@ export class GuxSwitch {
         });
     }
     render() {
-        return (h(Host, { key: '9f5c5afabbf3c4033ec1be099a61e42bd640687e', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '0c712ea3a2d6069f3d23dfd2bb4ddb73378f1435', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'fe36d8a622c73799224a3c3dd572ad3c0a7c940a', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'd53ecae01a9cc7f07f9ff9812b503802783a7d17', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-switch-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.js

@@ -50,20 +50,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: 'abedf1690abce478a91bc344a3d3abf69e7a4c39', class: { 'gux-disabled': this.disabled } }, h("div", { key: '90bac9a687b68c6a3cc39c2345945186b6cd7af6', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '3bd1e5faa730cf4d7a731edf8727ef88cae76c8b', class: {
+        return (h("section", { key: '9d8b9af520b397060e797def1fe8b46d1938f4cc', class: { 'gux-disabled': this.disabled } }, h("div", { key: '50dd406ebe7f9a80455d164c3a701acb0e5af482', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '2159098f8c3b82e79e33f6f6330c7ee27131eead', class: {
                 'gux-header': true,
                 'gux-reverse-headings': this.reverseHeadings
-            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: 'da51f221a35a143455da3fce2f2df2f289b99988', name: "icon" }), h("div", { key: '8289024fe87ee3edba2e7145045ce628e3b74cf2', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: '5e07e4e3a53ee2d86afacfcf15a35e1a8f15df83', name: "icon" }), h("div", { key: '6acfc422372e0591945e11f12f0d61f88128068f', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '9810eebfd37f668ee95091e61171943e1141c91b', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '392da7f3c378d266d4eb93160e885e816c7f5ba3', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '8a91707ae2ae9404abe412f7631b060295d2a782', class: {
+            } }, h("slot", { key: 'cc960c833df520f30721fd866977979d0b8c0464', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '0d003732abf88b0994bbb14dcc225e534b56f427', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '59077e817e79cf0658714ec7d904608e66679217', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '5450fea3033e737a4fb8674ead3e77cb0178b327', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '8f6bbd1d2cee92925ac636cd7ef27583bae764b5', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '501e59532f0a969cf1af2dc87fd12702acd7dda0', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '872ee0038ec00624de6b94815ed972f891435d20', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, h("slot", { key: 'fc84bbca4cde1df9e4a4a1d4b58216ec215f7c6f', name: "content" }))));
+            } }, h("slot", { key: '1804c62ebc269e3984a31aba06ca15671bed425b', name: "content" }))));
     }
     static get is() { return "gux-accordion-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,7 +36,7 @@ export class GuxAccordion {
         }
     }
     render() {
-        return (h("slot", { key: '610a737e1f5aa50da69e7f44d9fe91e0c8510d52' }));
+        return (h("slot", { key: 'f3a80ba6e8c26f2b8d440a7cb21c9a916e146c0e' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -138,7 +138,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '8680b9e956ef56742d1b1a5f33bd25f93aede65d', class: "gux-action-button-container" }, h("gux-popup", { key: '2c3d32b13af433660e23b3d4cb0118f3c0539b3b', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'e15a38caf7b12609f1b435b848d0af31f402188e', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '3e2877d6e84d2f1c02c67493e1fe00dc991b6c06', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '08cfbb83941c448a299bfe944d5b156b3dc155b4', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: 'c299424a6015c09e0a1eb97bfcc0f047699625f8', name: "title" }))), h("gux-button-slot", { key: '7ece4cb8a18b474d37d179db45b094b207838e2d', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '67568411432eb64b879c74507cfb908ddceb75db', 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'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'b6172461b30fc57d5e887a9e5f15e7c0b26d33a2', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'abff00b85cf981aeda051419bd5ba2b8c866e2dd', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '2b939f1263633cd8ec710da51ea4152019a2f8e8', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'b6ffb7d13f5b706110d6b1bd57c1138b18d1d36e' }))))));
+        return (h("div", { key: '31e49ab731688f1637ee9ae0542d68f2b86d7364', class: "gux-action-button-container" }, h("gux-popup", { key: '6bb2efb9bd02ba351d54841f9cc60f95b55eed6a', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'a28d8ac7f4504b91cd06d7c0b0137c873270ce5b', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '5517571b049d35cc1e841e45cadd9ed19f4f48ad', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'b114ab4cc57907297b22ce02b76ea909e5b85cd4', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '02eddf03b82dba489b2b1739d7f33ab0745f2fe6', name: "title" }))), h("gux-button-slot", { key: 'e6e231befa05b608952bf499f055e10bb4c5185c', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '52ce0c25ec11ac418256651fe7befa50b925feb8', 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'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'f80947c0398d9aceda94d6a1f9b95d0a309ca1c4', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '6c358dd7132e9e533ded0e631835562db8ac0983', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '935211828750bc3c0da4e1d58a907d83b69a21a8', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4059c083801d3e8198136dba4fccde55433a3890' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,7 +53,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '9008eec0cda31fc9727980f1d3fb086da86c996f', class: {
+        return (h("div", { key: 'e3f9124bd899dd204e6b442c19ac3f524e7e15cb', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

package/dist/collection/components/stable/gux-blank-state/gux-blank-state.js

@@ -43,7 +43,7 @@ export class GuxBlankState {
         this.hasGuidance = hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (h("div", { key: '377b879a35d5bb9b67decef230b16e858279e13a', class: "gux-container" }, h("div", { key: 'c9d3337b7b4b92776a2a6fdc0295672ef282d1a7', class: "gux-image" }, h("slot", { key: '38ecb41848f931ece416d2f5932ec728b598aa4d', name: "image" })), h("div", { key: '3c0a636ce728d10d91bc46a344b3c3ed3ba6215e', class: "gux-message" }, h("slot", { key: '281f2db698aff9cbfba478082c9854f1ad37b970', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: '13dd7da4485e69a6b0c17cd6db033fdb1b436324', class: "gux-container" }, h("div", { key: '9c83bae0f8668c9614c04f28070e8f295430bfa5', class: "gux-image" }, h("slot", { key: 'b42f62777e632d561a1d34458931315510c1a816', name: "image" })), h("div", { key: 'e97f1515b7f6dad8a002654d267dd057a2da7bdb', class: "gux-message" }, h("slot", { key: '231b1d16a3b7df868fd80f2738a6247d979c3482', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
     }
     static get is() { return "gux-blank-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-breadcrumbs/breadcrumb-item/gux-breadcrumb-item.js

@@ -35,7 +35,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '322b9d0c73b9e98990e1551fed94ba91513f16ef', role: "listitem" }, h("span", { key: '1c671b15a96ea81c2299801cc31cb5c820265272', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '68288290e1330ace51f4b30a31635750412ae9cb', role: "listitem" }, h("span", { key: '4848b5dcab12fdd31cbe62a9bb839f48c08d4b6d', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     static get is() { return "gux-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class GuxBreadcrumbs {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: '5c03a310c25c294966ff552f0a5250d10b4cdf33', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '4d75ba9b7700301a93464b992072492a5192edfa' }, h("slot", { key: '61c3b8d9b04b916df731ce79590185d141f506a5', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'f8b76af928b5e484edf7f1623a8f51b88a9a74de', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'c2fe8da7d9fcb21a7a698d11a15fec78df48214e' }, h("slot", { key: 'f0f14fffe605963db80742bd561c77bbf53fb1eb', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     static get is() { return "gux-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -167,4 +167,16 @@ button.gux-copilot:active:enabled {
   color: var(--gse-ui-button-primary-active-foregroundColor);
   background: linear-gradient(54deg, var(--gse-ui-copilotButton-active-backgroundColor-bottomLeft) 7.17%, var(--gse-ui-copilotButton-active-backgroundColor-middle) 46.7%, var(--gse-ui-copilotButton-active-backgroundColor-topRight) 83.3%);
   box-shadow: var(--gse-ui-copilotButton-glow-active);
+}
+button.gux-subtle {
+  color: var(--gse-ui-button-subtle-default-foregroundColor);
+  background-color: var(--gse-ui-button-subtle-default-backgroundColor);
+}
+button.gux-subtle:hover:enabled {
+  color: var(--gse-ui-button-subtle-hover-foregroundColor);
+  background-color: var(--gse-ui-button-subtle-hover-backgroundColor);
+}
+button.gux-subtle:active:enabled {
+  color: var(--gse-ui-button-subtle-active-foregroundColor);
+  background-color: var(--gse-ui-button-subtle-active-backgroundColor);
 }

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

@@ -27,10 +27,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: '84cc0ec9ddb159e5114c25c79bbb27e631846554', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: 'c076f558c981f199b7e61db1dc0b73a27b696bc7', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'de5eab5ac5e5118bf37832f0c82aeecbc844f764', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'ecbfec56f4b352eb735537c29546804b335a5ee2', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -157,7 +157,7 @@ export class GuxButton {
                 "mutable": false,
                 "complexType": {
                     "original": "GuxButtonAccent",
-                    "resolved": "\"copilot\" | \"danger\" | \"ghost\" | \"inline\" | \"primary\" | \"secondary\" | \"tertiary\"",
+                    "resolved": "\"copilot\" | \"danger\" | \"ghost\" | \"inline\" | \"primary\" | \"secondary\" | \"subtle\" | \"tertiary\"",
                     "references": {
                         "GuxButtonAccent": {
                             "location": "import",

package/dist/collection/components/stable/gux-button/tests/gux-button.common.js

@@ -1,74 +1,31 @@
+const accents = [
+    'primary',
+    'secondary',
+    'tertiary',
+    'ghost',
+    'danger',
+    'inline',
+    'copilot',
+    'subtle',
+    'invalid'
+];
 export const renderConfigs = [
     {
         description: 'should render default button',
         html: '<gux-button>Button</gux-button>'
     },
-    {
-        description: 'should render primary button',
-        html: '<gux-button accent="primary">Button</gux-button>'
-    },
-    {
-        description: 'should render secondary button',
-        html: '<gux-button accent="secondary">Button</gux-button>'
-    },
-    {
-        description: 'should render tertiary button',
-        html: '<gux-button accent="tertiary">Button</gux-button>'
-    },
-    {
-        description: 'should render ghost button',
-        html: '<gux-button accent="ghost">Button</gux-button>'
-    },
-    {
-        description: 'should render danger button',
-        html: '<gux-button accent="danger">Button</gux-button>'
-    },
-    {
-        description: 'should render inline button',
-        html: '<gux-button accent="inline">Button</gux-button>'
-    },
-    {
-        description: 'should render copilot button',
-        html: '<gux-button accent="copilot">Button</gux-button>'
-    },
-    {
-        description: 'should render invalid button',
-        html: '<gux-button accent="invalid">Button</gux-button>'
-    },
     {
         description: 'should render disabled default button',
         html: '<gux-button disabled>Button</gux-button>'
     },
-    {
-        description: 'should render disabled primary button',
-        html: '<gux-button accent="primary" disabled>Button</gux-button>'
-    },
-    {
-        description: 'should render disabled secondary button',
-        html: '<gux-button accent="secondary" disabled>Button</gux-button>'
-    },
-    {
-        description: 'should render disabled tertiary button',
-        html: '<gux-button accent="tertiary" disabled>Button</gux-button>'
-    },
-    {
-        description: 'should render disabled ghost button',
-        html: '<gux-button accent="ghost" disabled>Button</gux-button>'
-    },
-    {
-        description: 'should render disabled danger button',
-        html: '<gux-button accent="danger" disabled>Button</gux-button>'
-    },
-    {
-        description: 'should render disabled inline button',
-        html: '<gux-button accent="inline" disabled>Button</gux-button>'
-    },
-    {
-        description: 'should render disabled copilot button',
-        html: '<gux-button accent="copilot" disabled>Button</gux-button>'
-    },
-    {
-        description: 'should render disabled invalid button',
-        html: '<gux-button accent="invalid" disabled>Button</gux-button>'
-    }
+    ...accents.flatMap(accent => [
+        {
+            description: `should render ${accent} button`,
+            html: `<gux-button accent="${accent}">Button</gux-button>`
+        },
+        {
+            description: `should render disabled ${accent} button`,
+            html: `<gux-button accent="${accent}" disabled>Button</gux-button>`
+        }
+    ])
 ];

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

@@ -126,7 +126,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: 'e2cbbbc30193cd29d65e394cf1da7a103f070f1f', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '4651b5e9c7160da26967668ea735b43e28d3f5bc', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '85790ef5516bc93e368267d42c979268cd8a23a9', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '527a68847c9cf1b5ec5009b174b8c3f5de0fde78', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: '6de1c02ba18fa0d564a0bc501375c5b1102445f6', name: "title" }), h("gux-icon", { key: '403ff34a22cfbd3028059a935bef26814ac0357b', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '8826d07924e1798df07af844ccb6758b3c0b43e4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'e1898c303afd51118db7aa086b00f48fe4b66d78', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a872d533781b500a729d102548cfa07e8b7926fd' })))));
+        return (h("gux-popup", { key: 'f0a41b056b5315866f9a41bcba1f59e6dbbeda95', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '2e074c7b2de255e761241bd9521cea7b6c87daa7', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '8c6a53e2d6c05f9c1d7dc9c3150e80dd4a285da3', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'c6fa90bd38089677a8c25bd1416f960fe6f7bbd9', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: '98f630bb816206a6698694a8253a1de9af3eff07', name: "title" }), h("gux-icon", { key: '2f0d5b6cffc9d2edfcab32ca64222b47776a598b', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '6eb3850062e9da4b0da0d4a790d694be315722db', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'f642579bb3fcea1528b99ecb8878e08e2453fc99', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '45a0ecda870329d8499d8ed423290f63bec6d252' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-button-slot/gux-button-slot.css

@@ -230,4 +230,23 @@
 :host([accent=input-icon]) ::slotted(button:focus-visible:enabled) {
   color: var(--gse-semantic-background-interactive-primary-default);
   background-color: transparent;
+}
+
+:host([accent=subtle]) ::slotted(input[type=button]),
+:host([accent=subtle]) ::slotted(input[type=submit]),
+:host([accent=subtle]) ::slotted(button) {
+  color: var(--gse-ui-button-subtle-default-foregroundColor);
+  background-color: var(--gse-ui-button-subtle-default-backgroundColor);
+}
+:host([accent=subtle]) ::slotted(input[type=button]:hover:enabled),
+:host([accent=subtle]) ::slotted(input[type=submit]:hover:enabled),
+:host([accent=subtle]) ::slotted(button:hover:enabled) {
+  color: var(--gse-ui-button-subtle-hover-foregroundColor);
+  background-color: var(--gse-ui-button-subtle-hover-backgroundColor);
+}
+:host([accent=subtle]) ::slotted(input[type=button]:active:enabled),
+:host([accent=subtle]) ::slotted(input[type=submit]:active:enabled),
+:host([accent=subtle]) ::slotted(button:active:enabled) {
+  color: var(--gse-ui-button-subtle-active-foregroundColor);
+  background-color: var(--gse-ui-button-subtle-active-backgroundColor);
 }

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

@@ -31,7 +31,7 @@ export class GuxButtonSlot {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: 'b90711fbe4450822c95f69b3148f6a68e484bb2c', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '95282046ef3c5a7bceeb50738441ec78f6d99727' })));
+        return (h(Host, { key: '0716f3a16d940575436e7e0bd07a2f1439b9874c', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '9d124287175e76972633b996b1e1a53af413c61b' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }
@@ -53,7 +53,7 @@ export class GuxButtonSlot {
                 "mutable": false,
                 "complexType": {
                     "original": "GuxButtonSlotAccent",
-                    "resolved": "\"danger\" | \"ghost\" | \"inline\" | \"input-icon\" | \"primary\" | \"secondary\" | \"tertiary\"",
+                    "resolved": "\"copilot\" | \"danger\" | \"ghost\" | \"inline\" | \"input-icon\" | \"primary\" | \"secondary\" | \"subtle\" | \"tertiary\"",
                     "references": {
                         "GuxButtonSlotAccent": {
                             "location": "import",