genesys-spark-components 4.98.0 → 4.99.0

package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.css

@@ -6,7 +6,7 @@
   gap: var(--gse-ui-menu-option-gap);
   place-content: stretch center;
   align-items: center;
-  height: var(--gse-ui-menu-option-height);
+  block-size: var(--gse-ui-menu-option-height);
   padding: var(--gse-ui-menu-option-padding);
   font-family: var(--gse-ui-menu-option-label-default-text-fontFamily);
   font-size: var(--gse-ui-menu-option-label-default-text-fontSize);
@@ -17,7 +17,7 @@
   cursor: pointer;
 }
 :host .gux-option-wrapper {
-  width: 100%;
+  inline-size: 100%;
 }
 :host .gux-slot-container {
   overflow: hidden;
@@ -54,7 +54,7 @@
 
 :host(.gux-show-subtext) {
   place-content: stretch flex-start;
-  height: auto;
+  block-size: auto;
 }
 :host(.gux-show-subtext) .gux-option-wrapper {
   display: flex;

package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.js

@@ -37,13 +37,13 @@ export class GuxOption {
         return this.selected ? 'true' : 'false';
     }
     render() {
-        return (h(Host, { key: '23d0dca350a1bcdad8ba2139620afe62c0015fe8', role: "option", class: {
+        return (h(Host, { key: '170011806d8c88a675587ace38864d79da56f616', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '89a9b92a885fe4df1da0bef02355155fc5b151ee', class: "gux-option-wrapper" }, h("gux-truncate", { key: '1e3b298947c60a42937f745b0322dfa985912600', ref: el => (this.truncateElement = el) }, h("slot", { key: '42490572b69e9ab1ff2c1b1f43b0135c74094ca6' })), h("slot", { key: '192d2a1857343aa6da94542317c8452b078f1b86', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '69cbd72768050cfacbc8f9fb088ee3aeeaba2935', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'efc98d466ea0e02656790fa8ba234f2afcba1f10', ref: el => (this.truncateElement = el) }, h("slot", { key: '19e2190fb17267a61518329cd757e9a69334d46a' })), h("slot", { key: '60b30554cad9f900d32acb45e587e03edadd9dbe', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.css

@@ -6,7 +6,7 @@
   gap: var(--gse-ui-menu-option-gap);
   place-content: stretch center;
   align-items: center;
-  height: var(--gse-ui-menu-option-height);
+  block-size: var(--gse-ui-menu-option-height);
   padding: var(--gse-ui-menu-option-padding);
   font-family: var(--gse-ui-menu-option-label-default-text-fontFamily);
   font-size: var(--gse-ui-menu-option-label-default-text-fontSize);
@@ -17,7 +17,7 @@
   cursor: pointer;
 }
 :host .gux-option-wrapper {
-  width: 100%;
+  inline-size: 100%;
 }
 :host .gux-slot-container {
   overflow: hidden;
@@ -54,7 +54,7 @@
 
 :host(.gux-show-subtext) {
   place-content: stretch flex-start;
-  height: auto;
+  block-size: auto;
 }
 :host(.gux-show-subtext) .gux-option-wrapper {
   display: flex;
@@ -75,6 +75,6 @@
 
 :host gux-icon {
   flex-shrink: 0;
-  width: var(--gse-ui-menu-option-startIcon-width);
-  height: var(--gse-ui-menu-option-startIcon-height);
+  inline-size: var(--gse-ui-menu-option-startIcon-width);
+  block-size: var(--gse-ui-menu-option-startIcon-height);
 }

package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.js

@@ -53,14 +53,14 @@ export class GuxOptionIcon {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: '3c870a799ed049ee2ebf70a890d6233f6c262cc9', role: "option", class: {
+        return (h(Host, { key: 'a37e3996a0fa02f68489f926398a01eed55609e5', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '7a537c35a84c8306c2b9eea4cc6f28c09f1c5bcb', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'c9d015569c58bf37c353495bbbebc508f8a8bbed', class: "gux-option-wrapper" }, h("gux-truncate", { key: '725eb0eaf0f7ae3d78534533b9b19d8505719981', ref: el => (this.truncateElement = el) }, h("slot", { key: '9c37629775262db1613aa58f0a3da13296fdf1ff' })), h("slot", { key: 'e1d66aa116b6e3ba38aa5b301ff6bf12b46fb742', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'e6356601e53a460710e05c22420a7bdc31e7a433', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '439607ae1ae29d6dd9dbfbc53264cf822e55ebf6', class: "gux-option-wrapper" }, h("gux-truncate", { key: '82327ab30a57aede195a602576795a36e9f5e6c0', ref: el => (this.truncateElement = el) }, h("slot", { key: '590e99a33093f775534f22373b2568c6eb5f14f0' })), h("slot", { key: '3a181be71c319f20fad3795545bda8946ab95b71', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.css

@@ -5,7 +5,7 @@
   flex-wrap: nowrap;
   align-content: stretch;
   align-items: center;
-  min-height: var(--gse-ui-menu-option-height);
+  min-block-size: var(--gse-ui-menu-option-height);
   padding: var(--gse-ui-menu-option-padding);
   font-family: var(--gse-ui-menu-option-label-default-text-fontFamily);
   font-size: var(--gse-ui-menu-option-label-default-text-fontSize);
@@ -32,9 +32,9 @@
   display: none;
 }
 :host gux-icon {
-  width: var(--gse-ui-menu-option-startIcon-width);
-  height: var(--gse-ui-menu-option-startIcon-height);
-  padding-right: var(--gse-ui-menu-option-gap);
+  inline-size: var(--gse-ui-menu-option-startIcon-width);
+  block-size: var(--gse-ui-menu-option-startIcon-height);
+  padding-inline-end: var(--gse-ui-menu-option-gap);
 }
 :host .gux-option {
   display: inline-flex;

package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js

@@ -31,11 +31,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: 'da695435ea54a4bea95ad5c21d7a35ea1aa352b3', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '35f9dcc75a10dd47b14432a77b1a7cdcae35268f', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '0198722f2ddbb156337b0d9913fc9d29893e0d46', class: "gux-option" }, h("gux-icon", { key: 'a6e70aa79abe8d33b9b95b8d866807910420a4c7', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '4f61de90891724e327a1db899740e49ed36d20db', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'e3fbafad37fcfc05aa2e081b1cf5d61503433f5c', class: "gux-option" }, h("gux-icon", { key: 'db02fa83db924600668872f2a1784626ebfd018a', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '525a1c00678b02bc12f19020720d7a5d14f5236f', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.css

@@ -6,7 +6,7 @@
   gap: var(--gse-ui-menu-option-gap);
   align-content: stretch;
   align-items: center;
-  min-height: var(--gse-ui-menu-option-height);
+  min-block-size: var(--gse-ui-menu-option-height);
   padding: var(--gse-ui-menu-option-padding);
   font-family: var(--gse-ui-menu-option-label-default-text-fontFamily);
   font-size: var(--gse-ui-menu-option-label-default-text-fontSize);
@@ -17,14 +17,14 @@
   cursor: pointer;
 }
 :host .gux-option-wrapper {
-  width: 100%;
+  inline-size: 100%;
 }
 :host .gux-checkbox-container {
   position: relative;
   display: inline-block;
-  min-width: var(--gse-ui-menu-option-startIcon-width);
-  max-width: var(--gse-ui-menu-option-startIcon-width);
-  height: var(--gse-ui-menu-option-startIcon-height);
+  min-inline-size: var(--gse-ui-menu-option-startIcon-width);
+  max-inline-size: var(--gse-ui-menu-option-startIcon-width);
+  block-size: var(--gse-ui-menu-option-startIcon-height);
   content: "";
 }
 :host .gux-checkbox-container > path {
@@ -58,7 +58,7 @@
 }
 :host:host(.gux-show-subtext) {
   place-content: stretch flex-start;
-  height: auto;
+  block-size: auto;
 }
 :host:host(.gux-show-subtext) .gux-option-wrapper {
   display: flex;

package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js

@@ -54,13 +54,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '4d51e59bb047038d2c49685877d94301dcad5d59', role: "option", class: {
+        return (h(Host, { key: 'eec6051043d8db73046c348c835f0d57c4979bd7', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '4e048fa5c14a8c0e286605f6112105448423d476', class: "gux-option-wrapper" }, h("gux-truncate", { key: '68b0d6f0838b276ce1e0930c811f218aa89faaf3', ref: el => (this.truncateElement = el) }, h("slot", { key: 'd22aff80a391b4dd5ee526aabb832eacee9f5ed3' })), h("slot", { key: 'eabb2ad94a4de75f074a47dd6dfaead986762eb5', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '859f0f20db170430d32d7bc84ef7b4fd13a449ab', class: "gux-option-wrapper" }, h("gux-truncate", { key: '92f8ba55177ed5bc575e63eabcfea64117ffac49', ref: el => (this.truncateElement = el) }, h("slot", { key: 'd79b47e5e65e9eae9ef9e7ed75b02cc97abf653d' })), h("slot", { key: '336241daab41a6e206c0f645a56f9547aeed9773', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-loading-message/gux-loading-message.js

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '1ed0a00d26ea803f76ae79868512ea6b5a94ba1a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '80185e4db65c7b493b508e10459792cf564d630f', class: "gux-progress" }, h("slot", { key: 'a75ce8736eee6f38dcb7790dc5e8534f9c49529d', name: "progress" })), h("div", { key: 'ae85ac2bcef82e4c9f472ddda93927d49c83ed40', class: "gux-primary-message" }, h("slot", { key: '7a5fc98b6c4e3395e9fb5cb0e6c0f50d4230dead', name: "primary-message" })), h("div", { key: '5d48b2bf4e18e6f47e4cbbd7a28236b7b899057d', class: "gux-additional-guidance" }, h("slot", { key: '5f5e14712b684b4d6e07861ebdadd03ed579417e', name: "additional-guidance" }))));
+        return (h("div", { key: 'd491ad428c7f67a9d12fd10df7da200cd985f63b', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '75b1fb22d1b072870a87a3a8cf062bf453f54167', class: "gux-progress" }, h("slot", { key: '7eb286e717930968714dfe85e1af1d8eb088ffd5', name: "progress" })), h("div", { key: 'c14740882fc72e0e4e7cf7f73f78a6fb70d75138', class: "gux-primary-message" }, h("slot", { key: '3a9e39fd9eb526b1eeb91a743aafb0136357a07a', name: "primary-message" })), h("div", { key: 'ed45f9f9e4db8ad196e5d456d861598642b293a1', class: "gux-additional-guidance" }, h("slot", { key: '604b6ef856a4d658b59d0a2017d038d93632a592', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -68,7 +68,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'fc69516a142986a16b17b3ba55e75e2d353f86bd', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '0e948feed6231ef86ddd6777d0c8e3800249d02c', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'f25c78d5a91d7beffee4e54e10af29186d938d05', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'eae484fc09acda35734019e3d5a619ab7ad84e23', class: "gux-modal-content" }, h("p", { key: 'f37ac8119c8bb28f38f2212af1ec4ef9d8a067e6' }, h("slot", { key: '31cf5ba3bdf9da15a363b5239693a75bc745f0ae', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '5b9d643639023d108dc7ea3ab780005226be4ac6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '8e16ffede5d8ad0ecfaf97f0fd85c8807277f606', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'cfe7ee7a752d8f893e92b46eb482c298f514068d', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '87eefb834f4c8007a77cdf96bd253c4adf124db0', class: "gux-modal-content" }, h("p", { key: '78fcfcaff6f6ec181adaa2a27f9c863058f229a3' }, h("slot", { key: '7cd83adaed12e3071259e053373ffb7cce5348cd', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/collection/components/stable/gux-page-loading-spinner/gux-page-loading-spinner.js

@@ -8,7 +8,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: 'df632f1877b7979596aa293aa997207afc7deedf', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '7ed360828c70a0a9fa060a5201db6950c21cf19c', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     static get is() { return "gux-page-loading-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.css

@@ -5,7 +5,7 @@ gux-pagination-buttons .gux-pagination-buttons-container {
   gap: var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);
   place-content: stretch flex-end;
   align-items: center;
-  margin-left: var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);
+  margin-inline-start: var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);
 }
 gux-pagination-buttons .gux-pagination-buttons-container > div {
   flex: 0 1 auto;

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js

@@ -60,7 +60,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'b952c4e31b202553a16b90bcc19d002f578c6542', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '370290db7475ae95cefe1cbfb5f6055c641afb95', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'bb7fdbfbd4a594c40a2d69a2a6efb0f4ec06b4c8', accent: "ghost", "icon-only": true }, h("button", { key: '0c5876e559c9ec1aac03feba1145f5288beb14d6', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '85efe9217bd9c1bf21a48a0be01aef8004030938', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '12d97fb88b464b109399d24318db8e8a3184d4bd', accent: "ghost", "icon-only": true }, h("button", { key: '609647b156e22f7ed497f559ea3494aadffe748f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '936da1deb961e5d3c783e98265a73e39f69a5500', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '91e82d3cf6ed8cf0f5567ff585ff4223a061b65e', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '9e74913ef314c5c3890e4a58c9a9e1e0824eee9c', accent: "ghost", "icon-only": true }, h("button", { key: '240736ebf7dcf2c6bb4c9d2454628c44c9d8bcff', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'cba0c07811627ce62d55cbdcaf9d6c87c754b99c', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '943ce7038ac7cb018369f0635812800484f2bf48', accent: "ghost", "icon-only": true }, h("button", { key: '56fcaed1e7b4d44764d9864eed2899b3fb045a16', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '932bfafcdc1f86a3e8ffc37a2577534db4a2078a', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '64159b3d10fb46b0a6998d1170bd70d28d79883c', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '143395915504f40af65b9f8a8eee36b7a817d768', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'adc8e93915d7232bb25cce6ae9f65558bbb83ede', accent: "ghost", "icon-only": true }, h("button", { key: '7b647a3d54f82e5fcc5a19554eeefbbb32322154', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e68c2567a4ba6bdb395ff77926ce6b1284986294', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'a18182b2452300ccfcf89d0ef54f2b74ccdd784e', accent: "ghost", "icon-only": true }, h("button", { key: '5b1557f8c362e7fcbf10f60ad3d08ef0a24113b9', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '793af9d0b0261272339e42a8c985a6c0c8d1bd4d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'b5f8b9edd06e3b35da14aed49640494d2b2d0bd4', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'de142300488678bcdbd78dd1d519bd1921d600a3', accent: "ghost", "icon-only": true }, h("button", { key: '3451184f8a8c1cfd1ca5bc4f92605945f68192a0', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'd3933e4c76912ab8d5b90dc4ce445335bcfd9472', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'c28913f8d1ece846e017371287100d3f6b81a62d', accent: "ghost", "icon-only": true }, h("button", { key: 'ab3971de7a64ef8d239aff379965035df5437e47', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '344e87ec6f9be5d4be13e374c43bd170f14738fd', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.css

@@ -1,7 +1,7 @@
 gux-button gux-icon {
-  width: var(--gse-ui-icon-small-size);
-  height: var(--gse-ui-icon-small-size);
-  padding-top: 4px;
+  inline-size: var(--gse-ui-icon-small-size);
+  block-size: var(--gse-ui-icon-small-size);
+  padding-block-start: 4px;
 }
 
 /* Chrome, Safari, Edge, Opera */

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js

@@ -97,10 +97,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '9edb6e9767ec656e9324362fc61f55f537b4f1ce', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '97e0b3624e7981516b6103d3bc66c4dccd674304', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: '7a870042737e509fcea5f17feef54cf7b023e765', for: "popover-target" }, h("div", { key: '43771cefb10b695b0a6b64db5c895ee8a9c3d680', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '7b19bde4f77e4e144f3deb2e3ecb7787e9ef2647', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '3440beb60515684e7a38884fbb2439e468bc2b4a', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '0d9ae2272cd1d465096400ed4b0016b45717e370' }, h("input", { key: '744e2b0cf012d8078e56515c3229979e0ee5e3dc', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), h("label", { key: '0d46facd40c446fc8c019582339079a86d3b64a2', slot: "label" })))
+            h("gux-button", { key: '05a5bd6127c86b62b76cee22fb9c6d2d78e91aa4', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'ec612f75b1f48c17ecda057634550ada3b6a5e10', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: '5f3d2e2c48f52d53bca508dd61a7d7fa8f2fd656', for: "popover-target" }, h("div", { key: '212b714fa3df60f9e8319dabcb9f5b93d1a7dc70', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '61171cebf4ee3448caf82ad5a18754d51fbb6dc3', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'a1b59a219fe04c61a575d7e9a30cc9861aa3a804', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'a820a1da65f6290152a5bc99bdba2c800f0cb4a9' }, h("input", { key: '7f5a728d3c2d3489f918ff9e06b727422a8067b7', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), h("label", { key: '54ff6cdc06432e11171b7ac8e46ec428aa9cd703', slot: "label" })))
         ];
     }
     static get is() { return "gux-pagination-ellipsis-button"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js

@@ -28,10 +28,10 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: '3cd160bf18fac085a65877246c4425626a2d5655', class: "gux-pagination-item-counts-container" }, h("span", { key: 'b2d2a5941688c5d50c4245d635a7b427198b9c2d', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '9ccf227e4743a81fdca1db7c181141fe0d981328', class: "gux-pagination-item-counts-container" }, h("span", { key: '71d81935af25ba2d392169b12c605252aa194077', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '7004e25837f5233341e7870a16dfdb4af1e638a7', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: 'a67fa61ebb5f890009011bccf9b65a8934066ad7', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     static get is() { return "gux-pagination-item-counts"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.css

@@ -14,10 +14,10 @@ gux-pagination-items-per-page .gux-pagination-items-per-page-container > div {
 }
 gux-pagination-items-per-page .gux-pagination-items-per-page-container .gux-pagination-items-per-page-picker gux-dropdown {
   display: inline-block;
-  width: fit-content;
+  inline-size: fit-content;
 }
 gux-pagination-items-per-page .gux-pagination-items-per-page-container gux-dropdown div.gux-dropdown .gux-options.gux-opened {
-  bottom: 100%;
+  inset-block-end: 100%;
   display: flex;
   flex-direction: column-reverse;
 }

package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js

@@ -20,7 +20,7 @@ export class GuxPaginationItemsPerPage {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '90030397903afe20d13202559729d51c29d65160', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'e9d11af64a4c878750183e626af2a6918b42c17e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '2703346134649a760c6531e85f2f56bdbc7e492a', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'bfef0ae16862acba1a3d32e0cd4d7f909ab5ba3f', class: "gux-pagination-items-per-page-container" }, h("div", { key: '403a739d7e7da29826ce7c4f2e714fe28fae7918', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '78a0b7027eb5b0179caf967820c1cbf58b83816d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {

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

@@ -84,7 +84,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: 'c212e0c8707b2e92a89435bb343cda33beae6dc4', class: "gux-pagination-container" }, h("div", { key: '48e3e35673fceeacbed050de622f03cf30eebf58', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '9065c19128d6f5f4d1e5ff520965fbd67c93ed25', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'a230b99ce6bce6f7368d4929ff64ab0cf7ead81a', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'c8074a09276813a5dc1656a0780db42e1641ab08', class: "gux-pagination-spacer" }), h("div", { key: '7e540f154abedfd84e7498bbee80b01c9d2efe97', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '32fb448ddceeacfe1f0df1b102056ebea0575788', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'dfd9eacd7f35c1e982479b5d3ad68f318e904f8f', class: "gux-pagination-container" }, h("div", { key: '413ef5f8d7b9dfc7bc850a6654cc8b1ea2bed55a', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '0b077d1778a73611346db5288936f090e090a7e0', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'db36289447852722d08149c57aeae497b458e002', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'b2b58b66c91449c63c0c457e0d2a836d4201109b', class: "gux-pagination-spacer" }), h("div", { key: 'eef9c7be0ceba82cc9852a390a6850fb47835cd9', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '6b36cfbec6adabd27709244f592314e695120f84', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -156,10 +156,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: 'ddf447a44ce4ca11d5f2ceacbb440a702d8686b2', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '65e34fb37f32a21cfbf382bf2c24ff0fd45b71f3', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'b6445f94664471e1217a4b38bbf81e9c1f260d4c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '97a25a2f85f0654dc7253469baf357e85aae3179', class: "gux-arrow-caret" })), h("div", { key: '2490613933a01a109c51040a1fdb139176111790', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '694be156b0275cdcee2a7e64767b04be6992eddd', name: "title" }), this.renderDismissButton()), h("div", { key: 'db9dfc3b1619e0a84f910e3ceadcfe3f88c321d6', class: "gux-popover-content" }, h("slot", { key: '5ffe140f119294d1d51c4ffef8ae10a72291ed67' }))));
+            }, "data-placement": true }, h("div", { key: '0eb4771beefdd0b23e6019e9f0115818bd98918a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '4f189ca93fe13badabd2b2bbf3e443ea3b08f275', class: "gux-arrow-caret" })), h("div", { key: 'e81988f58300cd6333d92f5ac162c9c8ffe5171c', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'ba14bbab2acefa5c3f9793bb56980c84023dbd35', name: "title" }), this.renderDismissButton()), h("div", { key: '4ffc2a9089118c2f3fa5a11c9bc452ce5eb6811f', class: "gux-popover-content" }, h("slot", { key: '10a0734e9799aacd615bef4e9c965774be32a0e2' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -127,10 +127,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: 'd40217d896d54115c9ebcd029518d1931295f4b3', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'cea604c908df05372fb7545d45e2ad87db8a3908', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'df0b6457d972eaf1734e556261bfefba4f2d57f0', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'd51eaa971f007209c3d33a4e28d982db9dad29ea', onClick: this.dismiss.bind(this) })), h("div", { key: 'f783fe66ae1cdb4e99acc91d4f04f1f4738a22d2', class: "gux-popover-content" }, h("slot", { key: '122a7e6636ba3453055c5990fdbc20022f479912' }))));
+            }, "data-placement": true }, h("div", { key: '938bfe8ec1dfad9c0d350fb25866db0a83985577', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'c603b1a39b3d22fa3da5f101268755863f48cbdf', onClick: this.dismiss.bind(this) })), h("div", { key: 'a96fd5f86254ec280ae32c78c0862ab70b1b21ac', class: "gux-popover-content" }, h("slot", { key: '47724f55cd50afffb589cb22af84f3ba6c831ecd' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -103,13 +103,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '2118b5c51c045d81d9cbffe7cb83a3f3dfd3f694', class: {
+        return (h("div", { key: '9a88fde4d1576ea9d34959fbb46be13bf6486c8f', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '2ae80bb71738bf6603155633c6d8eb82c62e173f', name: "target" }), h("div", { key: '76a829687678ae3ad3de3ff0f9c8096e26f0098d', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'e5d03a6da381d4a7a4e15b1569bf213283bce38e', name: "target" }), h("div", { key: '356135cffa483793c5f51a7df56a4582dc789d41', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'dbaf8b0a26bf52a4fea90f1e8619aee978a7b9ae', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'b404b4a53febd0f542457593a7cd3b50aa272a72', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '0fc0bb1598dbf863e468e813603bad04bba48125', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '8a84d5aea3932beb72543b2c710214e3b0d90862', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -99,7 +99,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: '228676971abfdcd7a2985ce942ef12f696f26371', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '1074566e6788a45511c60c8a859ba520d74dc277', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '8e27af3a44718f14d2baea420aef09442a02a27b', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '6912ba58d4643a87e52a37b6c26efaa85e36134e', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

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

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class GuxSkipNavigationItem {
     render() {
-        return (h(Host, { key: '70021d0b28000f24c7ccac622637adef3631efae', role: "listitem" }, h("slot", { key: 'f978c0dbf5fc78d2ef7c9938201f5e3cfc9a9d9d' })));
+        return (h(Host, { key: 'f158dfbf49d774789a5274a03ee812ab596c41d6', role: "listitem" }, h("slot", { key: '6b8dff21f46df6853d3aa1a98805efc52f19b6b5' })));
     }
     static get is() { return "gux-skip-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ export class GuxSkipNavigationList {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'f022a6b85057328d13a1a551115eead682bb2667', class: "gux-container" }, h("nav", { key: '3a4179f19467b9bbc37be9de22de21abe0b419f6', "aria-label": this.i18n('navigationName') }, h("ul", { key: '63c8eed49c9e1d5c83494e03a2a060a7ee06b02b', role: "list" }, h("slot", { key: 'ed9d73ea17dc83467409284a236eb33ed362c3ca' })))));
+        return (h("div", { key: '4430a3ea7167907ea7ed814ecafeafff0a77e038', class: "gux-container" }, h("nav", { key: '784bd8b5088b919e2058136477e1eb4cc4f32e61', "aria-label": this.i18n('navigationName') }, h("ul", { key: '74949a63003979e99581b1bc3b916a78331c29d7', role: "list" }, h("slot", { key: '86a44bc1bdc0c05165a05cc0306a23972a843951' })))));
     }
     static get is() { return "gux-skip-navigation-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.js

@@ -21,7 +21,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '30bf073c40612cca87ea0cd344f6bdd4736ef4ca', "label-position": "screenreader" }, h("input", { key: 'ff47926da6d087f18248058c5b37ebfc9d6aa751', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '9dee2b646891c74b7f669bfd6284e39257ae4819', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'a5c8e9906e1953a23be15e6158a1593a6d7b0488' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '8c2be98e9e2d7e5097edf91a797ce09405465069', "label-position": "screenreader" }, h("input", { key: 'e71f01c4770304c394e4161f137644324cd6390e', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '17ee213e0b298cee021bc5b58454dea127a26e24', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '223712249be4d5fcddf3cb32888bc9ff73a64612' }, this.i18n('selectAllTableRows')))));
     }
     static get is() { return "gux-all-row-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,4 +2,18 @@
   display: flex;
   flex-direction: row;
   justify-content: center;
+}
+
+input.gux-safari-bug-workaround-1,
+input.gux-safari-bug-workaround-2 {
+  animation: repaint 1ms;
+}
+
+@keyframes repaint {
+  from {
+    inline-size: 99.999%;
+  }
+  to {
+    inline-size: 100%;
+  }
 }

package/dist/collection/components/stable/gux-table/gux-row-select/gux-row-select.js

@@ -17,7 +17,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'da272e5e8512d2ee689e6bf0e5f077b221b43b7c', "label-position": "screenreader" }, h("input", { key: 'a9fbcf5076077e89c5adf4153ee42576111691eb', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'f9fa7849c5abb31eb19cc3719f3cba55f668c11b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '1d6e594323a71f9a87f89dfee6cbea2c09e423dd' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: '5ffbfb46aafca37cdb06cb6398ee9251dac15dd4', "label-position": "screenreader" }, h("input", { key: 'cd61e746419279955be82be0026c79bc9bc993ed', ref: el => (this.inputElement = el), class: this.selected
+                ? 'gux-safari-bug-workaround-1'
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'd2631e1b10574666615a836d6f74407298c08ddc', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'e5413aacb9c78e6be2bfcc95e29b08952f632d43' }, this.i18n('selectTableRow')))));
     }
     static get is() { return "gux-row-select"; }
     static get encapsulation() { return "shadow"; }

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-sort-control/gux-sort-control.js

@@ -98,13 +98,13 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: 'e5df61a82eb6c5f05f224d94d85192657ea864f5', class: "gux-container" }, h("button", { key: '42d57b0585c874da640ef371dc7fb00491bd0956', class: {
+        return (h("div", { key: '327d945e3a3cc696f8fd99f3a256bf9b8e6db7c3', class: "gux-container" }, h("button", { key: 'a55b78603cccf8d7c0a916710a89f8ced0610931', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '50dcc81f30571d1bca32384e384ff2ca56667f18', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '8be88af24dc3b94726b7d0ccc40159df14a0cba7', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '0233cafeae129524e6106a5d6fc895e80be47bde', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '0b9530eae9edc3532e1f41bde7954e89221df061', class: "gux-resize-spacer" })));
     }
     static get is() { return "gux-sort-control"; }
     static get encapsulation() { return "shadow"; }

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-select-menu/gux-table-select-menu.js

@@ -71,7 +71,7 @@ export class GuxTableSelectMenu {
         }
     }
     render() {
-        return (h(Host, { key: '9d3cbc7a85be549c0718a61ac23f3e7f397556ca' }, h("slot", { key: '1ca8151ac928b8e2e1dfda3629068bf2c5c392f3' }), this.renderSelectDropdown()));
+        return (h(Host, { key: 'e685ddcd5df773f539b180432f4ac5f3f2fa5aad' }, h("slot", { key: '918f287831476c2625f81242139dec9630799638' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -272,7 +272,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: 'f7f01ccf29266b445c4dbf099286ccbee470e90d', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'a8e848e0caff40dbc739410a037ce7cea6ea5401', class: "gux-table" }, h("div", { key: 'e021b1a3cbc9340cd422f7a052eeacb91794311a', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '5e1340312a0a279647a037b0556614c53819167e', name: "data" })), this.isTableEmpty && (h("div", { key: 'f7d1b205c115f77607f630ba2d5e77a11237f614', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'd87448b7a5caa57ae40723a7198b02964fca6ec8', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'ce0b9e72b9d3e1ce92f7d31f6581908042f05aeb', class: "gux-table" }, h("div", { key: 'e4bb77b2a8b4a231f8465cf56623d03bf9bc9d16', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '0cd69caeac1736839d85d510a799060fccbcddf6', name: "data" })), this.isTableEmpty && (h("div", { key: '6a8501e918da5d9b1c499be1ee5847461328fab4', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     static get is() { return "gux-table"; }
     static get encapsulation() { return "shadow"; }