genesys-spark-components 4.171.5 → 4.172.0

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

@@ -0,0 +1,59 @@
+import { h } from "@stencil/core";
+import { trackComponent } from "../../../utils/tracking/usage";
+import { buildI18nForComponent } from "../../../i18n";
+import translationResources from "./i18n/en.json";
+export class GuxLogomark {
+    constructor() {
+        this.variant = 'primary';
+    }
+    async componentWillLoad() {
+        this.i18n = await buildI18nForComponent(this.root, translationResources);
+        trackComponent(this.root, { variant: this.variant });
+    }
+    render() {
+        return (h("svg", { key: 'd74e0f13cf97b292abd2d370ca55ae035cfb6cb0', class: `gux-${this.variant}`, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 50", "aria-label": this.i18n('genesysLogomark'), role: "img", focusable: "false" }, h("path", { key: 'eb207eca3c6c8f89fb99df04d5818ea057ba4496', class: "gux-foreground-fill", d: "M21.7947 34.7408H16.7148C14.6475 34.7408 12.6648 35.5446 11.203 36.9754C9.74117 38.4061 8.91992 40.3466 8.91992 42.37C8.91992 44.3933 9.74117 46.3338 11.203 47.7645C12.6648 49.1953 14.6475 49.9991 16.7148 49.9991H21.7947C23.862 49.9991 25.8447 49.1953 27.3065 47.7645C28.7683 46.3338 29.5896 44.3933 29.5896 42.37C29.5896 40.3466 28.7683 38.4061 27.3065 36.9754C25.8447 35.5446 23.862 34.7408 21.7947 34.7408Z" }), h("path", { key: '8aacb1576d43ef3eb3a14cadb72f5c934bbb1efc', class: "gux-foreground-fill", d: "M21.3004 15.0225H8.38053C6.15787 15.0225 4.02625 15.8881 2.4546 17.4289C0.882946 18.9697 0 21.0594 0 23.2384C0 25.4174 0.882946 27.5072 2.4546 29.048C4.02625 30.5888 6.15787 31.4544 8.38053 31.4544H21.3004C22.401 31.4544 23.4907 31.2419 24.5075 30.829C25.5243 30.4161 26.4481 29.8109 27.2264 29.048C28.0046 28.2851 28.6219 27.3793 29.043 26.3825C29.4642 25.3857 29.681 24.3174 29.681 23.2384C29.681 22.1595 29.4642 21.0911 29.043 20.0943C28.6219 19.0975 28.0046 18.1918 27.2264 17.4289C26.4481 16.6659 25.5243 16.0608 24.5075 15.6479C23.4907 15.235 22.401 15.0225 21.3004 15.0225Z" }), h("path", { key: '3eeb2192aa93ff274ecb64c0e7a95035266ac8b8', class: "gux-foreground-fill", d: "M17.8403 5.8683C17.8403 2.62719 20.4678 -0.000244141 23.7089 -0.000244141C26.95 -0.000244141 29.5774 2.62719 29.5774 5.8683C29.5774 9.10941 26.95 11.7368 23.7089 11.7368C20.4678 11.7368 17.8403 9.10941 17.8403 5.8683Z" }), h("path", { key: '42e982dde094743b4e6b10ae8e87f56be956fb96', class: "gux-foreground-outline", d: "M16.7153 35.5144H21.7954C23.6628 35.5145 25.4506 36.2406 26.7661 37.5281C28.0811 38.815 28.8168 40.5572 28.8169 42.3699C28.8169 44.1826 28.081 45.9247 26.7661 47.2117C25.4506 48.4992 23.6628 49.2253 21.7954 49.2253H16.7153C14.8478 49.2253 13.0602 48.4992 11.7446 47.2117C10.4297 45.9247 9.69385 44.1826 9.69385 42.3699C9.6939 40.5572 10.4297 38.815 11.7446 37.5281C13.0602 36.2406 14.8479 35.5144 16.7153 35.5144Z" }), h("path", { key: '26c281e35673dcd450972d75139f09fb8aba8901', class: "gux-foreground-outline", d: "M8.38086 15.7959H21.3008C22.3017 15.7959 23.2928 15.9891 24.2168 16.3643C25.1408 16.7395 25.9789 17.2897 26.6846 17.9814C27.3902 18.6733 27.949 19.4937 28.3301 20.3955C28.7111 21.2973 28.9072 22.2631 28.9072 23.2383C28.9072 24.2134 28.7111 25.1793 28.3301 26.0811C27.949 26.9829 27.3902 27.8043 26.6846 28.4961C25.979 29.1877 25.1406 29.7371 24.2168 30.1123C23.2928 30.4875 22.3017 30.6806 21.3008 30.6807H8.38086C6.35857 30.6807 4.42154 29.8934 2.99609 28.4961C1.57115 27.0991 0.773438 25.2071 0.773438 23.2383C0.773476 21.2695 1.57126 19.3784 2.99609 17.9814C4.42156 16.584 6.35846 15.7959 8.38086 15.7959Z" }), h("path", { key: '52b24c91beaf5a17acf3bd777253fe83e370f9ee', class: "gux-foreground-outline", d: "M23.7085 0.773193C26.5223 0.773193 28.804 3.05419 28.8042 5.86792C28.8042 8.68182 26.5224 10.9636 23.7085 10.9636C20.8948 10.9634 18.6138 8.68169 18.6138 5.86792C18.614 3.05432 20.8949 0.773399 23.7085 0.773193Z" })));
+    }
+    static get is() { return "gux-logomark-beta"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gux-logomark.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gux-logomark.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "attribute": "variant",
+                "mutable": false,
+                "complexType": {
+                    "original": "GuxLogomarkVariant",
+                    "resolved": "\"neutral\" | \"outlined\" | \"primary\"",
+                    "references": {
+                        "GuxLogomarkVariant": {
+                            "location": "import",
+                            "path": "./gux-logomark.types",
+                            "id": "src/components/beta/gux-logomark/gux-logomark.types.ts::GuxLogomarkVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'primary'"
+            }
+        };
+    }
+    static get elementRef() { return "root"; }
+}

package/dist/collection/components/beta/gux-logomark/gux-logomark.types.js

@@ -0,0 +1 @@
+export const guxLogomarkVariant = ['primary', 'neutral', 'outlined'];

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

@@ -0,0 +1,18 @@
+import { guxLogomarkVariant } from "../gux-logomark.types";
+export const defaultConfig = {
+    description: `should render component as expected`,
+    html: `<gux-logomark-beta></gux-logomark-beta>`
+};
+const variantConfigs = guxLogomarkVariant.map(variant => ({
+    description: `should render component as expected when variant is ${variant}`,
+    html: `<gux-logomark-beta variant="${variant}"></gux-logomark-beta>`
+}));
+const invalidVariantConfig = {
+    description: 'should render component as expected when variant is invalid',
+    html: '<gux-logomark-beta variant="invalid"></gux-logomark-beta>'
+};
+export const renderConfigs = [
+    defaultConfig,
+    ...variantConfigs,
+    invalidVariantConfig
+];

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

@@ -163,7 +163,7 @@ export class GuxMonthCalendar {
         return (h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (h("div", { key: '4a11c173e29d72a614fef638df5cc3c4a4ce0348', class: {
+        return (h("div", { key: '4cfaf9f4af7c3cc812574ac9bc8acfbd01bef5e4', class: {
                 'gux-hidden': !this.expanded,
                 'gux-month-calendar': true
             } }, this.renderHeader(), this.renderMonths()));

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

@@ -21,7 +21,7 @@ export class GuxMonthListItem {
         }
     }
     render() {
-        return (h(Host, { key: '4efcd330bf11de04d4a3d98a53cbe7a1af5add36', role: "listitem", value: this.value }, h("div", { key: '73e87e967f4093114cc6457b1a2226b7eed49c42', class: "gux-container" }, h("button", { key: '56f774cb1d98c724bafb4d01ce095536d8f550d3', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'c6c605d5f0b08f3cf3ff25cfc116d05c86b781e6' })))));
+        return (h(Host, { key: '9ae7bacd1bc7398c02ecf33612b00be589578114', role: "listitem", value: this.value }, h("div", { key: '2694ca6e653cd7b4f8652147d864db2e942bd646', class: "gux-container" }, h("button", { key: 'f9f29576af38892a136e2b20e737f1701b13813f', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '994bb91ce4bf47c7bf553054731cb88408b3013b' })))));
     }
     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: 'b5df0b626c793ae5930ac65714aaaba6a90b1ce8', role: "list" }, h("slot", { key: '9dea65e2038a8f1dc325792ac82e2df1462d5acb' })));
+        return (h(Host, { key: '533fe017229986c0e266fdb624b04d8826beb484', role: "list" }, h("slot", { key: '9eeb5dfc7950539de7f08ada0189d8bdb17db8cb' })));
     }
     static get is() { return "gux-month-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -196,7 +196,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: '26805430e6effefb8295ac3f69d23180369f74d1', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '251867ede43634e2b710af3ae9b3da9dabf32d0d', 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-option-status/gux-option-status.js

@@ -34,11 +34,11 @@ export class GuxOptionStatus {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '63ae08c2ed117bef2f23b320fe71d20547137722', role: "option", class: {
+        return (h(Host, { key: '456d9d1266c2d87d9847600a8320e77178af8775', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-selected': this.selected
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'be18420ee4530a1be4e0c03fa2562044c985468c', class: "gux-status-indicator" }, h("span", { key: 'b29a62bfc9b5d0d2738ee3bb22ec856b582fd924', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: '792923ae02a7142d628d489fbec528408a1d0507', class: "gux-status-indicator-text" }, h("gux-truncate", { key: '0f7c6a4d550740c3e43b5363e1e49837135a6dd1', ref: el => (this.truncateElement = el) }, h("slot", { key: '7f6f3ce673c28e939a407038e8d4fd0fc4cfce0d' }))))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '1b99a2762d20ca4af9ee52b5199919e6f6a512a1', class: "gux-status-indicator" }, h("span", { key: '919afbe9c271008eb96caa2af108c8391b6bc353', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: '703e9d6686ea43c845052532948fd75575d5425a', class: "gux-status-indicator-text" }, h("gux-truncate", { key: '5444888ec1de42d314dcc8ac6149b7251efc0b08', ref: el => (this.truncateElement = el) }, h("slot", { key: 'a9c6f466c8b06e7d35a1da1c653c2d775d05baba' }))))));
     }
     static get is() { return "gux-option-status-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -362,7 +362,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: '48b85016cbad67170edb573edcdccafeb6e099fb', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '7c1f9bcd66fdb5bcd59acbc4d6cec683e0c16f6b', 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-popover-beta/gux-popover.js

@@ -247,10 +247,10 @@ export class GuxPopover {
         this.disconnect();
     }
     render() {
-        return (h("div", { key: '307ffafb5625573dd3ff754d89de6c6a2359bb5a', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '47cb25e6fb2f2af007a7e5f5554371424bd5ba76', ref: (el) => (this.popupElement = el), class: {
                 'gux-popover-wrapper': true,
                 'gux-hidden': !this.isOpen
-            }, "data-placement": true, popover: "manual", tabindex: "-1" }, h("div", { key: 'aa3e9941301806193c7f8fcf8e63eeab858ad8ab', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'dca4c63c184f4178903cd7e1275c0879bcab8248', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'bdc73d2bac765eef75cd3c02b513de77497278b8', onClick: this.dismiss.bind(this) })), h("div", { key: '81c493185802958d6db396e46f561d07b5cfb0cb', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'f31e61448e5a647b3a6bffc36be5805bb6017e49', name: "title" })), h("div", { key: '4eb8714865cd273cdff5bf18dc34fc2257b67e44', class: "gux-popover-content" }, h("slot", { key: 'c212d211090bc57633cdaadea3270e415b986b8b' })), h("div", { key: 'eaed2c049b0478709dc4f6609de19a74ce7e8039', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'ed94c31023c30a08f0fe1ba3014d6729a4cd566a', name: "footer" }))));
+            }, "data-placement": true, popover: "manual", tabindex: "-1" }, h("div", { key: '0c602346aef1a6d1290c73331c4b2f46ff7003f6', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '4e0d066bea1b36e4232dc31c7558bda35e0e903c', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '8e534d0421842a944025176047cba07ff9ea0f62', onClick: this.dismiss.bind(this) })), h("div", { key: 'd32c5849b9fd65cbac453218d827698e61fa8e37', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '61ef1e0ca1719aa9ec91b05921b966247b04ce00', name: "title" })), h("div", { key: 'b97254239bc08fa341ad47da78b377d9c4148069', class: "gux-popover-content" }, h("slot", { key: '30f7ce349d2ac1b4071b2dd5d38f8e08730af920' })), h("div", { key: '777742561081307d10d4ba6d3c8b9b21c581c013', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'f75614395d587f59403d54d2086ae4f4d9dc5975', name: "footer" }))));
     }
     static get is() { return "gux-popover-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -186,10 +186,10 @@ export class GuxPopoverList {
         this.disconnect();
     }
     render() {
-        return (h("div", { key: '7157de0f39ff04d575ff7d6fdcb0c68fed76afbb', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '707f50ba9f3c658d2a0ab0610c08803d29c36c2d', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true, popover: "manual" }, h("div", { key: 'fb6abf3a83874214cb3915ad37c29dd43ebea8ae', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'd0ad86ba5e87126e36ebe1bc6c28d88a87a7fad4', onClick: this.dismiss.bind(this) })), h("div", { key: '28118899363e88b4366238db70c7356d115c1cce', class: "gux-popover-content" }, h("slot", { key: '0612ddeb60613c1bf83807821b0bf49a47d7b128' }))));
+            }, "data-placement": true, popover: "manual" }, h("div", { key: '7e2e91483ebe4d5075ce3708b06a2d5f5bd635c3', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '35c30e4a330e89b39336b80cf2735a31c5305217', onClick: this.dismiss.bind(this) })), h("div", { key: '4b246288ce4a3ae055e9b2af8decaec34605266d', class: "gux-popover-content" }, h("slot", { key: '66a00f735ba3c17200126df829ab6ef94cd5f532' }))));
     }
     static get is() { return "gux-popover-list-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-prompt-input/gux-prompt-input-beta.css

@@ -19,6 +19,40 @@
 .gux-input-container:focus-within {
   border: var(--gse-semantic-container-edges-borderWidth) solid var(--gse-semantic-foreground-interactive-secondary-active);
 }
+.gux-input-container gux-button-slot {
+  align-self: flex-end;
+}
+.gux-input-container .gux-grow-wrap {
+  display: grid;
+  inline-size: 100%;
+  min-block-size: 0;
+  max-block-size: var(--gse-ui-promptInput-simple-label-maxHeight);
+  padding: var(--gse-ui-promptInput-complex-labelContainer-scrollEnabled-padding);
+  overflow: hidden auto;
+}
+.gux-input-container .gux-grow-wrap::after {
+  visibility: hidden;
+  grid-area: 1/1/2/2;
+  padding: 0;
+  margin: 0;
+  font-family: var(--gse-semantic-theme-fontFamily-body);
+  font-size: var(--gse-core-fontSize-sm);
+  font-weight: var(--gse-core-fontWeight-regular);
+  line-height: var(--gse-core-lineHeight-sm);
+  color: var(--gse-semantic-foreground-formControl-textInput-placeholder);
+  word-break: normal;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+  content: attr(data-replicated-value) " ";
+  border: 0;
+}
+.gux-input-container .gux-grow-wrap > textarea {
+  grid-area: 1/1/2/2;
+  overflow: hidden;
+  word-break: normal;
+  overflow-wrap: anywhere;
+  resize: none;
+}
 .gux-input-container .gux-input {
   inline-size: 100%;
   font-family: var(--gse-semantic-theme-fontFamily-body);

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

@@ -38,9 +38,18 @@ export class GuxPromptInputBeta {
         });
         this.isGenerating = false;
     }
-    keyUp() {
+    handleInput() {
         var _a;
         this.hasInputText = ((_a = this.inputElement.value) === null || _a === void 0 ? void 0 : _a.length) > 0;
+        /**
+         * Sets the data-replicated-value attribute on the gux-grow-wrap div element and sets the value to
+         * whatever the text is currently in the text area.
+         * In the scss file there is a ::after pseudo selector that uses this attribute to display the content
+         * invisibly. The grid container sizes itself based on the pseudo-elements height which makes the text-area
+         * auto-grow vertically.
+         */
+        this.inputElement.parentElement.dataset.replicatedValue =
+            this.inputElement.value;
     }
     renderSubmitButton() {
         return (h("gux-button-slot", { accent: "primary" }, h("button", { type: "button", class: `gux-generate${this.hasInputText ? '-active' : ''}`, onClick: () => this.submit(), disabled: !this.hasInputText, title: this.i18n('generateGenesysAIText'), "data-testid": "generate-button" }, h("gux-icon", { "icon-name": "fa/arrow-up-regular", size: "small", decorative: true }))));
@@ -49,9 +58,9 @@ export class GuxPromptInputBeta {
         return (h("gux-button-slot", { accent: "danger" }, h("button", { type: "button", class: "gux-generate-cancel", onClick: () => this.stopGeneration(), "data-testid": "stop-generation" }, h("gux-icon", { "icon-name": "fa/square-regular", size: "small", decorative: true }))));
     }
     render() {
-        return (h(Host, { key: '58225f3b91e4ed8edfa002103b4feab08c5b019b' }, h("div", { key: '50c12aea7cb875ef4d88ebc34bd9b4ac04aca96e', class: "gux-input-container" }, h("input", { key: '0fbf23e09dafd6f50202dc66b692eb25abbcbcdc', class: "gux-input", ref: el => (this.inputElement = el), placeholder: this.placeholder || this.i18n('inputPlaceholder'), onKeyUp: this.keyUp.bind(this), "data-testid": "prompt-input" }), this.isGenerating
+        return (h(Host, { key: '472812709320965203ad9322fe0fafd084faccdb' }, h("div", { key: 'bec91d446887a3fa4732dfc5e12dd4e7121f887b', class: "gux-input-container" }, h("div", { key: '02988ab0b74382335a2b45cd76cfe890930af338', class: "gux-grow-wrap" }, h("textarea", { key: 'd4bffae5fd92e107cf81f64d056f81a62435e857', rows: 1, class: "gux-input", ref: el => (this.inputElement = el), placeholder: this.placeholder || this.i18n('inputPlaceholder'), onInput: this.handleInput.bind(this), "data-testid": "prompt-input" })), this.isGenerating
             ? this.renderStopButton()
-            : this.renderSubmitButton()), h("div", { key: 'bd24aa682a8f85e7cf64157177134faf4b1a2a19', class: "caution-message" }, h("slot", { key: 'b77d588e04bedcdf268d5e26abd633e5e74265b3', name: "caution-message" }))));
+            : this.renderSubmitButton()), h("div", { key: '24964fdb8f72caa4b25414eda48e9d7485f4f4ec', class: "caution-message" }, h("slot", { key: 'be9b0580f456e5d55b31b5d91df3444fd6ee16d3', name: "caution-message" }))));
     }
     static get is() { return "gux-prompt-input-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -75,7 +75,7 @@ export class GuxRichTextEditorActionLink {
         }
     }
     render() {
-        return (h(Host, { key: '6a41bfa64a456735e1fc3bf0d803f2ec4f03a955' }, h("gux-button-slot", { key: '319112b3651f479e0db483588cf68f0f84065b09', accent: "ghost", "icon-only": true }, h("button", { key: '9592d7b9134aec04fb8ebe3fea5a972a2b9ec774', id: "popover-target", class: { 'gux-is-pressed': this.isActive || this.isOpen }, onClick: () => this.togglePopover(), ref: el => (this.actionButton = el), type: "button", disabled: this.disabled || hasDisabledParent(this.root), "aria-label": this.i18n('link'), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-pressed": this.isActive.toString() }, h("gux-icon", { key: '8581d8d4f50f882034a6242235296a26b7137e58', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), h("gux-popover", { key: '1757326dc7aeee9eed3c6a4d8856240cd704645b', "is-open": this.isOpen, for: "popover-target" }, h("div", { key: '85e26cb2a0949f3bd5d3be3e6dbd8ab82c248aff', class: "gux-popover-content-wrapper" }, h("gux-form-field-text-like", { key: '5d970efcc6ee83825a66d9182702ce29d77398b0' }, h("input", { key: 'ab791a451578a8bf9de7645c869527f257076f0e', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), h("label", { key: '47172fd7435df002a1231cbeb114466fa17a30c1', slot: "label" }, this.i18n('textToDisplay'))), h("gux-form-field-text-like", { key: 'be9b14cf51bcc3757d86759397eb6b1e8e815083' }, h("input", { key: '8a6fa1cb7b7ceb3ded1d7b2465c43d1dad164acb', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), h("label", { key: '938edd1ccb97059e08f6f73af06b6703f554ef1a', slot: "label" }, this.i18n('linkAddress'))), h("gux-cta-group", { key: 'a4293c7ff33eee44b6f77b0715f7a045420988ca', align: "end" }, h("gux-button", { key: 'b68c4f09cc570e27f036798f2c5e635950dde4b4', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), h("gux-button", { key: '939b2f06d9449d4d5a9e7818bd2be26981b1748e', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel')))))));
+        return (h(Host, { key: '81d1231873fca8fcd11acd001bdf5ce6a3509b43' }, h("gux-button-slot", { key: '240666bc9d0d4b552f9683e462ab30a52fd93d09', accent: "ghost", "icon-only": true }, h("button", { key: '1f5b74cc6c1370efa1c26726f683a5d78118a284', id: "popover-target", class: { 'gux-is-pressed': this.isActive || this.isOpen }, onClick: () => this.togglePopover(), ref: el => (this.actionButton = el), type: "button", disabled: this.disabled || hasDisabledParent(this.root), "aria-label": this.i18n('link'), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-pressed": this.isActive.toString() }, h("gux-icon", { key: '4571f0fc296b0fdf7d3cc82b8800f0c6d4c9c0ca', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), h("gux-popover", { key: '9552f8764427c9b2478052e7d3bb52c67b7ff7bb', "is-open": this.isOpen, for: "popover-target" }, h("div", { key: '037edcd36f4cace76ba18ff673c3f5de30219d55', class: "gux-popover-content-wrapper" }, h("gux-form-field-text-like", { key: '6b642e5d5f5dc07e4ca4de75e6d9cd1198bff8d8' }, h("input", { key: '12f0838b5f59da37fb04e3d97201e0bb658e075b', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), h("label", { key: '701a5124601d6775c603b4ecbfdf4a74798d12a7', slot: "label" }, this.i18n('textToDisplay'))), h("gux-form-field-text-like", { key: '26655a9762f5a530ada2422c35100293763e1de7' }, h("input", { key: 'd21240bac5815c0b2299c165bf38035dbe266894', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), h("label", { key: 'd4cfae420cbc33a5f89385f779464e981aa3b2db', slot: "label" }, this.i18n('linkAddress'))), h("gux-cta-group", { key: '9d390b5c1b9dce9524f57b542e9690db7d66cb9c', align: "end" }, h("gux-button", { key: '2bb63e83fb54c35d3da7d668caf43a1c6b59cfaf', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), h("gux-button", { key: '733693c08eb7327f7f8cf2e89d6d9a0d099e0cb4', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel')))))));
     }
     static get is() { return "gux-rich-text-editor-action-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -170,7 +170,7 @@ export class GuxRichTextEditorActionRichStyle {
         return (h("gux-button-slot", { accent: "ghost", slot: "target", "icon-only": true }, h("button", { type: "button", ref: el => (this.actionButton = el), class: { 'gux-is-pressed': this.expanded }, onClick: () => this.onActionButtonClick(), disabled: this.disabled || hasDisabledParent(this.root), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, this.renderMenu()), this.renderTooltip()));
     }
     render() {
-        return (h("gux-popup", { key: '93a7c9e1f565aca0609ab6067968d6802af9433f', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'cda1795f51e37a044b3314b0cf8fffabd76ec004', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-rich-text-editor-action-rich-style"; }
     static get encapsulation() { return "shadow"; }

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

@@ -107,7 +107,7 @@ export class GuxRichTextEditorActionTextHighlight {
         return (h("gux-button-slot", { accent: "ghost", "icon-only": true, slot: "target" }, h("button", { type: "button", ref: el => (this.actionButton = el), onClick: () => this.togglePopup(), disabled: this.disabled || hasDisabledParent(this.root), class: { 'gux-is-pressed': this.isActive || this.expanded }, "aria-haspopup": "true", "aria-expanded": this.expanded.toString(), "aria-pressed": this.isActive.toString() }, h("gux-icon", { size: "small", "icon-name": "fa/highlighter-line-regular", decorative: true }), h("gux-screen-reader-beta", null, this.i18n('textHighlight'))), this.renderTooltip()));
     }
     render() {
-        return (h("gux-popup", { key: 'b631bcaa26314ed02bf11c6fbae372b48f4e254b', disabled: this.disabled, expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '546b23f8f71b22b97a1630acb7d267898cfa6e6f', disabled: this.disabled, expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-rich-text-editor-action-text-highlight"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-action-group/gux-rich-text-editor-action-group.js

@@ -12,7 +12,7 @@ export class GuxRichTextEditorActionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '077d33895242083485e9bbcdb2247c5802fd4770' }, h("div", { key: '75a11cf91e3ab3f8f2f98858dd8d00ad4702109d', class: "gux-action-group-container" }, h("slot", { key: '3231ef433b403037dc7baff5714e6c8dc61a0d65' })), this.renderActionGroupDivider()));
+        return (h(Host, { key: '24a3802e087405690ecc8ae6693edfa1f0ecaf60' }, h("div", { key: '94d35e1455e308e812f70499a8ea4dab20d7696c', class: "gux-action-group-container" }, h("slot", { key: '48b048446c6dc2496f915838c8487a353c9438a9' })), this.renderActionGroupDivider()));
     }
     static get is() { return "gux-rich-text-editor-action-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -185,11 +185,11 @@ export class GuxRichTextEditor {
         ].some(child => child !== null && child !== undefined);
     }
     render() {
-        return (h("div", { key: 'e5c2b0bc15f0db2bbc8593f46f363b7fee648abd', class: {
+        return (h("div", { key: '3cdb406d734ab16c42aecd060efe5598a145afdf', class: {
                 'gux-rich-text-editor-container': true,
                 'gux-disabled': this.disabled,
                 'gux-toolbar-hidden': !this.hasToolbar
-            } }, h("div", { key: '1d83d43a65ac0059eeb1b31abe4b3d12da4b045a', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderTextEditorMenu(), this.renderGlobalAction()), h("slot", { key: 'ea9a83095c5a3260606ddcacadb96d6500f3fa70', name: "editor" })));
+            } }, h("div", { key: '23eeb8379934fc3fddd9ccc2ca0df3ae4d3868ba', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderTextEditorMenu(), this.renderGlobalAction()), h("slot", { key: '60ff8595306e984372ee6bb772ebdf7e389eb85d', name: "editor" })));
     }
     static get is() { return "gux-rich-text-editor-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-list/gux-rich-highlight-list-item/gux-rich-highlight-list-item.js

@@ -33,10 +33,10 @@ export class GuxRichHighlightListItem {
         }
     }
     render() {
-        return (h("div", { key: '3f9c763158ceb429121d191c3921802c7d3d09e6', class: {
+        return (h("div", { key: '4235612bb460fc97464cdfdc80b9e2aed1ead500', class: {
                 'gux-highlight': true,
                 [`gux-${this.highlight}`]: true
-            }, role: "listitem" }, h("button", { key: '3a4fbe1bf5f0631d44bdfb1012d7a4b1d42efec3', type: "button", "aria-label": this.i18n(`${this.highlight}`), tabIndex: -1, disabled: this.disabled }), this.renderTooltip()));
+            }, role: "listitem" }, h("button", { key: 'b8e5651a5b738612c42d5b972278031e4123cb5a', type: "button", "aria-label": this.i18n(`${this.highlight}`), tabIndex: -1, disabled: this.disabled }), this.renderTooltip()));
     }
     static get is() { return "gux-rich-highlight-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-list/gux-rich-style-list-item/gux-rich-style-list-item.js

@@ -27,7 +27,7 @@ export class GuxRichStyleListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '41b4016a75a9d04e7a87d72e18f83b4c54d580e3', role: "listitem" }, h("button", { key: 'cc5f8c7585ef7c53bbfb9c635785745c7590c5ca', type: "button", tabIndex: -1, disabled: this.disabled }, h("gux-truncate", { key: '1784880ea588a0d682df1aa63ff9e4d881849027', "max-lines": 1 }, h("slot", { key: '6b19e18b2d6bc12899b63d2b22a8c94bc44746ae' })))));
+        return (h(Host, { key: '4c31a012d583ca2936c9c396687a739636b1292d', role: "listitem" }, h("button", { key: '50a3a3317ae0b6bd21e7b26988be592b310721d7', type: "button", tabIndex: -1, disabled: this.disabled }, h("gux-truncate", { key: '3e73d9f5f66daf84b338b626f27a5b1b0db638df', "max-lines": 1 }, h("slot", { key: '421e240ea1088994659420c34fca02ae45e6567a' })))));
     }
     static get is() { return "gux-rich-style-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -79,7 +79,7 @@ export class GuxRichTextEditorList {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: '6e7587ecc3b08437f79c224cd72e18138a5b9da3', role: "list" }, h("slot", { key: 'd42b9bd205073423c14bb608a4a9308853f8abd0', onSlotchange: () => this.setListItems() })));
+        return (h(Host, { key: 'c627a6a520b254caad629e29e7dc70f8f991c188', role: "list" }, h("slot", { key: '350756dbdc00058a5870af5d0763c61db69ec377', onSlotchange: () => this.setListItems() })));
     }
     static get is() { return "gux-rich-text-editor-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-list/gux-rich-text-editor-sub-list/gux-rich-text-editor-sub-list.js

@@ -125,13 +125,13 @@ export class GuxRichTextEditorSubList {
         }
     }
     render() {
-        return (h(Host, { key: 'df41c7a5d2ffe9c1e877250918cee7d358fd18eb' }, h("button", { key: '8322e644193b0ea873b86a3e29c68e6ff6bb8671', type: "button", class: {
+        return (h(Host, { key: 'bac5db843276d4fab67296252833a27e4f985951' }, h("button", { key: '624b55f855826320a72fa7d3258fb46d2c7b72c3', type: "button", class: {
                 'gux-sub-list-button': true,
                 'gux-sub-list-button-active': this.isShown
-            }, tabIndex: -1, role: "listitem", ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '5f0c363fa1d884653e484fabe2493e2d97b13d59', class: "gux-sub-list-button-text" }, this.label), h("gux-icon", { key: '6f10b3d2905c3011ed7d8a6f41924c2bc7e04028', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '8bda9a65a6f4d51772be2feff7f0870bba10e216', ref: el => (this.subListElement = el), class: {
+            }, tabIndex: -1, role: "listitem", ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: 'f260f9725d41b88d58e4724987b744cda593f0d6', class: "gux-sub-list-button-text" }, this.label), h("gux-icon", { key: 'a0e6f13707a620c917852466a48a91783f1c8301', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'b3fe0d383bc28401e896d39311306f7471522ae2', ref: el => (this.subListElement = el), class: {
                 'gux-sub-list-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '7a6651b9e79cc0f0473bf982f40a2ccad32fd892', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, h("slot", { key: 'a89c8cbbe49d7a6484b7344f18f2e9f3c73faa18' })))));
+            } }, h("div", { key: '4f76d81cb43c8fb24b8e8f8cc24e91b2e0dc1ff7', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, h("slot", { key: '6f6d314f0d5d8c093e05b2bb58414aeea8296203' })))));
     }
     static get is() { return "gux-rich-text-editor-sub-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -100,7 +100,7 @@ export class GuxRichTextEditorMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'a53b46507bda497e41464e4373f05c81ef8e354a' }, h("gux-popup", { key: 'f83253e88b686565c63dbb2afb5641a28dc2291c', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'fdf89237b76a813ce1f7821e60a567e216e394de', slot: "target" }, h("gux-button-slot", { key: 'e96853b6188a7ad4f2cbcd2f6af6508bf3ecdb3c', accent: "ghost" }, h("button", { key: '91ed9c94f815565055fb436df6b4d427fa4c8cf1', type: "button", onClick: () => this.onActionClick(), ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: hasDisabledParent(this.root) }, h("gux-icon", { key: '60b51ef6180598fe5331e0eaf5a4a90a00ce936e', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'a2e6a3a9ac4ead2edfa24772c27c1d7e8b13602c' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '2389570437a175745abcda463f8329deca3e652f', slot: "popup", class: "gux-list-container" }, h("gux-rich-text-editor-list", { key: 'fd9c7f40f0e3eca5d9380d476f10a5500b4018fb', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '6f1905e1a0b98227379776f7bd63338ea10d1b8c' }))))));
+        return (h(Host, { key: '881ecf24840e3bdbbdc9cd780a53399f99ca7391' }, h("gux-popup", { key: '2bb4fab2b94faa9976eb740834a65742f42b9c11', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '70d63b1d5c2fe346255727ff521d35a699c79a02', slot: "target" }, h("gux-button-slot", { key: '168dfb72a1ddadb735a31a762577f61a0ecce50c', accent: "ghost" }, h("button", { key: '3c205d071969d7940815258ed50221f05a511d0e', type: "button", onClick: () => this.onActionClick(), ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: hasDisabledParent(this.root) }, h("gux-icon", { key: 'efcb7f567514c82e8f34ffa9c3c1042130303f33', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '6911f3836c64feeb9f8f4f4ee4d33654363c43f7' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '1b5df25a49e5a2af6413d9557add77b167bc1295', slot: "popup", class: "gux-list-container" }, h("gux-rich-text-editor-list", { key: '5412533d2f3d0ec359b5cb82fa67bf198f6f2bdd', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'd7b890f24eb8f61f42531111557eb221498aea71' }))))));
     }
     static get is() { return "gux-rich-text-editor-menu"; }
     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: '1a72a5976e74cf32e6059a52bd455de5bfc9b5d3', class: "gux-sr-only" }, h("slot", { key: 'f750be5d5eddd9f2529c13bf173a32dabc113bbd' })));
+        return (h("span", { key: '0f58e8b300a5637987d0204fc2f1bb35957039e2', class: "gux-sr-only" }, h("slot", { key: 'b56fd016a4a1d6cc8ea9776feb3fe81116d61312' })));
     }
     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

@@ -47,19 +47,19 @@ export class GuxSegmentedControlItem {
         }
     }
     render() {
-        return (h("div", { key: '9ddaec5a82089f4ff211155a760637c0b33148d0', class: {
+        return (h("div", { key: '6454b1dc44fab8e3433d507605f761911b3e889e', class: {
                 'gux-container': true,
                 'gux-parent-disabled': this.hasDisabledParent(),
                 'gux-start': this.isInStartPosition(),
                 'gux-end': this.isInEndPosition()
-            } }, h("button", { key: '675d07f5e302060a84dbae845fa7dd0c8b97ade3', class: {
+            } }, h("button", { key: 'b88f1ed0ade7041f7c380876b1b3e655c43284c1', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", "aria-current": this.selected ? 'true' : 'false', disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("span", { key: '76c30e3b750793b6f1eb470737e9f845033309da', class: {
+            }, type: "button", "aria-current": this.selected ? 'true' : 'false', disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("span", { key: 'ab9aad48770edaac2ceb572af71083a5d698fc29', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: 'a3e9c1dab935d7e25272a37e8aed2db6b288ff19', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: '81f7aee565d5c350fa6eed477be1f0e94a29d82b', 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

@@ -35,7 +35,7 @@ export class GuxSegmentedControl {
         });
     }
     render() {
-        return (h(Host, { key: '398c0322a9c8f2f7107facf9db27c397f2d96d6f', role: "group" }, h("slot", { key: 'cfb82a3101e3c363b8f71878fb6530953b82c6ae', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'b6c86cb1a269455590b2785091d137ecd20de02c', role: "group" }, h("slot", { key: '69935ec43e3dd40c7d5baa692535117f63e43c5c', 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

@@ -49,11 +49,11 @@ export class GuxSelectorCard {
         }
     }
     render() {
-        return (h("div", { key: 'e7262fc933658a0e78f324612ea561c2c3b3744b', class: {
+        return (h("div", { key: 'b7454d82340e56e72f9277bb174df1b1e545db6b', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'f846f0d69ad3a1849721e7b2d8afe7d2fa3b5569', class: "gux-content" }, h("div", { key: '17553187e7c2fbbf31a05866485a6aab4f62b441', class: "gux-icon" }, h("slot", { key: '26dea0376a4a7ea248a05d3dc4cd79074d09093f', name: "icon" })), h("div", { key: '3dd3e277cc79c488b6cb95a99d0a8009b0f2a364', class: "gux-label-container" }, h("slot", { key: '8ed97a7275f54fab43cf2de15847eb054987db84', name: "label" })), h("slot", { key: 'b8f64cd094869cf103aaed10775d2a889725f31a', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, h("div", { key: 'cb28b07991ed897b1116110b5e66f637c23d63b9', class: "gux-content" }, h("div", { key: '1a85cfe5aeaf8f1449643aa7842a6aa848e2437f', class: "gux-icon" }, h("slot", { key: 'c9f2e8f974b21f3e7749b14b1a206fd4456510f5', name: "icon" })), h("div", { key: 'cc11a8c1f2147cabc4cfe5d6ef344d8c0537f379', class: "gux-label-container" }, h("slot", { key: 'fa212522374ca05efdc874e362dbc593c2e03256', name: "label" })), h("slot", { key: 'c4b1a14ef4f31a3f340a9197dd366e447d4e1409', 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: '9ba36d5a969394f3db12a46d583c731465f735d3', class: "gux-selector-cards" }, h("slot", { key: '3c7dc7958542383ae225181cdcc575fa37102c08' })));
+        return (h("div", { key: '941ecd55aa7849cb17d187af87d1a762825e13ee', class: "gux-selector-cards" }, h("slot", { key: 'b153bb53d3955ec1a59de78287921c4293f44f4b' })));
     }
     static get is() { return "gux-selector-cards-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/components/gux-modal-side-panel/gux-modal-side-panel.js

@@ -51,7 +51,7 @@ export class GuxModalSidePanel {
     }
     render() {
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'beeb5b33a1094ba4f6a81c9d85dc265d7847bfe1', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, h("gux-side-panel-beta", { key: '928792bce4dbc30f363292c843d147855d2bbc67', size: this.size }, h("div", { key: 'df6baa45f497fe42ff05de929f001bc0ec22b747', slot: "header", id: titleID }, h("slot", { key: '07f3a639dd7dedfb141f472919a1f02bb345823c', name: "header" })), h("div", { key: '1a3219bd52d788869d59ebe709119a5bed42d7ac', slot: "content" }, h("slot", { key: 'c160ae4571b682a65dd7138b8802fbf25b059d08', name: "content" })), h("div", { key: '5c65bf0b9c5033e7cdbc75787bb06db3679606c1', slot: "footer" }, h("slot", { key: '2ac083ab34d610575bbdba51305a680185684edc', name: "footer" })))));
+        return (h("dialog", { key: '36618305c1377668f59db9a398c009c4720f1419', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, h("gux-side-panel-beta", { key: 'ecc8066bb1033f3721c5ab828799c99633b8a4aa', size: this.size }, h("div", { key: '54361c7bf9a65049d17e1cb9941b5487cc511341', slot: "header", id: titleID }, h("slot", { key: '2aaee440996027f5d05d469375851b467203385c', name: "header" })), h("div", { key: '512be6d2c9e0cf1958985c4e360c6dba65c7c4c9', slot: "content" }, h("slot", { key: 'b6efd8b97961609dd13723b3416adc847f94cd6f', name: "content" })), h("div", { key: 'ac6eadb0bd26e142ab21823439c1d9dccb996475', slot: "footer" }, h("slot", { key: '3306129ced12fd3cda618a1b93eb1934ec6f9c78', name: "footer" })))));
     }
     static get is() { return "gux-modal-side-panel-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/components/gux-side-panel-header/gux-side-panel-header.js

@@ -30,7 +30,7 @@ export class GuxSidePanelHeader {
         this.internals.role = 'banner';
     }
     render() {
-        return (h("div", { key: '52796f1e2162ac375772cfd6ca3a707bdfc2dedc', class: "title-block" }, this.renderSlot('icon'), this.renderTitleDesc(), this.renderSlot('badge')));
+        return (h("div", { key: '18126dfe1b8aa52d7867d2096ff9ad70e0d0d2a1', class: "title-block" }, this.renderSlot('icon'), this.renderTitleDesc(), this.renderSlot('badge')));
     }
     static get is() { return "gux-side-panel-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/components/gux-side-panel-heading/gux-side-panel-heading.js

@@ -16,7 +16,7 @@ export class GuxSidePanelHeading {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (h(this.headingTag, { key: 'b97a4c1f1ecd5fcf3e7a195f6dca7d561739c982', class: this.size }, h("gux-truncate", { key: '0299fdd83d623414659ab53133bb12fd280b12aa' }, h("slot", { key: '3b8783207b04e43028b6e5e76485ad0442e29090' }))));
+        return (h(this.headingTag, { key: '35bc5dbf85fff88bbb4de912b26f110f1a2db63d', class: this.size }, h("gux-truncate", { key: '12c22a979c55a10b3c4bffc10fed1fc3639ab56d' }, h("slot", { key: '8ac231a28e7fc2d42caab7f4fc198c57d106d39a' }))));
     }
     static get is() { return "gux-side-panel-heading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/gux-side-panel.js

@@ -55,10 +55,10 @@ export class GuxSidePanel {
         return null;
     }
     render() {
-        return (h("section", { key: '55d8f9f74b6cd5ae5d3a4d0b4e61d1367d3ba706', class: {
+        return (h("section", { key: '87df396410e2c8c4cde1f6f6e8fc0b2568616933', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, this.renderHeader(), h("gux-dismiss-button", { key: '2ee890fe93026a30fa2bcc6d3f3207643e4ec0b7', onClick: this.onDismissHandler.bind(this) }), h("div", { key: 'f079f1caafa43f62eaf6f2a971cccfbd762b570d', class: "gux-side-panel-content-wrapper" }, this.renderTabs(), this.renderContent()), this.renderFooter()));
+            } }, this.renderHeader(), h("gux-dismiss-button", { key: '54e68fe22c99dff23ea1d80a1bcace8c7993458a', onClick: this.onDismissHandler.bind(this) }), h("div", { key: '1b1229c4732fd3935b3923fc739bbf2cd2b65426', class: "gux-side-panel-content-wrapper" }, this.renderTabs(), this.renderContent()), this.renderFooter()));
     }
     static get is() { return "gux-side-panel-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-status-indicator/gux-status-indicator.js

@@ -27,7 +27,7 @@ export class GuxStatusIndicator {
         }
     }
     render() {
-        return (h("div", { key: 'ad1f1e6a860c831567d34ad5bba3dd95a5a9334c', class: "gux-status-indicator", ref: (el) => (this.statusIndicatorContainerElement = el) }, h("span", { key: 'ade6bc682959ad174431d6572966261f7c104350', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: 'c057ddfe0f5515d3b691f738e88263454fb17847', class: "gux-status-indicator-text" }, h("slot", { key: 'e62a87ec29e45b8800d41054ca1ab1b561a313d3' })), this.renderTooltip()));
+        return (h("div", { key: 'f64f4b1e6a4ff57fc8db74c0bb37619d8e9e96fb', class: "gux-status-indicator", ref: (el) => (this.statusIndicatorContainerElement = el) }, h("span", { key: '5ab19e407736d73ab07922a2dac689053cc7cd36', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: 'f780cfba76e094a44539f0d06a480244af285019', class: "gux-status-indicator-text" }, h("slot", { key: '5fd103566481e4d3fe40d78b0a7a73ed5665e3bb' })), this.renderTooltip()));
     }
     static get is() { return "gux-status-indicator-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-stepper/gux-step/gux-step-title/gux-step-title.js

@@ -18,7 +18,7 @@ export class GuxStepTitle {
         trackComponent(this.root);
     }
     render() {
-        return (h("button", { key: '443c523c63f29b42d4a6cbc6adf848bfb2ae867b', type: "button", disabled: this.stepDisabledState }, h("gux-truncate", { key: 'a1b508617900a426091baec4cf119d40ce3cc692', maxLines: 2 }, h("slot", { key: '97385de2d7b2fc9c9962a7d03cfcf23af85dd226' }))));
+        return (h("button", { key: '14a019948835e1d547b3fc1ddfcddc9ef89a7fa7', type: "button", disabled: this.stepDisabledState }, h("gux-truncate", { key: 'c7080f90d865ebcf08d055ae79267872cbdefdcf', maxLines: 2 }, h("slot", { key: '7ce2b8310e6bd5099a1c8635b3e04b0d8377a5d7' }))));
     }
     static get is() { return "gux-step-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-stepper/gux-step/gux-step.js

@@ -34,14 +34,14 @@ export class GuxStep {
         }
     }
     render() {
-        return (h("div", { key: '138bd81c011392e0b69f478b12056c0720bed45c', class: {
+        return (h("div", { key: '39f5eb3b818448e50ae0cdf43f800d48a615260d', class: {
                 'gux-stepper': true,
                 [`gux-step-${this.status}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-active': this.active
-            }, "aria-current": this.active.toString(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'be271cf4a3ac8162f6395e57e8a318e35b316af2', size: "small", "icon-name": this.active
+            }, "aria-current": this.active.toString(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '4e509398b44b51343572326998993d64d832ac2a', size: "small", "icon-name": this.active
                 ? 'fa/circle-half-stroke-regular'
-                : this.getStatusIcon(this.status), decorative: true }), h("div", { key: 'e756b08441febaa061e3a42bc5ea44aba03a5823', class: "gux-step-information" }, h("slot", { key: 'd108baaf0263d9b89b9132726bcc2b2733d0d8e5', name: "title" }), h("gux-truncate", { key: '73fea785882b6ad73c56d2b37c64ef6536130897', maxLines: 2 }, h("slot", { key: '571d98d8af9c7313713c132f056e3e72410e0b00', name: "helper" })))));
+                : this.getStatusIcon(this.status), decorative: true }), h("div", { key: '1a2d09e75cdc5e6803b7dcc28e496fb63aa1c8f3', class: "gux-step-information" }, h("slot", { key: '32a0aa45bb883314eaf26a14d2fdd5b027b55f0c', name: "title" }), h("gux-truncate", { key: 'bfd7549675d092dfa9773c58c7ab9ed4b1cebb72', maxLines: 2 }, h("slot", { key: '4ccf93b01e7cc356127cdfc868d118b2495c8527', name: "helper" })))));
     }
     static get is() { return "gux-step"; }
     static get encapsulation() { return "shadow"; }