genesys-spark-components 4.153.1 → 4.154.1

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, f as forceUpdate, d as readTask, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { O as OnResize } from './on-resize-c9d0d33c.js';
 import { O as OnMutation } from './on-mutation-751e68e4.js';
-import { t as trackComponent } from './usage-2832bb6d.js';
+import { t as trackComponent } from './usage-fb8e7cfd.js';
 import { g as getSlot } from './get-slot-41f866aa.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 
@@ -211,9 +211,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (h(Host, { key: '4b2099f5a530e9fa4eade178472a21faf3ff90c2', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'a68bf69abd708b331968a5c6eb21e86d574d08bc', class: "search-filter-container" }, h("slot", { key: 'fed7563ac2b20b7c5a86cd3a9f67829d4324b94d', name: "search-and-filter" })), h("div", { key: '6f69414c15c83db6e93bd9ce629fdcce433806e5', class: "section-spacing" }), h("div", { key: '54b404bb445eb46fd610dff2e70b87f16fcba89b', class: "gux-contextual-permanent-primary" }, h("div", { key: 'a6a7a979b9a135863a138c179ae55439474ac0c5', class: {
+        return (h(Host, { key: '6d9bb5d5cfc8e0a08863270277a5aee77a97a22d', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'fc3ce74d73a7c17d28d62973749c098ff6ad6d74', class: "search-filter-container" }, h("slot", { key: '0cde14fa79023c82b09e4f6c48014fc340f09b1c', name: "search-and-filter" })), h("div", { key: '7e0a9c74595eae632f70e0b4d2106dd852ad77e8', class: "section-spacing" }), h("div", { key: 'deb38a6880a9c1189857b2170158304310286247', class: "gux-contextual-permanent-primary" }, h("div", { key: '10bd23cc43b91883643a87c7c941b28ca27bb3ef', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '5fd6ee9d50e4e76d3d02ea8f6fb96f2fdaf9f273', name: "contextual-actions" })), h("div", { key: '8c536a812fbe8f49e150022b780ec1fb743e1a8a', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'ccfdb54959f4961fbde917fb9521819331625ebf', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '8de6ac6e110c0d87c34e7df57cea069e3a3e48ff', "show-menu": this.renderMenu() }, h("slot", { key: 'a75cda74c7290cfea1983f9f675a813ba6704536', name: "menu-actions" })), h("slot", { key: '8270c1f110a1ebcce59bad3dfbd2b8b687872c20', name: "primary-action" })))));
+            } }, h("slot", { key: '51568039a0835a3d52019904e8ca3ac6d4cbd686', name: "contextual-actions" })), h("div", { key: '5a5a50821d5adb9bd401be6e613d93aaf8f7efc4', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'b19cbed127e86ed53212a22d32113ae6623a874e', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '40953d9048d6d2ec233221c96fdc876c3ca29f36', "show-menu": this.renderMenu() }, h("slot", { key: '6fe2fda9735707e1e93e822b5ef76d3b2c3dd966', name: "menu-actions" })), h("slot", { key: '65f8912581a1bb88a62c58def6458cb7cbdc5fbf', name: "primary-action" })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTas
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-2832bb6d.js';
+import { t as trackComponent } from './usage-fb8e7cfd.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-728b9f18.js';
 
@@ -22,9 +22,9 @@ const GuxTable = class {
         this.tableId = 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
          */
@@ -49,12 +49,12 @@ const GuxTable = class {
         }
         this.prepareSelectableRows();
         readTask(() => {
-            this.checkVerticalScroll();
+            this.checkScroll();
         });
         if (!this.resizeObserver && window.ResizeObserver) {
             this.resizeObserver = new ResizeObserver(() => {
                 readTask(() => {
-                    this.checkVerticalScroll();
+                    this.checkScroll();
                 });
             });
         }
@@ -67,10 +67,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) {
@@ -287,7 +288,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (h(Host, { key: '476c1deecdb7390e571c86dab3513e03cef95932', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '16eadc750bb4a07e1f717fe91eacddf9c083ea11', class: "gux-table" }, h("div", { key: '384d7b1c25f515bf3ccb9c58c98e525c48f87938', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '3c4f9da699077a1d6b37681e3168549fd4607aa3', name: "data" })), this.isTableEmpty && (h("div", { key: 'a93caf579eb9b293cf8e9ef7a40264228f19144d', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '7c0de7d38597cd74f6b0153ecd23a57b880a83b2', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '0e24228557e34047f21244594044e32787b7ab97', class: "gux-table" }, h("div", { key: '4058f2a889e4d533bb129ae31cb35bf732999bf7', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'face8bbeb29a66e50806842555ecaad32cbb824c', name: "data" })), this.isTableEmpty && (h("div", { key: '02602512594ac63b8e3beda231c51a7909b77844', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-2832bb6d.js';
+import { t as trackComponent } from './usage-fb8e7cfd.js';
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -43,7 +43,7 @@ const GuxTabsAdvanced = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '45765e83c790820257bf220effbfce3799aee1b2' }, h("slot", { key: '59d368e113d344751c5916dfc4e9ff950e8df673', name: "tab-list" }), h("slot", { key: 'ff29a11058b1ac10d8223749fd2ced95c2f12964', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '43f7d87c1568e1df5b61da978338a5942338a8a3' }, h("slot", { key: '568d65bac0bed0f828cdff9728ad3e8ea682c15b', name: "tab-list" }), h("slot", { key: '7f80d669fb6793c2dc6a84c47e5dd8d0ae1964e6', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-2832bb6d.js';
+import { t as trackComponent } from './usage-fb8e7cfd.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;
@@ -51,7 +51,7 @@ const GuxTabs = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'd7e56a3eeb21af827988ef50ecb012f9c5d93eb2' }, h("div", { key: 'f3713d8beaa2fe1f7ac9372fa0b1bf33b78c9a46', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'ec48fa65271e18b5f376e2de09f208457ba706f3', name: "tab-list" }), h("div", { key: 'e7b97b33668ca56605deffc7d6ac5ece793320f3', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '277939620088393f2f3c872bdef63fe8f6a243d3', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: 'fcf6be8847699ea16fd6cd7fbfed5e958250111f' }, h("div", { key: '739b5d7a29d257cf65b3d9f2709debb88368702b', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '076981b20c734e6c61815595ae07fff44ba58de9', name: "tab-list" }), h("div", { key: '4f2529c3710adbee42f687080225614666608b48', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '8644c0e7c4355779488c97d9922840ede20d6c64', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
-import { t as trackComponent } from './usage-2832bb6d.js';
+import { t as trackComponent } from './usage-fb8e7cfd.js';
 import './get-closest-element-728b9f18.js';
 
 const tag = "tag with label: {label}";
@@ -52,7 +52,7 @@ const GuxTag = class {
     }
     renderRemoveButton() {
         if (this.removable) {
-            return (h("button", { class: "gux-tag-remove-button", onClick: this.removeTag.bind(this), type: "button", disabled: this.disabled }, h("gux-icon", { class: "gux-tag-remove-icon", "icon-name": "fa/xmark-large-regular", "screenreader-text": this.i18n('remove-tag', { label: this.label }) })));
+            return (h("button", { class: "gux-tag-remove-button", onClick: this.removeTag.bind(this), type: "button", disabled: this.disabled }, h("gux-icon", { class: "gux-tag-remove-icon", "icon-name": "fa/xmark-large-regular", decorative: true }), h("gux-screen-reader-beta", null, this.i18n('remove-tag', { label: this.label }))));
         }
     }
     componentWillLoad() {
@@ -64,7 +64,7 @@ const GuxTag = class {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: '2480d939eb358c218691d27fc266b77fffe99aa0', class: {
+        return (h("div", { key: '82f4f97a2fcf764aca555d0d46248daa882b4901', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-2832bb6d.js';
+import { t as trackComponent } from './usage-fb8e7cfd.js';
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-2832bb6d.js';
+import { t as trackComponent } from './usage-fb8e7cfd.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-3bde2dae.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './intl-93dbfa3b.js';
 import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';
@@ -44,7 +44,7 @@ const GuxTime = class {
         }
     }
     render() {
-        return (h(Host, { key: '2a9c1458c092543436ad93329af035318e1603f6' }, this.renderTime()));
+        return (h(Host, { key: '5d883f6ca87976508bae01d8ba1e24b01512de39' }, this.renderTime()));
     }
     get root() { return getElement(this); }
 };

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

@@ -3,7 +3,7 @@ import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { g as getDesiredLocale, b as buildI18nForComponent } from './index-4f1356d9.js';
-import { t as trackComponent } from './usage-2832bb6d.js';
+import { t as trackComponent } from './usage-fb8e7cfd.js';
 import { l as logError } from './log-error-274efeb7.js';
 import { a as determineDisplayLocale } from './intl-93dbfa3b.js';
 import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';
@@ -452,7 +452,7 @@ const GuxTimePicker = class {
         return (h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (h("gux-popup", { key: 'd83b39098763e0faf83d689c7cd1351587b8de8b', class: {
+        return (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/esm/gux-time-zone-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-2832bb6d.js';
+import { t as trackComponent } from './usage-fb8e7cfd.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { g as getTimeZoneList, f as formatOffset, t as translationResources } from './time-zone-cf8c390b.js';
 import './get-closest-element-728b9f18.js';
@@ -40,7 +40,7 @@ const GuxTimeZoneBeta = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources, 'gux-time-zone-picker');
     }
     render() {
-        return (h(Host, { key: '14713114b34655e4e23c8ef552df7edd5f0c65a4' }, this.renderZoneDisplay()));
+        return (h(Host, { key: '305b2895b6e1a43dc0f9e6b9684777b76af07c29' }, this.renderZoneDisplay()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { f as formatOffset, g as getTimeZoneList, t as translationResources } from './time-zone-cf8c390b.js';
-import { t as trackComponent } from './usage-2832bb6d.js';
+import { t as trackComponent } from './usage-fb8e7cfd.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import './get-closest-element-728b9f18.js';
 
@@ -148,11 +148,11 @@ const GuxTimeZonePickerBeta = class {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (h("gux-dropdown", { key: '8a65b11f06a8db17793321e05242e60a47534433', class: {
+        return (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 }, 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 }, h("gux-listbox", { key: 'bce0d5e03122db54277328cce178149c4481d2ff', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-2832bb6d.js';
+import { t as trackComponent } from './usage-fb8e7cfd.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 
@@ -55,9 +55,9 @@ const GuxToast = class {
         return (h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (h("gux-button-slot", { slot: "secondary" }, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { slot: "primary" }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: '4a784894bff1b8b15c34615c7588e93effb0a43d', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '91885c761d5b9a22c60a21e94b0d969fcbdbd008', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'a210e7dc385a434e527d77efc7b15f2376aedb92', class: "gux-content" }, h("div", { key: '7735f35c0f67f56d0e9003cc48ab8722f502eeba', class: "gux-message" }, h("gux-truncate", { key: '23232a15a2fc33160ab58588cc4eee1f8268d788', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '09bbb0d34cef1fdea9b162b1cff7f2c732a330bf', name: "title" })), h("gux-truncate", { key: '1e3a000d667580afe5f8a3ec49c4bdb5fbbfe1d4', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '8f61a8142fc6dc47950b202d66baa52beebb5e6f', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: 'db56987cd7c53f5e892a8d21a30aaedb5673bb03', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '41cc4f6fd2beac8ef17978ceda61c8be575801ba', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '06f394bf8581a72fcb46195d03e174c833e68fce', class: "gux-content" }, h("div", { key: 'cfd311bc5428792590e7d024c507e20b8cb08aeb', class: "gux-message" }, h("gux-truncate", { key: 'b121f11354d8cb9857f7d1389e493c59eea6033f', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '170cc3d297e2cbf0da2b02a8f7a6e76b4deffbdc', name: "title" })), h("gux-truncate", { key: '809834a743ff746515b60c1ebc2f2c1f1cb4a8ed', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '95771b5d7d22819e3168bfbd2f6ad2f122297081', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '057499b2cec55220c0c78eab0d18b7c350c914d9', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'e7658d34a388f9ccb75bd513378c7de1d654da8b', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -21,12 +21,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '421d2546dcefe6d0f729e1b31aba84c322bd86c4', class: {
+        return (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) }, h("div", { key: '116cf5d88cb0fcb5b41d1217aee57b614786497c', class: "gux-slider" }, h("div", { key: '3f4bfebb7839ab0b8c09279f25c56da28affe63d', class: "gux-switch" }, !isError && (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) }, h("div", { key: '4090c5325f53fa642d3ab1163d2ecaff2c8c2079', class: "gux-slider" }, h("div", { key: '64d5720956f1ce270cfd32ebf4d038855e058e6c', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'd2cecd2611a79a502fc7cd5c48debc8171a025f4', "icon-name": "fa/check-solid", decorative: true }))))));
     }
 };
 GuxToggleSlider.style = GuxToggleSliderStyle0;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-2832bb6d.js';
+import { t as trackComponent } from './usage-fb8e7cfd.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
@@ -83,11 +83,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f72c418412d7cfeef41941a8f220c8dff4eec43e', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '9b717ffc7d5b54d11bd5887074e63da0a87f39c9', class: {
+        return (h(Host, { key: 'a6b5651448a2c8da7dedf348842c09bdcccf732d', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '84dc515b0110612bcce9a646979e0cbac43ec448', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: 'b2e0da6200caedfcb2f84701af19c826c62db421', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, 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()), h("gux-announce-beta", { key: 'f078b0a5a69c95147a9d8f99050fe69e45211d16', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '76d34622e3af8ed7c12ceff4f4a7f76d77f69889', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, 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()), h("gux-announce-beta", { key: '238c9c3f27bcbaf94f433bfdd213112d688bb432', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { a as autoUpdate, o as offset, f as flip, s as shift, h as hide, c as computePosition } from './floating-ui.dom.esm-a44d7688.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-2832bb6d.js';
+import { t as trackComponent } from './usage-fb8e7cfd.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { o as overflowDetection } from './overflow-detection-0d8bae71.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
@@ -173,10 +173,10 @@ const GuxTooltipBase = class {
         this.disconnectForElement();
     }
     render() {
-        return (h(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 }, h("div", { key: 'c7e1aedffe39b49700cb2f06e660cc222632fef9', class: {
+        return (h(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 }, h("div", { key: 'f07449d7e6a7a3ebb47da13396a7f1de814974ab', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '0a682c31b0b57a6556e65a269f7646ad25b258f1', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: '0ac529ac55fbef7302c907404283939651abbba1', name: "content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {
@@ -259,7 +259,7 @@ const GuxTooltip = class {
         }
     }
     render() {
-        return (h(Host, { key: '50151fd382b63c55c2b424dec466f987d04ac916', id: this.id, role: this.role }, 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) }, h("span", { key: '12ca9a8bd32c5346dbd56b7885d5770f2c7fb699', slot: "content" }, h("slot", { key: '2cfd4dcb8a7a22783d097aea03d299b470bb904c', name: "content" }, h("slot", { key: '01fc9311d1a9f916d5acb12b7958708ced498242' }))))));
+        return (h(Host, { key: 'd0b2e3181a2588558f7ec6e6dce60db9f4ba7011', id: this.id, role: this.role }, 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) }, h("span", { key: '4d6464a3bbc979aac5149e41e44925e071aed157', slot: "content" }, h("slot", { key: 'be4cefbcf70e6e0ba729bd0083ec4f55f5268d3a', name: "content" }, h("slot", { key: '9faabb31c6ba49e5f4162b8f2e4c93568ee08c08' }))))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-2832bb6d.js';
+import { t as trackComponent } from './usage-fb8e7cfd.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 
@@ -72,7 +72,7 @@ const GuxTooltipPointer = class {
         }
     }
     render() {
-        return (h(Host, { key: 'c86496d311a4534afaaa6cfda427a88166031784', id: this.id, role: this.role }, 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 }, h("span", { key: '2b59d473043f3b4a1aec814b0514a6eb46798d9c', slot: "content" }, h("slot", { key: '8cf5c44bb75c3ad6c067cfcc63a7c690f54e5003', name: "content" }, h("slot", { key: 'df3bbae316eaa88cce8f2a129c026fa3d4f6090d' }))))));
+        return (h(Host, { key: '63644551b967d0ac9845a6666f59a811239d0237', id: this.id, role: this.role }, 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 }, h("span", { key: '7710ecc8942e0c50370395f24d2456b8e34a4c28', slot: "content" }, h("slot", { key: '238564d49e4436d6631cbe3850a5b196e99c6641', name: "content" }, h("slot", { key: '0d87d1a053c7698ca323e84b305339673991a08f' }))))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

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

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement, f as forceUpdate } from './index-1f4f2f77.js';
 import { a as autoUpdate, o as offset, f as flip, s as shift, h as hide, c as computePosition } from './floating-ui.dom.esm-a44d7688.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-2832bb6d.js';
+import { t as trackComponent } from './usage-fb8e7cfd.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { o as overflowDetection } from './overflow-detection-0d8bae71.js';
@@ -155,10 +155,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'a8554693b752111d128fcb927edb1f80c535d085', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '554c1ba3b49cf929981705045167f7744db6e292', class: {
+        return (h(Host, { key: 'f601b4ff9b0824df65bbe662380632073292bf3d', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '267a10865e20f50c897dd65310f695e21e104321', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'e9aa9ad7f1180d1ba38f41d175aace40c0c90b52', name: "content" }, h("slot", { key: '4475c18445033f7e3ed4ffdde0117da103d4757b' })))));
+            }, "data-placement": this.placement }, h("slot", { key: '44801d8689ce2d3992a45bf26a92f0435cb4196b', name: "content" }, h("slot", { key: '22153a907bea661954119f7db2e066db628f0299' })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {
@@ -231,12 +231,12 @@ const GuxTruncate = class {
     }
     render() {
         var _a;
-        return (h("div", { key: 'c3065457b8c9cdab28d7d01e8e3b01c7f2f85515', class: {
+        return (h("div", { key: 'c9b007efaaf09547de206ee693554a8f9d46a418', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: 'c2ebf80a76b127b6bc5aea4ec4bc58f2ea2afab3', class: {
+            } }, 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() } }, h("slot", { key: 'd2181939efaeee7263c76bc1fbc89dd320e105dc' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: 'ec324e10e59eb80b1f127cb6fa5e810a290e1782' })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/index-1f4f2f77.js

@@ -421,6 +421,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './gux-status-indicator-beta.entry.js').then(processMod, consoleError);
+                case 'gux-step':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-step.entry.js').then(processMod, consoleError);
+                case 'gux-step-title':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-step-title.entry.js').then(processMod, consoleError);
+                case 'gux-stepper-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-stepper-beta.entry.js').then(processMod, consoleError);
                 case 'gux-submenu':
                     return import(
                       /* webpackMode: "lazy" */
@@ -653,14 +665,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './gux-list.entry.js').then(processMod, consoleError);
-                case 'gux-screen-reader-beta':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './gux-screen-reader-beta.entry.js').then(processMod, consoleError);
                 case 'gux-form-field-input-clear-button':
                     return import(
                       /* webpackMode: "lazy" */
                       './gux-form-field-input-clear-button.entry.js').then(processMod, consoleError);
+                case 'gux-screen-reader-beta':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './gux-screen-reader-beta.entry.js').then(processMod, consoleError);
                 case 'gux-dismiss-button':
                     return import(
                       /* webpackMode: "lazy" */