genesys-spark-components 4.59.0 → 4.60.1

package/dist/collection/components/beta/gux-form/tests/gux-form.e2e.js

@@ -0,0 +1,64 @@
+import { a11yCheck, newSparkE2EPage } from "../../../../test/e2eTestUtils";
+describe('gux-form', () => {
+    describe('#render', () => {
+        [
+            `<gux-form-beta>
+      <form>
+        <header>
+          <gux-form-heading><h1 slot="heading">Form Heading</h1></gux-form-heading>
+          <gux-form-description
+            ><p slot="description">
+              This is a simple paragraph to accompany the form header.
+            </p></gux-form-description
+          >
+        </header>
+        <fieldset>
+          <legend>
+            <gux-form-fieldset-heading
+              ><h2 slot="heading">Form Fieldset Header</h2>
+            </gux-form-fieldset-heading>
+            <gux-form-description
+              ><p slot="description">
+                This is a simple paragraph to accompany the fieldset header.
+              </p></gux-form-description
+            >
+          </legend>
+          <gux-form-field-text-like label-position="above">
+            <input slot="input" type="text" name="lp-3" />
+            <label slot="label">Fieldset Form field label</label>
+          </gux-form-field-text-like>
+    
+          <gux-form-field-phone label-position="above">
+            <gux-phone-input-beta></gux-phone-input-beta>
+            <label slot="label">Fieldset Form field label</label>
+          </gux-form-field-phone>
+    
+          <gux-form-field-textarea label-position="above">
+            <textarea slot="input" name="textarea"></textarea>
+            <label slot="label">Fieldset Form field label</label>
+          </gux-form-field-textarea>
+        </fieldset>
+    
+        <gux-form-field-text-like label-position="above">
+          <input slot="input" type="text" name="lp-3" />
+          <label slot="label">Fieldset Form field label</label>
+        </gux-form-field-text-like>
+    
+        <gux-form-footer placement="page-desktop">
+          <footer>
+            <gux-button accent="primary">Primary</gux-button>
+            <gux-button accent="secondary">Secondary</gux-button>
+          </footer>
+        </gux-form-footer>
+      </form>
+    </gux-form-beta>`
+        ].forEach((html, index) => {
+            it(`should render the gux-form component as expected (${index + 1})`, async () => {
+                const page = await newSparkE2EPage({ html });
+                const element = await page.find('gux-form-beta');
+                await a11yCheck(page);
+                expect(element.outerHTML).toMatchSnapshot();
+            });
+        });
+    });
+});

package/dist/collection/components/beta/gux-form/tests/gux-form.spec.js

@@ -0,0 +1,148 @@
+import { newSpecPage } from "../../../../test/specTestUtils";
+import { GuxForm } from "../gux-form";
+const components = [GuxForm];
+const language = 'en';
+describe('gux-form', () => {
+    it('should build', async () => {
+        const html = `
+    <gux-form-beta>
+    <form>
+      <header>
+        <gux-form-heading><h1 slot="heading">Form Heading</h1></gux-form-heading>
+        <gux-form-description
+          ><p slot="description">
+            This is a simple paragraph to accompany the form header.
+          </p></gux-form-description
+        >
+      </header>
+      <fieldset>
+        <legend>
+          <gux-form-fieldset-heading
+            ><h2 slot="heading">Form Fieldset Header</h2>
+          </gux-form-fieldset-heading>
+          <gux-form-description
+            ><p slot="description">
+              This is a simple paragraph to accompany the fieldset header.
+            </p></gux-form-description
+          >
+        </legend>
+        <gux-form-field-text-like label-position="above">
+          <input slot="input" type="text" name="lp-3" />
+          <label slot="label">Fieldset Form field label</label>
+        </gux-form-field-text-like>
+  
+        <gux-form-field-phone label-position="above">
+          <gux-phone-input-beta></gux-phone-input-beta>
+          <label slot="label">Fieldset Form field label</label>
+        </gux-form-field-phone>
+  
+        <gux-form-field-textarea label-position="above">
+          <textarea slot="input" name="textarea"></textarea>
+          <label slot="label">Fieldset Form field label</label>
+        </gux-form-field-textarea>
+      </fieldset>
+  
+      <gux-form-field-text-like label-position="above">
+        <input slot="input" type="text" name="lp-3" />
+        <label slot="label">Fieldset Form field label</label>
+      </gux-form-field-text-like>
+  
+      <gux-form-footer placement="page-desktop">
+        <footer>
+          <gux-button accent="primary">Primary</gux-button>
+          <gux-button accent="secondary">Secondary</gux-button>
+        </footer>
+      </gux-form-footer>
+    </form>
+  </gux-form-beta>  
+    `;
+        const page = await newSpecPage({ components, html, language });
+        expect(page.rootInstance).toBeInstanceOf(GuxForm);
+    });
+    describe('#render', () => {
+        [
+            `
+      <gux-form-beta>
+      <form>
+        <header>
+          <gux-form-heading><h1 slot="heading">Form Heading</h1></gux-form-heading>
+          <gux-form-description
+            ><p slot="description">
+              This is a simple paragraph to accompany the form header.
+            </p></gux-form-description
+          >
+        </header>
+        <fieldset>
+          <legend>
+            <gux-form-fieldset-heading
+              ><h2 slot="heading">Form Fieldset Header</h2>
+            </gux-form-fieldset-heading>
+            <gux-form-description
+              ><p slot="description">
+                This is a simple paragraph to accompany the fieldset header.
+              </p></gux-form-description
+            >
+          </legend>
+          <gux-form-field-text-like label-position="above">
+            <input slot="input" type="text" name="lp-3" />
+            <label slot="label">Fieldset Form field label</label>
+          </gux-form-field-text-like>
+        </fieldset>
+    
+        <gux-form-field-text-like label-position="above">
+          <input slot="input" type="text" name="lp-3" />
+          <label slot="label">Fieldset Form field label</label>
+        </gux-form-field-text-like>
+    
+        <gux-form-footer placement="page-desktop">
+          <footer>
+            <gux-button accent="primary">Primary</gux-button>
+            <gux-button accent="secondary">Secondary</gux-button>
+          </footer>
+        </gux-form-footer>
+      </form>
+    </gux-form-beta>
+      `,
+            `
+      <gux-form-beta>
+      <form>
+        <header>
+          <gux-form-heading><h1 slot="heading">Form Heading</h1></gux-form-heading>
+          <gux-form-description
+            ><p slot="description">
+              This is a simple paragraph to accompany the form header.
+            </p></gux-form-description
+          >
+        </header>
+        <fieldset>
+          <legend>
+            <gux-form-fieldset-heading
+              ><h2 slot="heading">Form Fieldset Header</h2>
+            </gux-form-fieldset-heading>
+            <gux-form-description
+              ><p slot="description">
+                This is a simple paragraph to accompany the fieldset header.
+              </p></gux-form-description
+            >
+          </legend>
+          <gux-form-field-text-like label-position="above">
+            <input slot="input" type="text" name="lp-3" />
+            <label slot="label">Fieldset Form field label</label>
+          </gux-form-field-text-like>
+        </fieldset>
+    
+        <gux-form-field-text-like label-position="above">
+          <input slot="input" type="text" name="lp-3" />
+          <label slot="label">Fieldset Form field label</label>
+        </gux-form-field-text-like>
+      </form>
+    </gux-form-beta>    
+    `
+        ].forEach((html, index) => {
+            it(`should render gux-form component as expected (${index + 1})`, async () => {
+                const page = await newSpecPage({ components, html, language });
+                expect(page.root).toMatchSnapshot();
+            });
+        });
+    });
+});

package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.js

@@ -128,7 +128,7 @@ export class GuxMonthCalendar {
         return (h("span", { onFocus: () => this.doFocusTrap(), tabindex: "0" }));
     }
     render() {
-        return (h("div", { key: 'a2ec84632e69c6e7005796a8ff6edb5fd1ba4b7f', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
+        return (h("div", { key: '7779da6a0844737396b0275636f38d2cea6e49e4', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
     }
     static get is() { return "gux-month-calendar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-list/gux-month-list-item/gux-month-list-item.js

@@ -20,7 +20,7 @@ export class GuxMonthListItem {
         }
     }
     render() {
-        return (h(Host, { key: '1318dfd3ecd31ec2d792b7f0aaa04af6e2d2588a', role: "listitem", value: this.value }, h("div", { key: 'ac39e1e4a73a946a4b06392c6d11ec88a3545228', class: "gux-container" }, h("button", { key: '9b1c74b547c78b50ec88e42398f617c3f3b6aeaf', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '35a3642488917660657784d2a38406a88ae6997f' })))));
+        return (h(Host, { key: 'e9c6b86867d88fa44b26d36a97d4d25d4dc7cf2d', role: "listitem", value: this.value }, h("div", { key: '520ca63e02ee81721a24b4ae36c62a5deec3e9d4', class: "gux-container" }, h("button", { key: '0dd40d84e2390042a04d3b72d64ee611f7c8efef', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '47a91af6a384fcac1e45e1b5fa65379f596eac1a' })))));
     }
     static get is() { return "gux-month-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-list/gux-month-list.js

@@ -38,7 +38,7 @@ export class GuxMonthList {
         first(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: '3a21309c58f73ea7bfdac59a945a4a107d938219', role: "list" }, h("slot", { key: '0e9d862171ce091b513b72e8f6aa81d6e0ba9d7a' })));
+        return (h(Host, { key: '98c8984c53ebbc2b5cc5c51420565e4559abff78', role: "list" }, h("slot", { key: '5abeb539983936671adbd78b4876aa06e30cfc1b' })));
     }
     static get is() { return "gux-month-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-month-picker/gux-month-picker.js

@@ -194,7 +194,7 @@ export class GuxMonthPicker {
         return (h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
     }
     render() {
-        return (h("gux-popup", { key: '2ebbd58561728576b2c322260ebfeb16d4464e8b', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '0cec690f0cf6289c761678fe22bea1ee16de27d6', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-month-picker-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-phone-input/gux-phone-input.js

@@ -342,7 +342,7 @@ export class GuxPhoneInput {
         return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("gux-listbox", { "aria-label": this.i18n('regionDropdown'), value: this.region ? this.region.alpha2Code : '' }, this.regionOptions)));
     }
     render() {
-        return (h("gux-popup", { key: 'b294342bee9d5a6843ed245f080fa05e8d357e1c', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'd757a933268055f0d21c970964bc4f95b136bec5', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-phone-input-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-screen-reader/gux-screen-reader.js

@@ -8,7 +8,7 @@ export class GuxScreenReader {
         trackComponent(this.root);
     }
     render() {
-        return (h("span", { key: 'ab62b771828b0d44468c7220b0f4985ba82457bc', class: "gux-sr-only" }, h("slot", { key: '37ab3b9a95d91260ea10e940180045693451c5b4' })));
+        return (h("span", { key: 'a1984ab57adde238791ceedbf7b53924268dd044', class: "gux-sr-only" }, h("slot", { key: '7aa8337a58af16c329b365b9acfcbdb2735005dc' })));
     }
     static get is() { return "gux-screen-reader-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control-item/gux-segmented-control-item.js

@@ -45,18 +45,18 @@ export class GuxSegmentedControlItem {
         }
     }
     render() {
-        return (h("div", { key: '99ca10f1505b6c7febda6f8a728450d3e47bddc4', class: {
+        return (h("div", { key: '0566c417db56e075b7515a3102f24f852d30d689', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, h("button", { key: '0ec79b3df9b6d395dd01b7cf5acbc7b88debf789', class: {
+            } }, h("button", { key: '6859728b3f9bf1fc8bf15f361795d6d1f728b3f1', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '6c520a2b9dbdb5894d3f9a233730a19d4c850950', class: {
+            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '3879c5709da14e7d66f97611b4491a38460b5519', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: 'ff26f8670d4b066d7999c020798913e4642b6042', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: 'e97a25af91f85b8e8212d7f34c480d6fe7597b28', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-segmented-control-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control.js

@@ -30,7 +30,7 @@ export class GuxSegmentedControl {
         });
     }
     render() {
-        return (h(Host, { key: '94f6ef5226c14619ca405c342abb086ffeb483f1', role: "group" }, h("slot", { key: 'a367904d82d5e70e4b54186e903f146279486672', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'd053abfb3d9593e45ce22e0944d2452c4a48cfa6', role: "group" }, h("slot", { key: '956a75cb66ba7e29f6cec555ee098eda205c905c', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-segmented-control-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.js

@@ -50,11 +50,11 @@ export class GuxSelectorCard {
         }
     }
     render() {
-        return (h("div", { key: 'b76c1d4a8d437a154542478b344d7d8a36e357b3', class: {
+        return (h("div", { key: '4341262b9567224c6278912198bfbe8ea5ccab5b', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            }, onClick: () => this.input.setAttribute('checked', 'true') }, h("div", { key: '7510e92a07c04b9d4afb4c6545afdde2d6068b33', class: "gux-content" }, h("div", { key: '3cd3676b4e3f768cc30188afa2e16dd1c2a45fc3', class: "gux-icon" }, h("slot", { key: '4114bb5813890d3f07a25e0d0e7327674c6a097a', name: "icon" })), h("gux-truncate", { key: '89e4611a8ceeb6c2da47565a0563d8bc51733817', class: "gux-label", "max-lines": 2 }, h("slot", { key: 'a598116d7c68874542dd5656339c5172be565ee9', name: "label" })), h("slot", { key: '5918c2cbe784b5049f989146b52fffb989927b55', name: "input" }), this.renderDescription(), this.renderBadge())));
+            }, onClick: () => this.input.setAttribute('checked', 'true') }, h("div", { key: '8d63394652e97233cde356ab4898881cab25b479', class: "gux-content" }, h("div", { key: '64f38300cea7bd53fd06033081fe977356f3e05f', class: "gux-icon" }, h("slot", { key: '9cbf9165b0e0b64aa67f70a2b59c1c349d8b8f26', name: "icon" })), h("gux-truncate", { key: '852cb669b67911566842b842146ecbb2987a86f6', class: "gux-label", "max-lines": 2 }, h("slot", { key: '438abf80a7a27c480dba5d247e7e9680aff69a3a', name: "label" })), h("slot", { key: 'ec2a2007157c2149f0e23c3ed5601bcae4735635', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     static get is() { return "gux-selector-card-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-selector-cards/gux-selector-cards.js

@@ -8,7 +8,7 @@ export class GuxSelectorCards {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'da9666635224d9aed3e113fd6e16ffdf5efaa359', class: "gux-selector-cards" }, h("slot", { key: '784794a3636e7224fc7860340814b59ebf68a377' })));
+        return (h("div", { key: 'f8b46d99477c52ac38d9f720e56dff88d00c3c50', class: "gux-selector-cards" }, h("slot", { key: '8e17104d749dfc32fc86db35ddb678c7accc57bb' })));
     }
     static get is() { return "gux-selector-cards-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time/gux-time.js

@@ -38,7 +38,7 @@ export class GuxTime {
         }
     }
     render() {
-        return (h(Host, { key: '3f0319de47530af60f8d9cd86efae0ebb1d432d5' }, this.renderTime()));
+        return (h(Host, { key: 'c76b712d05bf133d62da352d69234a84ed950fc8' }, this.renderTime()));
     }
     static get is() { return "gux-time-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -146,9 +146,9 @@ export class GuxTimeZonePickerBeta {
         }
     }
     render() {
-        return (h("gux-dropdown", { key: 'ce2c11489b3e4acc77a8dc4b1409cec5895a84a0', class: {
+        return (h("gux-dropdown", { key: '16b8666e4d776fcdf167b962e92ac0d9e8054603', class: {
                 'has-defaults': !!this.workspaceDefault || !!this.localDefault
-            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '13010a16bba1b2ebe1b34608862e240b66f4189e', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.timeZoneOptionElements)));
+            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '214c04c3c9034269de8e93263cfbb47f6be45bee', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.timeZoneOptionElements)));
     }
     static get is() { return "gux-time-zone-picker-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-base/gux-tooltip-base.js

@@ -113,10 +113,10 @@ export class GuxTooltipBase {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'f6298be4ffd385ec391e3ebea8a605b1b77ce6da', id: this.tooltipId ? undefined : this.id, role: this.tooltipId ? undefined : 'tooltip', class: { 'gux-show': this.isShown } }, h("div", { key: '8626112e9b077cdb6f5baf8a1ff6db2260eb2c85', class: {
+        return (h(Host, { key: 'a2e45b563971c95f0e37e54ff7762c3ba3974dbc', id: this.tooltipId ? undefined : this.id, role: this.tooltipId ? undefined : 'tooltip', class: { 'gux-show': this.isShown } }, h("div", { key: 'f34102cfb85e5b5853e89c37831a84ecd5634e7d', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'c81057992d4bb9bc5a767b6bbe2222b6f4855a27', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: 'ec4e87b9a141c6c4709e4dfe1c0c1a787d0a3dcf', name: "content" }))));
     }
     static get is() { return "gux-tooltip-base-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-beta/gux-tooltip.js

@@ -52,7 +52,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: '023c5a774415ada51376c5f15302883b731bf123', id: this.id, role: "tooltip" }, h("gux-tooltip-base-beta", { key: '7a3740c4718ec7fc068e7d0adde526b77e65cdfe', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, h("span", { key: '2ef024784bc0440e0999e2c40a70ddf22b9a4b62', slot: "content" }, h("slot", { key: '49daea811a2a68ae2d2e75301aa6bbe0f9575b38', name: "content" }, h("slot", { key: '1d223215d0437e4568c3388b8b69bfafeae84cab' }))))));
+        return (h(Host, { key: '033659dd2131163ef7e2e785b7c0913dcadc63cb', id: this.id, role: "tooltip" }, h("gux-tooltip-base-beta", { key: 'b212954a9046c1a68925bce619ae3998c9279423', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, h("span", { key: 'f4aa6a1ef2d61e7cc9b36adcc455150702cbc09f', slot: "content" }, h("slot", { key: 'fa6f543369de03166f34985f1c0ae8a2c0224cef', name: "content" }, h("slot", { key: 'ff72e008ef3bb24184a0b386dc6d695dfa0d7181' }))))));
     }
     static get is() { return "gux-tooltip-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class GuxActionToast {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '010dd01d365a1ba177cacd74a8c61a9f489df777' }, h("div", { key: '582e2b6b6dc97ac7c556afaeb408482c8e89eb93', class: "gux-header" }, h("div", { key: 'c7afddacb4a8bbd5246bfdefbca8164687a45a95', class: "gux-icon" }, h("slot", { key: 'db6b305fe9b53933063e47d6e5207609e8e23525', name: "icon" })), h("div", { key: 'e24ba835cad0fc60ad654202d5770a1e2169a692', class: "gux-title" }, h("slot", { key: 'a9cce4c0c2fcde5430c989edb5aa67f968c57eaf', name: "title" }))), h("div", { key: 'cb6ae2190eb7c73a4dece91bc6b0e4e40f797df6', class: "gux-message" }, h("slot", { key: '8c5feb27d71065d572ee20b9d2eaa03cc6b4eeb7', name: "message" })), h("div", { key: '5200444b6bddcc717619ee332a56f7c93dbc8dd8', class: "gux-action-buttons" }, h("div", { key: '78d4def0b4d74a9eaba696d6976e49f5972f540a', class: "gux-positive-button" }, h("slot", { key: '8d7754c3c6a12359ccffef190fff1a7ff69a2236', name: "positive-button" })), h("div", { key: '807e94ed45811f3c4116acebadd08a61ef733431', class: "gux-negative-button" }, h("slot", { key: '4fa3e73efe2969293711cee259dcceeae2459b1c', name: "negative-button" })))));
+        return (h(Host, { key: '57f38300fffab4419c9a753efe743d202809cbb7' }, h("div", { key: 'f16f68c58d37f8f20b7a3bf45fcd84862018044a', class: "gux-header" }, h("div", { key: 'c5b52b07ab320280624b2775ef92289a27e44c22', class: "gux-icon" }, h("slot", { key: 'a9a8a183d8f8bb352443beaf41761a2851b7b2fb', name: "icon" })), h("div", { key: '4b26d426c07cb5193bacb9d18ded4a954ebe4d8a', class: "gux-title" }, h("slot", { key: 'b70271fd9475c858b6811efc369c2968832cb038', name: "title" }))), h("div", { key: '729ef9be2c7bb61e00cbab7f58f9f74edf0a6458', class: "gux-message" }, h("slot", { key: '233db2929092118ffdb8fa84aaa58651f5f09742', name: "message" })), h("div", { key: 'cc99ab8c945f4fe49c922252af04401a29024b30', class: "gux-action-buttons" }, h("div", { key: '81451056ee5c4922fe3ee9c7d03b727c36d4384c', class: "gux-positive-button" }, h("slot", { key: 'c1486c7fab07990b4119ed854afb061c7cbd4ac8', name: "positive-button" })), h("div", { key: '50b8d126d158e8811fa0cde14326fa970bdcda4c', class: "gux-negative-button" }, h("slot", { key: '37d1f81807d5b28b5ef6714c8c15d184974a9461', name: "negative-button" })))));
     }
     static get is() { return "gux-action-toast-legacy"; }
     static get encapsulation() { return "shadow"; }

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

@@ -58,7 +58,7 @@ export class GuxDropdownOption {
         };
     }
     render() {
-        return (h("div", { key: '2a75a6c25ba64caa912e2208ab81c18387086529', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '388c35f13069f7f54bff75ea298f730862ca39fb', 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

@@ -70,9 +70,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'd284dd6ee1f92914c723d7cd71bac814e4b32177', expanded: this.opened, disabled: this.disabled }, h("div", { key: '80af7e31606a8b2e05eb20b1e4ad9eb2199e258d', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'b74b12d405c0f1d81edfb8fc3f4751f4da41aaee', 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", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'a57569e9fa8b31b97b0ffec3689540c985133fb7', class: "gux-icon-wrapper" }, h("gux-icon", { key: '0e8162266864d0a00bda81b597a04d55d3cbb51c', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '30e63ad53ed94ee0c69c5d0cabd8ebbe3d38d975', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'cca2c11c02be6b9eb924133b45d117592e0167e3', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'b873a7722181f5be555007cc4ee15fbb5f5156e7', "label-position": "screenreader" }, h("label", { key: '55eab47f22eafec9bd5dd30c48cc1fdae9220588', slot: "label" }, this.i18n('searchAria')), h("input", { key: '3db356240af22dd328cd8a86136c22dd8a6ec7c3', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '2c5de5f92f4dce1dd951db895a0ab512547985c8', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'c14dafe787022b47f07aa8d737b7760472a191bd', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '3d0ec0564f68b994c679e42065d28a575a85a3ec', 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", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '13dcc9e0862e703cf1234da0fe6ad0e4c28f9af8', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'ce3c4d155fcff7cf9d6d4db5cf6f117597206c26', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '1fcdd802c23dfa44314e0bc59cd80aabeefca46a', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'bc04ecfec978b27cba974f1c15925a20cfd687b7', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'ce05782596e319c58f2c3241b00a85337e8315ec', "label-position": "screenreader" }, h("label", { key: '2149aa815abf753ef1148eafd820028f463615b3', slot: "label" }, this.i18n('searchAria')), h("input", { key: '1c74a3fef26208f9a4150736f8b17eb8922c496e', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '9173dbd464c259ee2698f2f4fa9037dc028664ef', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '4ac67e545a2fcfeec7aa3306f8b5f8c9f0acf161' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '6c1da64b7dd06cf8ccd8b16434d16f55ac4392c2', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'ca6a7bbc4924788bddc39aa2007d471430915829' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

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

@@ -38,10 +38,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '54ab6c91d837b2c2f2df842a273bb9d40a46fe98', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '3e1404ce2354beaf184cf6c73982160e731dbdd5', 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: 'cb2206edc79bb2bbab81c7ddfa6b1e66b5a8683b', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'b65b1bd3edebdf429ce557118c2fb1153ad35fc6', id: this.panelId, class: {
+        return (h("div", { key: '7606631f49c7f3c4eb291776879d022712bd1fa5', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'a55988eeba61599f745f9bf47350a3ef50770052', 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: '284b5cb243896fbd272a21f2180e5f1d76791851', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'e89f0a42b9d414a641f9464b20591376bd5c4efe', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: 'f49c0101d8e9099e776784cf8f2a8fa9899a57d1', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '1b30aea14f5fd8941bdf67aeb4f567ee3ffe86be', 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

@@ -42,10 +42,10 @@ export class GuxModalLegacy {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: 'd91d95351455ee8293ed7318c3ab1d242bb8f29a', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6e527ccf06bffea22893f3809ecca0169e5b2aab', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: '7f3c1ef928d1c568a42a11d0a6f273afae08027d', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '8d82c7322519e836dd359be99ebb1095a2294631', class: {
+        return (h("div", { key: '3daad0ffabba648d738f54b040b904fd1ee55627', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6327b850582b671096469837f42bb83bca21c9bc', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: '733bf40eef00a7a6670232d65d3884f67fde36d4', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'b1cb4e2e26e5740b386d056e271adf66e1ebf5c1', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '007dde1f8b470a4075596daab19b53d28d5e0f26' }, h("slot", { key: 'f03229b360af8b25b8a28132650d03c7ee535034', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '0f392adf40c71849062c9bd59e1d787dcbaffab2' }, h("slot", { key: '71b43af6aa19a21e091c886610dda186921195b6', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { 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

@@ -13,7 +13,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'bd8a270f2322145efd47a4a0429ec39441cce3b3' }, h("div", { key: 'f2cee9d8c49bf5de901656079c15d5f8a6883a8e', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '18bd1fb7735bac84d561a47beb6b8a8c521332cc', name: "icon" })), h("div", { key: '025bd08a417a8c08d965229cd67de0f5afc7be30', class: "gux-content" }, h("gux-truncate", { key: '5fced15d7039c95e97c8481baacb9128120af666', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'a34822a4dd2d470f7194a586ea42e60369e638ee', name: "title" })), h("gux-truncate", { key: '48ea7569f8e0124e5a687ac62a08cb0d031880b3', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'aa7fe35de219a0466807364e9c529b83d138f4b3', name: "message" }))), h("gux-dismiss-button", { key: 'af6ee86d9c42f4a132e0c0de6ad61ed4b90e2508', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'dd3f82e5f6d3e30f6274a7d8516e14e54bfddd77' }, h("div", { key: '45c42bac3cfc491412264e04896ad49d85742674', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'f339419ee8a2b3efea0b5d3606b378411a326bdc', name: "icon" })), h("div", { key: 'f60970d8f351033ab5d7187ef3f2d65acdec57db', class: "gux-content" }, h("gux-truncate", { key: 'f00c78bed1662a5ae09b974376de008e5ffe867e', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'ea6459822ee0e0ac7d2a6a676b29fa26f052d308', name: "title" })), h("gux-truncate", { key: '7fe8347095376531e50834066cb4b7ed6e27c70d', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'e7d8b71c77714363595d516eb51bec01184cfd22', name: "message" }))), h("gux-dismiss-button", { key: 'b2ffdcd5b20f6ccfccedf10b6f992fadb452a3be', 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

@@ -71,7 +71,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '5099400e7b6401a0f1d2d34c68d29d01dd787009', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '92050aa3026373d37161af47a22774c432ad2d07', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4d10e5c63772c25bef1ed14b831ce6adf01ddcb6', accent: "ghost" }, h("button", { key: 'f30eb55ec8e90098b6699249e0361373e9177d21', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '66a44d12cf2a5192748947d5b04b80e7ef8b082f', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '71d9d139814069ad6232223586820a4e42def88b', accent: "ghost" }, h("button", { key: '351c4efc0c858671139eb305f0a71d7269f4fafa', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b3685bff9790c1840466945724369640753e5a46', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'b84f0661f6a4ebeeeb7c5c1e6d4901c04cadcdd3', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b8d28e3ff658d53eaaae613a5df4b53af7aa393b', accent: "ghost" }, h("button", { key: 'b514c5734a270275c8185b359b3959c5c16c55db', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '751de87aecf534a0e4eaced6a481b47c80545d30', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '120a92813c188e4bedab5b2228f5e8b2d5497e37', accent: "ghost" }, h("button", { key: '1bed52c60238a86c333218af72da78e4030e156e', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '1888abc2703b729f982d0ef3706a0163f8cab3df', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '3f12800f230f04b4d03969d3962bc1e256d6fed7', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '655e8c81f5885547b7341e019d95a31a85363bb9', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '915d7eaf5af5c1e084a354301e0acb93022506f3', accent: "ghost" }, h("button", { key: '880914c04b06a46ba4f8ed6756a6bc1f6b339c50', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '17db6836528f34b06a9f32a559960acb4dc612c8', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '49924d632b320d4fb44ef7ac6fcbbe9a179bebde', accent: "ghost" }, h("button", { key: '24e0df793d20e37710a264c10797e58450d52e10', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '32edd56fc0741da86ba8dac60752779fa7ad778b', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '75c0f5d3dc53f9fe19943c6fd5b0190fb9c126b7', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '350ca54bbd358ab772a663e5a88fb7c066b48191', accent: "ghost" }, h("button", { key: '62fff40eff9224ae26ff7865a29627fa29615c33', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'aea6936702016935909b3690a8d6ce39677e2db2', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '90c618887e133a6f864d86cf8554d32fb95ff7aa', accent: "ghost" }, h("button", { key: '663afe7cdb1e0af649552284a6ea986282a1306d', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '6dca995db947eaca51b19b2fba22c2455222c2de', 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: 'a66faf176870d6c40fd34d358ac75e0848832289', class: "gux-pagination-item-counts-container" }, h("span", { key: '73c4c7b3d579d557d41386e014b8260a621965f6', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'a920e6de26c2cb94db1a74e82e30b4a5c45006f0', class: "gux-pagination-item-counts-container" }, h("span", { key: '37b5872aa3333a989778873027add3730f3318e0', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '5ea057c417a4742a1439f296029275c537122006' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: 'f628030166c19861f28bee6c59d37f3fd285d358' }, 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: '76e365ddf4be6dd9004a6e2ca60c422379770351', class: "gux-pagination-items-per-page-container" }, h("div", { key: '9ba325d9b7f776396c03da65220ec266b34394f9', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '44658ff6c7501152f1d83e297199e47a3efeca1b', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '23d3d353904b22710db219a38c6ce9e944dc297e', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'cabb6c7c2b22c983ade100c97643a162c33a78f9', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '7ea4c7573fbbfdc59f6aa3a14e86a9388c1ffd3a', 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

@@ -58,7 +58,7 @@ export class GuxPaginationLegacy {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: '1662e94d93c9dd5d4cf4812348e50e9174f440e6', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '4740b42635a41019e7304cec56c8d0c63bef4c5f', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '894d5b7acc7b1cba2634abd91671707c1e31d883', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '19ae9528d07f352fb7dd79694e9c1d0f2f7b056c', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '47d05ca16f337e2a6f23694957cea6a65f8bf296', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '3619df0b9643f75e841077134a2339e32e5a5e0e', 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

@@ -12,7 +12,7 @@ export class GuxSimpleToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '1941654de15397290e83c7f2bfc57e4e0d11d8e6' }, h("div", { key: '1ac500d4732199ee61203d5f5548532140554745', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'c1753c1fad5dc6769d57bbbb91257b898d261f59', name: "icon" })), h("gux-truncate", { key: 'e6dbd387a25bd1a35eeec7ca0d7579273092522c', class: "gux-message", "max-lines": 2 }, h("slot", { key: '903df673d21b3c792abf031cb68a893a175bbdec', name: "message" })), h("gux-dismiss-button", { key: '461eb8edaa181c44fcd6742d11f146b9c925ffcb', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'd1b9fd4e8555b82e21ba84cc63998b8283880352' }, h("div", { key: 'e1f0c28cbd4f1f96c454ec3e62e299360440c8ec', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'bbe3395bad2328877b9592abc42e0a472028547d', name: "icon" })), h("gux-truncate", { key: 'a90bbb9cf6efbd33897c632caf66e101dedf98cc', class: "gux-message", "max-lines": 2 }, h("slot", { key: '2996e99ed8a2ad6266d93cb87e846772dfbd6050', name: "message" })), h("gux-dismiss-button", { key: '1fff86b6a3d00af7f52b5626ac59dc9a3cd28fe2', 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

@@ -14,7 +14,7 @@ export class GuxSwitchItem {
         }
     }
     render() {
-        return (h(Host, { key: '6b1f87b0d4bc11d737d20bdf804b35371d0e7bc8', class: { 'gux-selected': this.selected } }, h("button", { key: 'ff9d193ededa10fbfe82106eb5c4e06a44442316', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '7b9fb29f2c354ea1153d91fc0a5d647e730676a1' }))));
+        return (h(Host, { key: '5f75235b66a67bb7b015e00c25965b15d680d3c5', class: { 'gux-selected': this.selected } }, h("button", { key: '73ec71061b78f5a8e3bb22995f69dc8088c88fa7', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'c16a8dd34b01e1f162a7d8efc05a3a123f17fe0d' }))));
     }
     static get is() { return "gux-switch-item"; }
     static get originalStyleUrls() {

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

@@ -31,7 +31,7 @@ export class GuxSwitch {
         });
     }
     render() {
-        return (h(Host, { key: '2ad55995a30ac69437b04748a1981c9d5f501da7', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'd20cfb66506b59f97782aa2059fb783ea03f12a0', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'aed53e15fa09febbae8cf3950b5687110499f4db', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '608249166a81119c4d4939c404dc9b85c4987d37', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-switch-legacy"; }
     static get encapsulation() { return "shadow"; }