genesys-spark-components 4.171.3 → 4.171.5

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-DUenABL4.js → usage-CpCTK2p7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const version = "4.171.3";
+const version = "4.171.5";
 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-dropdown/gux-dropdown.js

@@ -78,7 +78,7 @@ export class GuxDropdown {
                 }
                 else if (this.shiftTabFromExpandedFilterInput(event)) {
                     event.preventDefault();
-                    return this.collapseListbox('focusFieldButton');
+                    return this.collapseListbox('noFocusChange');
                 }
                 else {
                     this.collapseListbox('noFocusChange');
@@ -371,7 +371,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '36c391406dfb4fc8590f68a2de06dfc01e3f61a8', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '645da4a22f146958614f3deab6841648522216f9', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-dropdown"; }
     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-listbox-multi/gux-select-all/gux-select-all.js

@@ -1,5 +1,5 @@
 import { h, forceUpdate } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../i18n/index";
+import { buildI18nForComponent } from "../../../../i18n";
 import translationResources from "./i18n/en.json";
 /**
  * @slot - slot for text.
@@ -55,13 +55,13 @@ export class GuxSelectAll {
         return (h("svg", { class: "gux-checkbox-container", xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: paths[pathKey] })));
     }
     render() {
-        return (h("div", { key: 'a8cef74a5bb937673799e965d5e1142426b5fe5c', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: 'dba68d209526909e6bea1bcd02c513ad0700b18f', role: "option", "aria-selected": this.selected.toString(), class: {
                 'gux-select-all-container': true,
                 'gux-active': this.active,
                 'gux-selected': this.selected,
                 'gux-indeterminate': this.indeterminate,
                 'gux-has-scrolled': this.hasScrolled
-            } }, h("div", { key: '636d9c58afeab724c34281eb6003649b6738edf8', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'e3b9bb70ac312730461c191241f2de33cdc307ba', class: "gux-option-wrapper" }, h("gux-truncate", { key: '7df38b3922e111053f0ccd329ceed3af20961ab4', "max-lines": 1 }, h("span", { key: 'f9dc910378710006f9cdfda94d8b4f4183771430' }, h("slot", { key: 'a7ad52342ca557180ac94b2bdfc4babcca67f59f' }, this.i18n('allOptions')))), h("gux-truncate", { key: 'b7191a29160c73abb8545cd17bf9bd86977959c9', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
+            } }, h("div", { key: 'b80762e33b37292774c427b944bf7bc7ed219ff1', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'c5888b3202d0b0d95e8520cddbda68e30d16036b', class: "gux-option-wrapper" }, h("gux-truncate", { key: '504f3558eddb83c9b996280b1ea30bd32041888b', "max-lines": 1 }, h("span", { key: '74d90bb7aa4459347a9b3f7416135d15f9e9b4af' }, h("slot", { key: '351ed718d690846163c4378c0812ea7af793a675' }, this.i18n('allOptions')))), h("gux-truncate", { key: '328801816b5c58f46475ae6ebc7febeea34fc89a', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
     }
     static get is() { return "gux-select-all"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js

@@ -11,7 +11,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { h } from "@stencil/core";
 import { trackComponent } from "../../../../../utils/tracking/usage";
 import translationResources from "../i18n/en.json";
-import { buildI18nForComponent } from "../../../../../i18n/index";
+import { buildI18nForComponent } from "../../../../../i18n";
 import { OnClickOutside } from "../../../../../utils/decorator/on-click-outside";
 import { afterNextRender } from "../../../../../utils/dom/after-next-render";
 export class GuxPaginationEllipsisButton {
@@ -96,10 +96,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '46f7df217abe675c3d1bc8acf35f0f8510e55e30', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'eacce070298b01b7de303b7f824431571896aa89', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '2c2cf9c5bb590e74079478ba787df7eedf58dd15', for: "popover-target" }, h("div", { key: 'd83fb9d5224f9c7e619ed88d3d2af9d4e85a1547', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'e5498fa5e69144197eb78aa09a94b17f1c7f02ea', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '7be888a347ff662d707a902ac80681beb9e68f9a', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '63219e56afd5d349e4370b3ae960a90a6ac8c403' }, h("input", { key: '10d44a0ea2d3c0322704d8e58782ef42efc8601a', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), h("label", { key: '354220c3b04b3084744276daf4e5cb31982fb27d', slot: "label" })))
+            h("gux-button", { key: '0f25f9e2e3b77af6726372f78624f1a184e15bee', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'b3991270c6754581f2708c924a4d802f3643450f', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: 'e1f01dd9cb549c705e50cf0b8520a6fffe45a6f6', for: "popover-target" }, h("div", { key: 'a93a6bd4d051ef8e798580eb4f5eb9f746190034', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'ab0f026285297e0fb8c2d85e2bd5a8c47d4520a8', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'd188fb787cb5f98b3a071f54bde0a36249b5988e', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '4f06b1f2c20092131e63e5b5bef16983183a6757' }, h("input", { key: 'a4ab19850bf545e46c4a9138c8dde98573306d3c', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), h("label", { key: '59f177003a89cb03f507f7b9c0e229bdb7afd6c9', slot: "label" })))
         ];
     }
     static get is() { return "gux-pagination-ellipsis-button"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-custom-action/gux-table-toolbar-custom-action.js

@@ -32,7 +32,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: 'c48fbdf23b4a10aaa493ab89bcaff7247d65b070', accent: this.accent }, h("button", { key: '40f89c31bacb1db4ddbdd6e8176284d069da8b9b', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '7d754b3248d4579a7080cd2cb1dc3b5e86c57537', name: "icon" }), h("span", { key: '94d3f023d553346cf07138b4b84f58544a354310', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '809895127dc5de4e5b9e7d7c4eba2130efa50571', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'af96a5d9eac116cffacab200ad996f3a6c0d1ff1', accent: this.accent }, h("button", { key: 'a43872b3192fae366c5c170765c5d2441a928ce0', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'f8235d8534dff06cc4c284703dc9cf32b31c922d', name: "icon" }), h("span", { key: '0fd4964af05bfc0c2bd4be5a9a8889930983078c', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: 'a4573c481fc5aad18d1f7bf8149f22245cf5e1a2', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-table-toolbar-custom-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tabs/gux-tab/gux-tab.css

@@ -1,8 +1,8 @@
-gux-tabs[orientation=vertical] > gux-tab-list gux-tab {
+gux-tab.gux-vertical {
   box-sizing: border-box;
   border-inline-end: var(--gse-ui-tabs-item-divider-vertical-width) solid var(--gse-ui-tabs-item-divider-dividerColor);
 }
-gux-tabs[orientation=vertical] > gux-tab-list gux-tab .gux-tab {
+gux-tab.gux-vertical .gux-tab {
   display: flex;
   justify-content: flex-end;
   inline-size: var(--gse-ui-tabs-set-vertical-width);
@@ -10,27 +10,27 @@ gux-tabs[orientation=vertical] > gux-tab-list gux-tab .gux-tab {
   padding: var(--gse-ui-tabs-item-vertical-padding);
   border-inline-end: var(--gse-ui-tabs-item-indicator-vertical-width) solid transparent;
 }
-gux-tabs[orientation=vertical] > gux-tab-list gux-tab .gux-tab.gux-active {
+gux-tab.gux-vertical .gux-tab.gux-active {
   border-inline-end-color: var(--gse-ui-tabs-item-indicator-activeColor);
 }
-gux-tabs[orientation=vertical] > gux-tab-list gux-tab .gux-tab:hover:not(.gux-active):not(.gux-disabled) {
+gux-tab.gux-vertical .gux-tab:hover:not(.gux-active):not(.gux-disabled) {
   border-inline-end-color: var(--gse-ui-tabs-item-indicator-hoverColor);
 }
 
-gux-tabs:not([orientation=vertical]) > gux-tab-list .gux-tab {
+gux-tab.gux-horizontal .gux-tab {
   box-sizing: border-box;
   max-inline-size: 160px;
   block-size: var(--gse-ui-tabs-item-horizontal-fixedHeight);
   padding: var(--gse-ui-tabs-item-horizontal-padding);
   border-block-end: var(--gse-ui-tabs-item-indicator-horizontal-height) solid transparent;
 }
-gux-tabs:not([orientation=vertical]) > gux-tab-list .gux-tab.gux-active {
+gux-tab.gux-horizontal .gux-tab.gux-active {
   border-block-end-color: var(--gse-ui-tabs-item-indicator-activeColor);
 }
-gux-tabs:not([orientation=vertical]) > gux-tab-list .gux-tab:hover:not(.gux-active):not(.gux-disabled) {
+gux-tab.gux-horizontal .gux-tab:hover:not(.gux-active):not(.gux-disabled) {
   border-block-end-color: var(--gse-ui-tabs-item-indicator-hoverColor);
 }
-gux-tabs:not([orientation=vertical]) > gux-tab-list .gux-tab gux-tooltip-title {
+gux-tab.gux-horizontal .gux-tab gux-tooltip-title {
   margin: auto;
 }
 

package/dist/collection/components/stable/gux-tabs/gux-tab-list/gux-tab-list.css

@@ -43,27 +43,29 @@
   overflow: hidden;
   background-color: transparent;
 }
-.gux-horizontal .gux-scrollable-section {
+
+.gux-scrollable-section {
   display: flex;
   flex: 1 1 auto;
   scroll-behavior: smooth;
   scrollbar-width: none;
 }
-.gux-horizontal .gux-scrollable-section::-webkit-scrollbar {
+.gux-scrollable-section::-webkit-scrollbar {
   block-size: 0;
 }
-.gux-horizontal .gux-scroll-button-container {
+
+.gux-scroll-button-container {
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: var(--gse-ui-advancedTabs-set-backgroundColor);
   border-radius: var(--gse-ui-button-borderRadius);
 }
-.gux-horizontal .gux-scroll-button-container gux-button-slot {
+.gux-scroll-button-container gux-button-slot {
   inline-size: 100%;
   block-size: 100%;
 }
-.gux-horizontal .gux-scroll-button-container button {
+.gux-scroll-button-container button {
   display: flex;
   align-items: center;
   justify-content: center;