genesys-spark-components 4.98.0 → 4.98.1

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-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-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.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);

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: '3ea15073b54450d26f12fbc9a0410694ed4f6926', 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: '61b10e469b255eec46b630f951f2b36c23ff294e', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '9d65f34be8fa00e79785b3831c8d8eb04b13269d', 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: '3ace249ba05b52874c67c0d3197918fca983859c', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '9cb612b9698c8b0229df0efec88a16506a936613', class: "gux-scrollable-section" }, h("div", { key: '8ddcdfb4368ae0c2ba82b1991dc297c75e8d34ad', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '7fca1c9b742de918bc499c2964144aeb88662303' })), 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: '928db089f3a344115c28ac092ba5dbb72ff8770c', 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: 'a17f0df4273ef52c2949210443d200f9d52b23fa' })));
     }
     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: '70f25a5b01f2f702d170c40960416fc36d0bf4ff' }, h("slot", { key: '26a6ccc8f9cea006173c07e0e5470341eee89fec', name: "tab-list" }), h("slot", { key: 'd767d434a0e8a6fdf69b83e24810fa672aaa3a25', 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: 'e20b2989cf83c248c98c838872839c70b7d1ad36', 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: 'cf06d23df622b3e08f81b0c78766af54d50ac753', 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: '4696825824b2348a173aeda2e3f17cc8816c40d5', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '83ca12f8cc1bc00fb374391cec0c95c0c82d0c95', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'a21195c004ca0a1eb82f2331a1e0c37417cf1bf7', class: "gux-content" }, h("div", { key: 'a65cc231fa7a134cbee999505afb84932dc0a95a', class: "gux-message" }, h("gux-truncate", { key: 'c47ee020d84e0e35cb669524f85a721a51014824', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '9204d3789ceb3541eb7099e2d22ca10b0f55b4b8', name: "title" })), h("gux-truncate", { key: '18bdf8ffff7cd649d3111bf24e65dcb1d20469b9', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '27e033aae471796f64a93244aa8dd31547a0334c', 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: '2550cb8efd1f106973411542291a4b14035fff25', 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: '518c5634d971e25dd70c2f30aa686ab4700b6ed3', 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: 'c13e61954c66a8287ea54960d5a2f7b0f8921f49', class: "gux-slider" }, h("div", { key: '1415efc36dd0974c888b426eb56111d09282219c', class: "gux-switch" }, !isError && (h("gux-icon", { key: '003daec7d59ea595aeaa9f21a2e0aed85f82be6c', "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {