genesys-spark-components 4.97.0 → 4.98.1

package/dist/collection/components/stable/gux-popover-list/gux-popover-list.css

@@ -1,10 +1,11 @@
 .gux-popover-wrapper {
   position: fixed;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   z-index: var(--gse-semantic-zIndex-popover);
   display: inline-block;
-  padding: 8px 0;
+  padding-block: 8px;
+  padding-inline: 0;
   background-color: var(--gse-ui-popover-backgroundColor);
   border-radius: var(--gse-ui-popover-borderRadius);
   box-shadow: var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color);
@@ -14,7 +15,7 @@
 }
 .gux-popover-wrapper .gux-arrow {
   position: absolute;
-  width: var(--gse-ui-popover-anchor-width);
-  height: var(--gse-ui-popover-anchor-width);
+  inline-size: var(--gse-ui-popover-anchor-width);
+  block-size: var(--gse-ui-popover-anchor-width);
   background: var(--gse-ui-popover-backgroundColor);
 }

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

@@ -7,7 +7,7 @@
 .gux-popup-container {
   position: fixed;
   z-index: var(--gse-semantic-zIndex-popup);
-  width: max-content;
+  inline-size: max-content;
   visibility: hidden;
   background-color: var(--gse-ui-menu-backgroundColor);
 }

package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.css

@@ -136,8 +136,8 @@
 
 div[role=progressbar] .gux-svg-container {
   display: block;
-  width: var(--gse-ui-progressAndLoading-spinner-large);
-  height: var(--gse-ui-progressAndLoading-spinner-large);
+  inline-size: var(--gse-ui-progressAndLoading-spinner-large);
+  block-size: var(--gse-ui-progressAndLoading-spinner-large);
 }
 div[role=progressbar] .gux-svg-container .gux-dynamic-circle,
 div[role=progressbar] .gux-svg-container .gux-dynamic-circle-mask {
@@ -167,8 +167,8 @@ div[role=progressbar].gux-full-page .gux-svg-container .gux-static-circle {
   display: none;
 }
 div[role=progressbar].gux-input .gux-svg-container {
-  width: var(--gse-ui-progressAndLoading-spinner-small);
-  height: var(--gse-ui-progressAndLoading-spinner-small);
+  inline-size: var(--gse-ui-progressAndLoading-spinner-small);
+  block-size: var(--gse-ui-progressAndLoading-spinner-small);
 }
 div[role=progressbar].gux-input .gux-svg-container .gux-dynamic-circle {
   fill: none;

package/dist/collection/components/stable/gux-radial-progress/gux-radial-progress.css

@@ -4,8 +4,8 @@
 
 div[role=progressbar] .gux-svg-container {
   display: block;
-  width: var(--gse-ui-progressAndLoading-spinner-large);
-  height: var(--gse-ui-progressAndLoading-spinner-large);
+  inline-size: var(--gse-ui-progressAndLoading-spinner-large);
+  block-size: var(--gse-ui-progressAndLoading-spinner-large);
 }
 div[role=progressbar] .gux-svg-container .gux-dynamic-circle {
   fill: none;

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

@@ -1,6 +1,6 @@
 :host {
   display: inline-block;
-  min-width: fit-content;
+  min-inline-size: fit-content;
   user-select: none;
 }
 
@@ -23,8 +23,8 @@
 }
 .gux-rating-star-container gux-icon {
   flex: 0 0 auto;
-  width: var(--gse-ui-rating-size);
-  height: var(--gse-ui-rating-size);
+  inline-size: var(--gse-ui-rating-size);
+  block-size: var(--gse-ui-rating-size);
   color: var(--gse-ui-rating-default-color);
 }
 .gux-rating-star-container gux-icon:hover:not(.gux-disabled) {

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-list.css

@@ -19,8 +19,9 @@
 }
 
 .gux-container nav {
-  width: fit-content;
-  margin: 40px auto;
+  inline-size: fit-content;
+  margin-block: 40px;
+  margin-inline: auto;
 }
 .gux-container nav ul {
   padding: 0;

package/dist/collection/components/stable/gux-table/gux-sort-control/gux-sort-control.css

@@ -6,11 +6,11 @@
   flex-wrap: nowrap;
   place-content: flex-start flex-start;
   align-items: center;
-  border-top: var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent;
-  border-bottom: var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent;
+  border-block-start: var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent;
+  border-block-end: var(--gse-ui-dataTableItems-header-selectedBar-height) solid transparent;
 }
 .gux-container:focus-within {
-  border-bottom-color: var(--gse-ui-dataTableItems-header-selectedIndicatorColor);
+  border-block-end-color: var(--gse-ui-dataTableItems-header-selectedIndicatorColor);
 }
 .gux-container .gux-sort-button {
   all: unset;
@@ -20,19 +20,20 @@
   cursor: pointer;
 }
 .gux-container .gux-sort-button .gux-sort-icon {
-  float: right;
-  width: var(--gse-ui-icon-small-size);
-  height: var(--gse-ui-icon-small-size);
-  margin: 0 var(--gse-ui-dataTableItems-header-gap);
+  float: inline-end;
+  inline-size: var(--gse-ui-icon-small-size);
+  block-size: var(--gse-ui-icon-small-size);
+  margin-block: 0;
+  margin-inline: var(--gse-ui-dataTableItems-header-gap);
   color: var(--gse-ui-dataTableItems-header-sort-foregroundColor);
 }
 .gux-container .gux-sort-button .gux-sort-icon.gux-left {
-  float: left;
-  margin-left: calc(2px + var(--gse-ui-dataTableItems-header-gap));
+  float: inline-start;
+  margin-inline-start: calc(2px + var(--gse-ui-dataTableItems-header-gap));
 }
 .gux-container .gux-resize-spacer {
   flex: 0 1 auto;
   align-self: stretch;
   order: 0;
-  width: 2px;
+  inline-size: 2px;
 }

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

@@ -7,7 +7,7 @@ gux-table-select-menu {
 }
 gux-table-select-menu .gux-select-menu-button {
   padding: 0;
-  margin-left: var(--gse-ui-dataTableItems-header-gap);
+  margin-inline-start: var(--gse-ui-dataTableItems-header-gap);
   color: var(--gse-ui-dataTableItems-cell-chevron-foregroundColor);
   background-color: inherit;
   border: none;
@@ -19,6 +19,6 @@ gux-table-select-menu .gux-select-menu-button:focus-visible {
   border-radius: 4px;
 }
 gux-table-select-menu .gux-select-menu-button 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/gux-table.css

@@ -11,10 +11,10 @@
 }
 :host .gux-table {
   position: relative;
-  height: inherit;
+  block-size: inherit;
 }
 :host .gux-table .gux-table-container {
-  max-height: 100%;
+  max-block-size: 100%;
   overflow: auto;
   scrollbar-color: var(--gse-ui-dataTableItems-scrollbar-foregroundColor);
   scrollbar-width: thin;
@@ -26,7 +26,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  height: calc(100% - var(--gse-ui-dataTableItems-header-default-height));
+  block-size: calc(100% - var(--gse-ui-dataTableItems-header-default-height));
   color: #596373;
   background: #fdfdfd;
   font-family: var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;

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-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: 'd98643ac66ffdf2892edb0e83e4f4da9cd14f070', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'e0723d496123ef4d8f5eb93137403fb81921ec5c', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '01fc2d825cd6debcfffe444e3fa03748e535dd3b', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '98e243953764b8d1054e343a5165135e8f2bcd6b', accent: "secondary" }, h("button", { key: 'dd50c10f7b43794e23ea3fcdcc34fce4774c41c8', 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: 'eb513095227867ef7cb11c7d708545f1542b4619', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), h("div", { key: 'edcfe615c49851cee86f4f3bee6535a6ce5744ff', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '085be4800129d16859f6786733f7d1322d54a5b0', ref: el => (this.listElement = el) }, h("slot", { key: '2585cc4482d780dc6120302d78b702425dd098f5' }))))));
     }
     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.css

@@ -3,8 +3,8 @@
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
-  width: 100%;
-  max-height: var(--gse-ui-dataTableItems-tableToolbar-height);
+  inline-size: 100%;
+  max-block-size: var(--gse-ui-dataTableItems-tableToolbar-height);
   visibility: hidden;
   transition: visibility 0s 0.5s; /* Delay visibility of toolbar for 0.5s */
 }
@@ -14,7 +14,7 @@
   }
 }
 :host .search-filter-container {
-  min-width: 260px;
+  min-inline-size: 260px;
   padding-inline-end: var(--gse-ui-dataTableItems-tableToolbar-gap);
 }
 :host slot[name=search-and-filter]::slotted(*) {
@@ -27,13 +27,13 @@
 :host .section-spacing {
   display: flex;
   flex-direction: row;
-  min-width: 72px;
+  min-inline-size: 72px;
 }
 :host .gux-contextual-permanent-primary {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  padding-left: var(--gse-ui-dataTableItems-tableToolbar-gap);
+  padding-inline-start: var(--gse-ui-dataTableItems-tableToolbar-gap);
 }
 :host .gux-contextual-permanent-primary slot[name=permanent-actions]::slotted(*),
 :host .gux-contextual-permanent-primary slot[name=contextual-actions]::slotted(*) {
@@ -45,13 +45,13 @@
   align-items: center;
 }
 :host .gux-contextual-permanent-primary .gux-contextual-wrapper {
-  padding-right: var(--gse-ui-dataTableItems-tableToolbar-gap);
-  border-right: var(--gse-ui-dataTableItems-tableToolbar-divider-width) solid var(--gse-ui-dataTableItems-tableToolbar-dividerColor);
+  padding-inline-end: var(--gse-ui-dataTableItems-tableToolbar-gap);
+  border-inline-end: var(--gse-ui-dataTableItems-tableToolbar-divider-width) solid var(--gse-ui-dataTableItems-tableToolbar-dividerColor);
 }
 :host .gux-contextual-permanent-primary .gux-permanent-menu-primary-wrapper {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   gap: var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);
-  margin-left: var(--gse-ui-dataTableItems-tableToolbar-gap);
+  margin-inline-start: var(--gse-ui-dataTableItems-tableToolbar-gap);
 }

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: '4397838fcd5764ae5e39579b81ded376c7936602', 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: '09ed7c313e82ac5069708ba18945626a4c21b2b8', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '6f19408db7f98f722f095b0334a9b8a2e2656cf5' }, h("slot", { key: '52916762530e34bb8c29949805e0d51e8af28a4b' })))));
     }
     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: '6e07998247657cae1ff076136b5d624b83c8a083', 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: '305e7588e7cd2012f65b3c5d5d0b6c16ccc04144', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '08cef624caa25abbc8db666eddf3515e9182ddd7' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -1,5 +1,5 @@
 :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])) {

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: '0c1f6f8238088c27ff27f0180c089c09bc2a9553', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'c794371a9a56510cca45ab14ed83dc61dd5dd8ab' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@
 }
 :host .gux-tabs {
   display: flex;
-  height: 100%;
+  block-size: 100%;
 }
 :host .gux-tabs:not(.gux-vertical) {
   flex-direction: column;
@@ -12,6 +12,6 @@
 :host .gux-panel-container {
   display: flex;
   flex-direction: column;
-  height: 100%;
-  min-height: 0;
+  block-size: 100%;
+  min-block-size: 0;
 }

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

@@ -45,7 +45,7 @@ export class GuxTabs {
         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: '64e9fefde8c1668b5feb1dc6eabbfdbd834db10f' }, h("div", { key: 'c443d725d4e32a12137e032eabdcb7ab8d137913', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'c9f7e141652e24fd1bf23fd394c10daa676ec457', name: "tab-list" }), h("div", { key: '8cee49b59e4f8d5f8da8d3944b870bdc1d0d80a5', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '6644d1f45fa342601989b03cfdcbe16bc10a63da', 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);