genesys-spark-components 4.97.0 → 4.98.1

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.css

@@ -10,7 +10,7 @@
   gap: var(--gse-ui-tag-removable-gap);
   place-content: stretch flex-start;
   align-items: center;
-  height: var(--gse-ui-tag-small-height);
+  block-size: var(--gse-ui-tag-small-height);
   padding: var(--gse-ui-tag-padding);
   font-family: var(--gse-ui-tag-text-fontFamily);
   font-size: var(--gse-ui-tag-text-fontSize);
@@ -21,10 +21,10 @@
   border-radius: var(--gse-ui-tag-borderRadius);
 }
 .gux-tag.gux-size-small {
-  height: var(--gse-ui-tag-small-height);
+  block-size: var(--gse-ui-tag-small-height);
 }
 .gux-tag.gux-size-large {
-  height: var(--gse-ui-tag-large-height);
+  block-size: var(--gse-ui-tag-large-height);
 }
 .gux-tag.gux-disabled {
   position: relative;
@@ -63,9 +63,9 @@
   cursor: pointer;
 }
 .gux-tag .gux-tag-remove-button .gux-tag-remove-icon {
-  width: var(--gse-ui-tag-button-size);
-  height: var(--gse-ui-tag-button-size);
-  margin-right: -4px;
+  inline-size: var(--gse-ui-tag-button-size);
+  block-size: var(--gse-ui-tag-button-size);
+  margin-inline-end: -4px;
 }
 .gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon {
   border-radius: var(--gse-semantic-focusOutline-sm-borderRadius);

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.css

@@ -13,8 +13,8 @@
   gap: var(--gse-ui-formControl-input-gap);
   place-content: stretch center;
   align-items: center;
-  width: 100%;
-  height: var(--gse-ui-formControl-input-textfield-height);
+  inline-size: 100%;
+  block-size: var(--gse-ui-formControl-input-textfield-height);
   padding: var(--gse-ui-formControl-input-padding);
   font-family: var(--gse-ui-formControl-input-contentText-fontFamily);
   font-size: var(--gse-ui-formControl-input-contentText-fontSize);
@@ -37,7 +37,7 @@
   flex: 1 1 auto;
   align-self: auto;
   order: 0;
-  width: 2ch;
+  inline-size: 2ch;
   padding: 0;
   font-size: var(--gse-ui-formControl-label-text-fontSize);
   background-color: var(--gse-ui-formControl-input-backgroundColor);
@@ -45,7 +45,7 @@
   outline: none;
 }
 .gux-time-picker .gux-input-time input.gux-input-time-hours {
-  text-align: right;
+  text-align: end;
 }
 .gux-time-picker .gux-input-time input::placeholder {
   color: var(--gse-ui-formControl-input-placeholderColor);
@@ -99,15 +99,16 @@
   border-radius: var(--gse-ui-timePicker-focusClock-borderRadius);
 }
 .gux-time-picker .gux-input-time .gux-clock-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);
   padding: var(--gse-ui-timePicker-clock-padding);
 }
 .gux-time-picker .gux-time-separator {
-  padding: 0 1ch;
+  padding-block: 0;
+  padding-inline: 1ch;
 }
 .gux-time-picker .gux-list-container {
-  max-height: 150px;
+  max-block-size: 150px;
   margin: 0;
   overflow-y: auto;
   background: var(--gse-ui-menu-backgroundColor);

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.css

@@ -6,19 +6,19 @@
   gap: var(--gse-ui-toast-gap);
   place-content: stretch flex-start;
   align-items: flex-start;
-  width: var(--gse-ui-toast-wrappingWidth);
+  inline-size: var(--gse-ui-toast-wrappingWidth);
   padding: var(--gse-ui-toast-margin);
-  margin-bottom: var(--gse-ui-toast-stacking-gap);
+  margin-block-end: var(--gse-ui-toast-stacking-gap);
   border-radius: var(--gse-ui-toast-borderRadius);
   box-shadow: var(--gse-ui-toast-boxShadow-offsetX) var(--gse-ui-toast-boxShadow-offsetY) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color);
 }
 .gux-toast .gux-icon ::slotted(gux-icon) {
-  width: var(--gse-ui-toast-icon) !important;
-  height: var(--gse-ui-toast-icon) !important;
+  inline-size: var(--gse-ui-toast-icon) !important;
+  block-size: var(--gse-ui-toast-icon) !important;
 }
 .gux-toast .gux-icon gux-icon {
-  width: var(--gse-ui-toast-icon) !important;
-  height: var(--gse-ui-toast-icon) !important;
+  inline-size: var(--gse-ui-toast-icon) !important;
+  block-size: var(--gse-ui-toast-icon) !important;
 }
 .gux-toast .gux-icon.gux-icon-error {
   color: var(--gse-ui-toast-error-iconColor);
@@ -63,7 +63,7 @@
   line-height: var(--gse-ui-toast-text-lineHeight);
 }
 .gux-toast .gux-content .gux-buttons-bar {
-  width: 100%;
+  inline-size: 100%;
 }
 .gux-toast .gux-content .gux-buttons-bar ::slotted(a) {
   font-family: var(--gse-ui-links-inLine-medium-underlinedText-fontFamily);

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() {

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

@@ -23,7 +23,7 @@
   place-items: end;
 }
 .gux-toggle-container.gux-toggle-label-left .gux-toggle-error {
-  float: right;
+  float: inline-end;
 }
 .gux-toggle-container .gux-toggle-input {
   display: flex;
@@ -32,7 +32,7 @@
   gap: var(--gse-ui-toggle-gap);
   place-content: stretch flex-start;
   align-items: center;
-  width: fit-content;
+  inline-size: fit-content;
   cursor: pointer;
 }
 .gux-toggle-container .gux-toggle-input .gux-toggle-label {
@@ -82,8 +82,8 @@
   flex: 0 1 auto;
   align-self: auto;
   order: 0;
-  width: var(--gse-ui-button-icon-size);
-  height: var(--gse-ui-button-icon-size);
+  inline-size: var(--gse-ui-button-icon-size);
+  block-size: var(--gse-ui-button-icon-size);
   color: var(--gse-ui-formControl-helper-errorColor);
 }
 .gux-toggle-container .gux-toggle-error .gux-toggle-error-container .gux-toggle-error-message {

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

@@ -66,11 +66,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: '8eb2168bc6c5e63576cee39de5829d26027e8d4c', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'd257f915547cd32aedb01ab557ca2e7d03f98453', class: {
+        return (h(Host, { key: 'eaad794d6be3c882b188d08217ad0661dece5216', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '80e5611dd36498fb8e1e34bc9f65a1e79b342f68', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '035a4d1e1c9843542652173911f969c0709774ec', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'd60a9037a3af99cccde921f536555d0fa6f4e5b8', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '095bc76c3be68aec1559894c8c221a8d7a331699', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: 'a72e7a8f11db8ba6cbebbe5ac655c3c97494e57b', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '137bc89e87347aa9df6a07fc16e71877737a4696', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: 'd8e4707aad0dd3c3132c04af40f0a02ab1615108', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,8 +2,8 @@
   position: fixed;
   z-index: var(--gse-semantic-zIndex-tooltip);
   display: none;
-  width: max-content;
-  max-width: 250px;
+  inline-size: max-content;
+  max-inline-size: 250px;
   pointer-events: none;
   border-radius: var(--gse-ui-tooltip-borderRadius);
   box-shadow: var(--gse-ui-tooltip-boxShadow-offsetX) var(--gse-ui-tooltip-boxShadow-offsetY) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);
@@ -36,12 +36,12 @@
 }
 .gux-container ::slotted(gux-icon) {
   align-self: center;
-  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);
   color: var(--gse-ui-tooltip-light-foregroundColor);
 }
 .gux-container ::slotted(*) {
-  width: 100%;
+  inline-size: 100%;
   overflow-wrap: break-word;
   white-space: normal;
 }
@@ -52,8 +52,8 @@
 }
 .gux-container.gux-dark ::slotted(gux-icon) {
   align-self: center;
-  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);
   color: var(--gse-ui-tooltip-dark-iconColor);
 }
 

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

@@ -127,10 +127,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'df64d651589f2e305bb1a16c0247b4efae1ab984', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '6fd1ab31b2af7a31f34c6a0f9c974e6ec933fba8', class: {
+        return (h(Host, { key: '1d58bf1949506d1b91d4b40a046357af487bbe9f', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'd2ac0c06b3b9b4ef7a8b04a0c7d31357732dba46', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'dfa095296635a8bee231c05ec78d11b1de15eae3', name: "content" }, h("slot", { key: '1f7d783fe5946f0c593916a54d8e720c21e3a277' })))));
+            }, "data-placement": this.placement }, h("slot", { key: 'd7467ea5f9889bc8e1c08d9062ecd182549f7578', name: "content" }, h("slot", { key: '13964664224392161df029c96243f096dd862c67' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tooltip-title/gux-tooltip-title.css

@@ -5,7 +5,7 @@ gux-tooltip-title {
 gux-tooltip {
   font-weight: normal;
   line-height: normal;
-  text-align: left;
+  text-align: start;
   overflow-wrap: break-word;
   white-space: normal;
 }
@@ -27,16 +27,16 @@ gux-tooltip {
 
 .gux-tooltip-icon-decorative .gux-title-container {
   position: relative;
-  margin-left: 20px;
+  margin-inline-start: 20px;
 }
 .gux-tooltip-icon-decorative .gux-title-container gux-icon,
 .gux-tooltip-icon-decorative .gux-title-container ::slotted(gux-icon) {
   position: absolute;
-  top: 1px;
-  left: -20px;
+  inset-block-start: 1px;
+  inset-inline-start: -20px;
   flex-shrink: 0;
-  width: 16px;
-  height: 16px;
+  inline-size: 16px;
+  block-size: 16px;
 }
 
 .gux-icon-only {

package/dist/collection/components/stable/gux-tooltip-title/gux-tooltip-title.js

@@ -120,10 +120,10 @@ export class GuxTooltipTitle {
     }
     render() {
         return [
-            h("span", { key: '0471b600c268bb6b82bf6847cf0beb628d7cbfc9', class: {
+            h("span", { key: 'fcbedfa55259ab6700c7f8ffd206290d4deca4d0', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '1238612d25697d7288f762a22954c8838b21bd08' })),
+                } }, h("slot", { key: '26acce78e41e8512204a358e82c0b4ec2ab4c77d' })),
             this.renderTooltip()
         ];
     }

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

@@ -1,6 +1,6 @@
 :host {
   display: block;
-  width: 100%;
+  inline-size: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -23,7 +23,7 @@
 gux-tooltip {
   font-weight: normal;
   line-height: normal;
-  text-align: left;
+  text-align: start;
   overflow-wrap: break-word;
   white-space: normal;
 }

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

@@ -49,12 +49,12 @@ export class GuxTruncate {
     }
     render() {
         var _a;
-        return (h("div", { key: '94a8527349eb49daa79f8f4e8f3474a5d1516afa', class: {
+        return (h("div", { key: '75c37f493c7dd0f8e925027d04093386ee715b29', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: '8ac7386fa0630233fd6c516491230620ff684cc9', class: {
+            } }, h("span", { key: '87f7c2d78b83de57624cc854cc1ead5cd67dda6f', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '1cd91e56445b9ddca381b8220c3860b035a8562a' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: 'd7bad3001b5aea2d29b516f4fd52a8541eea6d43' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }