genesys-spark-components 4.157.4 → 4.157.6

package/dist/cjs/{index-wowCoGVg.js → index-M1quu1eh.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
+var index = require('./index-CgQ-0vgX.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 
 /******************************************************************************

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
+var index = require('./index-CgQ-0vgX.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/{on-click-outside-BtDgbM7G.js → on-click-outside-BUPvXb5H.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
+var index = require('./index-CgQ-0vgX.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */

package/dist/cjs/{on-mutation-DArlmRrN.js → on-mutation-Cd_eSilo.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
+var index = require('./index-CgQ-0vgX.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */

package/dist/cjs/{on-resize-usrbNT4h.js → on-resize-Bg6IIJoh.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CriYleQs.js');
+var index = require('./index-CgQ-0vgX.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */

package/dist/cjs/{time-zone-Jr2qXWjO.js → time-zone-D9oxRpEx.js}

@@ -2663,12 +2663,12 @@ var rawTimeZones = [
 		mainCities: [
 			"St. John's",
 			"Mount Pearl",
-			"Corner Brook",
-			"Conception Bay South"
+			"Paradise",
+			"Corner Brook"
 		],
 		rawOffsetInMinutes: -210,
 		abbreviation: "NST",
-		rawFormat: "-03:30 Newfoundland Time - St. John's, Mount Pearl, Corner Brook, Conception Bay South"
+		rawFormat: "-03:30 Newfoundland Time - St. John's, Mount Pearl, Paradise, Corner Brook"
 	},
 	{
 		name: "America/Argentina/Buenos_Aires",
@@ -4542,12 +4542,12 @@ var rawTimeZones = [
 		mainCities: [
 			"Kigali",
 			"Gisenyi",
-			"Butare",
-			"Gitarama"
+			"Nyagatare",
+			"Butare"
 		],
 		rawOffsetInMinutes: 120,
 		abbreviation: "CAT",
-		rawFormat: "+02:00 Central Africa Time - Kigali, Gisenyi, Butare, Gitarama"
+		rawFormat: "+02:00 Central Africa Time - Kigali, Gisenyi, Nyagatare, Butare"
 	},
 	{
 		name: "Africa/Blantyre",

package/dist/cjs/{usage-DJyeNLrp.js → usage-DnB0SGVt.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const version = "4.157.4";
+const version = "4.157.6";
 var packageInfo = {
 	version: version};
 

package/dist/collection/components/beta/gux-avatar-group/gux-avatar-overflow/gux-avatar-overflow-item/tests/gux-avatar-overflow-item.common.js

@@ -0,0 +1,4 @@
+export const renderConfig = {
+    description: 'Should render as expected default with name',
+    html: `<div role="menu"><gux-avatar-overflow-item-beta name="John Doe"></gux-avatar-overflow-item-beta></div>`
+};

package/dist/collection/components/beta/gux-popover-beta/tests/gux-popover.common.js

@@ -0,0 +1,12 @@
+export const renderConfig = {
+    description: 'renders',
+    html: `<div lang="en">
+        <div id="popover-target">
+          Example Element
+        </div>
+        <gux-popover-beta position="top" for="popover-target" is-open>
+          <span slot="title">Title</span>
+          <div>popover content</div>
+          </gux-popover-beta>
+        </div>`
+};

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-action/gux-rich-text-editor-action-link/tests/gux-rich-text-editor-action-link.common.js

@@ -0,0 +1,10 @@
+export const renderConfigs = ['', 'disabled'].map(modifier => ({
+    html: `
+    <gux-rich-text-editor-beta>
+      <gux-rich-text-editor-action-group slot="inserting">
+        <gux-rich-text-editor-action-link ${modifier}></gux-rich-text-editor-action-link>
+      </gux-rich-text-editor-action-group>
+      <div class="editorElement" slot="editor"></div>
+    </gux-rich-text-editor-beta>
+  `
+}));

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-action/gux-rich-text-editor-action-rich-style/tests/gux-rich-text-editor-action-rich-style.common.js

@@ -0,0 +1,23 @@
+export const renderConfigs = ['', 'disabled'].map(modifier => ({
+    html: `
+    <gux-rich-text-editor-beta>
+      <gux-rich-text-editor-action-group slot="text-styling">
+        <gux-rich-text-editor-action-rich-style ${modifier}>
+          <gux-rich-style-list-item text-style="heading-1"
+            >Heading 1</gux-rich-style-list-item
+          >
+          <gux-rich-style-list-item text-style="heading-2"
+            >Heading 2</gux-rich-style-list-item
+          >
+          <gux-rich-style-list-item text-style="heading-3"
+            >Heading 3</gux-rich-style-list-item
+          >
+          <gux-rich-style-list-item text-style="paragraph"
+            >Paragraph</gux-rich-style-list-item
+          >
+        </gux-rich-text-editor-action-rich-style>
+      </gux-rich-text-editor-action-group>
+      <div class="editorElement" slot="editor"></div>
+    </gux-rich-text-editor-beta>
+  `
+}));

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-action/gux-rich-text-editor-action-text-highlight/tests/gux-rich-text-editor-action-text-highlight.common.js

@@ -0,0 +1,39 @@
+export const renderConfigs = ['', 'disabled'].map(modifier => ({
+    html: `
+    <gux-rich-text-editor-beta>
+      <gux-rich-text-editor-action-group slot="text-styling">
+        <gux-rich-text-editor-action-text-highlight ${modifier}>
+          <gux-rich-highlight-list-item
+            highlight="tomato"
+          ></gux-rich-highlight-list-item>
+          <gux-rich-highlight-list-item
+            highlight="coral"
+          ></gux-rich-highlight-list-item>
+          <gux-rich-highlight-list-item
+            highlight="pear"
+          ></gux-rich-highlight-list-item>
+          <gux-rich-highlight-list-item
+            highlight="mango"
+          ></gux-rich-highlight-list-item>
+          <gux-rich-highlight-list-item
+            highlight="raspberry"
+          ></gux-rich-highlight-list-item>
+          <gux-rich-highlight-list-item
+            highlight="blueberry"
+          ></gux-rich-highlight-list-item>
+          <gux-rich-highlight-list-item
+            highlight="mineral"
+          ></gux-rich-highlight-list-item>
+          <gux-rich-highlight-list-item
+            highlight="islandaqua"
+          ></gux-rich-highlight-list-item>
+          <gux-rich-highlight-list-item
+            class="custom-highlight"
+            highlight="inherit"
+          ></gux-rich-highlight-list-item>
+        </gux-rich-text-editor-action-text-highlight>
+      </gux-rich-text-editor-action-group>
+      <div class="editorElement" slot="editor"></div>
+    </gux-rich-text-editor-beta>
+  `
+}));

package/dist/collection/components/beta/gux-rich-text-editor/tests/gux-rich-text-editor.common.js

@@ -0,0 +1,40 @@
+export const renderConfigs = ['', 'disabled'].map(modifier => ({
+    html: `
+    <gux-rich-text-editor-beta ${modifier}>
+      <gux-rich-text-editor-action-group slot="typographical-emphasis">
+        <gux-rich-text-editor-action action="bold"></gux-rich-text-editor-action>
+        <gux-rich-text-editor-action action="italic"></gux-rich-text-editor-action>
+        <gux-rich-text-editor-action
+          action="underline"
+        ></gux-rich-text-editor-action>
+        <gux-rich-text-editor-action action="strike"></gux-rich-text-editor-action>
+      </gux-rich-text-editor-action-group>
+      <gux-rich-text-editor-action-group slot="text-styling">
+        <gux-rich-text-editor-action
+          action="clearFormatting"
+        ></gux-rich-text-editor-action>
+      </gux-rich-text-editor-action-group>
+      <gux-rich-text-editor-action-group slot="lists-indentation">
+        <gux-rich-text-editor-action
+          action="bulletList"
+        ></gux-rich-text-editor-action>
+        <gux-rich-text-editor-action
+          action="orderedList"
+        ></gux-rich-text-editor-action>
+      </gux-rich-text-editor-action-group>
+      <gux-rich-text-editor-action-group slot="inserting">
+        <gux-rich-text-editor-action
+          action="codeblock"
+        ></gux-rich-text-editor-action>
+        <gux-rich-text-editor-action
+          action="blockQuote"
+        ></gux-rich-text-editor-action>
+      </gux-rich-text-editor-action-group>
+      <gux-rich-text-editor-action
+        slot="global-action"
+        action="delete"
+      ></gux-rich-text-editor-action>
+      <div class="editorElement" slot="editor"></div>
+    </gux-rich-text-editor-beta>
+  `
+}));

package/dist/collection/components/beta/gux-time-zone-picker/tests/gux-time-zone-picker.common.js

@@ -0,0 +1,4 @@
+export const renderConfig = {
+    html: `<gux-time-zone-picker-beta value="Etc/GMT+1">
+         </gux-time-zone-picker-beta>`
+};

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

@@ -57,6 +57,13 @@ export class GuxActionButton {
                     this.focusFirstItemInPopupList();
                 }
                 break;
+            case 'ArrowUp':
+                if (composedPath.includes(this.dropdownButton)) {
+                    event.preventDefault();
+                    this.isOpen = true;
+                    this.focusLastItemInPopupList();
+                }
+                break;
         }
     }
     handleKeyup(event) {
@@ -109,6 +116,11 @@ export class GuxActionButton {
             void this.listElement.guxFocusFirstItem();
         });
     }
+    focusLastItemInPopupList() {
+        afterNextRenderTimeout(() => {
+            void this.listElement.guxFocusLastItem();
+        });
+    }
     onActionClick() {
         if (!this.disabled) {
             this.isOpen = false;
@@ -126,7 +138,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '4da7d8a0c914ab01fbf55648853e5395acc3fb9c', class: "gux-action-button-container" }, h("gux-popup", { key: '2a31afb0fd3a4783296ad0ef4562f2ed9e56eabd', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '05b9e305486e9ec823a89649b2314e0439065576', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '535b2aa6c8d28c5bcf80b1602751d7b76dc021f7', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'bf41618e2f793b845a6401f9bd9e300554431fd9', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '5771cd844278554826511c97468d20bfb19564ca', name: "title" }))), h("gux-button-slot", { key: '2b045592818a8de2800fbea8c0e4280fa425584d', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'd187108586ac6a9208fe86259df51b88df87a475', 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: '7f9a38457b9283ed91f7a15f6b238cce6351ff6f', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '2da7b1ecc8b1df98de2322c01160a8c3553e8db0', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5eeca955aee607c56fb03047b93230ab180dace8', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '8520dea29445f8ce384f072f5eb2cc9eabbc478e' }))))));
+        return (h("div", { key: 'f14d323f9c10b003797a9de4b18af7dcac6fcf7e', class: "gux-action-button-container" }, h("gux-popup", { key: '714da05054cf5b53dcfa00d35a820eaa742225d8', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'f5154cfbf4d41bb0ba8955d6f9e52978d28d6e17', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'ca2510f0946954e9af16c61390b744bab208083d', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '3b39ea4b471dca0aad9049a78ce783e52902f9c6', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '2e03cf69a0308100b41dccb4f04b25711d63a8bb', name: "title" }))), h("gux-button-slot", { key: 'e8ff491d344751fbd3aad8a4883d218540fd8053', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '806b5b458454bc12104f8dedb46a8e75c9bef212', 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: 'dfb75af52b0817f9b54125e28c990fefdf150957', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '1165c634704e0436e67eea3801e8650325c496ef', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'ec0c603e4fce250e05494b6c3e310c695676bf4d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e3882349fc5ae5c7fe6c2e4979c8b9eb4297190d' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,6 +47,21 @@ export class GuxButtonMulti {
                 this.isOpen = false;
                 break;
             }
+            case 'Enter':
+            case 'ArrowDown':
+                if (composedPath.includes(this.dropdownButton)) {
+                    event.preventDefault();
+                    this.isOpen = true;
+                    this.focusFirstItemInPopupList();
+                }
+                break;
+            case 'ArrowUp':
+                if (composedPath.includes(this.dropdownButton)) {
+                    event.preventDefault();
+                    this.isOpen = true;
+                    this.focusLastItemInPopupList();
+                }
+                break;
         }
     }
     handleKeyup(event) {
@@ -96,6 +111,11 @@ export class GuxButtonMulti {
             void this.listElement.guxFocusFirstItem();
         });
     }
+    focusLastItemInPopupList() {
+        afterNextRenderTimeout(() => {
+            void this.listElement.guxFocusLastItem();
+        });
+    }
     onListClick(event) {
         whenEventIsFrom('gux-list-item', event, () => {
             this.isOpen = false;
@@ -106,7 +126,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '57814107beadac1071db9409a1aaee3a6fe8751d', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'd12042cde57a3159a1a035add7f2f2f5b6332b3b', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '4ee0c1e045e54f2995fe83c1870a3b2d68421b0b', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '5fd1f12a34522e36c1537c7301d2237e53501e54', 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: 'c4d1074a7b98bed4dcee67ea6260ff3ed3ff9493', name: "title" }), h("gux-icon", { key: '0658fcdbc14ee5acf6b6fc3f0ab9841ce25d5e8a', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'f37ad04b5fd8bbe683016e29840f28b36add78fa', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '7e4c249dcd3d52d72f033947e464443fd753273d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e661e1589177c78983e2f87e9f89b8d1c9c0188c' })))));
+        return (h("gux-popup", { key: '1de80e87fb808e2c1c67f11069ff854b3c8bb594', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'ec449bb3cb5a07b22aa19a1cfbe7bad390348c58', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '59a02ac2a0617c39bdee504aec91325e5fa6b011', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '8e774e6ff321588c41ffe731c1967752dc5ca622', 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: '18b5e98f45e5b7f4b4644e55417575f88d240d21', name: "title" }), h("gux-icon", { key: '625f150aebd9cb9c87214c200309e1c76c7ed372', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '3f328498971bffd3d0c79d2dc01e6cca83079af4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '8263e75953b2091c4af783245e89b5abfabedfe5', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '2eebad343f088ea4f234ba23c9758d24d082daed' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -0,0 +1,194 @@
+export const renderConfigs = [
+    {
+        description: 'should render default button',
+        html: '<gux-button-slot><button type="button"accent="primary">Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render primary button',
+        html: '<gux-button-slot accent="primary"><button type="button"accent="primary">Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render secondary button',
+        html: '<gux-button-slot accent="secondary"><button type="button"accent="primary">Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render tertiary button',
+        html: '<gux-button-slot accent="tertiary"><button type="button"accent="primary">Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render ghost button',
+        html: '<gux-button-slot accent="ghost"><button type="button"accent="primary">Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render danger button',
+        html: '<gux-button-slot accent="danger"><button type="button"accent="primary">Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render inline button',
+        html: '<gux-button-slot accent="inline"><button type="button"accent="primary">Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render invalid button',
+        html: '<gux-button-slot accent="invalid"><button type="button"accent="primary">Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled default button',
+        html: '<gux-button-slot><button type="button"accent="primary" disabled>Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled primary button',
+        html: '<gux-button-slot accent="primary"><button type="button"accent="primary" disabled>Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled secondary button',
+        html: '<gux-button-slot accent="secondary"><button type="button"accent="primary" disabled>Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled tertiary button',
+        html: '<gux-button-slot accent="tertiary"><button type="button"accent="primary" disabled>Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled ghost button',
+        html: '<gux-button-slot accent="ghost"><button type="button"accent="primary" disabled>Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled danger button',
+        html: '<gux-button-slot accent="danger"><button type="button"accent="primary" disabled>Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled inline button',
+        html: '<gux-button-slot accent="inline"><button type="button"accent="primary" disabled>Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render button with invalid accent',
+        html: '<gux-button-slot accent="invalid"><button type="button"accent="primary">Button</button></gux-button-slot>'
+    },
+    {
+        description: 'should render default input[type=button]',
+        html: '<gux-button-slot><input type="button"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render primary input[type=button]',
+        html: '<gux-button-slot accent="primary"><input type="button"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render secondary input[type=button]',
+        html: '<gux-button-slot accent="secondary"><input type="button"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render tertiary input[type=button]',
+        html: '<gux-button-slot accent="tertiary"><input type="button"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render ghost input[type=button]',
+        html: '<gux-button-slot accent="ghost"><input type="button"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render danger input[type=button]',
+        html: '<gux-button-slot accent="danger"><input type="button"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render inline input[type=button]',
+        html: '<gux-button-slot accent="inline"><input type="button"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render invalid input[type=button]',
+        html: '<gux-button-slot accent="invalid"><input type="button"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled default input[type=button]',
+        html: '<gux-button-slot><input type="button"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled primary input[type=button]',
+        html: '<gux-button-slot accent="primary"><input type="button"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled secondary input[type=button]',
+        html: '<gux-button-slot accent="secondary"><input type="button"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled tertiary input[type=button]',
+        html: '<gux-button-slot accent="tertiary"><input type="button"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled ghost input[type=button]',
+        html: '<gux-button-slot accent="ghost"><input type="button"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled danger input[type=button]',
+        html: '<gux-button-slot accent="danger"><input type="button"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled inline input[type=button]',
+        html: '<gux-button-slot accent="inline"><input type="button"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render input[type=button] with invalid accent',
+        html: '<gux-button-slot accent="invalid"><input type="button"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render default input[type=submit]',
+        html: '<gux-button-slot><input type="submit"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render primary input[type=submit]',
+        html: '<gux-button-slot accent="primary"><input type="submit"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render secondary input[type=submit]',
+        html: '<gux-button-slot accent="secondary"><input type="submit"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render tertiary input[type=submit]',
+        html: '<gux-button-slot accent="tertiary"><input type="submit"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render ghost input[type=submit]',
+        html: '<gux-button-slot accent="ghost"><input type="submit"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render danger input[type=submit]',
+        html: '<gux-button-slot accent="danger"><input type="submit"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render inline input[type=submit]',
+        html: '<gux-button-slot accent="inline"><input type="submit"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render invalid input[type=submit]',
+        html: '<gux-button-slot accent="invalid"><input type="submit"accent="primary" value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled default input[type=submit]',
+        html: '<gux-button-slot><input type="submit"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled primary input[type=submit]',
+        html: '<gux-button-slot accent="primary"><input type="submit"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled secondary input[type=submit]',
+        html: '<gux-button-slot accent="secondary"><input type="submit"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled tertiary input[type=submit]',
+        html: '<gux-button-slot accent="tertiary"><input type="submit"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled ghost input[type=submit]',
+        html: '<gux-button-slot accent="ghost"><input type="submit"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled danger input[type=submit]',
+        html: '<gux-button-slot accent="danger"><input type="submit"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render disabled inline input[type=submit]',
+        html: '<gux-button-slot accent="inline"><input type="submit"accent="primary" disabled value="Button"/></gux-button-slot>'
+    },
+    {
+        description: 'should render input[type=submit] with invalid accent',
+        html: '<gux-button-slot accent="invalid"><input type="submit"accent="primary" value="Button"/></gux-button-slot>'
+    }
+];

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

@@ -0,0 +1,39 @@
+export const renderConfig = {
+    description: 'Should render as expected menu with submenus',
+    html: `
+  <gux-flyout-menu>
+      <span slot="target">Example Target Element</span>
+      <gux-menu slot="menu" id="target-menu">
+        <gux-menu-option>Option One</gux-menu-option>
+        <gux-submenu label="Submenu Two">
+          <gux-menu-option>Option One</gux-menu-option>
+          <gux-submenu id="submenu-two" label="Submenu Two">
+            <gux-menu-option>Option One</gux-menu-option>
+            <gux-menu-option>Option Two</gux-menu-option>
+            <gux-menu-option>Option Three</gux-menu-option>
+          </gux-submenu>
+          <gux-menu-option>Option Three</gux-menu-option>
+        </gux-submenu>
+        <gux-menu-option>Option Three</gux-menu-option>
+        <gux-menu-option>Option Four</gux-menu-option>
+        <gux-submenu label="Submenu Five">
+          <gux-menu-option>Option One</gux-menu-option>
+          <gux-menu-option>Option Two</gux-menu-option>
+          <gux-submenu label="Submenu Three">
+            <gux-menu-option>Option One</gux-menu-option>
+            <gux-submenu label="Submenu Two">
+              <gux-menu-option>Option One</gux-menu-option>
+              <gux-submenu label="Submenu Two">
+                <gux-menu-option>Option One</gux-menu-option>
+                <gux-menu-option>Option Two</gux-menu-option>
+                <gux-menu-option>Option Three</gux-menu-option>
+              </gux-submenu>
+              <gux-menu-option>Option Three</gux-menu-option>
+            </gux-submenu>
+            <gux-menu-option>Option Three</gux-menu-option>
+          </gux-submenu>
+        </gux-submenu>
+      </gux-menu>
+    </gux-flyout-menu>
+  `
+};