genesys-spark-components 4.108.3 → 4.109.1

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;
@@ -18,7 +18,7 @@ const GuxSimpleToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: '79e000bdc7f93c85b0efd8023dc666c62f76640f' }, index.h("div", { key: 'ae22030cf22f888a83f6037ff31a885f348d1dba', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'c558459e87e8e04cd42d75c7b4cf35b9e492dec2', name: "icon" })), index.h("gux-truncate", { key: 'e841e88fc4f3c3e2ea8d02517238a7aa46afc910', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'ef7c92db91c54b6c8d59b38a591780b720ac8b06', name: "message" })), index.h("gux-dismiss-button", { key: 'cc251bac923a15905fd9d347874db738d96c0488', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: 'f78b00d5665f300cc2adc698b7f131cea9223600' }, index.h("div", { key: '2cd61b35ccc4fcda835ea3f1d27a4ac7c46627be', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'be49762bc22596f08eb5a068a0d065e380ea79b1', name: "icon" })), index.h("gux-truncate", { key: 'efce6ca5575e2bef8b477bd8073dedc5e6bc3438', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '62458d2641d4c386ea9b7b3c4ddfb2703f8e2e9f', name: "message" })), index.h("gux-dismiss-button", { key: 'b2dec7283745e1d1902271c182062b620a60e119', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/cjs/gux-skip-navigation-item.cjs.entry.js

@@ -12,7 +12,7 @@ const GuxSkipNavigationItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '4c569b814e1470c5a145fc2b9cca20eaf2c1c474', role: "listitem" }, index.h("slot", { key: '1b15955f2536eaa0f81cab121f9e8389e0fd5f76' })));
+        return (index.h(index.Host, { key: 'fdfcff7991bc9d88f306dc45367dc49de3bf5141', role: "listitem" }, index.h("slot", { key: 'd1f631b5ad0a7f155bd9f13f6965ff0a51463e3d' })));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/cjs/gux-skip-navigation-list.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const navigationName = "Skip links navigation";
@@ -24,7 +24,7 @@ const GuxSkipNavigationList = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '31931a8040491d2c6f3c8acd48c7a7add61d857f', class: "gux-container" }, index.h("nav", { key: '44ce55d65c249095ce584f65e02d8326679f4914', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: 'fc59ff19be768f050705c3c075566b32b9cff739', role: "list" }, index.h("slot", { key: 'fd96890a121c2b4a794218f8c9611af8e8ae337c' })))));
+        return (index.h("div", { key: '897b3958807aea2864e18301f894027d9fef4b79', class: "gux-container" }, index.h("nav", { key: '6bce1d6fef087db8bfe845f17bfce304d44e49e3', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '084c8b674e44cc8256d4c5d1f9a8a9fe468da45e', role: "list" }, index.h("slot", { key: '9fd0d2c79241f81ebe5e69a2e589b8be64b4a2b1' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-sort-control.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const en = require('./en-807a354e.js');
@@ -108,13 +108,13 @@ const GuxSortControl = class {
         }
     }
     render() {
-        return (index.h("div", { key: '40e7c8d9a0d796d49f79e8dd7782f506a00e9e19', class: "gux-container" }, index.h("button", { key: '82380f87e757ffb8c92dabf3739fe672ab9e0e7a', class: {
+        return (index.h("div", { key: '39501c7e885e084bbb2a12d441f5c835c3bdf7a6', class: "gux-container" }, index.h("button", { key: '44c06aceace45fa2b6f5097e7d89851bdb3f47ac', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '11ed94c01a3550ce69702331176486410855afe7', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: 'a9928472843ce17b8d9a2e80c72d78d24fbfa2af', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: 'cfee77d16c9deaf5bd9b355d4bb6605a9213eebd', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '2ba487ef285696ff0d37b882b8f1bcf15c7609a3', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -146,13 +146,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1bb30d8045366579b327f32f954d64c3360efa11' }, index.h("button", { key: '250c1b657beb520885a0493710e8d95f77f5b665', type: "button", class: {
+        return (index.h(index.Host, { key: '972de471505bf0371beb2e42a8afebf75850d91c' }, index.h("button", { key: 'ea269a2be165239555d9b16e0011fd03edd24acd', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: 'f90df17dd3319c396dfc2e8f534b593e705155ae', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '8f160feb2f71d3dc81d85fda8a69b0c96501919d', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '14ce7670127c3fedbd84495d2aa30b16a20ecee4', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: '333d2572ae820b4d79ac2dbbb539120649a64a50', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '82aa35dd82c3d1a4e7866ce70ad5b214121a71d2', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '9fd8ea4e49062b1d117a4fd6dbbb0c46fb0d077b', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: 'a10887b4f33703674550e3c68a03e11492dd55cb', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'd4d85a52e5d24b1afc5a86de8a6f8044de2e63f0' })))));
+            } }, index.h("div", { key: '50f6306dcccb89cf8c7421361bff733a49a8f90d', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'ccaa8f26da01edcaf2956e92c3f67aa3e0fad1f5' })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-switch-item.cjs.entry.js

@@ -20,7 +20,7 @@ const GuxSwitchItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a370b8e9fd77aff200f82238359e6f94bc3afe65', class: { 'gux-selected': this.selected } }, index.h("button", { key: '3f8466bd5898cd5be1acce818c47473a25ef78c1', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '2a73895bb45d7b4e061105903151b8356faab372' }))));
+        return (index.h(index.Host, { key: 'f0f8474ef9bddb773e90e8c879ebc0e27f3f9ee2', class: { 'gux-selected': this.selected } }, index.h("button", { key: '012bff5620455922b4e00bf246b87389bfba1ec6', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: 'f39959ad567d39b0d0b1b23b800b9857a2080978' }))));
     }
 };
 GuxSwitchItem.style = GuxSwitchItemStyle0;

package/dist/cjs/gux-switch-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;
@@ -37,7 +37,7 @@ const GuxSwitch = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '0d02d7d3e6ff12674619c15f3b8a3804ee51ef3f', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: 'ad81b29af5e086d3aae3ba97cdf350763703120f', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '5856554397a75d72228eb20182287793c2c6c6bb', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '2f8d76a1c7e3450b3052ee8597166432b7f3113f', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3091,7 +3091,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: '85fa55bdd0d2c662ff8d4e85c92a1559be1a69b5', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '7740951efbb43141d9c7e53861cd66762ccdaf47', class: "gux-scrollable-section" }, index$1.h("div", { key: '5d35759735399f84ab690675a82b3aa41e627b87', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'cc2962d4ccf765b80ef58ba3a23786dcfa944c2a' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            index$1.h("div", { key: '77dd6596f2f68dc20bcb570cebff2ca0bb68a87e', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '28408317d5408090a251ac8d422294bfe4dde50f', class: "gux-scrollable-section" }, index$1.h("div", { key: 'f03f8c2fcaefb85dbe0a41979516f449634e1c97', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '5fe2247c66e6bdc3a0b856d0f0bfa43d5abdab94' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

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

@@ -24,7 +24,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (index.h("div", { key: '96062a242436b0a7abf2ecf45659c8f003817585', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, index.h("slot", { key: '369048ef2d4b849aa556415a3e705d7b43a7c1d7' })));
+        return (index.h("div", { key: '96a1a30ff8612b62dfc8de02eb0266dbc9c20759', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, index.h("slot", { key: '79c17d26aaba4fea10a9c06caf3b4dd8b9c3a364' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -159,12 +159,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            index.h("div", { key: 'c6cbf59b60814f0c870518a6ad2458722da72ecb', class: {
+            index.h("div", { key: 'f6e2d5e0f815e5dbfd8d1d8967d86f3415ff4029', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: '6e8c619352d7b0a9523c0dccc7b437c65fa94ec7', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '3f57085651a17804ad3534569649a0bddf27a78d', class: "gux-divider" }))
+                } }, index.h("div", { key: '12cd8be992bebd1c9c3ac265d670e1446fd1b874', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'c1cf915eb169f123e471f7175b58657a6c181bd6', class: "gux-divider" }))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -283,9 +283,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (index.h("div", { key: '953964238ed13c0293b02c88941c2a5e7e78b747', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: '9294cb06c679adf6fd0ecc4c1b1c1ff22b1584cd', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: '68a4036f630f927d034e713232637135376a0abf', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: 'ce98ee72a659cd2fef333c0d23c3b33c02270509' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'a1b1329b02bf022100db3a4c009a34dc59a586e7', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '4aab3b5f0d042cf122321c8692a17154818db5aa' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -24,7 +24,7 @@ const GuxTabPanel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '72fce9122c2e3193c039fd3285b866b2094c8fda', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '1da2e1c1701bba8e787fb03555c2be62dba480e1' })));
+        return (index.h(index.Host, { key: 'e73f54c70ebe99ad2eb82d7338494933d093ab55', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '31928d35c1bac8272dfbf84122330360cf82f4b8' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -41,11 +41,11 @@ const GuxTab = class {
         return this.active;
     }
     render() {
-        return (index.h("button", { key: 'aa3bcc806dfa47bf474cee961b5f2277951807c4', class: {
+        return (index.h("button", { key: 'a6829ece3b556d83afef128b243f69751db57e5d', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: 'c3d599184164cdf77815073d05c92b5604368dc9', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '6a31596ec74a12ed9a8caa1d1067baa2323110fb' }, index.h("slot", { key: '5732f8fd528af4ab78a91d6c2adec0a36b89dd45' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: '11046b9f022ea6ab316e783d24ce3f1af0980284', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '115883e111b785c835d614f494904e9a896099d2' }, index.h("slot", { key: '6fcfe6e0828247ec4ff3fcd4f70920ce6076269a' })))));
     }
 };
 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: '36e45655124ad5181deebfe2d69f2bd45893fed5' }, index.h("slot", { key: '2a789499b35d98ac6cabf4903a122438ac3317c8' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: '26597e7f95c2c9926f6917f60176daaa92cdcfc7' }, index.h("slot", { key: '6063697fa5c06a30bfb3c130c759b7e20ec8d75a' }), 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-2dd05ef3.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 const index$1 = require('./index-d7208697.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -66,7 +66,7 @@ const GuxTableToolbarAction = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-table-toolbar-custom-action", { key: '68ec869bd5e0bb808aa673b8c25f06f3f050ae9c', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '2885c17ccaa33b83c2d22f0a36e121301d53d5d8', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'd1b739e412e328287fae60906c687d08018e304e', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: '341763500e306dfbbda1d910831b3d9c7138b765', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '53d383610d021b3fad870317ce0a1d283f475e04', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '1e707eb1ad4be845a902de970152871828c596d1', 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-2dd05ef3.js');
 const getClosestElement = require('./get-closest-element-26170ce0.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.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;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.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: '8842302d3fca3bb95d920b4dbeb63baf67bdf831', accent: this.accent }, index.h("button", { key: '01c43eca69bfaf3c1fd255259ef4dfc6c3ef1289', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '11d6ad2e9dada313f4b8965c700f5edad71f9c33', name: "icon" }), index.h("span", { key: '761958415c4fc7faab7717a8cd202789f7ff1c32', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: 'a9b2577294a63c65fbc05f36c3b63fb625e4c983', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: '88138d1c977b4224cb7b7e0f81dd3e002b03d943', accent: this.accent }, index.h("button", { key: 'dd3ff43d8c03aa7102293802bd719839229c081c', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '1c1ff28da8507e65b35d78551d7a6da7e271d393', name: "icon" }), index.h("span", { key: '5c6c31a98991dc97db782e5c0fd8e865c056b418', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: '61c6b4051b66ab457ce63c6f6b165daa2c57969b', 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-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
 const index$1 = require('./index-d7208697.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -98,7 +98,7 @@ const GuxTableToolbarMenuButton = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: 'd44f35a8061400c7421f7014d426487b9e4e3fd8', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '48df5f61abcd383d93c3383b7bd3058308d36b11', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: '201adf26646243e1165e416a71a2a6c49f6fec41', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '9d2dec965f058c92b2402491feacf014a3b257fe', accent: "secondary" }, index.h("button", { key: '76d4778662f599c1eaca6a41fe589a3b117d65c9', 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: 'f782db31fe4cb4c5597e4006b632928516be10a9', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), index.h("div", { key: '314b9664aa90b37f4f920cd87b849c2f635ae81a', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '23624778ef6cc94a83c9022d48930411f42ff940', ref: el => (this.listElement = el) }, index.h("slot", { key: '6912ab26092ecbad8ed3090f95f91934d46b7775' }))))));
+        return (index.h(index.Host, { key: 'eb7fbf35f51d4e3a091a09498b2ba8af8edac3a8', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '9ebb8527f0962257c04df29187b4184bd9551950', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'bb49e4e5529a6ade072281a2b5b1e4e0e477f4f4', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '49e428e35ed1810cef5dff73027dc1b33885233a', accent: "secondary" }, index.h("button", { key: 'ba21a82e2841c49fead7a3eda267e8ee03641267', 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: '871ba61d9cadb6079b295cffacf9cb73aa4c216b', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), index.h("div", { key: 'c207d569a4e598a29122726d11fd4bc8c016c15d', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'a027b2fc3629a586ee0f41ade01a45e963be2e88', ref: el => (this.listElement = el) }, index.h("slot", { key: '39465fe7a36ef2410e56c491865f4ad55da9d19f' }))))));
     }
     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-2dd05ef3.js');
 const onResize = require('./on-resize-62f7838d.js');
 const onMutation = require('./on-mutation-c0879d47.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
@@ -212,9 +212,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '90e6b05bd2fc44dd175abf44ee1594299f643e6b', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: 'a1b3097240efe4bf8a585f663c23bb708d9eba5e', class: "search-filter-container" }, index.h("slot", { key: '26122433319c76e58c6b3a067d740f42864f52db', name: "search-and-filter" })), index.h("div", { key: '011a0848bb53b01ebca18b04617abe157a250225', class: "section-spacing" }), index.h("div", { key: 'd7246e4623ad9b6d85b93b7d775ad21212bbd57f', class: "gux-contextual-permanent-primary" }, index.h("div", { key: 'ffaa4b9bf551bb97f96b42860a64abf77f45039a', class: {
+        return (index.h(index.Host, { key: 'e1cc644a5cf06a2c345c0d71e61ffc3ba4e552a2', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: 'd8984b1c47209a2cd3b4e975a8b8c70ca502feaa', class: "search-filter-container" }, index.h("slot", { key: 'd4bd0d2eac56a7ed0aec29c1253095dcbdaf213e', name: "search-and-filter" })), index.h("div", { key: 'b1dc9be3a71f5bf8428132d039590f609cb5b74b', class: "section-spacing" }), index.h("div", { key: 'bef0173c71490f0308d502f2d7566e92b8888600', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '92eefd0cc91c634906b5f759fc86d7f53b1f0dab', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: 'ba833b4d9c6e9c8f99b2ad04d8e757189f82ab7b', name: "contextual-actions" })), index.h("div", { key: '7deb6e6eafed9cd247eb067a2d2b90ddeb5995e3', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '080735f6e0183ecffac462bf3180b07880f708fb', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: 'd9f58e1da5ba2d70575483bbf5df383e5dfcdc5b', "show-menu": this.renderMenu() }, index.h("slot", { key: '30872beb8a0ba25597e753a1419417a5baa36086', name: "menu-actions" })), index.h("slot", { key: '1b32d6d6cd11e80d59fab44d7c7bb27b2284a7a1', name: "primary-action" })))));
+            } }, index.h("slot", { key: 'dee2ecf0e72b8fe61fc4c20584fee4376d6acc1f', name: "contextual-actions" })), index.h("div", { key: 'fd73f6262dfc7542b588951ce63c9537e8d60b61', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '472004ce9dc2db68b5d73ce3f86831fcd9c1c169', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '23b6dfa9a5ab7dbe07f4e3848f41a7f95cf8a1c5', "show-menu": this.renderMenu() }, index.h("slot", { key: '8e2ef4a891d0543e31bfee0e112f77b483c9e4f6', name: "menu-actions" })), index.h("slot", { key: '88c7884dcb556e7e28e184ba1a7714a21491ca3b', 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-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -281,7 +281,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '35ec04bb5f0ed99b242f84ddf520a418697b3ad8', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '5762b1aec939992952238cdc844845810db3f1ae', class: "gux-table" }, index.h("div", { key: '95e5ecc4c0a6b4b7daf32d9ebefe26e71a5b43b4', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '8e1a9195c504376ff72ecc24f715aa2c9dc97b9c', name: "data" })), this.isTableEmpty && (index.h("div", { key: '8e8f61a16477b4435435f24f334a2bc383aae678', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (index.h(index.Host, { key: '7cd920b1b9cf9901838ee6c5e3fa5ed43c0a8d85', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '2bda4e7ab741f4ae03f92d076601647fe56ff0f3', class: "gux-table" }, index.h("div", { key: '4b35038d75b3bfe49f07a3081d62560aed3c5988', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '3ce589778769cce3aa7b97c125f68e634cfd4467', name: "data" })), this.isTableEmpty && (index.h("div", { key: '4220a6fdcff4b00ea8f92400fd76a08a4289c7e2', 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-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: 'c1e6ee19ac93a85162e9acad397c8869ba5ebca1' }, index.h("slot", { key: 'e901abaf94cd806d792ac76a5952a1a0731c880f', name: "tab-list" }), index.h("slot", { key: '53eab40093c953f8b4642495c6cd5c50fbc030d6', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: '93c2691f07647a88a8c71103f0aa060b40a51a03' }, index.h("slot", { key: 'b9ec0988ac249073a5efe32994b8df1077c114de', name: "tab-list" }), index.h("slot", { key: 'b9fb66b8a9e269ed74b191bc9956d85fda5a3652', 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-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.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 {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: 'e3c9253e4bdca6a7da95a8d58d61c146122e96cb' }, index.h("div", { key: '60a257e714c5a70f87bfa8bc4c6993ed87872e25', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '55b69debad17a969c5b09fee55e05eaa79b2bec0', name: "tab-list" }), index.h("div", { key: '05ab057d70188511a0213d16e205f69c079a2c07', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '192f35b83f6afb00d9c637cdd7cdd2da510b063e', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: '814d867d22f6a839b2e1a4027fbd53493348bc85' }, index.h("div", { key: 'a09c8ac85a0263344a72ecf2e45b3076f9ca8f2c', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '7b861c5a83e0b339e33706ac200fd5d73054b8b0', name: "tab-list" }), index.h("div", { key: 'ef0dd08ee9a3da46a3ce95de30ff64a709a31c10', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: 'f423401e3d075c24fe4f85cc1e9c692ebc0a09b8', 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-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";
@@ -69,7 +69,7 @@ const GuxTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (index.h("div", { key: 'eb8246953acb14c7ea8e35aff090a268c86ea6b5', class: {
+        return (index.h("div", { key: 'f122c1faead27fcfacf2549efc3efa44bc3d0a74', 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-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.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-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 const getValidTimezone = require('./get-valid-timezone-221a0856.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-d7208697.js');
@@ -42,7 +42,7 @@ const GuxTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e6c779ece02ed376c4c4794804bbd4d015d20696' }, this.renderTime()));
+        return (index.h(index.Host, { key: '43c7c866135cbebace2970bbebe11b05441c3ee4' }, 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-bb55ad5e.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-d7208697.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./get-closest-element-26170ce0.js');
@@ -433,7 +433,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: '6fd3adb8b8bc68c75b87900193c755ca2f7471af', class: {
+        return (index$1.h("gux-popup", { key: 'b39923537a289bd5a2dc3d6bda97dbcaf90fe941', 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-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 const index$1 = require('./index-d7208697.js');
 const timeZone = require('./time-zone-e774c9f7.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -48,7 +48,7 @@ const GuxTimeZoneBeta = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, timeZone.translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '8d744864b32da1834546404860b5da5304b67ef8' }, this.renderZoneDisplay()));
+        return (index.h(index.Host, { key: '5eafcc1916f6da3125bc00954fb3da7fc56b176a' }, 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-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
 const timeZone = require('./time-zone-e774c9f7.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -160,11 +160,11 @@ const GuxTimeZonePickerBeta = class {
         return (index.h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (index.h("gux-dropdown", { key: '8ee50f8dce21ffc958c2accb69c99ea7b9bf518e', class: {
+        return (index.h("gux-dropdown", { key: '33641a828f459deffb7975c9929945fe90aec792', 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: '858e8f406fc20a27fa608ba488dc13199858cf3c', "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: 'b00d07842824650a0e067a6efc7398f10d6a839d', "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-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxToastCss = ".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;inline-size:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-block-end:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow-offsetX) var(--gse-ui-toast-boxShadow-offsetY) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color)}.gux-toast .gux-icon ::slotted(gux-icon){inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{inline-size:var(--gse-ui-toast-icon) !important;block-size:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{inline-size:100%}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";
@@ -45,9 +45,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: '4cbb638be86490a8cae7af44fc8003c8084d6586', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: '11a15038f211253e92a091f0249bdbf88e32e23a', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '133af9c29aeaed36b3674b249a6d09f6b9b79f5f', class: "gux-content" }, index.h("div", { key: '9dfbf64582510b6fc749be442a05c26555c4b23a', class: "gux-message" }, index.h("gux-truncate", { key: '3573af7ae9df31dcdcef51b9d597003f705c6421', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '76b2c0c35f31c7cb60c20eb456b41d8e767459aa', name: "title" })), index.h("gux-truncate", { key: '984adc68998feddf8b40e724de20a8d1c34fb046', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '50f77c36bd246412048dd4c4c257548608d1d3bd', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (index.h("div", { key: 'd57fc708bd29fd2ab500d2e9f8ea5bba4fd30a07', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: '18e3e5878dbb4a2b57f44fa51cb2d1b2b7759c4c', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '52014216f8ed0dfbe9980cf0e8bba832fe915d39', class: "gux-content" }, index.h("div", { key: '2057e9478b0f8e9b5f1860db1d335f657e9a14fb', class: "gux-message" }, index.h("gux-truncate", { key: '9b96449133a579e74081b2ad955d8e95f96f2767', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: 'ff9064ab834946bcb24be866fad21b39352ea017', name: "title" })), index.h("gux-truncate", { key: '80c8ed2ea82c7e257207189ff963a54c501d0c80', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: 'c6ff45469f88bcf798fb949b18234372baa44041', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), index.h("gux-dismiss-button", { key: '9b926d6daa95f540350e0b8d6babc2d8fda9356b', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), index.h("gux-dismiss-button", { key: '1513b566fe8a00cc65f9129769dd74c723ada9a4', 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: '447f953b906cae93cd75d67c2d4d2e1b74a33748', class: {
+        return (index.h("div", { key: '4ddb8b31fe65170d54c90dec85774fa2e6397adf', 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: '930f2baeef615b5f6f865c07a8d0f59df6089bb6', class: "gux-slider" }, index.h("div", { key: '2771e5bdfbd6dde44e5c73c968b4b375e4932f98', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: '074ce48b3b3d8d76bcbe43623756a13225a861ac', "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: '592d1847f087dd55cae3bf47206faf737930962c', class: "gux-slider" }, index.h("div", { key: 'f6792615cf7c62fa8d0d5b4a4ed9fc8f947fe5f3', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: 'abd8467f1d63c83743daefd07c13e2bf032b10b8', "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-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-d7208697.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -91,11 +91,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'aef4ad520f37c763a123c77354612f3652019f34', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '6e5790e5562c49d734df4c8e559603eb36da6d1a', class: {
+        return (index.h(index.Host, { key: '749ade4eeba4aa43b50de5b6543412034b089fc2', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '9eab5358ee451fddeac17637c341965a668577d4', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, index.h("div", { key: '3cb82c2bec14373e049d4d410a3ebed2109ae3b4', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '481ada115b8494e2458e8bc3c2383f6eaa7903ff', 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: 'ddecfbde911ab298dbe4c18ce186c327ae44fc7e', ref: el => (this.announceElement = el) })));
+            } }, index.h("div", { key: '571b2ba9196b8018775c7172adbd92cfda936cd1', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: 'cd8bf154c04b54657ea50cb5db2ba0f3518e71a9', 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: '3494cef076ffe3ac8c06a927e7b55f46483bf48d', 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-2dd05ef3.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-cb449687.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
@@ -130,10 +130,10 @@ const GuxTooltipBase = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: 'f2b0ee3ae072b09d945a854bc21f3c429825afe5', 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: '2918c83579efdc7a5a9291c2e00bfd9ae46c1d74', class: {
+        return (index.h(index.Host, { key: 'ccd91353ad277bb3b4b96086b4cbe9e7ca8e9ed3', 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: '84b6c22e2c8a11cf713550fa673ebd6898297d34', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: 'f6b0cbae2da4b31f148fa4787fc23625420cb18f', name: "content" }))));
+            }, "data-placement": this.placement }, index.h("slot", { key: '3c20323b2eed951d4040722100405ad3d6c985f6', name: "content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {
@@ -212,7 +212,7 @@ const GuxTooltip = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1efe3574ef51f34c970824dc523572779ff060c2', id: this.id, role: this.role }, index.h("gux-tooltip-base-beta", { key: '6cc3640d633cc015f7d54de48903bdba997aacab', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, index.h("span", { key: '356ef52cd1e79655c8a13139aebfc1a5c103f311', slot: "content" }, index.h("slot", { key: '5046704ad8c157c5f605eaf441c8b653fa6fa071', name: "content" }, index.h("slot", { key: 'ae8f1e7334a28c820487c1c377982642c5a6d745' }))))));
+        return (index.h(index.Host, { key: '08e49dbbbb3c16871d42e52ef97e5daeeb17cadc', id: this.id, role: this.role }, index.h("gux-tooltip-base-beta", { key: 'e11aeaa54f8ce949f3ea26c8d990c996f01ab99d', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, index.h("span", { key: '1f7b298af19124e2f7036371bb289fff08e83ac5', slot: "content" }, index.h("slot", { key: '87fe210b8ad3f6655da9054e7ffd62c6d9b401ea', name: "content" }, index.h("slot", { key: 'cd4fb634e795dfaf0aa7a38514396493d185638f' }))))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {