genesys-spark-components 4.153.1 → 4.154.1

package/dist/cjs/gux-tab-advanced.cjs.entry.js

@@ -161,12 +161,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            index.h("div", { key: 'bef7d586eec01ac52b11dd2fed649409e0f48a70', class: {
+            index.h("div", { key: '51a9874d726cfbacc331df66a039cd8d53bc436b', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: '0b5ace2cbb918a35aa33a590ca583bf063e04a3a', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'b2e093ae3e6ed16f15d2f3a8f8e01e37870c393f', class: "gux-divider" }))
+                } }, index.h("div", { key: '2271cc67b8e9f018fbb966abf1313f46c32fcd3f', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'a631640afe9296b849f0b07b6d29ee8e8c20aa97', class: "gux-divider" }))
         ];
     }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-tab-list.cjs.entry.js

@@ -286,9 +286,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (index.h("div", { key: '9b62053ff894bbf0bf8ff90d8dc2c731478515f6', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: 'ae9f54186164a9e741aae2301e04238a3bb5471e', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'c881440cf290f48b063e0512c352e8875818d7df', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '3f9c1acbdba60e8960d2ef8a57af3a011f49f3ca' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: '4ccc0d0abed67e29e3cd025f5e89a58b998732fe', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '7855403cc39f1f524b948526cc5f497d78a4f88d' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

package/dist/cjs/gux-tab-panel.cjs.entry.js

@@ -23,7 +23,7 @@ const GuxTabPanel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '4e96edab7e144ce7896302c9f377eb5fd7cbff23', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '3c7809db0deca29010bba8cdde0bb332c2d70209' })));
+        return (index.h(index.Host, { key: 'a2a87f4bedc6e85add3ee32ccd024c8cf93f3383', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '4b2100851a94f283f3eaafe44c68e1d01bae1922' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

package/dist/cjs/gux-tab.cjs.entry.js

@@ -52,11 +52,11 @@ const GuxTab = class {
         return -1;
     }
     render() {
-        return (index.h("button", { key: '17d7ccf29a00238d23873f98019d2b922d8cf47b', class: {
+        return (index.h("button", { key: '4e72859d886bc4518d93edb98e259afb2c7ed86b', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: 'b50baa40839a82012bcd861c47f461d3e621587b', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '31d5321e491af1644fc08c14bc26797f54aa8bd0' }, index.h("slot", { key: '6d9a8d16e8b4ad002d1644ab38b64293e82cea7a' })))));
+            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: '332024c8968009f60737e884024f7cdd3c86e98d', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'e28ebb2c2555d361691c839bdcc1e7864679b668' }, index.h("slot", { key: '7a083f1202b493f3159252571c65308e004058c9' })))));
     }
 };
 GuxTab.style = GuxTabStyle0;

package/dist/cjs/gux-table-select-menu.cjs.entry.js

@@ -77,7 +77,7 @@ const GuxTableSelectMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd1c0f311bbbcc530d57ec706e0beb3b64491d9a1' }, index.h("slot", { key: 'f3cc98d543613d840e0af72313ded37b9e2f465c' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: 'ed1fcadfcaa20cf528eb0052be480aee0f87446b' }, index.h("slot", { key: '1a6efd9054e41699dbd327d08be5dd107967c7c3' }), this.renderSelectDropdown()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-table-toolbar-action.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -65,7 +65,7 @@ const GuxTableToolbarAction = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-table-toolbar-custom-action", { key: 'da2461c5b5c91041e46929234240d03e5a5db273', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'ae665bac35f7c521297fd4f493cb1fbc9905b3f4', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'cc51d73ff5ea5b0ef09628d4d99458f977740f9a', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: '3b02e1655e511e7f45494ed329cba802b05bceae', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'eb095d85733e80de46c85575244fa800aafb6aef', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'f80600fa409bb45dc34f0baa6ce602ed7eef312a', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const getClosestElement = require('./get-closest-element-26170ce0.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none;user-select:none}.gux-sr-only{display:flex}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
@@ -37,7 +37,7 @@ const GuxTableToolbarCustomAction = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-button-slot", { key: '63fa621d16f06133d1dcb8bf581d934dce6f515c', accent: this.accent }, index.h("button", { key: '2d7637c4bebfbb71692c42ca0c709771e624aaee', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: 'f1ff02d0e2546fda799642d2403ecfef536955a5', name: "icon" }), index.h("span", { key: '52779663b6f5e0af8c61e705cb90cafa89e060a8', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: 'fc7355b45882282d934c4048b6b9580283837c2b', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: 'a50243abe4e6bd3d5485e5decdea36fddb80c64d', accent: this.accent }, index.h("button", { key: 'f474b2b024e19734ca5e3b0a30493585b9ecfda9', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: 'f6d55951fcddda6ce549453a416826b476245280', name: "icon" }), index.h("span", { key: 'df0019e0a4d5f1d948f32cfbf1e35279a72ddeec', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: 'd712a06e52224df1c9cbb0066a555425ec441d29', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const index$1 = require('./index-aa48ea67.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -97,7 +97,7 @@ const GuxTableToolbarMenuButton = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: 'ae32447e74240b96d53bfbc036bfbfa9ab978381', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '0e8c62875cbe11e3ae0cec521c30c94d2479b257', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'e940fcd2d21b34f2de46f66aca0b52fbe0918c7c', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '3b1c793e48e6b676a9a2efbcd0b98fb979eac87c', accent: "secondary" }, index.h("button", { key: '540f0bf2277174bbbfbda8bc4072a06cb44e0702', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-icon", { key: '8ed2e0f0e831df6c1a97720911e37dfb64ae7604', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), this.renderTooltip()))), index.h("div", { key: '6ee8c15e2c7706708dd71962d4d6fedc7341e57a', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '82e0e0056b6d75f38f85188ae786813fa8b7320c', ref: el => (this.listElement = el) }, index.h("slot", { key: 'f6a8244eb90d48278ee55d270ebb0dd188787af6' }))))));
+        return (index.h(index.Host, { key: 'ab5a5a60169f9dc0006de9fd504da68dc0c82bbc', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'dcbbdb9a5f505746b2fb53d21e4c4f47ff647890', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'e48d3db7eae17dd25769fc71e26739735ab30fe9', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '95558dc7f3b90b04fdecf363bb81e6d752a33b7b', accent: "secondary" }, index.h("button", { key: '2435dad44695a45b1f1277c5e60bb9141cc49b02', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-icon", { key: '923368b8a25dbca8c8c0762d76d98c5d98063ba2', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), this.renderTooltip()))), index.h("div", { key: '150a4bac23d161e2e3e4fcbdd8840aab98050d9c', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '262a9d3ecaf5c4fdd86399c5267e3badd4b361b7', ref: el => (this.listElement = el) }, index.h("slot", { key: '972a7f61d38573e4ad1b86fe043423ad132c6e43' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-table-toolbar.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const onResize = require('./on-resize-b2cc6e7f.js');
 const onMutation = require('./on-mutation-6d71ec1a.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const getSlot = require('./get-slot-4fedce9f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
@@ -215,9 +215,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '4b2099f5a530e9fa4eade178472a21faf3ff90c2', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: 'a68bf69abd708b331968a5c6eb21e86d574d08bc', class: "search-filter-container" }, index.h("slot", { key: 'fed7563ac2b20b7c5a86cd3a9f67829d4324b94d', name: "search-and-filter" })), index.h("div", { key: '6f69414c15c83db6e93bd9ce629fdcce433806e5', class: "section-spacing" }), index.h("div", { key: '54b404bb445eb46fd610dff2e70b87f16fcba89b', class: "gux-contextual-permanent-primary" }, index.h("div", { key: 'a6a7a979b9a135863a138c179ae55439474ac0c5', class: {
+        return (index.h(index.Host, { key: '6d9bb5d5cfc8e0a08863270277a5aee77a97a22d', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: 'fc3ce74d73a7c17d28d62973749c098ff6ad6d74', class: "search-filter-container" }, index.h("slot", { key: '0cde14fa79023c82b09e4f6c48014fc340f09b1c', name: "search-and-filter" })), index.h("div", { key: '7e0a9c74595eae632f70e0b4d2106dd852ad77e8', class: "section-spacing" }), index.h("div", { key: 'deb38a6880a9c1189857b2170158304310286247', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '10bd23cc43b91883643a87c7c941b28ca27bb3ef', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: '5fd6ee9d50e4e76d3d02ea8f6fb96f2fdaf9f273', name: "contextual-actions" })), index.h("div", { key: '8c536a812fbe8f49e150022b780ec1fb743e1a8a', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: 'ccfdb54959f4961fbde917fb9521819331625ebf', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '8de6ac6e110c0d87c34e7df57cea069e3a3e48ff', "show-menu": this.renderMenu() }, index.h("slot", { key: 'a75cda74c7290cfea1983f9f675a813ba6704536', name: "menu-actions" })), index.h("slot", { key: '8270c1f110a1ebcce59bad3dfbd2b8b687872c20', name: "primary-action" })))));
+            } }, index.h("slot", { key: '51568039a0835a3d52019904e8ca3ac6d4cbd686', name: "contextual-actions" })), index.h("div", { key: '5a5a50821d5adb9bd401be6e613d93aaf8f7efc4', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: 'b19cbed127e86ed53212a22d32113ae6623a874e', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '40953d9048d6d2ec233221c96fdc876c3ca29f36', "show-menu": this.renderMenu() }, index.h("slot", { key: '6fe2fda9735707e1e93e822b5ef76d3b2c3dd966', name: "menu-actions" })), index.h("slot", { key: '65f8912581a1bb88a62c58def6458cb7cbdc5fbf', name: "primary-action" })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-table.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -26,9 +26,9 @@ const GuxTable = class {
         this.tableId = randomHtmlId.randomHTMLId('gux-table');
         this.columnsWidths = {};
         /**
-         * Indicates that vertical scroll is presented for table
+         * Indicates that vertical or horizontal scroll are presented for table
          */
-        this.isVerticalScroll = false;
+        this.isScroll = false;
         /**
          * Indicates if the mouse is in a position that supports starting resize
          */
@@ -53,12 +53,12 @@ const GuxTable = class {
         }
         this.prepareSelectableRows();
         index.readTask(() => {
-            this.checkVerticalScroll();
+            this.checkScroll();
         });
         if (!this.resizeObserver && window.ResizeObserver) {
             this.resizeObserver = new ResizeObserver(() => {
                 index.readTask(() => {
-                    this.checkVerticalScroll();
+                    this.checkScroll();
                 });
             });
         }
@@ -71,10 +71,11 @@ const GuxTable = class {
             childList: true
         });
     }
-    checkVerticalScroll() {
+    checkScroll() {
         const tableContainerElement = this.tableContainer;
-        this.isVerticalScroll =
-            tableContainerElement.scrollHeight > tableContainerElement.clientHeight;
+        const isVerticalScroll = tableContainerElement.scrollHeight > tableContainerElement.clientHeight;
+        const isHorizontalScroll = tableContainerElement.scrollWidth > tableContainerElement.clientWidth;
+        this.isScroll = isVerticalScroll || isHorizontalScroll;
     }
     disconnectedCallback() {
         if (this.resizeObserver) {
@@ -291,7 +292,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '476c1deecdb7390e571c86dab3513e03cef95932', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '16eadc750bb4a07e1f717fe91eacddf9c083ea11', class: "gux-table" }, index.h("div", { key: '384d7b1c25f515bf3ccb9c58c98e525c48f87938', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '3c4f9da699077a1d6b37681e3168549fd4607aa3', name: "data" })), this.isTableEmpty && (index.h("div", { key: 'a93caf579eb9b293cf8e9ef7a40264228f19144d', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (index.h(index.Host, { key: '7c0de7d38597cd74f6b0153ecd23a57b880a83b2', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '0e24228557e34047f21244594044e32787b7ab97', class: "gux-table" }, index.h("div", { key: '4058f2a889e4d533bb129ae31cb35bf732999bf7', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: 'face8bbeb29a66e50806842555ecaad32cbb824c', name: "data" })), this.isTableEmpty && (index.h("div", { key: '02602512594ac63b8e3beda231c51a7909b77844', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-tabs-advanced.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -47,7 +47,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '45765e83c790820257bf220effbfce3799aee1b2' }, index.h("slot", { key: '59d368e113d344751c5916dfc4e9ff950e8df673', name: "tab-list" }), index.h("slot", { key: 'ff29a11058b1ac10d8223749fd2ced95c2f12964', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: '43f7d87c1568e1df5b61da978338a5942338a8a3' }, index.h("slot", { key: '568d65bac0bed0f828cdff9728ad3e8ea682c15b', name: "tab-list" }), index.h("slot", { key: '7f80d669fb6793c2dc6a84c47e5dd8d0ae1964e6', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-tabs.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";
 const GuxTabsStyle0 = guxTabsCss;
@@ -55,7 +55,7 @@ const GuxTabs = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: 'd7e56a3eeb21af827988ef50ecb012f9c5d93eb2' }, index.h("div", { key: 'f3713d8beaa2fe1f7ac9372fa0b1bf33b78c9a46', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: 'ec48fa65271e18b5f376e2de09f208457ba706f3', name: "tab-list" }), index.h("div", { key: 'e7b97b33668ca56605deffc7d6ac5ece793320f3', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '277939620088393f2f3c872bdef63fe8f6a243d3', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: 'fcf6be8847699ea16fd6cd7fbfed5e958250111f' }, index.h("div", { key: '739b5d7a29d257cf65b3d9f2709debb88368702b', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '076981b20c734e6c61815595ae07fff44ba58de9', name: "tab-list" }), index.h("div", { key: '4f2529c3710adbee42f687080225614666608b48', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '8644c0e7c4355779488c97d9922840ede20d6c64', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-tag.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";
@@ -56,7 +56,7 @@ const GuxTag = class {
     }
     renderRemoveButton() {
         if (this.removable) {
-            return (index.h("button", { class: "gux-tag-remove-button", onClick: this.removeTag.bind(this), type: "button", disabled: this.disabled }, index.h("gux-icon", { class: "gux-tag-remove-icon", "icon-name": "fa/xmark-large-regular", "screenreader-text": this.i18n('remove-tag', { label: this.label }) })));
+            return (index.h("button", { class: "gux-tag-remove-button", onClick: this.removeTag.bind(this), type: "button", disabled: this.disabled }, index.h("gux-icon", { class: "gux-tag-remove-icon", "icon-name": "fa/xmark-large-regular", decorative: true }), index.h("gux-screen-reader-beta", null, this.i18n('remove-tag', { label: this.label }))));
         }
     }
     componentWillLoad() {
@@ -68,7 +68,7 @@ const GuxTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (index.h("div", { key: '2480d939eb358c218691d27fc266b77fffe99aa0', class: {
+        return (index.h("div", { key: '82f4f97a2fcf764aca555d0d46248daa882b4901', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

package/dist/cjs/gux-text-highlight.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

package/dist/cjs/gux-time-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const getValidTimezone = require('./get-valid-timezone-6d0cf04e.js');
 const intl = require('./intl-ed89316c.js');
 const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');
@@ -48,7 +48,7 @@ const GuxTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '2a9c1458c092543436ad93329af035318e1603f6' }, this.renderTime()));
+        return (index.h(index.Host, { key: '5d883f6ca87976508bae01d8ba1e24b01512de39' }, this.renderTime()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-time-picker.cjs.entry.js

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-aa48ea67.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const logError = require('./log-error-7b9d4b57.js');
 const intl = require('./intl-ed89316c.js');
 const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');
@@ -456,7 +456,7 @@ const GuxTimePicker = class {
         return (index$1.h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, index$1.h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (index$1.h("gux-popup", { key: 'd83b39098763e0faf83d689c7cd1351587b8de8b', class: {
+        return (index$1.h("gux-popup", { key: '6ecabad33289ab260f2fecd2c7a5f7ffcc513cd0', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

package/dist/cjs/gux-time-zone-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const index$1 = require('./index-aa48ea67.js');
 const timeZone = require('./time-zone-8cc25510.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -44,7 +44,7 @@ const GuxTimeZoneBeta = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, timeZone.translationResources, 'gux-time-zone-picker');
     }
     render() {
-        return (index.h(index.Host, { key: '14713114b34655e4e23c8ef552df7edd5f0c65a4' }, this.renderZoneDisplay()));
+        return (index.h(index.Host, { key: '305b2895b6e1a43dc0f9e6b9684777b76af07c29' }, this.renderZoneDisplay()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
 const timeZone = require('./time-zone-8cc25510.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -152,11 +152,11 @@ const GuxTimeZonePickerBeta = class {
         return (index.h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (index.h("gux-dropdown", { key: '8a65b11f06a8db17793321e05242e60a47534433', class: {
+        return (index.h("gux-dropdown", { key: '5678c0115e471da7d88dfe17a706e41731f2ed62', class: {
                 'has-defaults': !!this.workspaceDefault ||
                     !!this.localDefault ||
                     !!this.customDefault
-            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, index.h("gux-listbox", { key: '8bd6a6825e0d50b49e3d6b32acb89fe645de9ea0', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
+            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, index.h("gux-listbox", { key: 'bce0d5e03122db54277328cce178149c4481d2ff', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-toast.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const logError = require('./log-error-7b9d4b57.js');
 
@@ -59,9 +59,9 @@ const GuxToast = class {
         return (index.h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (index.h("gux-button-slot", { slot: "secondary" }, index.h("slot", { name: "secondary-button" }))), index.h("gux-button-slot", { slot: "primary" }, index.h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (index.h("div", { key: '4a784894bff1b8b15c34615c7588e93effb0a43d', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: '91885c761d5b9a22c60a21e94b0d969fcbdbd008', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: 'a210e7dc385a434e527d77efc7b15f2376aedb92', class: "gux-content" }, index.h("div", { key: '7735f35c0f67f56d0e9003cc48ab8722f502eeba', class: "gux-message" }, index.h("gux-truncate", { key: '23232a15a2fc33160ab58588cc4eee1f8268d788', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '09bbb0d34cef1fdea9b162b1cff7f2c732a330bf', name: "title" })), index.h("gux-truncate", { key: '1e3a000d667580afe5f8a3ec49c4bdb5fbbfe1d4', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '8f61a8142fc6dc47950b202d66baa52beebb5e6f', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (index.h("div", { key: 'db56987cd7c53f5e892a8d21a30aaedb5673bb03', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: '41cc4f6fd2beac8ef17978ceda61c8be575801ba', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '06f394bf8581a72fcb46195d03e174c833e68fce', class: "gux-content" }, index.h("div", { key: 'cfd311bc5428792590e7d024c507e20b8cb08aeb', class: "gux-message" }, index.h("gux-truncate", { key: 'b121f11354d8cb9857f7d1389e493c59eea6033f', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '170cc3d297e2cbf0da2b02a8f7a6e76b4deffbdc', name: "title" })), index.h("gux-truncate", { key: '809834a743ff746515b60c1ebc2f2c1f1cb4a8ed', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '95771b5d7d22819e3168bfbd2f6ad2f122297081', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), index.h("gux-dismiss-button", { key: '057499b2cec55220c0c78eab0d18b7c350c914d9', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), index.h("gux-dismiss-button", { key: 'e7658d34a388f9ccb75bd513378c7de1d654da8b', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/cjs/gux-toggle-slider.cjs.entry.js

@@ -25,12 +25,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (index.h("div", { key: '421d2546dcefe6d0f729e1b31aba84c322bd86c4', class: {
+        return (index.h("div", { key: '1cb0e9c16e9d3587fc33be75db520a660186aa89', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, index.h("div", { key: '116cf5d88cb0fcb5b41d1217aee57b614786497c', class: "gux-slider" }, index.h("div", { key: '3f4bfebb7839ab0b8c09279f25c56da28affe63d', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: '9cfa32fda575941b1dca5e873745fa3283a6bb1a', "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, index.h("div", { key: '4090c5325f53fa642d3ab1163d2ecaff2c8c2079', class: "gux-slider" }, index.h("div", { key: '64d5720956f1ce270cfd32ebf4d038855e058e6c', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: 'd2cecd2611a79a502fc7cd5c48debc8171a025f4', "icon-name": "fa/check-solid", decorative: true }))))));
     }
 };
 GuxToggleSlider.style = GuxToggleSliderStyle0;

package/dist/cjs/gux-toggle.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -87,11 +87,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f72c418412d7cfeef41941a8f220c8dff4eec43e', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '9b717ffc7d5b54d11bd5887074e63da0a87f39c9', class: {
+        return (index.h(index.Host, { key: 'a6b5651448a2c8da7dedf348842c09bdcccf732d', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '84dc515b0110612bcce9a646979e0cbac43ec448', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, index.h("div", { key: 'b2e0da6200caedfcb2f84701af19c826c62db421', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '22511ddd0233794f1694b47d3fd81f4a941eae29', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), index.h("gux-announce-beta", { key: 'f078b0a5a69c95147a9d8f99050fe69e45211d16', ref: el => (this.announceElement = el) })));
+            } }, index.h("div", { key: '76d34622e3af8ed7c12ceff4f4a7f76d77f69889', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '8957c2f2978b0134c3327617cdb84658d87a0ab1', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), index.h("gux-announce-beta", { key: '238c9c3f27bcbaf94f433bfdd213112d688bb432', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-a0754e1a.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-1bdbc2f1.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
@@ -177,10 +177,10 @@ const GuxTooltipBase = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: 'e4af4855cbfc584aca2936f15588aa403f4f4c6b', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, index.h("div", { key: 'c7e1aedffe39b49700cb2f06e660cc222632fef9', class: {
+        return (index.h(index.Host, { key: 'e9b989b05b3f3e40d6340fc3df779eab33f84806', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, index.h("div", { key: 'f07449d7e6a7a3ebb47da13396a7f1de814974ab', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: '0a682c31b0b57a6556e65a269f7646ad25b258f1', name: "content" }))));
+            }, "data-placement": this.placement }, index.h("slot", { key: '0ac529ac55fbef7302c907404283939651abbba1', name: "content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {
@@ -263,7 +263,7 @@ const GuxTooltip = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '50151fd382b63c55c2b424dec466f987d04ac916', id: this.id, role: this.role }, index.h("gux-tooltip-base-beta", { key: '0378c9890690a342661bc89f501ad90952ec6250', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, index.h("span", { key: '12ca9a8bd32c5346dbd56b7885d5770f2c7fb699', slot: "content" }, index.h("slot", { key: '2cfd4dcb8a7a22783d097aea03d299b470bb904c', name: "content" }, index.h("slot", { key: '01fc9311d1a9f916d5acb12b7958708ced498242' }))))));
+        return (index.h(index.Host, { key: 'd0b2e3181a2588558f7ec6e6dce60db9f4ba7011', id: this.id, role: this.role }, index.h("gux-tooltip-base-beta", { key: 'a43ed8e1a405842c2a0a18e7c376d8651aeb581d', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, index.h("span", { key: '4d6464a3bbc979aac5149e41e44925e071aed157', slot: "content" }, index.h("slot", { key: 'be4cefbcf70e6e0ba729bd0083ec4f55f5268d3a', name: "content" }, index.h("slot", { key: '9faabb31c6ba49e5f4162b8f2e4c93568ee08c08' }))))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-tooltip-pointer-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 
@@ -76,7 +76,7 @@ const GuxTooltipPointer = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c86496d311a4534afaaa6cfda427a88166031784', id: this.id, role: this.role }, index.h("gux-tooltip-base-beta", { key: 'da31182737a8e4eb0d706d5ef19c623d98e8da7a', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, index.h("span", { key: '2b59d473043f3b4a1aec814b0514a6eb46798d9c', slot: "content" }, index.h("slot", { key: '8cf5c44bb75c3ad6c067cfcc63a7c690f54e5003', name: "content" }, index.h("slot", { key: 'df3bbae316eaa88cce8f2a129c026fa3d4f6090d' }))))));
+        return (index.h(index.Host, { key: '63644551b967d0ac9845a6666f59a811239d0237', id: this.id, role: this.role }, index.h("gux-tooltip-base-beta", { key: '362c5ff0ed2605b11d75cef9d9603e63bf0f600f', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, index.h("span", { key: '7710ecc8942e0c50370395f24d2456b8e34a4c28', slot: "content" }, index.h("slot", { key: '238564d49e4436d6631cbe3850a5b196e99c6641', name: "content" }, index.h("slot", { key: '0d87d1a053c7698ca323e84b305339673991a08f' }))))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-tooltip-title.cjs.entry.js

@@ -129,10 +129,10 @@ const GuxTooltipTitle = class {
     }
     render() {
         return [
-            index.h("span", { key: '4fbf28a8cf77ea3c2f047522de0a7d19696218e8', class: {
+            index.h("span", { key: 'e15a2cb1bda4693c0449e02e9f069bc222aeaaaa', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, index.h("slot", { key: 'a4651f889595c0f1ae3c18c15f7fe701896dcbe6' })),
+                } }, index.h("slot", { key: '1e336f382487b3f5da92f85e22f6fa8a1d569019' })),
             this.renderTooltip()
         ];
     }

package/dist/cjs/gux-tooltip_2.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-a0754e1a.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-30d96b23.js');
+const usage = require('./usage-3bf4e36f.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-1bdbc2f1.js');
@@ -159,10 +159,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: 'a8554693b752111d128fcb927edb1f80c535d085', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: '554c1ba3b49cf929981705045167f7744db6e292', class: {
+        return (index.h(index.Host, { key: 'f601b4ff9b0824df65bbe662380632073292bf3d', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: '267a10865e20f50c897dd65310f695e21e104321', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: 'e9aa9ad7f1180d1ba38f41d175aace40c0c90b52', name: "content" }, index.h("slot", { key: '4475c18445033f7e3ed4ffdde0117da103d4757b' })))));
+            }, "data-placement": this.placement }, index.h("slot", { key: '44801d8689ce2d3992a45bf26a92f0435cb4196b', name: "content" }, index.h("slot", { key: '22153a907bea661954119f7db2e066db628f0299' })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {
@@ -235,12 +235,12 @@ const GuxTruncate = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: 'c3065457b8c9cdab28d7d01e8e3b01c7f2f85515', class: {
+        return (index.h("div", { key: 'c9b007efaaf09547de206ee693554a8f9d46a418', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, index.h("span", { key: 'c2ebf80a76b127b6bc5aea4ec4bc58f2ea2afab3', class: {
+            } }, index.h("span", { key: 'c7c2bdc20013685da3927d9acff387d529eb467d', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: 'd2181939efaeee7263c76bc1fbc89dd320e105dc' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: 'ec324e10e59eb80b1f127cb6fa5e810a290e1782' })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/index-e321455d.js

@@ -443,6 +443,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gux-status-indicator-beta.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'gux-step.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './gux-step.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'gux-step-title.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './gux-step-title.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'gux-stepper-beta.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './gux-stepper-beta.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gux-submenu.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -675,14 +687,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gux-list.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'gux-screen-reader-beta.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './gux-screen-reader-beta.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gux-form-field-input-clear-button.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './gux-form-field-input-clear-button.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'gux-screen-reader-beta.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './gux-screen-reader-beta.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'gux-dismiss-button.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */