genesys-spark-components 4.98.0 → 4.99.0

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

@@ -42,7 +42,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: 'b9d3138d9861acaf540cfa334f4ae3aa82c38230', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'b20a5eed8875f08700bc8556cf2b8002595d8358', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '58a7cabb2b6feb433dcd72ee1238a37a5ee86355', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '442452c1faac0fde41c953c7eaa4258d0c5ed369', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '2f25ed6eed07609f7af259b83956fe7af66e7a60', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'df0951fdd70c81167260571ecc3b46c53e7af57d', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     static get is() { return "gux-table-toolbar-action"; }
     static get encapsulation() { return "shadow"; }

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

@@ -24,6 +24,6 @@ button[disabled] {
   align-items: center;
 }
 .gux-action-title slot[name=icon]::slotted(gux-icon) {
-  width: var(--gse-ui-icon-small-size);
-  height: var(--gse-ui-icon-small-size);
+  inline-size: var(--gse-ui-icon-small-size);
+  block-size: var(--gse-ui-icon-small-size);
 }

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

@@ -26,7 +26,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: 'ce6e69e164aba8406bfb1f2087736d0d91389d73', accent: this.accent }, h("button", { key: '035f0c815381233790a27e725c436bc6bcf74cf0', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '2c2c8b8c11508ff48adde18e24a3313a91ea04f0', name: "icon" }), h("span", { key: '9486c2802c4d63e00fdbd3e77ec80657ce2dd381', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'd74e5edab53ef76ab0c7cd5117e299f3ce1488d2', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'b7ef40b816e50add0344dabcb23bf9dce5620e57', accent: this.accent }, h("button", { key: 'b335c37d4e7136950c0e9bac109eb6028276bd70', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '7992b23c9698d180a6e7dddf4486f41001f97283', name: "icon" }), h("span", { key: '391ba40df08ee3e94fc30f3636f84f1d7e4697c3', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '2ef3504cb5c0793eb9a9befb58c0c82d1ec87c08', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-table-toolbar-custom-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-menu-button/gux-table-toolbar-menu-button.css

@@ -8,19 +8,20 @@
   display: block;
 }
 
-.gux-menu-button button {
+.gux-menu-button {
+  display: flex;
   color: var(--gse-ui-button-secondary-default-foregroundColor);
-  cursor: grab;
-  background-color: var(--gse-ui-button-secondary-default-backgroundColor);
+  cursor: pointer;
   border: none;
 }
-.gux-menu-button button gux-icon {
-  width: var(--gse-ui-icon-small-size);
-  height: var(--gse-ui-icon-small-size);
+.gux-menu-button gux-icon {
+  align-self: center;
+  inline-size: var(--gse-ui-icon-small-size);
+  block-size: var(--gse-ui-icon-small-size);
 }
 
 .gux-list-container {
-  width: min-content;
+  inline-size: min-content;
   margin: 0;
   overflow-y: auto;
   background: var(--gse-ui-menu-backgroundColor);

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-menu-button/gux-table-toolbar-menu-button.js

@@ -55,12 +55,6 @@ export class GuxTableToolbarMenuButton {
             }
         }
     }
-    onFocusin() {
-        void this.tooltipTitleElement.setShowTooltip();
-    }
-    onFocusout() {
-        void this.tooltipTitleElement.setHideTooltip();
-    }
     toggle() {
         this.expanded = !this.expanded;
         if (this.expanded) {
@@ -80,12 +74,17 @@ export class GuxTableToolbarMenuButton {
             void this.listElement.guxFocusFirstItem();
         });
     }
+    renderTooltip() {
+        if (!this.expanded) {
+            return (h("gux-tooltip-beta", null, h("div", { slot: "content" }, this.i18n('additionalActions'))));
+        }
+    }
     async componentWillLoad() {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'd0739093eb89c6f6d74ed2c50f022d316144c6a8', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'dd301fb52a95304bb67231a597cce32ebfbfa0d2', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '02cf2d3b5856e000f92da62a1fefd0e54e31d26b', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '7fe0ce87e388a0a4f14e2e87486b253e1efd7514', class: "gux-menu-button" }, h("button", { key: 'e8a32d108cca8d89eef915e5763882553247e943', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '16b7e95c4ec48d6f168649cf1d339dac9c7640f8', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'f4d4ce00447ae4f3d54f6b34316da04dc375a87c' }, h("gux-icon", { key: '1e980744d62812e95088a95144fe8b1d061db254', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '6b7b34695357e134ec73a8af459191e8b2ebfb85', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'b70c259e19277c27c57e862c486921654c2ee3c3', ref: el => (this.listElement = el) }, h("slot", { key: 'ca247efd2c9e416a17e4c14d8b0e62eae2b50732' }))))));
+        return (h(Host, { key: '7d01cc8f44a5e401e2de2242ec76bf6f7385c845', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '4356d97eb8f3d2871169f1110591e8aca17a80ae', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'a0df7042f92b23ba6e1ceaab93fc04fda0483135', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '2987687532dc1b33f3177c1a893e773bc91ec400', accent: "secondary" }, h("button", { key: '41952af15debd9c0638f12be30a4b38685c8dc3a', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: '0217d97fbe5151c15ca6dcbb6b6d14b0c7de826f', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: '2192225622f814ff0a189ac42a029f1f35cab355', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'df9b98dd123e995cddb49d9889f5795f8bc3636a', ref: el => (this.listElement = el) }, h("slot", { key: 'b88bef7d66f63b2590ecd8c38f6d4fb0df0a16d6' }))))));
     }
     static get is() { return "gux-table-toolbar-menu-button"; }
     static get encapsulation() { return "shadow"; }
@@ -140,18 +139,6 @@ export class GuxTableToolbarMenuButton {
                 "target": undefined,
                 "capture": false,
                 "passive": false
-            }, {
-                "name": "focusin",
-                "method": "onFocusin",
-                "target": undefined,
-                "capture": false,
-                "passive": false
-            }, {
-                "name": "focusout",
-                "method": "onFocusout",
-                "target": undefined,
-                "capture": false,
-                "passive": false
             }];
     }
 }

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

@@ -195,9 +195,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: 'f0ba97d08daeda18f5e168a798cfbac3c20f2430', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: 'e72d99c8845429c8d7e6cdc56e1cab147694e9fb', class: "search-filter-container" }, h("slot", { key: 'c7ae95dbe05fff198eb403f721a1366b0513b7a0', name: "search-and-filter" })), h("div", { key: 'e579f1419be1e94a89db23b7c278948539da3412', class: "section-spacing" }), h("div", { key: 'eb33845ace229ef2ff1703f6b1fdaa01d45256a2', class: "gux-contextual-permanent-primary" }, h("div", { key: '3d8cd202346b0a6c87c5f0773948d0405359d26f', class: {
+        return (h(Host, { key: '7875a6e2a040ac3908f722048dbc66b9c4fadbf4', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: 'f7663d42eb720b0ad25bbc91c50e93d37dce7328', class: "search-filter-container" }, h("slot", { key: 'aeee81945a38c2ec301dc16184d0d7046ab9d70b', name: "search-and-filter" })), h("div", { key: '6c7df67bc4ae38eb562dca0d4c9fdce0b9dabf35', class: "section-spacing" }), h("div", { key: 'ce52efc3ee5d4a5f220e8606e87286657a720f50', class: "gux-contextual-permanent-primary" }, h("div", { key: '12962271682b92d410d4749f37b689948791875b', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'f9e153c77f9c17dc9a849ab3c62870da38d3ad0a', name: "contextual-actions" })), h("div", { key: '1cd5b78fc08f6acae180bf1bd0093082d2366f22', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'ed8d9e3ab0e4d4456d9f9032973f077acd0e93d7', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '418596a7d575511ef72a0d22c094e26023b12db8', "show-menu": this.renderMenu() }, h("slot", { key: 'f36fcd3af9d4d1bb217d5dc60d293394269c32a6', name: "menu-actions" })), h("slot", { key: 'c9c380a4b2f0b0153da37b149405d1a07b15d7ee', name: "primary-action" })))));
+            } }, h("slot", { key: 'cf207092f95a0f96b44ce181612f8610c52eab09', name: "contextual-actions" })), h("div", { key: 'fd8a2677b1dfc38b9986cff1f2aac94cf1cdb653', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'a5341539d325b425a65b157dc5e39eb8999bbdf3', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '8d4df61c090defc5be8699dfe69d1757b31510c9', "show-menu": this.renderMenu() }, h("slot", { key: 'adef62fb14801616fbf284137ed3052dffccd6a9', name: "menu-actions" })), h("slot", { key: 'a9b426a11893edd91bf540865d213b82df8fda8d', name: "primary-action" })))));
     }
     static get is() { return "gux-table-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,34 +1,34 @@
 gux-tabs[orientation=vertical] > gux-tab-list gux-tab {
   box-sizing: border-box;
-  border-right: var(--gse-ui-tabs-item-divider-vertical-width) solid var(--gse-ui-tabs-item-divider-dividerColor);
+  border-inline-end: var(--gse-ui-tabs-item-divider-vertical-width) solid var(--gse-ui-tabs-item-divider-dividerColor);
 }
 gux-tabs[orientation=vertical] > gux-tab-list gux-tab .gux-tab {
   display: flex;
   justify-content: flex-end;
-  width: var(--gse-ui-tabs-set-vertical-width);
-  height: var(--gse-ui-tabs-item-vertical-fixedHeight);
+  inline-size: var(--gse-ui-tabs-set-vertical-width);
+  block-size: var(--gse-ui-tabs-item-vertical-fixedHeight);
   padding: var(--gse-ui-tabs-item-vertical-padding);
-  border-right: var(--gse-ui-tabs-item-indicator-vertical-width) solid transparent;
+  border-inline-end: var(--gse-ui-tabs-item-indicator-vertical-width) solid transparent;
 }
 gux-tabs[orientation=vertical] > gux-tab-list gux-tab .gux-tab.gux-active {
-  border-right-color: var(--gse-ui-tabs-item-indicator-activeColor);
+  border-inline-end-color: var(--gse-ui-tabs-item-indicator-activeColor);
 }
 gux-tabs[orientation=vertical] > gux-tab-list gux-tab .gux-tab:hover:not(.gux-active):not(.gux-disabled) {
-  border-right-color: var(--gse-ui-tabs-item-indicator-hoverColor);
+  border-inline-end-color: var(--gse-ui-tabs-item-indicator-hoverColor);
 }
 
 gux-tabs:not([orientation=vertical]) > gux-tab-list .gux-tab {
   box-sizing: border-box;
-  max-width: 160px;
-  height: var(--gse-ui-tabs-item-horizontal-fixedHeight);
+  max-inline-size: 160px;
+  block-size: var(--gse-ui-tabs-item-horizontal-fixedHeight);
   padding: var(--gse-ui-tabs-item-horizontal-padding);
-  border-bottom: var(--gse-ui-tabs-item-indicator-horizontal-height) solid transparent;
+  border-block-end: var(--gse-ui-tabs-item-indicator-horizontal-height) solid transparent;
 }
 gux-tabs:not([orientation=vertical]) > gux-tab-list .gux-tab.gux-active {
-  border-bottom-color: var(--gse-ui-tabs-item-indicator-activeColor);
+  border-block-end-color: var(--gse-ui-tabs-item-indicator-activeColor);
 }
 gux-tabs:not([orientation=vertical]) > gux-tab-list .gux-tab:hover:not(.gux-active):not(.gux-disabled) {
-  border-bottom-color: var(--gse-ui-tabs-item-indicator-hoverColor);
+  border-block-end-color: var(--gse-ui-tabs-item-indicator-hoverColor);
 }
 gux-tabs:not([orientation=vertical]) > gux-tab-list .gux-tab gux-tooltip-title {
   margin: auto;
@@ -42,12 +42,12 @@ gux-tabs[alignment=full-width] > gux-tab-list .gux-scrollable-section {
   flex-grow: 1;
 }
 gux-tabs[alignment=full-width] > gux-tab-list gux-tab {
-  width: 100%;
-  max-width: 100%;
+  inline-size: 100%;
+  max-inline-size: 100%;
 }
 gux-tabs[alignment=full-width] > gux-tab-list gux-tab .gux-tab {
-  width: 100%;
-  max-width: 100%;
+  inline-size: 100%;
+  max-inline-size: 100%;
 }
 
 gux-tab {
@@ -56,7 +56,7 @@ gux-tab {
 gux-tab .gux-tab {
   display: flex;
   align-items: center;
-  height: var(--gse-ui-tabs-item-height);
+  block-size: var(--gse-ui-tabs-item-height);
   font-family: var(--gse-ui-tabs-item-itemText-fontFamily);
   font-size: var(--gse-ui-tabs-item-itemText-fontSize);
   font-weight: var(--gse-ui-tabs-item-itemText-fontWeight);

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

@@ -34,11 +34,11 @@ export class GuxTab {
         return this.active;
     }
     render() {
-        return (h("button", { key: 'bea8537c7d2f036054815253e99aebe21bf7cd4a', class: {
+        return (h("button", { key: '646bec4164602a325fd24d4204c2d35bd3ec6e54', 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) }, h("gux-tooltip-title", { key: '4b12f10b0322836505cadb2bf12c054cb418c1b8', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '428afb69d1a2b5aa9e6a83749de8f02c9d9d5768' }, h("slot", { key: '6cc0193196d73b629a53b63a949cf1ce2a125fd9' })))));
+            }, 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) }, h("gux-tooltip-title", { key: '4a5b2841c23c3741152dd44d9e6916f5786c26cc', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'ad4dc23fe89790ee0d6220aa9b8ef7b74c927787' }, h("slot", { key: '7538cf54d468ec7c968c711e3913d876e778ba1c' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

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

@@ -1,23 +1,23 @@
 gux-tabs[orientation=vertical] {
-  height: 100%;
+  block-size: 100%;
 }
 gux-tabs[orientation=vertical] > gux-tab-list .gux-tab-container {
   display: flex;
   flex-direction: column;
-  width: var(--gse-ui-tabs-set-vertical-width);
-  height: 100%;
-  margin-right: var(--gse-ui-tabs-set-vertical-marginRight);
-  border-right: var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor);
+  inline-size: var(--gse-ui-tabs-set-vertical-width);
+  block-size: 100%;
+  margin-inline-end: var(--gse-ui-tabs-set-vertical-marginRight);
+  border-inline-end: var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor);
 }
 gux-tabs[orientation=vertical] > gux-tab-list .gux-tab-container .gux-scroll-button-container {
-  width: 100%;
+  inline-size: 100%;
 }
 gux-tabs[orientation=vertical] > gux-tab-list .gux-tab-container .gux-scroll-button-container button {
-  width: 100%;
+  inline-size: 100%;
 }
 gux-tabs[orientation=vertical] > gux-tab-list .gux-tab-container .gux-scrollable-section {
   flex-direction: column;
-  height: 100%;
+  block-size: 100%;
   overflow-y: auto;
   scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* Internet Explorer 10+ */
@@ -25,13 +25,13 @@ gux-tabs[orientation=vertical] > gux-tab-list .gux-tab-container .gux-scrollable
 }
 gux-tabs[orientation=vertical] > gux-tab-list .gux-tab-container .gux-scrollable-section::-webkit-scrollbar {
   /* WebKit */
-  width: 0;
-  height: 0;
+  inline-size: 0;
+  block-size: 0;
 }
 gux-tabs:not([orientation=vertical]) > gux-tab-list .gux-tab-container {
-  height: var(--gse-ui-tabs-set-horizontal-height);
-  margin-bottom: var(--gse-ui-tabs-set-horizontal-marginBottom);
-  border-bottom: var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor);
+  block-size: var(--gse-ui-tabs-set-horizontal-height);
+  margin-block-end: var(--gse-ui-tabs-set-horizontal-marginBottom);
+  border-block-end: var(--gse-ui-tabs-item-divider-horizontal-height) solid var(--gse-ui-tabs-item-divider-dividerColor);
 }
 gux-tabs:not([orientation=vertical]) > gux-tab-list .gux-scrollable-section {
   overflow-x: auto;
@@ -39,7 +39,7 @@ gux-tabs:not([orientation=vertical]) > gux-tab-list .gux-scrollable-section {
 gux-tabs .gux-tab-container {
   box-sizing: content-box;
   display: flex;
-  width: 100%;
+  inline-size: 100%;
   overflow: hidden;
   background-color: transparent;
 }
@@ -50,7 +50,7 @@ gux-tabs .gux-scrollable-section {
   scrollbar-width: none;
 }
 gux-tabs .gux-scrollable-section::-webkit-scrollbar {
-  height: 0;
+  block-size: 0;
 }
 gux-tabs .gux-scroll-button-container {
   display: flex;
@@ -60,8 +60,8 @@ gux-tabs .gux-scroll-button-container .gux-scroll-button {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 28px;
-  height: 40px;
+  inline-size: 28px;
+  block-size: 40px;
   color: #202937;
   cursor: pointer;
   background-color: #e2e6ee;
@@ -69,8 +69,8 @@ gux-tabs .gux-scroll-button-container .gux-scroll-button {
   border-radius: 4px;
 }
 gux-tabs .gux-scroll-button-container .gux-scroll-button gux-icon {
-  width: 16px;
-  height: 16px;
+  inline-size: 16px;
+  block-size: 16px;
 }
 gux-tabs .gux-scroll-button-container .gux-scroll-button:hover:not(:disabled) {
   background-color: #d7dce5;

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

@@ -263,9 +263,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: '50e7c6f198047458d02d5318e411a8279aa2ab30', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '0d57e6fa3082978348ec2536ac2091e491a34bef', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '46d13ecaef624abb49c7c89552950836926feaaa', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'e5b27358bd223da7bbef9905490adadc20556ec2' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '723e959d00b452934630e4dbbe56c70b174143e8', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'bfba363eb894503fd3b38e40ee2427504e2f2510' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -1,10 +1,9 @@
 :host {
-  height: calc(100% - var(--gse-ui-tabs-set-horizontal-height)var(--gse-ui-tabs-set-divider-horizontal-height)var(--gse-ui-tabs-set-horizontal-marginBottom));
+  block-size: calc(100% - var(--gse-ui-tabs-set-horizontal-height)var(--gse-ui-tabs-set-divider-horizontal-height)var(--gse-ui-tabs-set-horizontal-marginBottom));
 }
 
 :host(:not([hidden])) {
-  display: flex;
-  flex-grow: 1;
+  flex: 1 1 auto;
 }
 
 :host(:focus) {

package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.js

@@ -17,7 +17,7 @@ export class GuxTabPanel {
         }
     }
     render() {
-        return (h(Host, { key: '270d176fade81f9dabff973a51fcecd193861f0f', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'ae6df2c4c984583360a0d3eca5480e23e7972bf4' })));
+        return (h(Host, { key: 'a2ccb73193a93dafdac5cf27c7dc99b9eab23502', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '9b37b81badd14c3312ff95d11b660728b7fef9b9' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,6 +11,7 @@
 }
 :host .gux-panel-container {
   display: flex;
+  flex: 1 1 auto;
   flex-direction: column;
   block-size: 100%;
   min-block-size: 0;

package/dist/collection/components/stable/gux-tabs/gux-tabs.js

@@ -38,14 +38,14 @@ export class GuxTabs {
         else {
             this.activeTab = panels[0].tabId;
         }
-        void tabList.guxSetActive(this.activeTab);
-        panels.forEach(panel => void panel.guxSetActive(panel.tabId === this.activeTab));
+        void (tabList === null || tabList === void 0 ? void 0 : tabList.guxSetActive(this.activeTab));
+        panels === null || panels === void 0 ? void 0 : panels.forEach(panel => void panel.guxSetActive(panel.tabId === this.activeTab));
     }
     componentWillLoad() {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '840b1cdf46dd6c9a333945799d0a22ada4cae171' }, h("div", { key: 'f532538a69456dc08cae0d6d07b2bf212d5f530a', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '6ca85bb20d1a21469829d3a01f49c9eb12cb3b41', name: "tab-list" }), h("div", { key: '118ad9f6a68aa0902dbd2852f9fe7cc7185fce74', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'f5da8d56fe8f7a3d40c268a4a93b3d3428ca0543', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '65106f3e76be06360991f4e9117ea2074da6bd36' }, h("div", { key: '6625c9a8156d67606ca0d17908ac387311b748a7', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'fe8417d97e229c395aa7cb8cd5f709e1cf01474b', name: "tab-list" }), h("div", { key: '555cf0ff8742bdd01a391c6e18b0a9204d44e74e', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'c2e58364726f925785ed3e9ece01c9c3c5157668', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     static get is() { return "gux-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,23 +2,23 @@ gux-tab-advanced .gux-tab {
   display: flex;
   align-items: center;
   border-color: transparent;
-  border-top-width: var(--gse-ui-advancedTabs-item-indicator-height);
-  border-bottom-style: solid;
-  border-bottom-width: var(--gse-ui-advancedTabs-item-indicator-height);
+  border-block-start-width: var(--gse-ui-advancedTabs-item-indicator-height);
+  border-block-end-style: solid;
+  border-block-end-width: var(--gse-ui-advancedTabs-item-indicator-height);
 }
 gux-tab-advanced .gux-tab .gux-buttons {
   display: flex;
   flex: 1 1 0;
   gap: var(--gse-ui-advancedTabs-item-gap);
   align-items: center;
-  width: var(--gse-ui-advancedTabs-item-width);
-  min-width: 0;
+  inline-size: var(--gse-ui-advancedTabs-item-width);
+  min-inline-size: 0;
 }
 gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button {
   all: unset;
   flex: 1 1 0;
-  width: 100px;
-  min-width: 0;
+  inline-size: 100px;
+  min-inline-size: 0;
   padding: var(--gse-ui-advancedTabs-item-padding);
 }
 gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button:focus-visible {
@@ -36,26 +36,26 @@ gux-tab-advanced .gux-tab .gux-buttons .gux-tab-button .gux-tab-button-text {
   white-space: nowrap;
 }
 gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-trigger gux-icon {
-  width: var(--gse-ui-icon-small-size);
-  height: var(--gse-ui-icon-small-size);
+  inline-size: var(--gse-ui-icon-small-size);
+  block-size: var(--gse-ui-icon-small-size);
 }
 gux-tab-advanced .gux-tab .gux-tab-options .gux-tab-options-container {
   --no-op: none;
 }
 gux-tab-advanced .gux-tab .gux-divider {
-  width: var(--gse-ui-advancedTabs-item-divider-right-width);
-  height: var(--gse-ui-advancedTabs-item-divider-right-height);
+  inline-size: var(--gse-ui-advancedTabs-item-divider-right-width);
+  block-size: var(--gse-ui-advancedTabs-item-divider-right-height);
   background-color: var(--gse-ui-advancedTabs-divider-dividerColor);
 }
 gux-tab-advanced .gux-tab:hover:not(.gux-disabled), gux-tab-advanced .gux-tab:focus-within {
-  border-bottom-color: var(--gse-ui-advancedTabs-item-indicator-activeColor);
+  border-block-end-color: var(--gse-ui-advancedTabs-item-indicator-activeColor);
 }
 gux-tab-advanced .gux-tab.gux-selected {
   background-color: var(--gse-ui-advancedTabs-item-backgroundColor);
-  border-bottom-color: var(--gse-ui-advancedTabs-item-indicator-activeColor);
+  border-block-end-color: var(--gse-ui-advancedTabs-item-indicator-activeColor);
 }
 gux-tab-advanced .gux-tab.gux-selected.gux-disabled {
-  border-bottom-color: color-mix(in srgb, var(--gse-ui-advancedTabs-item-indicator-activeColor) 50%, white);
+  border-block-end-color: color-mix(in srgb, var(--gse-ui-advancedTabs-item-indicator-activeColor) 50%, white);
 }
 gux-tab-advanced .gux-tab.gux-disabled .gux-buttons .gux-tab-button .gux-tab-button-text {
   color: color-mix(in srgb, var(--gse-ui-advancedTabs-item-text-color) 50%, white);

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced/gux-tab-advanced.js

@@ -152,12 +152,12 @@ export class GuxTabAdvanced {
     }
     render() {
         return [
-            h("div", { key: '922e7f0a69facb74074a302171d99ff45f7c739e', class: {
+            h("div", { key: 'f4a2024bbf767e7251a31c033b49ea7f39ed1dfa', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '9bb4ba1dd4df1a3bbdcf70a1abc904b9bf4500cd', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'b354b32931721dbc8213e357c60834803ac56b2f', class: "gux-divider" }))
+                } }, h("div", { key: '5c9d6fdc6aba950faa0e563b96bd0847714466f1', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'a91a5e1fd3af0dce2fd335ad0656d70bb10673e4', class: "gux-divider" }))
         ];
     }
     static get is() { return "gux-tab-advanced"; }

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

@@ -10,8 +10,8 @@
   flex-wrap: nowrap;
   align-items: center;
   justify-content: flex-start;
-  width: 100%;
-  margin-bottom: 16px;
+  inline-size: 100%;
+  margin-block-end: 16px;
   background-color: var(--gse-ui-advancedTabs-set-backgroundColor);
 }
 .gux-tab-container .gux-scrollable-section {
@@ -20,14 +20,14 @@
   flex-wrap: nowrap;
   align-items: center;
   justify-content: flex-start;
-  width: 100%;
+  inline-size: 100%;
   overflow-x: auto;
   scrollbar-width: none;
-  border-bottom: 1px solid var(--gse-ui-advancedTabs-divider-dividerColor);
+  border-block-end: 1px solid var(--gse-ui-advancedTabs-divider-dividerColor);
   scroll-behavior: smooth;
 }
 .gux-tab-container .gux-scrollable-section::-webkit-scrollbar {
-  height: 0;
+  block-size: 0;
 }
 .gux-tab-container .gux-scrollable-section .gux-tablist {
   display: flex;

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

@@ -415,7 +415,7 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: 'b994a644ffd776ccd318413059be41a528b61ba6', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'ba8bc3701dc2d0f28010e08e60b79530db92c723', class: "gux-scrollable-section" }, h("div", { key: '6496e2332cd349916b9c8310810705ce5ab169f6', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '7f463cfb7a09070a5ad9e2d6b90dce44e6586e80' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: 'f683884af9cbabe4b10c6a4e85a612e291bd2756', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'a9826f288df1550cd6f2d5d348ea75a8b9068990', class: "gux-scrollable-section" }, h("div", { key: '4a697a8269c50ab2339324aaea1d07f4483b8ab9', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '8d2cf0beff9dfdc09654855ba744d6da4e2c977c' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-panel/gux-tab-advanced-panel.js

@@ -17,7 +17,7 @@ export class GuxTabAdvancedPanel {
         }
     }
     render() {
-        return (h("div", { key: '7dcfe668dfcc0bc6508d3971981cb3ec9b803ad3', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: '406945ba6ac69ada14a1ccd511cd96753036ccb4' })));
+        return (h("div", { key: 'a12ed07397a7a1a59c7c495e4e42883e959c0e75', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: 'ccb582d3baf457fd08e0061349f4093c5775798e' })));
     }
     static get is() { return "gux-tab-advanced-panel"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-tabs-advanced/gux-tabs-advanced.js

@@ -46,7 +46,7 @@ export class GuxTabsAdvanced {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'a0443041c81e3d0765e9ee79ea4d9e96bd60f05e' }, h("slot", { key: 'e98b76dc34b3d734c21f22b58f81ba2512656636', name: "tab-list" }), h("slot", { key: 'dc0c22fa496740f7cf7a36c0e3dae08ee1130b12', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '9dc13380428fc04ae51a35eae8c168b110ea1927' }, h("slot", { key: '9a7b11288b4323d388a3f248e9e50a17599cf316', name: "tab-list" }), h("slot", { key: '6232e61ead4a9583aa86c385bff466e5fdac1f55', onSlotchange: this.onSlotchange.bind(this) })));
     }
     static get is() { return "gux-tabs-advanced"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tag/gux-tag.js

@@ -55,7 +55,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: 'c333dea426c60b07ce39c779698f6a135e9d7637', class: {
+        return (h("div", { key: 'a0d15428994f597fad76ae1901a6e0ae21290904', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

package/dist/collection/components/stable/gux-time-picker/gux-time-picker.js

@@ -215,7 +215,7 @@ export class GuxTimePicker {
         return (h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (h("gux-popup", { key: '02c0e8f11f4c97d9f1b64cdabc5e2ef0b171eb1b', class: {
+        return (h("gux-popup", { key: '2d5dd330614d666e6daedc48239d285df28cb0ba', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

package/dist/collection/components/stable/gux-toast/gux-toast.js

@@ -43,9 +43,9 @@ export class GuxToast {
         return (h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (h("gux-button-slot", { slot: "secondary" }, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { slot: "primary" }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: '0ae3606b6e195cbc192f0abf3c324801b6f2133b', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '82c18e249f381acd0b1a14501a67eb553b34e512', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'ecdd53fb46b6bff93dea95723cb48f8b2505bcf3', class: "gux-content" }, h("div", { key: 'c8c220c9dbbf625d468480d39830c6fff30e85a7', class: "gux-message" }, h("gux-truncate", { key: '0b72d1016dc8176fb76b2b2f9030420e71ad5331', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'eb87ad136cd8f5da3706364a04eb84c57c2267c1', name: "title" })), h("gux-truncate", { key: 'e5a85e60d83fc9686f7323529cf4c84b5399190d', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '4193070940e75a2bb80c1ed53241ab2ceb27b2de', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '44c3d7ab804cb89cc4a05a8373df84c2ad5cdc60', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'de942128a04714c31bccb0864043ca4fdcc73197', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '583daddc2935339732232c08783958638c2f76fa', class: "gux-content" }, h("div", { key: 'f5876c15854a61d8a4d2afa3b302958c16f44aee', class: "gux-message" }, h("gux-truncate", { key: 'd20bab8afbc5ff4cf4641a818cf7a69ae920132b', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '7febd9532403e674232622a71941f0a2bdbf1af6', name: "title" })), h("gux-truncate", { key: '2d7d1f63678b743ece024114dd2e4bf0f940ec70', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '01077dc465db42c10121981f25d996c04af3a79a', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '43ec4057287ebd547b6df87fb9ef83d6d644f356', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'd9c9f50be645c213c0abb2d30e166f21943fcc10', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.css

@@ -10,8 +10,8 @@ gux-toggle-slider .gux-toggle-slider {
   flex: 0 1 auto;
   align-self: auto;
   order: 0;
-  width: var(--gse-ui-toggle-track-width);
-  height: var(--gse-ui-toggle-track-height);
+  inline-size: var(--gse-ui-toggle-track-width);
+  block-size: var(--gse-ui-toggle-track-height);
   cursor: pointer;
   border-radius: var(--gse-ui-toggle-track-borderRadius);
 }
@@ -47,10 +47,10 @@ gux-toggle-slider .gux-toggle-slider .gux-slider:hover {
 }
 gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch {
   position: absolute;
-  bottom: calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);
-  left: calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);
-  width: calc(var(--gse-ui-toggle-handle-width) - 4px);
-  height: calc(var(--gse-ui-toggle-handle-height) - 4px);
+  inset-block-end: calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);
+  inset-inline-start: calc((var(--gse-ui-toggle-track-height) - var(--gse-ui-toggle-handle-width)) / 2);
+  inline-size: calc(var(--gse-ui-toggle-handle-width) - 4px);
+  block-size: calc(var(--gse-ui-toggle-handle-height) - 4px);
   color: var(--gse-ui-toggle-handle-foregroundColor);
   content: "";
   background-color: var(--gse-ui-toggle-handle-backgroundColor);
@@ -61,8 +61,8 @@ gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch {
 gux-toggle-slider .gux-toggle-slider .gux-slider .gux-switch gux-icon {
   position: absolute;
   inset: 0;
-  width: calc(var(--gse-ui-toggle-handle-width) - 6px);
-  height: calc(var(--gse-ui-toggle-handle-width) - 6px);
+  inline-size: calc(var(--gse-ui-toggle-handle-width) - 6px);
+  block-size: calc(var(--gse-ui-toggle-handle-width) - 6px);
   margin: auto;
   color: var(--gse-ui-toggle-handle-backgroundColor);
   transition: color 0.2s linear;

package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js

@@ -21,12 +21,12 @@ export class GuxToggleSlider {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '9cac4e44d8c648a81adec7749b86800a75e0a7ef', class: {
+        return (h("div", { key: 'f80695ef737330a72fee79db63c687140846ca22', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '7ce232a49e6436b4e9e071cbc211ab41749ee867', class: "gux-slider" }, h("div", { key: '7144f318ff09540da59d9a2a3716c27037a222b9', class: "gux-switch" }, !isError && (h("gux-icon", { key: '65eb6b7713b1af2aafe025185d9ece638a1d4577', "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: 'd3550f6690086cf0d7451abdc421e4156d358539', class: "gux-slider" }, h("div", { key: 'd51149528f299522a0917ba16832ab7e91d8c0fe', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'd4ecd9ddfefd6b43901b2434a2496a0d422c1936', "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {