genesys-spark-components 4.101.0 → 4.102.0

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.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: '91a7b9d2b40a814fba37e659cbb32e74b328b497' }, index.h("div", { key: 'a3566d34608e319b302a92a64a58e92e055bff89', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '56b8a5cf3b867cfd9314af9e281e50f336f5d8f2', name: "icon" })), index.h("gux-truncate", { key: 'b3228d05b1900cd02f52469004e6c20a38633850', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '98a05ff8453bbbf851a6f67224fc4c46af6f6992', name: "message" })), index.h("gux-dismiss-button", { key: 'b35400665b335f55a70b5bc3913b88ecb12cb868', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: 'db2c740647d7a8a67532e31718e0a62d7cd8c27e' }, index.h("div", { key: '7ea3dea9fa72a9db1359a6d38a03cdfb17c8567a', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '1383078dee16fc5e9ea9b4f0681f6fa1ecabcc2b', name: "icon" })), index.h("gux-truncate", { key: 'd9d448b6796b1846d0a4c3f3895ee44b2ae7822b', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'dfd7532ea190c9fefefbfd7014252727d4f69332', name: "message" })), index.h("gux-dismiss-button", { key: '1c541ed4eaba2bab5421a0931af71582e6f27611', 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: '15f5c49b8c2946d1cb96d2ae33e16ca7483a3364', role: "listitem" }, index.h("slot", { key: 'b623b523806389a143fe22f25c42c2932bbff775' })));
+        return (index.h(index.Host, { key: '3cf239bac6ef3eba065bd98932ac78068ea4682f', role: "listitem" }, index.h("slot", { key: 'a6af5106df3bfcb31e98641ee76e6b92ae042986' })));
     }
     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-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.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: 'd55f6a785f3f477f0937a62447a99b047c8b8555', class: "gux-container" }, index.h("nav", { key: '0e46eeeec2e9229afac1ed08e6662f3fe227a045', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '2ad3b534a666098ac66f243b4a3c3bfb0f5711ee', role: "list" }, index.h("slot", { key: '2bb04098ffe1493dcdff8fa68007dc7c0eb9f4d1' })))));
+        return (index.h("div", { key: '9abc91504e4e79581481f7f71cd3d1c7f3fa3a9b', class: "gux-container" }, index.h("nav", { key: '2d6f7122c6ab0dd69df810be080e19714a80001d', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '2341f3691b1ca3fb85553b52eaab343a013d01e0', role: "list" }, index.h("slot", { key: '3f3f0432dfd21f30cd105bd325dde75a1c21fef2' })))));
     }
     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-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.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: 'ca96badbee09803ed7df08e49bfb611eb88004b5', class: "gux-container" }, index.h("button", { key: '6edd32c81093ed6407aa4e4f853a347d1feab7b6', class: {
+        return (index.h("div", { key: '33a69ff4039ba50b83b4b3ceea8730d89bff1bc5', class: "gux-container" }, index.h("button", { key: 'f8599746413422b2bd01866b29c7ed415ecb6f52', 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: 'a3c1dd5097c83d89ef868c73857f544b828f1c6c', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: 'eeabfbe9a6cdddd036d608160b9194c05e14ff03', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '90a4aabdbde527aed831495a9783c485edac59c3', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '0eef282751a202b8e5b244d90a0bd5786b3e4358', 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: '901b8f8bd57bf6b576cd3ba3d4b09080b4393f21' }, index.h("button", { key: 'a2bf651ce8bad7ca0d4918d7c0ff67f647f949a1', type: "button", class: {
+        return (index.h(index.Host, { key: '3bf5bd2a023b20151c61bc3760e2acb74763378a' }, index.h("button", { key: '6243e772096b2add4600fa8021707106386c5de2', 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: '5799969b7ccdd73dcae197147ad82376b8921da6', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '874ce9dd7d6f4f8ee473264ebd38e0bb6bdb5f8a', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: 'ccd8036e0178191d5d2d31be16f31880d493f2e9', 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: 'c108d3332766be36b480ae807ca2efe92e8e5b79', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '0eb542761f30daef77e56e2b6de3a24196414fa0', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '9f7e7d13a7f526abbbed057b292c41928bbf0e76', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: '10b0534d755bc56f438fc1597593759068ad84b9', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'a16e2a52a7cb9f0299ad04b27c9c0b31a71dc152' })))));
+            } }, index.h("div", { key: 'e693eb0aad3f58230f3783063b788612ea623171', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'ba7183759f74accc328c7f028ebab4525a9124f6' })))));
     }
     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: '7e82f731781d671c963bab0d647644c48bd21489', class: { 'gux-selected': this.selected } }, index.h("button", { key: 'd77441bb5e773d2e761c436f8aa0e00589436376', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '592db68e2e893455ad74bfd9c270351d38596695' }))));
+        return (index.h(index.Host, { key: 'dfec7f615a7355fdad50c1e5cd6e8c78a05cf3fd', class: { 'gux-selected': this.selected } }, index.h("button", { key: '70ca8f456fcfd5655cf46f34d64f014e000542a8', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '7b837c5be672d9323e5a08f4f80ef6f56d5bd654' }))));
     }
 };
 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-79505d14.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.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: '01b1ed0a1e77c1244f4a2b24358c49a11b3ce299', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '0349e5719f7e8fe19c7d25980da0720950b804de', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: 'd31601a61d149eb26c14c6bc184fd33de5da5f6a', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: 'f743ee37bec5f414c7b06f9145dc42cc8fee4fee', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3076,7 +3076,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: '15928c9342f72527954c2797235b79266507ec85', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: 'eedac494c02ee5baf667428e1ff18e4a1a5f1560', class: "gux-scrollable-section" }, index$1.h("div", { key: '7e996eb84dea03da0d4169c571a7559aa389b4f5', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'd74130abf21c7295cea247e1a34b1a5e55088231' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            index$1.h("div", { key: '6a862f326119ccd5e902616af11542ea50c6fd52', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '156fae07f6ac1099b85d7c7da22eb2714a5915ef', class: "gux-scrollable-section" }, index$1.h("div", { key: '42ec2be4efe5d5b1ef118d886ba2ad4d0e930a38', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '86db5eb583e6b9ed5b94e1d559fb1ad2e85fcf20' })), 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: '8d741a9b40c13982fa2d6b4609ac740c6bb8a3bd', 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: 'b7162595d4a2fe87ab5021467a6779e5bca4637a' })));
+        return (index.h("div", { key: '221df85edd5e14d94b6cfd28e00213a087fd912b', 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: '6eb92809cb614436441d81dcf6f9eaabf0315b7f' })));
     }
     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: '829e9dc3ed2bf25124bd575f59a15069781a474b', class: {
+            index.h("div", { key: '5e66c12d32572392a881877d7a6040db3ffe68f4', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: '425dbb05c702a0f94cd2247e70aecab2e004dea8', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '9e8df801efe4a56dfe7063555c86c58096d64e0c', class: "gux-divider" }))
+                } }, index.h("div", { key: 'db7a5b68810556abc4e8c9b1f855ae1ffa883c99', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '65aa7c26657456ab1003006dcc53eabf2e8f0d07', 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: '9fa926c61cb4e4f464d72fc9b93aa305325e9ced', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: '1b330be648990865d7f5da8795be6890c4198af4', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'a3de628233838a4ce36e49147c3c9e65e0066f5b', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '1b2be3f196b191648f03b5c30d3276e6cd9c1aaa' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'aae95ecd7710fbbb73cdc0f8ce58e79e7aa9061f', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: 'b5a79dd6f97e11b8b5d9691ad135065e0219d00d' })), 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: '54b182170e1c5c506611074125b2bd23d768e3a6', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '24e9f880586a7c087669b4b070062b4134ac0de0' })));
+        return (index.h(index.Host, { key: 'c769b04036deeef5591829f068b5e88288620440', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '4b3ade9a8d9f15f89f15e96b0e970c15894c51ea' })));
     }
     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: '6f60ee32044b7a2bcd5664086e252a1ce68b2f23', class: {
+        return (index.h("button", { key: '6e809c441c7e0f28e6eaed2034f497ab9ffb5ecc', 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: 'a5c6f3285b6350c8f0df2473c63db18ee9a8796f', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '2d64dcab434bbfb6b9da9430dd32c1623d30c490' }, index.h("slot", { key: 'a1fce9647a9b2b149d780f80607407672316eaa9' })))));
+            }, 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: '28a553ca88b1d11c2890f45d950bc82799f1f47a', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '7b8184623517ad620a68d7dcc48524d4b613cb98' }, index.h("slot", { key: 'a852d365c209b9e569b6e05c21556d374c521c6f' })))));
     }
 };
 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: '9d5841b060c561260d07be0dd13642ecb74669a0' }, index.h("slot", { key: '28fb0869156c3f08c2aec24ff814a89c3c9352d2' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: '09690939f3a8f948f114138628a447d9b3bc2d2f' }, index.h("slot", { key: 'abc0b94b3d767b7f93bbba63dcf872171b774529' }), 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-79505d14.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 const index$1 = require('./index-16a4179e.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: '4d899707f437785425aaefdf79fae2ebae5d84db', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '2bdb3be3314e2a6065af37890fbcfbcbcff2d690', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'b364fa0c4544133ac8e0e1a8e6f19c503cdaba65', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: '3f1974c9845137714273501075f178ad905bd50d', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '9da623ae34eed012af27d4cb9fbbc56205215032', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'b9eb6907bf69b12251ff1792baa561152b7e4c43', 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

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const getClosestElement = require('./get-closest-element-26170ce0.js');
+const usage = require('./usage-b9fd8f10.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)}";
@@ -22,8 +23,13 @@ const GuxTableToolbarCustomAction = class {
             event.stopImmediatePropagation();
         }
     }
+    hideText() {
+        const parent = getClosestElement.getClosestElement(this.root, 'gux-table-toolbar');
+        const nonCondensedParentLayout = (parent === null || parent === void 0 ? void 0 : parent.getAttribute('gs-layout')) !== 'condensed';
+        return this.iconOnly && nonCondensedParentLayout;
+    }
     renderTooltip() {
-        if (this.iconOnly) {
+        if (this.hideText()) {
             return (index.h("gux-tooltip", null, index.h("div", { slot: "content" }, getSlotTextContent.getSlotTextContent(this.root, 'text'))));
         }
     }
@@ -31,7 +37,7 @@ const GuxTableToolbarCustomAction = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-button-slot", { key: 'f526767c714fac8cf1b4d6695b39093c02088f2e', accent: this.accent }, index.h("button", { key: '196503528677a72d5674a8d7f236ae318dfea2ea', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '9d1a3479dce67513ebe360897295213cb5c0c62e', name: "icon" }), index.h("span", { key: 'eb80e014a2bc70d3af5ac20121f38998cfbeb0ba', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: 'e14decfdd2d853953108790f452ea68151368c59', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: '73e5c9c42706220ae8c0e1038663aac894d44585', accent: this.accent }, index.h("button", { key: '7987298b01b6dfbb404d3e0a3f2e2fd2113324ce', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '995463971d19597d98a322558f8e748fe551f74b', name: "icon" }), index.h("span", { key: 'da689d397f76d65b9245f65e2f564f1235d3e869', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: 'cb930e223bdd250c00770ea35c8447579bd9326d', 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-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
 const index$1 = require('./index-16a4179e.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: '7822e2eced6840d51c542f4d867fc6b325725ad1', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'a5749ee21b0ffb1f82551d8b541a58d42732ccaa', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: '0ff587669707b324d26618ed9f4facb23a371c82', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: 'ec243134e8eb6d47d09f079c446b446d7e6a3e2f', accent: "secondary" }, index.h("button", { key: '5aebe866d36db9ceb60e6a6326684ddfc19d303e', 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: '09d1d8f3eedabb8aeeaea726a50fc93ea79cee4f', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), index.h("div", { key: '1cb9a3d6c0607a3426c4a5150f4d96acd509d375', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '249b4eac2ca256bac3edf798c37382945ec82760', ref: el => (this.listElement = el) }, index.h("slot", { key: '10855ea5a2a9ae54b68b6dd28e1395c6d0ab6dcd' }))))));
+        return (index.h(index.Host, { key: '636ebd482d2bb7c67f0cd12f6db5655cfb781253', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'e22e49fa8ea5a459ebf6141e87d946a8ef7b966f', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'ff4db5c913e91a14cf56450dff9863ae60b0d633', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '0c8a1bca10d9bee4d5058920c4feb333c7abcddd', accent: "secondary" }, index.h("button", { key: 'd19cd9df85aa365a1063a7545fde4855fd92a24f', 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: '3f9a8dbd3f292ab7db7a1d3cfd4098dcbf8ee3e3', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), index.h("div", { key: '9343a269d9dea0b72555d0945071c8581affeca4', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '5add0123f2a103b39c64348635f53c0f7aafc7e5', ref: el => (this.listElement = el) }, index.h("slot", { key: '5f0784c0afa5ffe56ab7f5194f420fb19cd8d002' }))))));
     }
     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-79505d14.js');
 const onResize = require('./on-resize-9065f1ea.js');
 const onMutation = require('./on-mutation-9b997891.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.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: '9d7cea0192fb40e86f99fc33165b765611213183', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: '0006fc3da5f9837a7ee5ccdba8fd3cfbdb5fa0c9', class: "search-filter-container" }, index.h("slot", { key: 'd0ce95fdf024f11a03fa1b72e040bf52b645e77f', name: "search-and-filter" })), index.h("div", { key: '3b79388bdef253340baf8c3eddeeeb47fbdb44cd', class: "section-spacing" }), index.h("div", { key: '3adb08adaf3308752deb7add1697e2028f36ab40', class: "gux-contextual-permanent-primary" }, index.h("div", { key: 'af409ae22c2399812c072547989688fef5f7014d', class: {
+        return (index.h(index.Host, { key: '5fb8d1d0d2638e473b58e8c3f1cfcbf354cc1c57', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: '9c63a228ee08c881486731c21f64e03fc212d5cf', class: "search-filter-container" }, index.h("slot", { key: '22b8d570adba2d6eca031827374dfe02498ae2f4', name: "search-and-filter" })), index.h("div", { key: '2d992ddd42d9d0eacd7867e65472c3aadf830ebd', class: "section-spacing" }), index.h("div", { key: 'c5c331c8159fdb449fbb22c68659130b37fb1d5d', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '4c09619a27d004359b8900775e3d00f138006210', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: 'abf4854bd55c0939f6855920bf5822d80cd7161a', name: "contextual-actions" })), index.h("div", { key: '6baedb8e6eb19942b984f5b84a3bd0ee9ee717a5', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: 'b6bdf8c8b4ead0ec5d88a5809bdef2f88dc621d4', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '1e88249d4ee71057ee1534a0a3ad47a7bd567c4a', "show-menu": this.renderMenu() }, index.h("slot", { key: 'e88c1544fe540672e5d99e488a84d4d8d7b77c97', name: "menu-actions" })), index.h("slot", { key: '246c1dd61e9f3a4ea7545adfbb9c308a9a39b2de', name: "primary-action" })))));
+            } }, index.h("slot", { key: 'c2f0266d52056d45dd4e8c14866dc1dfc220e30d', name: "contextual-actions" })), index.h("div", { key: 'da3c8ea083d03c3e6f20171e0d307cf8fd095dfe', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: 'd29997e56ad8ce03ed6b1de1eac00d4379eed637', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '411d56420e3588c876949b3a392da506f735ed6d', "show-menu": this.renderMenu() }, index.h("slot", { key: '7162d8900ae9bfbd91398d3ab30efef7a4eadd2f', name: "menu-actions" })), index.h("slot", { key: '0f8250e54adb580d6925ad4308d929ad1023eb98', 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-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.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: '49e4e604e708dccb68986bf8c636af554ca57766', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '177cececefd15a2b33f3825e56f6b6286ae40e93', class: "gux-table" }, index.h("div", { key: 'dd5159b0bf7630511eb4dc32d1ef89837c01f57a', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: 'cf4c6d3c16a7cfc313083838d2285e6783e334db', name: "data" })), this.isTableEmpty && (index.h("div", { key: 'ecb503fe898157d37e2a06d0370a7a66e5883fab', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (index.h(index.Host, { key: 'cd7572a4c981643e330c4ebad539f620c294cad9', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '6ddad814adfc1f97421f5290f6dcf20ef665d568', class: "gux-table" }, index.h("div", { key: '65aac625a34104faa6540f4ae054735f95a63f01', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: 'a6d559f9eddec06ff82ab6e81b3b6dd1db68318b', name: "data" })), this.isTableEmpty && (index.h("div", { key: '28609a30088e67019e6501281876e447bd7293c2', 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-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: 'f04d3a97770961c34ee503d78b9a21a13f60edbe' }, index.h("slot", { key: 'edaa1be77acc26a8178e4fe4506ce5d5373a4e7a', name: "tab-list" }), index.h("slot", { key: 'ab15f20d76eea7a12152a0dcf4704087df775873', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: '850709650793a201b96560be1ff66eadb7e29938' }, index.h("slot", { key: '96e053ac8f392318deaa01a48c19fd4a6be0efc7', name: "tab-list" }), index.h("slot", { key: 'ea43a0be16af1fc42c11858090105cb456a11276', 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-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.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: '5f2d5fdf8aa7057dacb23b60b9562944f8f3717a' }, index.h("div", { key: '016126d62a38c62470537f06d0f2a246aeff0ed0', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '773118e929251bcbc48de429762d188b8b6997c7', name: "tab-list" }), index.h("div", { key: '8e394164f68930bf0590cf661dbfc4d8bfded641', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '026bcfb8b5cbbe2bc6bacb22e85c52ff9ceda705', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: '382bb97d234b0eb145f6a353233207cb78a44ffc' }, index.h("div", { key: '0da675cfbde3ca8c9718d8dd3aaee87f8615a30d', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: 'd133d466ee3bd1f6142c63d976f9eea723052c37', name: "tab-list" }), index.h("div", { key: 'b050748e9e84f5d24362a88b22d1e855f2f2ce5c', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: 'e8627ef77308eb684b486948f99002e73449b0a6', 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-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.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: '4d755ee5b1d74a4d06cfd6bb67a0ce43ac868756', class: {
+        return (index.h("div", { key: '33a1133ec0654c8eb0a52242f22b9e0fea17516a', 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-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.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-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 const getValidTimezone = require('./get-valid-timezone-cbe2b3e3.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-16a4179e.js');
@@ -42,7 +42,7 @@ const GuxTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '6432f5c8e6362fbf9cf973d0a10af4b1d2079b18' }, this.renderTime()));
+        return (index.h(index.Host, { key: '437727e5ac1d1d91f210cc28b8476979fad97693' }, 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-31073d32.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-16a4179e.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./get-closest-element-26170ce0.js');
@@ -431,7 +431,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: 'f63036c9ed27eadcad4b6375ce98117bc8ae9bf9', class: {
+        return (index$1.h("gux-popup", { key: '4f147f3c058f4e3d32918268b75056687195b033', 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-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 const index$1 = require('./index-16a4179e.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: '0f182bfb6955009e9f6b0ca8fb09baf1f50f4984' }, this.renderZoneDisplay()));
+        return (index.h(index.Host, { key: '0eee4e6790a7af5e881afc29c56c6c11ecbbe156' }, 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-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
 const timeZone = require('./time-zone-e774c9f7.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.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: '9a8977bd6dcd0435ab027fee2b5a14586a634606', class: {
+        return (index.h("gux-dropdown", { key: '8a8ecbe1895249e5852d0cecdf9b0f124b1f0642', 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: '363bbc22f7e454bbc51a77ce3c3db38a009d8a9f', "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: '038c3dc8072b022c403793a9d1a328860f32d3c2', "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-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.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-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-links-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-links-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-inLine-medium-underlinedText-lineHeight)}.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: 'e2c706abc8d0051e17d1fdad35af8f47f022b7b7', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: '7f418bc22a89b0548118d6eb6ba004ca378af5d1', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '59cb327ea2098c21419ea2543cecd3cec7146be3', class: "gux-content" }, index.h("div", { key: '4a8f5ebbf13e63a1e32e0db38c729459a5196c47', class: "gux-message" }, index.h("gux-truncate", { key: '47a565cd947aec613810c37e298eac34d69f6792', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '85a2ceb9318d27cc6d1a29db0b480f848246503e', name: "title" })), index.h("gux-truncate", { key: '27abaefd1294eb0dd0ff5b59a537f568e5e586f4', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '5eae422c203b6ce9d56ff10264615aa7ec30aa0e', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (index.h("div", { key: '35de734fd7606d30af2e728b433fdadca5108bb4', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: 'ccbb68f12c22b09343ba5f6df62619bf0674e10b', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: 'ef4e9d05387e82143f97f38676f4123494926615', class: "gux-content" }, index.h("div", { key: '27a7ff375abaa17c88238ee4e3887f54f7b9e0d7', class: "gux-message" }, index.h("gux-truncate", { key: '09aadad0e45fb454cba88488b0fb9b7f7be9c255', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '1dc53938afbafc2d2e2732f6daee918114622a63', name: "title" })), index.h("gux-truncate", { key: '8adf18eecff4509e2390260449326c4f5227e6f3', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '0d674a3aabd1c1e2324beed2111244a7a3d28da3', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), index.h("gux-dismiss-button", { key: 'e7f1b68acd63894c6baedd5cdfed96fc87da86a8', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), index.h("gux-dismiss-button", { key: '16ce0a235bf4add39a33ff9696ec64df34683f4d', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -30,12 +30,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (index.h("div", { key: '2d75a3859f289e429553435903eb1d5a25d125ac', class: {
+        return (index.h("div", { key: '26c30c0679c7db2c29b6f51f9b3365676764687f', 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: 'c3af9b870c9b4b9e54485840dd66995da76b4292', class: "gux-slider" }, index.h("div", { key: '8aa15d77efbebcc75f9e45a646eb2550bd9adb10', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: 'c236797329f6dd3383e21dc52e8c86dc50c8d328', "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: 'f8f9fc95fbc380aa5c665cbb8a6527aad6bf2e56', class: "gux-slider" }, index.h("div", { key: '822aa4cf674ea7e0ffab68847ef42ac9023c7e55', class: "gux-switch" }, !isError && (index.h("gux-icon", { key: '6aa2c8d1fdb450182775dd0523081073d316d02c', "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-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-16a4179e.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -85,11 +85,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'fa5bc95523b3e80991d9639f760a73643c1a4078', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '545792ad06db33060fdbfe49177bba38bc363b40', class: {
+        return (index.h(index.Host, { key: 'd49c4d2a1dc492aca9a4b6ec1208e3227bffa156', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: 'f58273891005639cdcfb2c2b3ed31e610e4f8acd', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, index.h("div", { key: '4e7894405fd0567fff99a83daeae1bd371ca9dfb', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: 'eb10532394ee0751916e77321fda359811240c1a', 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: '9735d44c9acdb8bd228adee9494deae8974fe0c2', ref: el => (this.announceElement = el) })));
+            } }, index.h("div", { key: '81be4a26c798b50a7edc11db2fbd57191c66f7a4', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: 'cd12003a024b3f5b543cda1940ea496a111af888', 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: '0a722f312de9b115a80fa6e11a2b2d7d87971726', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }