genesys-spark-components 4.171.2 → 4.171.4

package/dist/cjs/loader.cjs.js

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

package/dist/cjs/{on-click-outside-Chr0s06R.js → on-click-outside-C7QzaY-U.js}

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

package/dist/cjs/{on-mutation-Dqzzqx4O.js → on-mutation-BGv-KztU.js}

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

package/dist/cjs/{on-resize-BpfgkkSX.js → on-resize-BLxwEkoP.js}

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

package/dist/cjs/{usage-Dh-FWsGR.js → usage-DKpgvPRC.js}

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

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

@@ -45,11 +45,11 @@ export class GuxAvatarGroupItem {
         }
     }
     render() {
-        return (h(Host, { key: '16b06052216c2bd34a5b468e8f0d1b43ca5e14d6', role: "menuitem" }, h("button", { key: 'e84a7bb648979e04adcd2610f7eb40405c9e1d9a', type: "button", "aria-label": this.name, tabIndex: -1, class: {
+        return (h(Host, { key: '1e9608a932ae26ad4147c4020e33ade149ebaa4f', role: "menuitem" }, h("button", { key: '8c32c0016c57655af3923bada1dcea3482b7997e', type: "button", "aria-label": this.name, tabIndex: -1, class: {
                 'gux-avatar': true,
                 [getAvatarAccentClass(this.accent, this.name)]: true,
                 'gux-last-item': this.isLastItemInGroup()
-            } }, h("slot", { key: '0f00f3593e9e2f888e208430261832d2c72fe7d3', name: "image" }, h("span", { key: '1a901e537a5347b121492d3dc60a9710ce98943c', class: "gux-avatar-initials", "aria-hidden": "true" }, generateInitials(this.name))), h("gux-tooltip-beta", { key: 'd25dcc843ef37b8b32d4f3f598dc9cf3ea60c6ff', "aria-hidden": "true", "visual-only": true, placement: "top", ref: el => (this.tooltip = el) }, h("div", { key: '934cf7c0cf8640032ff5d970b075d6bfc78be695', slot: "content" }, this.name)))));
+            } }, h("slot", { key: 'c78ace1bb5c36acdc1c47d337349b932f01db8e1', name: "image" }, h("span", { key: '93a995dcc7a43f1bafda1b218fda166db604ed0d', class: "gux-avatar-initials", "aria-hidden": "true" }, generateInitials(this.name))), h("gux-tooltip-beta", { key: 'ded1d19eee9dc77a4c643ac644447a4b1f21832d', "aria-hidden": "true", "visual-only": true, placement: "top", ref: el => (this.tooltip = el) }, h("div", { key: '67ff35a3122caf24ad277755d98936b327dce2e0', slot: "content" }, this.name)))));
     }
     static get is() { return "gux-avatar-group-item-beta"; }
     static get encapsulation() { return "shadow"; }
@@ -95,7 +95,7 @@ export class GuxAvatarGroupItem {
                     "references": {
                         "GuxAvatarAccent": {
                             "location": "import",
-                            "path": "components/beta/gux-avatar/gux-avatar.types",
+                            "path": "@components/beta/gux-avatar/gux-avatar.types",
                             "id": "src/components/beta/gux-avatar/gux-avatar.types.ts::GuxAvatarAccent"
                         }
                     }

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

@@ -33,10 +33,10 @@ export class GuxAvatarOverflowItem {
         }
     }
     render() {
-        return (h(Host, { key: '34b0e018d662b7536da4a91d6ccc055c8cc730d7', role: "menuitem" }, h("button", { key: 'c59be9f70bc25dce8bc62dfc8739f93d6006e68e', type: "button", "aria-label": this.name, tabIndex: -1 }, h("span", { key: '024aae64707578c490f8fb2d2c2aa809e65ffefe', class: {
+        return (h(Host, { key: '769668526c1644357e51102afffcd6793d58d310', role: "menuitem" }, h("button", { key: 'dca0f9b8c7eedb19046a8d8c4e5f9d79c6784b4d', type: "button", "aria-label": this.name, tabIndex: -1 }, h("span", { key: 'da5d47925ee28f53d33e6b3caebd5efe101f32c1', class: {
                 'gux-avatar': true,
                 [getAvatarAccentClass(this.accent, this.name)]: true
-            } }, h("slot", { key: '1e657ac3badc1a73c283d82f0e0b6381033e179e', name: "image" }, h("span", { key: 'b63a8cce36637908e4c07f532fdf27e97831e019', class: "gux-avatar-initials", "aria-hidden": "true" }, generateInitials(this.name)))), h("span", { key: '67247e6254beaa1b31374653ace95300a8e029a4' }, this.name))));
+            } }, h("slot", { key: 'f8c55899e81654c14b662c9af82cf7347c8b0706', name: "image" }, h("span", { key: '48b1658a2d111d22ed473ba738b5fbb0a075a8a3', class: "gux-avatar-initials", "aria-hidden": "true" }, generateInitials(this.name)))), h("span", { key: '1ea090bc03df200e7696ea9c5e30a01715e14978' }, this.name))));
     }
     static get is() { return "gux-avatar-overflow-item-beta"; }
     static get encapsulation() { return "shadow"; }
@@ -82,7 +82,7 @@ export class GuxAvatarOverflowItem {
                     "references": {
                         "GuxAvatarAccent": {
                             "location": "import",
-                            "path": "components/beta/gux-avatar/gux-avatar.types",
+                            "path": "@components/beta/gux-avatar/gux-avatar.types",
                             "id": "src/components/beta/gux-avatar/gux-avatar.types.ts::GuxAvatarAccent"
                         }
                     }

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

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { getDesiredLocale } from "../../../i18n/index";
+import { getDesiredLocale } from "../../../i18n";
 import * as sparkIntl from "../../../genesys-spark-utils/intl";
 import { Temporal } from "@js-temporal/polyfill";
 import { formatPlainDate } from "../../../utils/date/temporal";
@@ -29,7 +29,7 @@ export class GuxDay {
         });
     }
     render() {
-        return (h("button", { key: '4282bb9b77fc4238e0748cc142f4e422ab29be41', type: "button", disabled: this.disabled }, h("slot", { key: '54b746f12a4a7d95468f983e6cb5bbeba0733061' }, h("span", { key: '712abfbeb57c6b477f46ad8999d0931ab12017b8', "aria-hidden": "true" }, this.date.day), h("span", { key: 'be8a82a9454f700a5b2966db75395e1d7b6ad789', class: "gux-sr-only" }, formatPlainDate(this.readerFormatter, this.date)))));
+        return (h("button", { key: '8f84e8648c67c8e6e2678ae660c9644fd64cad25', type: "button", disabled: this.disabled }, h("slot", { key: '7b530a4bf322961aa1e2cc1931eb1a299ecb5678' }, h("span", { key: 'f0a1b95dbcf8550107426f5d6f46698f967e1abd', "aria-hidden": "true" }, this.date.day), h("span", { key: 'f7ef0d910f65dcd9c0965014724e30dafcdea713', class: "gux-sr-only" }, formatPlainDate(this.readerFormatter, this.date)))));
     }
     static get is() { return "gux-day-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-popover-beta/gux-popover.css

@@ -16,7 +16,6 @@
   border: none;
   border-radius: var(--gse-ui-popover-borderRadius);
   box-shadow: var(--gse-ui-popover-boxShadow);
-  /* // TODO: COMUI-3210 - Arrow currently does not show  */
 }
 .gux-popover-wrapper .gux-arrow {
   position: absolute;
@@ -26,6 +25,9 @@
   padding-block-end: 4px;
   overflow: hidden;
 }
+.gux-popover-wrapper {
+  /* // TODO: COMUI-3210 - Arrow currently does not show  */
+}
 .gux-popover-wrapper .gux-arrow-caret {
   inline-size: 0;
   block-size: 0;

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

@@ -18,11 +18,13 @@
   border: none;
   border-radius: var(--gse-ui-popover-borderRadius);
   box-shadow: var(--gse-ui-popover-boxShadow);
-  /* // TODO: COMUI-3210 - Arrow currently does not show  */
 }
 .gux-popover-wrapper.gux-hidden {
   display: none;
 }
+.gux-popover-wrapper {
+  /* // TODO: COMUI-3210 - Arrow currently does not show  */
+}
 .gux-popover-wrapper .gux-arrow {
   position: absolute;
   inline-size: var(--gse-ui-popover-anchor-width);

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

@@ -11,7 +11,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { h, Host } from "@stencil/core";
 import { OnClickOutside } from "../../../../../utils/decorator/on-click-outside";
 import { trackComponent } from "../../../../../utils/tracking/usage";
-import { buildI18nForComponent } from "../../../../../i18n/index";
+import { buildI18nForComponent } from "../../../../../i18n";
 import translationResources from "../i18n/en.json";
 import { afterNextRender } from "../../../../../utils/dom/after-next-render";
 import { hasDisabledParent } from "../../gux-rich-text-editor.service";
@@ -75,7 +75,7 @@ export class GuxRichTextEditorActionLink {
         }
     }
     render() {
-        return (h(Host, { key: '298e8cc7ac0a6750a9bb7976e6896ddf5676882d' }, h("gux-button-slot", { key: '5d26741cb3cb3dcd7e4c2bd0bd38af425ee2f1a2', accent: "ghost", "icon-only": true }, h("button", { key: '4148b20e6a243a8fc8b8d05bc78eb984f2e6e292', 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: '577175fe7de5ae1dee9faeaf59e489054f722675', size: "small", "icon-name": "fa/link-simple-regular", decorative: true })), this.renderTooltip()), h("gux-popover", { key: '05ac1b2ed26156e09bbc6c0c83df5aa63cd6001b', "is-open": this.isOpen, for: "popover-target" }, h("div", { key: 'e60e8995b886fecc614467149ad26c0c7e0919bc', class: "gux-popover-content-wrapper" }, h("gux-form-field-text-like", { key: '47a5995ac562ea184c7eaefe018c312b57f50c3f' }, h("input", { key: '70dcc6ea80caff80accffbfb16b30189012eed0a', id: "textToDisplay", ref: el => (this.textToDisplayInputElement = el), slot: "input", type: "text" }), h("label", { key: '4ff1e38596212a4bd1903140ebcd8749bafe74fd', slot: "label" }, this.i18n('textToDisplay'))), h("gux-form-field-text-like", { key: '7db1f82e4251f6cbe6338cc8f518ceca5e36f32b' }, h("input", { key: '724df24293f5b4fd3a228bdf35cdbe0faa6c107f', ref: el => (this.linkAddressInputElement = el), slot: "input", type: "text" }), h("label", { key: 'ae71c3b4fd8b576bbbb494112f112b5e3f73868d', slot: "label" }, this.i18n('linkAddress'))), h("gux-cta-group", { key: '67c4a260b42178a8b54c672212af46a4618e96ef', align: "end" }, h("gux-button", { key: 'edb51fe7cf1e56657677f8f28611e4ea84b23d16', onClick: () => this.emitLinkOptions(), slot: "primary" }, this.i18n('insert')), h("gux-button", { key: '02c43c8898eaee5bed86e7abd7a01c8a5fb9fb5c', onClick: () => this.togglePopover(), slot: "dismiss" }, this.i18n('cancel')))))));
+        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')))))));
     }
     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

@@ -13,7 +13,7 @@ import { trackComponent } from "../../../../../utils/tracking/usage";
 import { hasDisabledParent } from "../../gux-rich-text-editor.service";
 import { OnClickOutside } from "../../../../../utils/decorator/on-click-outside";
 import { afterNextRender } from "../../../../../utils/dom/after-next-render";
-import { buildI18nForComponent } from "../../../../../i18n/index";
+import { buildI18nForComponent } from "../../../../../i18n";
 import translationResources from "../i18n/en.json";
 /**
 @slot - for a collection of gux-rich-style-list-item elements.
@@ -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: '31d3df51267bea55cbc738e9b737b5512882184f', expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '93a7c9e1f565aca0609ab6067968d6802af9433f', 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

@@ -11,7 +11,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { h } from "@stencil/core";
 import { OnClickOutside } from "../../../../../utils/decorator/on-click-outside";
 import { trackComponent } from "../../../../../utils/tracking/usage";
-import { buildI18nForComponent } from "../../../../../i18n/index";
+import { buildI18nForComponent } from "../../../../../i18n";
 import translationResources from "../i18n/en.json";
 import { hasDisabledParent } from "../../gux-rich-text-editor.service";
 import { whenEventIsFrom } from "../../../../../utils/dom/when-event-is-from";
@@ -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: 'dbe9eba88c38e62ddf0da69837d502d34cf1bc73', disabled: this.disabled, expanded: this.expanded, exceedTargetWidth: true, placement: "bottom-start" }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'b631bcaa26314ed02bf11c6fbae372b48f4e254b', 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/gux-rich-text-editor-action.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { trackComponent } from "../../../../utils/tracking/usage";
-import { buildI18nForComponent } from "../../../../i18n/index";
+import { buildI18nForComponent } from "../../../../i18n";
 import translationResources from "./i18n/en.json";
 import { hasDisabledParent, returnActionTypeIcon } from "../gux-rich-text-editor.service";
 export class GuxRichTextEditorAction {

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

@@ -13,7 +13,7 @@ import { OnResize } from "../../../utils/decorator/on-resize";
 import { hasSlot } from "../../../utils/dom/has-slot";
 import { trackComponent } from "../../../utils/tracking/usage";
 import { getActionsFromGroup } from "./gux-rich-text-editor.service";
-import { buildI18nForComponent } from "../../../i18n/index";
+import { buildI18nForComponent } from "../../../i18n";
 import translationResources from "./gux-rich-text-editor-action/i18n/en.json";
 import { afterNextRenderTimeout } from "../../../utils/dom/after-next-render";
 import { OnMutation } from "../../../utils/decorator/on-mutation";
@@ -185,11 +185,11 @@ export class GuxRichTextEditor {
         ].some(child => child !== null && child !== undefined);
     }
     render() {
-        return (h("div", { key: '17ea006c6cfcda672b7e5544651e4fceef344bfa', class: {
+        return (h("div", { key: 'e5c2b0bc15f0db2bbc8593f46f363b7fee648abd', class: {
                 'gux-rich-text-editor-container': true,
                 'gux-disabled': this.disabled,
                 'gux-toolbar-hidden': !this.hasToolbar
-            } }, h("div", { key: 'e42fd9a0f5f480f86197d0338575a0bef669f422', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderTextEditorMenu(), this.renderGlobalAction()), h("slot", { key: 'ca68e78388206bea116acec36a2a1028d1c21f47', name: "editor" })));
+            } }, 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" })));
     }
     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

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { trackComponent } from "../../../../../utils/tracking/usage";
-import { buildI18nForComponent } from "../../../../../i18n/index";
+import { buildI18nForComponent } from "../../../../../i18n";
 import translationResources from "../../gux-rich-text-editor-action/i18n/en.json";
 import { getClosestElement } from "../../../../../utils/dom/get-closest-element";
 export class GuxRichHighlightListItem {
@@ -33,10 +33,10 @@ export class GuxRichHighlightListItem {
         }
     }
     render() {
-        return (h("div", { key: 'dbc471348f59ebf70f1c49bf694179f97b5dac8d', class: {
+        return (h("div", { key: '3f9c763158ceb429121d191c3921802c7d3d09e6', class: {
                 'gux-highlight': true,
                 [`gux-${this.highlight}`]: true
-            }, role: "listitem" }, h("button", { key: '6e5131419c366e27ab4b768fdc769aa5a99999ae', type: "button", "aria-label": this.i18n(`${this.highlight}`), tabIndex: -1, disabled: this.disabled }), this.renderTooltip()));
+            }, role: "listitem" }, h("button", { key: '3a4fbe1bf5f0631d44bdfb1012d7a4b1d42efec3', 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-text-editor-sub-list/gux-rich-text-editor-sub-list.js

@@ -125,13 +125,13 @@ export class GuxRichTextEditorSubList {
         }
     }
     render() {
-        return (h(Host, { key: 'd26719ce82967503e8abd2a667963083700c031a' }, h("button", { key: '55b08894bfc84f94e6d7c660437d3fb2f23d870a', type: "button", class: {
+        return (h(Host, { key: 'df41c7a5d2ffe9c1e877250918cee7d358fd18eb' }, h("button", { key: '8322e644193b0ea873b86a3e29c68e6ff6bb8671', 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: '0dd49f098f8d2b88afdf00c2042a59caeab8c8d3', class: "gux-sub-list-button-text" }, this.label), h("gux-icon", { key: '6e86f3ac99995b8251b01399dc965796707a9a5c', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'bdb8d620bcbd5b45013d88102bf0fa8f392167fa', 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: '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: {
                 'gux-sub-list-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '2ce1bf9b2b4f676b4b10848a33a5925525ced348', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, h("slot", { key: '027a8b7e460900a01b0e5ff57acc42418c290407' })))));
+            } }, h("div", { key: '7a6651b9e79cc0f0473bf982f40a2ccad32fd892', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, h("slot", { key: 'a89c8cbbe49d7a6484b7344f18f2e9f3c73faa18' })))));
     }
     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

@@ -10,7 +10,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { h, Host } from "@stencil/core";
 import { trackComponent } from "../../../../utils/tracking/usage";
-import { buildI18nForComponent } from "../../../../i18n/index";
+import { buildI18nForComponent } from "../../../../i18n";
 import translationResources from "../gux-rich-text-editor-action/i18n/en.json";
 import { OnClickOutside } from "../../../../utils/decorator/on-click-outside";
 import { afterNextRender } from "../../../../utils/dom/after-next-render";
@@ -100,7 +100,7 @@ export class GuxRichTextEditorMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'f58b03007dc17632b009133a7f44790bcca1edfc' }, h("gux-popup", { key: '5bb2f3944d7160a344f3125472646f81fdc505b5', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '9df8823918e704dad23ac6f5b7f95fd1754e3cf7', slot: "target" }, h("gux-button-slot", { key: 'f4cfb5c061a96f67ac18e3c43ba4492095bbb86b', accent: "ghost" }, h("button", { key: '25fb03e519f8622a059e9cb814ce20f86f202511', 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: '85401ee76e680422f4fd9aaab058998c2d73b94f', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '17f1ddd7c56bb63903d4dbc39793854ab1ac6499' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '954688b7790e9a9b8cd2b256c7685ddbb505ed8f', slot: "popup", class: "gux-list-container" }, h("gux-rich-text-editor-list", { key: '348f446b75260f24f84316e3f97792c92db9469e', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '8bd40e31f81c570eaa7cd10cc03d466982ff05af' }))))));
+        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' }))))));
     }
     static get is() { return "gux-rich-text-editor-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,6 +38,11 @@ gux-popup .gux-select-field a.gux-select-input:focus-visible {
   outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
 }
+gux-popup .gux-select-field .gux-icon-wrapper gux-icon {
+  width: 16px;
+  height: 16px;
+  color: #596373;
+}
 gux-popup .gux-select-field .gux-icon-wrapper {
   position: absolute;
   top: 1px;
@@ -48,11 +53,6 @@ gux-popup .gux-select-field .gux-icon-wrapper {
   overflow: hidden;
   cursor: pointer;
 }
-gux-popup .gux-select-field .gux-icon-wrapper gux-icon {
-  width: 16px;
-  height: 16px;
-  color: #596373;
-}
 gux-popup .gux-select-field:hover .gux-icon-wrapper gux-icon {
   color: #2e394c;
 }

package/dist/collection/components/stable/gux-context-menu/gux-context-menu.js

@@ -11,7 +11,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { h, Host } from "@stencil/core";
 import { randomHTMLId } from "../../../utils/dom/random-html-";
 import { trackComponent } from "../../../utils/tracking/usage";
-import { buildI18nForComponent } from "../../../i18n/index";
+import { buildI18nForComponent } from "../../../i18n";
 import translationResources from "./i18n/en.json";
 import { OnClickOutside } from "../../../utils/decorator/on-click-outside";
 import { afterNextRender } from "../../../utils/dom/after-next-render";
@@ -125,8 +125,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '71daff89e2c9308fabfe2a72711ee5c6f58febe8' }, h("gux-popup", { key: '1524aa95d9b12ce39377f970a8aa1f88dbb1a96f', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '0e081fd58aac0ed9514684e7956c3bc987ca9a02', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '59ea669fb9a29dd7eaed40ece717cebb64c65b78', accent: "ghost" }, h("button", { key: '4c62d98299bf658e7a97481ca587d080861a1818', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: '4e6ce2bc70530d13fff98bbf8aed059c7e4928a9' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '6fcaea725f16c37a9f47fd840e6bb4854b6c6d81', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '7af3d8d59460ece729264bd3e8e0c5924e5ac060', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'ed9fe6c367aa9ebbc8d499a27bc0d71ffe63a115', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'fd3b7b86d7eff0e47938440a029b7005add215c4' }))))));
+        return (h(Host, { key: 'f488ad19d41d35080f3d154fd01df5db25525f08' }, h("gux-popup", { key: '268ac9de1e2177f6c016afa2e8e9232e06413a29', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'fc75f62eba05adfefbbca68084eea444c7b13eb3', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'e486b064881e5222f70d9f29e057b35702674ad8', accent: "ghost" }, h("button", { key: '1fa611940f9e8a973a0ccb457e5522d08afbfa04', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: '1038219d1e6252b4cab799f114968a91a3a8b6fe' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: 'd395e55ca6385b7f12a4f5935fdbadae31847a08', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '3b8bf6b2d089dbabf260e16ed4695f95e2fb58d9', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '75a76f7e521a2a94c097e511e7c83445c47e2bd3', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '384bcd95b6aca902644c583a7f248421a59e8bd9' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file-beta/components/gux-file-list-item/gux-file-list-item.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../../../../i18n/index";
+import { buildI18nForComponent } from "../../../../../../../i18n";
 import { trackComponent } from "../../../../../../../utils/tracking/usage";
 import componentResources from "./i18n/en.json";
 export class GuxFileListItem {
@@ -11,11 +11,11 @@ export class GuxFileListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'd53955036d4a45a954e6beaafb6c933a380c29b8', class: {
+        return (h("div", { key: 'bd9d26c240035ffbe982dddb2a9c21bd666e6e42', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '3a1003748e90a3b27ecdbece18249884ed8835a3', class: "gux-info" }, h("gux-truncate", { key: '7ffb12f5e1d210bf991075ba6936c72518cce6fd' }, h("span", { key: '461a240baa6c3dac8c0cb7027045bfb10edf906b', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '52d3290facfd43bc9190ce06bdef735f0fd7a913', class: "gux-info" }, h("gux-truncate", { key: 'ae84f7ca73d48fc75ea1ad1bd5c4217e195e12f0' }, h("span", { key: '62b2acb4682e9b89c1064ef368807faf24397647', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file-beta/gux-form-field-file.js

@@ -213,7 +213,7 @@ export class GuxFormFieldFileBeta {
                 'gux-drop-container': true,
                 'gux-drop-zone': this.dragAndDrop,
                 'gux-disabled': this.disabled
-            }, onDrop: event => this.onDrop(event), onDragOver: event => this.onDragOver(event), onDragEnter: event => this.onDragOver(event), onDragLeave: event => this.onDragLeave(event) }, this.dragAndDrop && (h("div", { class: "gux-drag-and-drop-text" }, this.getDropZoneText())), h("div", { class: "gux-proxy-button" }, h("gux-button-slot", { accent: "tertiary" }, h("button", { tabIndex: -1, type: "button", disabled: this.disabled, onClick: e => this.onProxyFileButtonClick(e) }, h("div", null, this.getProxyButtonText()))), h("div", { class: "gux-offscreen" }, h("slot", { name: "input", onSlotchange: () => this.setInput() })))));
+            }, "aria-disabled": this.disabled ? 'true' : 'false', onDrop: event => this.onDrop(event), onDragOver: event => this.onDragOver(event), onDragEnter: event => this.onDragOver(event), onDragLeave: event => this.onDragLeave(event) }, this.dragAndDrop && (h("div", { class: "gux-drag-and-drop-text" }, this.getDropZoneText())), h("div", { class: "gux-proxy-button" }, h("gux-button-slot", { accent: "tertiary" }, h("button", { tabIndex: -1, type: "button", disabled: this.disabled, onClick: e => this.onProxyFileButtonClick(e) }, h("div", null, this.getProxyButtonText()))), h("div", { class: "gux-offscreen" }, h("slot", { name: "input", onSlotchange: () => this.setInput() })))));
     }
     static get is() { return "gux-form-field-file-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file-beta/tests/gux-form-field-file.common.js

@@ -0,0 +1,151 @@
+const labelPositionRenderConfigs = ['above', 'beside', 'screenreader'].flatMap(labelPosition => [
+    {
+        description: `should render component as expected when label-position is ${labelPosition}`,
+        html: `
+        <gux-form-field-file-beta label-position="${labelPosition}">
+          <label slot="label">Upload a profile picture</label>
+          <input
+            type="file"
+            id="avatar"
+            name="avatar"
+            accept="image/png, image/jpeg"
+            slot="input"
+          />
+        </gux-form-field-file-beta>
+    `
+    },
+    {
+        description: `should render component as expected when label-position is ${labelPosition} and drop-and-drag is enabled`,
+        html: `
+        <gux-form-field-file-beta drag-and-drop label-position="${labelPosition}">
+          <label slot="label">Upload a profile picture</label>
+          <input
+            type="file"
+            id="avatar"
+            name="avatar"
+            accept="image/png, image/jpeg"
+            slot="input"
+          />
+        </gux-form-field-file-beta>
+    `
+    }
+]);
+const inputAttributeRenderConfigs = [
+    'disabled',
+    'required',
+    'multiple'
+].flatMap(inputAttribute => [
+    {
+        description: `should render component as expected when input attribute is "${inputAttribute}"`,
+        html: `
+        <gux-form-field-file-beta>
+          <label slot="label">Upload a profile picture</label>
+          <input
+            slot="input"
+            type="file"
+            id="avatar"
+            name="avatar"
+            accept="image/png, image/jpeg"
+            ${inputAttribute}
+          />
+        </gux-form-field-file-beta>
+    `
+    },
+    {
+        description: `should render component as expected when input attribute is "${inputAttribute}" and drop-and-drag is enabled`,
+        html: `
+        <gux-form-field-file-beta drag-and-drop>
+          <label slot="label">Upload a profile picture</label>
+          <input
+            slot="input"
+            type="file"
+            id="avatar"
+            name="avatar"
+            accept="image/png, image/jpeg"
+            ${inputAttribute}
+          />
+        </gux-form-field-file-beta>
+    `
+    }
+]);
+const indicatorMarkRenderConfigs = ['optional', 'required'].flatMap(indicatorMark => [
+    {
+        description: `should render component as expected when indicator-mark is "${indicatorMark}"`,
+        html: `
+        <gux-form-field-file-beta indicator-mark="${indicatorMark}">
+          <label slot="label">Upload a profile picture</label>
+          <input
+            slot="input"
+            type="file"
+            id="avatar"
+            name="avatar"
+            accept="image/png, image/jpeg"
+          />
+        </gux-form-field-file-beta>
+    `
+    },
+    {
+        description: `should render component as expected when indicator-mark is "${indicatorMark}" and drop-and-drag is enabled`,
+        html: `
+        <gux-form-field-file-beta drag-and-drop indicator-mark="${indicatorMark}">
+          <label slot="label">Upload a profile picture</label>
+          <input
+            slot="input"
+            type="file"
+            id="avatar"
+            name="avatar"
+            accept="image/png, image/jpeg"
+          />
+        </gux-form-field-file-beta>
+    `
+    }
+]);
+const optionalSlotRenderConfigs = [
+    { name: 'help', html: `<span slot="help">This is a help message</span>` },
+    { name: 'error', html: `<span slot="error">This is an error message</span>` },
+    {
+        name: 'label-info',
+        html: `<gux-label-info-beta slot="label-info">
+      <span slot="content">This is some tooltip text</span>
+    </gux-label-info-beta>`
+    }
+].flatMap(({ name, html }) => [
+    {
+        description: `should render component as expected when an optional "${name}" slot is provided`,
+        html: `
+      <gux-form-field-file-beta>
+          <label slot="label">Upload a profile picture</label>
+          <input
+            slot="input"
+            type="file"
+            id="avatar"
+            name="avatar"
+            accept="image/png, image/jpeg"
+          />
+        ${html}
+      </gux-form-field-file-beta>
+    `
+    },
+    {
+        description: `should render component as expected when an optional "${name}" slot is provided and drop-and-drag is enabled`,
+        html: `
+      <gux-form-field-file-beta drag-and-drop>
+          <label slot="label">Upload a profile picture</label>
+          <input
+            slot="input"
+            type="file"
+            id="avatar"
+            name="avatar"
+            accept="image/png, image/jpeg"
+          />
+        ${html}
+      </gux-form-field-file-beta>
+    `
+    }
+]);
+export const renderConfigs = [
+    ...labelPositionRenderConfigs,
+    ...inputAttributeRenderConfigs,
+    ...indicatorMarkRenderConfigs,
+    ...optionalSlotRenderConfigs
+];

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-phone/tests/gux-form-field-phone.common.js

@@ -0,0 +1,42 @@
+const labelPositionRenderConfigs = ['above', 'beside', 'screenreader'].map(labelPosition => ({
+    description: `should render component as expected when label-position is ${labelPosition}`,
+    html: `
+      <gux-form-field-phone label-position="${labelPosition}">
+        <gux-phone-input-beta></gux-phone-input-beta>
+        <label slot="label">Label</label>
+      </gux-form-field-phone>
+  `
+}));
+const indicatorMarkRenderConfigs = ['optional', 'required'].map(indicatorMark => ({
+    description: `should render component as expected when indicator-mark is "${indicatorMark}"`,
+    html: `
+      <gux-form-field-phone indicator-mark="${indicatorMark}">
+        <gux-phone-input-beta></gux-phone-input-beta>
+        <label slot="label">Label</label>
+      </gux-form-field-phone>
+  `
+}));
+const optionalSlotRenderConfigs = [
+    { name: 'help', html: `<span slot="help">This is a help message</span>` },
+    { name: 'error', html: `<span slot="error">This is an error message</span>` },
+    {
+        name: 'label-info',
+        html: `<gux-label-info-beta slot="label-info">
+      <span slot="content">This is some tooltip text</span>
+    </gux-label-info-beta>`
+    }
+].map(({ name, html }) => ({
+    description: `should render component as expected when an optional "${name}" slot is provided`,
+    html: `
+    <gux-form-field-phone>
+      <gux-phone-input-beta></gux-phone-input-beta>
+      <label slot="label">Label</label>
+      ${html}
+    </gux-form-field-phone>
+  `
+}));
+export const renderConfigs = [
+    ...labelPositionRenderConfigs,
+    ...indicatorMarkRenderConfigs,
+    ...optionalSlotRenderConfigs
+];