genesys-spark-components 4.145.0 → 4.145.1

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-5aaa1ee8.js');
+const usage = require('./usage-e5c8c8f4.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const index$1 = require('./index-aa48ea67.js');
 const afterNextRender = require('./after-next-render-162425fe.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const onResize = require('./on-resize-b2cc6e7f.js');
 const onMutation = require('./on-mutation-6d71ec1a.js');
-const usage = require('./usage-5aaa1ee8.js');
+const usage = require('./usage-e5c8c8f4.js');
 const getSlot = require('./get-slot-4fedce9f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 

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

@@ -6,7 +6,7 @@ const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-5aaa1ee8.js');
+const usage = require('./usage-e5c8c8f4.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-5aaa1ee8.js');
+const usage = require('./usage-e5c8c8f4.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-5aaa1ee8.js');
+const usage = require('./usage-e5c8c8f4.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";
 const GuxTabsStyle0 = guxTabsCss;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
-const usage = require('./usage-5aaa1ee8.js');
+const usage = require('./usage-e5c8c8f4.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";

package/dist/cjs/gux-text-highlight.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-5aaa1ee8.js');
+const usage = require('./usage-e5c8c8f4.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

package/dist/cjs/gux-time-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-5aaa1ee8.js');
+const usage = require('./usage-e5c8c8f4.js');
 const getValidTimezone = require('./get-valid-timezone-6d0cf04e.js');
 const intl = require('./intl-ed89316c.js');
 const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');

package/dist/cjs/gux-time-picker.cjs.entry.js

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-aa48ea67.js');
-const usage = require('./usage-5aaa1ee8.js');
+const usage = require('./usage-e5c8c8f4.js');
 const logError = require('./log-error-7b9d4b57.js');
 const intl = require('./intl-ed89316c.js');
 const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');

package/dist/cjs/gux-time-zone-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-5aaa1ee8.js');
+const usage = require('./usage-e5c8c8f4.js');
 const index$1 = require('./index-aa48ea67.js');
 const timeZone = require('./time-zone-57632efb.js');
 require('./get-closest-element-9e41d6b9.js');

package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
 const timeZone = require('./time-zone-57632efb.js');
-const usage = require('./usage-5aaa1ee8.js');
+const usage = require('./usage-e5c8c8f4.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-5aaa1ee8.js');
+const usage = require('./usage-e5c8c8f4.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const logError = require('./log-error-7b9d4b57.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-5aaa1ee8.js');
+const usage = require('./usage-e5c8c8f4.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');

package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-a0754e1a.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-5aaa1ee8.js');
+const usage = require('./usage-e5c8c8f4.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-1bdbc2f1.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');

package/dist/cjs/gux-tooltip-pointer-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-5aaa1ee8.js');
+const usage = require('./usage-e5c8c8f4.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-a0754e1a.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-5aaa1ee8.js');
+const usage = require('./usage-e5c8c8f4.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-1bdbc2f1.js');

package/dist/cjs/{usage-5aaa1ee8.js → usage-e5c8c8f4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "4.145.0";
+const version = "4.145.1";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";

package/dist/collection/collection-manifest.json

@@ -59,11 +59,11 @@
     "components/beta/gux-tooltip-beta/gux-tooltip.js",
     "components/beta/gux-tooltip-pointer-beta/gux-tooltip-pointer.js",
     "components/legacy/gux-action-toast-legacy/gux-action-toast.js",
+    "components/stable/gux-button/gux-button.js",
     "components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.js",
     "components/legacy/gux-advanced-dropdown-legacy/dropdown-option/gux-dropdown-option.js",
     "components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.js",
     "components/legacy/gux-modal-legacy/gux-modal-legacy.js",
-    "components/stable/gux-button/gux-button.js",
     "components/stable/gux-dismiss-button/gux-dismiss-button.js",
     "components/legacy/gux-notification-toast-legacy/gux-notification-toast.js",
     "components/legacy/gux-pagination-legacy/gux-pagination.js",

package/dist/collection/components/legacy/gux-action-toast-legacy/tests/gux-action-toast.common.js

@@ -0,0 +1,14 @@
+export const renderConfigs = [
+    {
+        description: 'should render action toast',
+        html: `
+          <gux-action-toast-legacy lang="en" accent="neutral">
+            <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
+            <div slot="title">Title</div>
+            <div slot="message">This is the message</div>
+            <gux-button slot="negative-button">Reject</gux-button>
+            <gux-button slot="positive-button" accent="primary">Accept</gux-button>
+          </gux-action-toast-legacy>
+        `
+    }
+];

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

@@ -50,7 +50,7 @@ export class GuxDropdownOption {
         };
     }
     render() {
-        return (h("div", { key: '03044af917dcef60003e744c13ca4a9071801a97', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '0fccd2988e5b9aabb95e0c493e5909a2a8966776', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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: '95c1be2855a91332bc5d21372a0131477aab732a', expanded: this.opened, disabled: this.disabled }, h("div", { key: '44344207156522323c85cae25f75f69582e3ac66', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '4879396addf0b69cb9143a5fed6c47176b922aba', 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: '6174d0d76b052185d9e2c610475c86d97fcf4ded', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'db7b8ab39631d6de84eb42572e16ba4a332551aa', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '1f93dc6cb2a8f1b82d92c98f23915f1c2e130209', class: "gux-icon-wrapper" }, h("gux-icon", { key: '004f7992dfeb38aac8253fe515274d294abace25', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'fd2720d2a7fe2a8ee1d178a83ae692913761558d', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '7ddd01095cc126429bbde148197186494b375e54', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '3bb1b2ec33d55d65880e8dcb748dc624ae486bfa', "label-position": "screenreader" }, h("label", { key: '05e2742e14e503667705fb635ee761ccbac8a4eb', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'bef017748388966f3d7a0793fc31eb9dba739bcc', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '4947b997e0c4cf2fa0697bb6b5e76bcad59fe506', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'a506bbe771787907741b05e2ffc45d64f5f61d58', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '75b662805ce1aabb518616093391977c1bb04cb8', 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: 'a355b8d95cebc494db5f98a460b2cf22ccd67339', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'a0984e104432d64562835f890eeba99d3abb0de0', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '02e3459995c75e94512eb4dc2f2ad430a42f4176', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'bd38fbe5026b2b74a8792723a2e1b1860ebf3d4d', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '25444cf37c66399a1e78e4e97a030486cedf0a09', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '74417ddcaf9a88996d3525701474235041f8727b', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'f4d02316cb59dc8431d30c56cfee8141d6e16bea', "label-position": "screenreader" }, h("label", { key: '901ffe3d5f11a5c464337d12db7d5ef653c41956', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'fce20548f41e15d50da1a7e7309a5573920cb493', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '64de7a7e413c48e928ac23014e76a64d332075ae', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'e363353c12560a849e706a2b706f990fb9d137df' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '05ac66751074363457e06f934dbcb19056fbec98', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '7cd11640cd374f0f9ee2c548ea479a7495c94e68' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

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

@@ -0,0 +1,8 @@
+export const renderConfig = {
+    html: `
+        <gux-advanced-dropdown-legacy>
+          <gux-dropdown-option value="en" text="English"></gux-dropdown-option>
+          <gux-dropdown-option value="nl" text="Dutch"></gux-dropdown-option>
+        </gux-advanced-dropdown-legacy>
+      `
+};

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: '74373499c508fac1f681b66025e5cc7cf8f4e73e', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '4e66753e258473269e44e963f3074db68772102a', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '93d6b142731b2e1c4603932f1688e4a4c285a284', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '7e2fb68671c9fe9e9676f0423036a8ea270a5566', id: this.panelId, class: {
+        return (h("div", { key: '3ed65b991af302bfe7d7a34f24655af18858441b', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '4f6715e8c5bbb054d8c9bbbcdb578354cd4b6003', 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: '375bc852941b001bdb3943920f89624dd33562e9', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '50b0d062f3b74e7ff4b1c9dcc4ae33eee70d2d70', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '28c9f938f407ba9b9895fec535889f6e939d9406', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: 'd5d8b96a5320a5059417fd63d88c6c94288a250d', name: "panel-content" }))));
     }
     static get is() { return "gux-disclosure-button-legacy"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,15 @@
+export const renderConfigs = [
+    '<gux-disclosure-button-legacy lang="en"><div slot="panel-content">content</div></gux-disclosure-button-legacy>',
+    '<gux-disclosure-button-legacy lang="en" is-open><div slot="panel-content">content</div></gux-disclosure-button-legacy>',
+    '<gux-disclosure-button-legacy lang="en" position="left"><div slot="panel-content">content</div></gux-disclosure-button-legacy>',
+    '<gux-disclosure-button-legacy lang="en" is-open position="left"><div slot="panel-content">content</div></gux-disclosure-button-legacy>',
+    '<gux-disclosure-button-legacy lang="en" position="right"><div slot="panel-content">content</div></gux-disclosure-button-legacy>',
+    '<gux-disclosure-button-legacy lang="en" is-open position="right"><div slot="panel-content">content</div></gux-disclosure-button-legacy>',
+    '<gux-disclosure-button-legacy lang="en" label="More Info"><div slot="panel-content">content</div></gux-disclosure-button-legacy>'
+].map(html => ({ html }));
+export const closedRenderConfig = {
+    html: '<gux-disclosure-button-legacy lang="en"><div slot="panel-content">content</div></gux-disclosure-button-legacy>'
+};
+export const openRenderConfig = {
+    html: '<gux-disclosure-button-legacy lang="en" is-open><div slot="panel-content">content</div></gux-disclosure-button-legacy>'
+};

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: 'b77a732864c86ebcae03af05ae0ef397d4490ed6', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '5a24f48ac7da1f40bd7d84084e4c8226efbafcb9', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '681568d7abf31705c4a7764e1ff22300532b4719', class: "gux-modal-header", id: titleID }, h("slot", { key: '15de5d20625efa25956d73ad7a271f480144404a', name: "title" }))), h("gux-dismiss-button", { key: 'fe03afc6b74e298513ab2d38b24ede83fb9d8e10', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '6a29fbab6fd5772f2aac70974108361d32b72cd0', class: {
+        return (h("div", { key: '031ff7a58553125d01cf7fd6f42c5be903149b5c', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '123628751d97390036422179ca73d2dba021d9a8', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'fdb3c7c38ea79a0069797f0d3482a86256bb4676', class: "gux-modal-header", id: titleID }, h("slot", { key: '95186647f351f4dbc6a4a2638ed8b81ebc929235', name: "title" }))), h("gux-dismiss-button", { key: 'a45d8854a38ea724dfa5986d40f40c2aab68c1e2', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '295de0752cf87d420d37a8d510cf7b8644ae7d83', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '19a127ab0f7e22919908a54a9b5024973c6a38c7' }, h("slot", { key: 'bdd59bfa68e9697e0768c81720f030a803cb0e87', name: "content" }))), hasFooterButtons && (h("div", { key: '3e310ebdcadfb4d47d9c97d71f76f12c6faf9fb8', class: "gux-button-footer" }, h("div", { key: 'cc76bed3bacad99b0d41cb053f4849accac87f94', class: "gux-left-align-buttons" }, h("slot", { key: '6b41add8283be84a314a0106836071494ab393b5', name: "left-align-buttons" })), h("div", { key: '18bfaeecfa3e77c2c9fe8759359fd1d51fc048c0', class: "gux-right-align-buttons" }, h("slot", { key: '5cbb524146d92efc70cdfd3ce1efa9c6efb8282e', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: 'ac0fb8ebd4a6d063bc1186ccbbf3919468330dc4' }, h("slot", { key: '2ae6de8a8b5375034b79b21d6fbfc84127888c66', name: "content" }))), hasFooterButtons && (h("div", { key: 'e3554d6aa17546638b88e8ac98ef8ebc8fa789cb', class: "gux-button-footer" }, h("div", { key: '340f525af22095d6854b9f9ef2e062582bfca1d8', class: "gux-left-align-buttons" }, h("slot", { key: 'ef9d1bf333171f64c1240355fb6559c456b24cb5', name: "left-align-buttons" })), h("div", { key: '90bfd9fdf40b0789dc8ce252bad24bb207f834d7', class: "gux-right-align-buttons" }, h("slot", { key: '972a396e077178093f9a23710ded2f8e111c62a3', 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-modal-legacy/tests/gux-modal-legacy.common.js

@@ -0,0 +1,125 @@
+export const renderConfigs = [
+    {
+        description: 'should render small modal',
+        html: `
+          <gux-modal-legacy size="small">
+            <div slot="title">Modal Title</div>
+            <div slot="content">This contains the modal content.</div>
+            <div slot="left-align-buttons">
+                <gux-button>Cancel</gux-button>
+            </div>
+            <div slot="right-align-buttons">
+              <gux-button accent='primary'>Accept</gux-button>
+            </div>
+          </gux-modal-legacy>
+        `
+    },
+    {
+        description: 'should render medium modal',
+        html: `
+          <gux-modal-legacy size="medium">
+            <div slot="title">Modal Title</div>
+            <div slot="content">This contains the modal content.</div>
+            <div slot="left-align-buttons">
+                <gux-button>Cancel</gux-button>
+            </div>
+            <div slot="right-align-buttons">
+              <gux-button accent='primary'>Accept</gux-button>
+            </div>
+          </gux-modal-legacy>
+        `
+    },
+    {
+        description: 'should render large modal',
+        html: `
+          <gux-modal-legacy size="large">
+            <div slot="title">Modal Title</div>
+            <div slot="content">This contains the modal content.</div>
+            <div slot="left-align-buttons">
+                <gux-button>Cancel</gux-button>
+            </div>
+            <div slot="right-align-buttons">
+              <gux-button accent='primary'>Accept</gux-button>
+            </div>
+          </gux-modal-legacy>
+        `
+    },
+    {
+        description: 'should render modal without a title',
+        html: `
+          <gux-modal-legacy size="large">
+            <div slot="content">This contains the modal content.</div>
+            <div slot="left-align-buttons">
+                <gux-button>Cancel</gux-button>
+            </div>
+            <div slot="right-align-buttons">
+              <gux-button accent='primary'>Accept</gux-button>
+            </div>
+          </gux-modal-legacy>
+        `
+    },
+    {
+        description: 'should render modal without buttons',
+        html: `
+          <gux-modal-legacy size="small">
+            <div slot="title">Modal Title</div>
+            <div slot="content">This contains the modal content.</div>
+          </gux-modal-legacy>
+        `
+    },
+    {
+        description: 'should render modal with just left align buttons',
+        html: `
+          <gux-modal-legacy size="small">
+            <div slot="title">Modal Title</div>
+            <div slot="content">This contains the modal content.</div>
+            <div slot="left-align-buttons">
+                <gux-button>Cancel</gux-button>
+            </div>
+          </gux-modal-legacy>
+        `
+    },
+    {
+        description: 'should render modal with just right align buttons',
+        html: `
+          <gux-modal-legacy size="small">
+            <div slot="title">Modal Title</div>
+            <div slot="content">This contains the modal content.</div>
+            <div slot="right-align-buttons">
+              <gux-button accent='primary'>Accept</gux-button>
+            </div>
+          </gux-modal-legacy>
+        `
+    },
+    {
+        description: 'should render modal with a specified initial focus element',
+        html: `
+          <gux-modal-legacy initial-focus="#cancelButton">
+            <div slot="title">Modal Title</div>
+            <div slot="content">This contains the modal content.</div>
+            <div slot="left-align-buttons">
+                <gux-button id="cancelButton">Cancel</gux-button>
+            </div>
+            <div slot="right-align-buttons">
+              <gux-button accent='primary'>Accept</gux-button>
+            </div>
+          </gux-modal-legacy>
+        `
+    },
+    {
+        description: 'should render small modal by default',
+        html: `
+          <gux-modal-legacy>
+            <div slot="title">Modal Title</div>
+            <div slot="content">This contains the modal content.</div>
+            <div slot="left-align-buttons">
+                <gux-button>Cancel</gux-button>
+            </div>
+            <div slot="right-align-buttons">
+              <gux-button accent='primary'>Accept</gux-button>
+            </div>
+          </gux-modal-legacy>
+        `
+    }
+];
+export const renderConfig = renderConfigs[0];

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

@@ -0,0 +1,43 @@
+export const renderConfigs = [
+    {
+        description: 'should render neutral notification toast',
+        html: `
+          <gux-notification-toast-legacy lang="en" accent="neutral">
+            <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
+            <div slot="title">Title</div>
+            <div slot="message">This is the message</div>
+          </gux-notification-toast-legacy>
+        `
+    },
+    {
+        description: 'should render positive notification toast',
+        html: `
+          <gux-notification-toast-legacy lang="en" accent="positive">
+            <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
+            <div slot="title">Title</div>
+            <div slot="message">This is the message</div>
+          </gux-notification-toast-legacy>
+        `
+    },
+    {
+        description: 'should render alert notification toast',
+        html: `
+          <gux-notification-toast-legacy lang="en" accent="alert">
+            <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
+            <div slot="title">Title</div>
+            <div slot="message">This is the message</div>
+          </gux-notification-toast-legacy>
+        `
+    },
+    {
+        description: 'should render warning notification toast',
+        html: `
+          <gux-notification-toast-legacy lang="en" accent="warning">
+            <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
+            <div slot="title">Title</div>
+            <div slot="message">This is the message</div>
+          </gux-notification-toast-legacy>
+        `
+    }
+];
+export const renderConfig = renderConfigs[0];

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

@@ -0,0 +1,26 @@
+export const renderConfigs = [
+    { currentPage: 1, totalItems: 1000, itemsPerPage: 25, layout: 'full' },
+    { currentPage: 1, totalItems: 1000, itemsPerPage: 50, layout: 'full' },
+    { currentPage: 1, totalItems: 1000, itemsPerPage: 75, layout: 'full' },
+    { currentPage: 1, totalItems: 1000, itemsPerPage: 100, layout: 'full' },
+    { currentPage: 1, totalItems: 1000, itemsPerPage: 25, layout: 'full' },
+    { currentPage: 10, totalItems: 1000, itemsPerPage: 25, layout: 'full' },
+    { currentPage: 10, totalItems: 1000, itemsPerPage: 50, layout: 'full' },
+    { currentPage: 10, totalItems: 1000, itemsPerPage: 75, layout: 'full' },
+    { currentPage: 10, totalItems: 1000, itemsPerPage: 100, layout: 'full' },
+    { currentPage: 1, totalItems: 1000, itemsPerPage: 25, layout: 'small' },
+    { currentPage: 1, totalItems: 1000, itemsPerPage: 25, layout: 'expanded' },
+    { currentPage: -3, totalItems: 1000, itemsPerPage: 25, layout: 'full' },
+    { currentPage: -3, totalItems: 1, itemsPerPage: 25, layout: 'full' },
+    { currentPage: 1, totalItems: 0, itemsPerPage: 25, layout: 'full' }
+].map(({ currentPage, totalItems, itemsPerPage, layout }) => {
+    return {
+        html: `
+    <gux-pagination-legacy
+      current-page="${currentPage}"
+      total-items="${totalItems}"
+      items-per-page="${itemsPerPage}"
+      layout="${layout}"
+    ></gux-pagination-legacy>`
+    };
+});

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

@@ -0,0 +1,39 @@
+export const renderConfigs = [
+    {
+        description: 'should render neutral simple toast',
+        html: `
+      <gux-simple-toast-legacy accent="neutral">
+        <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
+        <div slot="message">This is the message</div>
+      </gux-simple-toast-legacy>
+    `
+    },
+    {
+        description: 'should render positive simple toast',
+        html: `
+      <gux-simple-toast-legacy accent="positive">
+        <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
+        <div slot="message">This is the message</div>
+      </gux-simple-toast-legacy>
+    `
+    },
+    {
+        description: 'should render alert simple toast',
+        html: `
+      <gux-simple-toast-legacy accent="alert">
+        <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
+        <div slot="message">This is the message</div>
+      </gux-simple-toast-legacy>
+    `
+    },
+    {
+        description: 'should render warning simple toast',
+        html: `
+      <gux-simple-toast-legacy accent="warning">
+        <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
+        <div slot="message">This is the message</div>
+      </gux-simple-toast-legacy>
+    `
+    }
+];
+export const renderConfig = renderConfigs[0];

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

@@ -0,0 +1,11 @@
+export const renderConfig = {
+    html: `
+  <gux-switch-legacy layout="small" value="day">
+    <gux-switch-item value="month">Month</gux-switch-item>
+    <gux-switch-item value="week">Week</gux-switch-item>
+    <gux-switch-item value="day">Day</gux-switch-item>
+    <gux-switch-item value="hour" disabled>Hour</gux-switch-item>
+    <gux-switch-item value="minute">Minute</gux-switch-item>
+  </gux-switch-legacy>
+`
+};

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

@@ -26,10 +26,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: '0affca8740033516c6999453f8911af97b74ac6b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '15b89e11c02ebf2ef4b366354ec9ffdee24854ec', 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: '35600b8801921ec77c9bd5e7728f0b457188ab65', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'f08e752335b5148df4218894b773c67e79f2bf4e', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

package/dist/collection/test/playwrightTestUtils.js

@@ -18,7 +18,7 @@ async function runAxe(page) {
     ])
         .analyze();
 }
-export async function analyze(page, extraActions = () => Promise.resolve(), element) {
+export async function analyze(page, element, extraActions = () => Promise.resolve()) {
     for (const mode of modes) {
         await setMode(page, mode);
         await extraActions(page);
@@ -30,9 +30,12 @@ export async function snap(page, element) {
     if (await page.locator('gux-tooltip').isVisible()) {
         expect(await page.screenshot()).toMatchSnapshot();
     }
-    else {
+    else if (element && (await page.locator(element).isVisible())) {
         expect(await page.locator(element).screenshot()).toMatchSnapshot();
     }
+    else {
+        expect(await page.screenshot()).toMatchSnapshot();
+    }
 }
 async function setupPage(page) {
     await Promise.all([
@@ -63,7 +66,7 @@ export async function checkRenders(renderConfigs, element, extraActions = () =>
     renderConfigs.forEach(({ description, html }, index) => {
         test(description || `should render component as expected (${index + 1})`, async ({ page }) => {
             await setContent(page, html);
-            await analyze(page, extraActions, element);
+            await analyze(page, element, extraActions);
         });
     });
 }

package/dist/esm/gux-accordion.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-00f060cf.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 const GuxAccordionStyle0 = guxAccordionCss;

package/dist/esm/gux-action-button.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-00f060cf.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 

package/dist/esm/gux-action-toast-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-00f060cf.js';
 
 const guxActionToastCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:var(--gse-core-colorLegacy-secondary-aquaGreen)}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 const GuxActionToastLegacyStyle0 = guxActionToastCss;