@patternfly/patternfly 6.0.0-alpha.120 → 6.0.0-alpha.122

package/components/Table/table.css

@@ -4,29 +4,29 @@
   --pf-v6-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
   --pf-v6-c-table__caption--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v6-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
-  --pf-v6-c-table__caption--PaddingTop: var(--pf-t--global--spacer--md);
-  --pf-v6-c-table__caption--PaddingRight: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-table__caption--PaddingBottom: var(--pf-t--global--spacer--md);
-  --pf-v6-c-table__caption--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-table__caption--PaddingBlockStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-table__caption--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-table__caption--PaddingBlockEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--lg);
   --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
   --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
-  --pf-v6-c-table__thead__toggle--PaddingBottom: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-table__tbody--cell--PaddingTop: var(--pf-v6-c-table--cell--Padding--base);
-  --pf-v6-c-table__tbody--cell--PaddingBottom: var(--pf-v6-c-table--cell--Padding--base);
+  --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
+  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
   --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
-  --pf-v6-c-table__tr--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
-  --pf-v6-c-table__tr--BorderBottomColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-table__tr--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
+  --pf-v6-c-table__tr--BorderBlockEndColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
-  --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--cell--Padding--base);
-  --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table--cell--Padding--base);
-  --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--cell--Padding--base);
-  --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table--cell--Padding--base);
+  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
+  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--cell--Padding--base);
+  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
+  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
   --pf-v6-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v6-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
   --pf-v6-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v6-c-table--cell--Padding--base);
+  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
   --pf-v6-c-table--cell--MinWidth: 0;
   --pf-v6-c-table--cell--MaxWidth: none;
   --pf-v6-c-table--cell--Width: auto;
@@ -34,81 +34,81 @@
   --pf-v6-c-table--cell--TextOverflow: clip;
   --pf-v6-c-table--cell--WhiteSpace: normal;
   --pf-v6-c-table--cell--WordBreak: normal;
-  --pf-v6-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-t--global--border--width--divider--default);
-  --pf-v6-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
-  --pf-v6-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
+  --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
+  --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-table--cell--m-help--MinWidth: 11ch;
   --pf-v6-c-table--m-truncate--cell--MaxWidth: 1px;
-  --pf-v6-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v6-c-table--cell--PaddingRight) + var(--pf-v6-c-table--cell--PaddingLeft));
+  --pf-v6-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineStart));
   --pf-v6-c-table--m-truncate__text--MinWidth: 5ch;
   --pf-v6-c-table--cell--hidden-visible--Display: table-cell;
-  --pf-v6-c-table__toggle--PaddingTop: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-table__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-table__toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-table__toggle--PaddingRight: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
   --pf-v6-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
   --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
-  --pf-v6-c-table__button--PaddingTop: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-table__button--PaddingBottom: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-table__button--PaddingLeft: var(--pf-t--global--spacer--md);
-  --pf-v6-c-table__button--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
   --pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
   --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
-  --pf-v6-c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table__check--PaddingInlineStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table__check--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v6-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
   --pf-v6-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
   --pf-v6-c-table__tr--m-ghost-row--Opacity: .4;
   --pf-v6-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
-  --pf-v6-c-table__action--PaddingTop: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-table__action--PaddingLeft: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-table__action--PaddingRight: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table__action--PaddingInlineStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table__action--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__expandable-row--Transition: var(--pf-t--global--transition);
-  --pf-v6-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--md);
-  --pf-v6-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--md);
-  --pf-v6-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
-  --pf-v6-c-table__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
-  --pf-v6-c-table__control-row--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
-  --pf-v6-c-table__control-row__tbody--BorderBottomColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-table__sort--MinWidth: calc(6ch + var(--pf-v6-c-table--cell--PaddingRight) + var(--pf-v6-c-table--cell--PaddingLeft) + var(--pf-v6-c-table__sort-indicator--MarginLeft));
+  --pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
+  --pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-table__icon-inline--MarginInlineEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table__sort--MinWidth: calc(6ch + var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineStart) + var(--pf-v6-c-table__sort-indicator--MarginInlineStart));
   --pf-v6-c-table__sort--m-selected__button--Color: var(--pf-t--global--color--brand--clicked);
   --pf-v6-c-table__sort--m-help--MinWidth: 15ch;
   --pf-v6-c-table__sort__button__text--Color: currentcolor;
   --pf-v6-c-table__sort__button--hover__text--Color: currentcolor;
   --pf-v6-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
-  --pf-v6-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
+  --pf-v6-c-table__sort-indicator--MarginInlineStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--color--brand--clicked);
   --pf-v6-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-table__th--m-help--MinWidth: 11ch;
-  --pf-v6-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table__column-help--MarginInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
   --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
   --pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
   --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
   --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
-  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
-  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
-  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
+  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
+  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
+  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
   --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
-  --pf-v6-c-table--m-compact__th--PaddingTop: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
-  --pf-v6-c-table--m-compact__th--PaddingBottom: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-table--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-table--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-table--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
+  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table--m-compact--cell--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
   --pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
   --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -121,11 +121,11 @@
   --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
   --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
   --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
-  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
-  --pf-v6-c-table__nested-column-header__button--PaddingLeft: calc(var(--pf-v6-c-table__button--PaddingLeft) - var(--pf-t--global--spacer--sm));
-  --pf-v6-c-table__nested-column-header__button--PaddingRight: calc(var(--pf-v6-c-table__button--PaddingRight) - var(--pf-t--global--spacer--xs));
+  --pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--sm));
+  --pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - var(--pf-t--global--spacer--xs));
   --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
@@ -174,7 +174,7 @@
 }
 .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) th:where(.pf-v6-c-table__th):not([rowspan]),
 .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
-  --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBottom);
+  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
 }
 .pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
 .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
@@ -196,10 +196,10 @@
   width: var(--pf-v6-c-table--cell--Width);
   min-width: var(--pf-v6-c-table--cell--MinWidth);
   max-width: var(--pf-v6-c-table--cell--MaxWidth);
-  padding-block-start: var(--pf-v6-c-table--cell--PaddingTop);
-  padding-block-end: var(--pf-v6-c-table--cell--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-table--cell--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-table--cell--PaddingRight);
+  padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
   overflow: var(--pf-v6-c-table--cell--Overflow);
   font-size: var(--pf-v6-c-table--cell--FontSize);
   font-weight: var(--pf-v6-c-table--cell--FontWeight);
@@ -253,10 +253,10 @@
   }
 }
 .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
-  padding-inline-start: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingLeft));
+  padding-inline-start: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingInlineStart));
 }
 .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
-  padding-inline-end: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingRight));
+  padding-inline-end: calc(var(--pf-v6-c-table--cell--first-last-child--PaddingInline) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
 }
 .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-center {
   text-align: center;
@@ -282,15 +282,15 @@
   content: "";
 }
 .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-border-right::before {
-  border-inline-end: var(--pf-v6-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-v6-c-table--cell--m-border-right--before--BorderRightColor);
+  border-inline-end: var(--pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth) solid var(--pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor);
 }
 .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-border-left::before {
-  border-inline-start: var(--pf-v6-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-v6-c-table--cell--m-border-left--before--BorderLeftColor);
+  border-inline-start: var(--pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth) solid var(--pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor);
 }
 .pf-v6-c-table caption:where(.pf-v6-c-table__caption) {
-  padding-block-start: var(--pf-v6-c-table__caption--PaddingTop);
-  padding-block-end: var(--pf-v6-c-table__caption--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-table__caption--PaddingLeft);
+  padding-block-start: var(--pf-v6-c-table__caption--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-table__caption--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v6-c-table__caption--PaddingInlineStart);
   font-size: var(--pf-v6-c-table__caption--FontSize);
   color: var(--pf-v6-c-table__caption--Color);
   text-align: start;
@@ -305,15 +305,15 @@
 }
 .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:first-child) th:where(.pf-v6-c-table__th):not([rowspan]),
 .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:first-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
-  --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingTop);
+  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart);
 }
 .pf-v6-c-table thead:where(.pf-v6-c-table__thead) .pf-v6-c-table__subhead {
   --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__subhead--Color);
   color: var(--pf-v6-c-table__subhead--Color);
 }
 .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
-  --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table__tbody--cell--PaddingTop);
-  --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table__tbody--cell--PaddingBottom);
+  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__tbody--cell--PaddingBlockStart);
+  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__tbody--cell--PaddingBlockEnd);
   --pf-v6-c-table--cell--FontSize: var(--pf-v6-c-table__tbody--cell--FontSize);
 }
 .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
@@ -360,10 +360,10 @@
   --pf-v6-c-table--cell--WhiteSpace: normal;
 }
 .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) {
-  --pf-v6-c-table__tr--BorderBottomWidth: 0;
-  --pf-v6-c-table__tbody--BorderBottomWidth: 0;
-  --pf-v6-c-table--m-expandable__tbody--BorderBottomWidth: 0;
-  --pf-v6-c-table__control-row--BorderBottomWidth: 0;
+  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
+  --pf-v6-c-table__tbody--BorderBlockEndWidth: 0;
+  --pf-v6-c-table--m-expandable__tbody--BorderBlockEndWidth: 0;
+  --pf-v6-c-table__control-row--BorderBlockEndWidth: 0;
 }
 .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) {
   border-block-end: 0;
@@ -388,7 +388,7 @@
   outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
 }
 .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
-  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft);
+  padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
 }
 .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
   cursor: pointer;
@@ -441,12 +441,12 @@
 
 .pf-v6-c-table__button {
   width: auto;
-  padding-block-start: var(--pf-v6-c-table__button--PaddingTop);
-  padding-block-end: var(--pf-v6-c-table__button--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-table__button--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-table__button--PaddingRight);
-  margin-block-end: calc(var(--pf-v6-c-table__button--PaddingBottom) * -1);
-  margin-inline-start: calc(var(--pf-v6-c-table__button--PaddingLeft) * -1);
+  padding-block-start: var(--pf-v6-c-table__button--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-table__button--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v6-c-table__button--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-table__button--PaddingInlineEnd);
+  margin-block-end: calc(var(--pf-v6-c-table__button--PaddingBlockEnd) * -1);
+  margin-inline-start: calc(var(--pf-v6-c-table__button--PaddingInlineStart) * -1);
   font-size: inherit;
   font-weight: inherit;
   color: var(--pf-v6-c-table__button--Color);
@@ -519,10 +519,10 @@
 }
 
 .pf-v6-c-table__toggle {
-  --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table__toggle--PaddingTop);
-  --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table__toggle--PaddingBottom);
-  --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table__toggle--PaddingLeft);
-  --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table__toggle--PaddingRight);
+  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__toggle--PaddingBlockStart);
+  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__toggle--PaddingBlockEnd);
+  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__toggle--PaddingInlineStart);
+  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__toggle--PaddingInlineEnd);
 }
 .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
   transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
@@ -540,8 +540,8 @@
 }
 
 .pf-v6-c-table__check {
-  --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table__check--PaddingLeft);
-  --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table__check--PaddingRight);
+  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__check--PaddingInlineStart);
+  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__check--PaddingInlineEnd);
   vertical-align: top;
 }
 .pf-v6-c-table__check .pf-v6-c-check {
@@ -584,10 +584,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 .pf-v6-c-table__favorite,
 .pf-v6-c-table__inline-edit-action,
 .pf-v6-c-table__draggable {
-  --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table__action--PaddingTop);
-  --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table__action--PaddingBottom);
-  --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table__action--PaddingLeft);
-  --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table__action--PaddingRight);
+  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__action--PaddingBlockStart);
+  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__action--PaddingBlockEnd);
+  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__action--PaddingInlineStart);
+  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__action--PaddingInlineEnd);
 }
 
 .pf-v6-c-table__action:last-child,
@@ -620,15 +620,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   inset: 0;
   content: "";
   border: 0;
-  border-block-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth) solid var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor);
+  border-block-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth) solid var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor);
 }
 .pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within {
   --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor);
-  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderTopWidth);
+  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth);
 }
 .pf-v6-c-table__compound-expansion-toggle.pf-m-expanded {
   --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor);
-  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderTopWidth);
+  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: var(--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth);
 }
 .pf-v6-c-table__compound-expansion-toggle:focus-within {
   outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
@@ -641,7 +641,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 }
 
 .pf-v6-c-table__column-help-action {
-  margin-inline-start: var(--pf-v6-c-table__column-help--MarginLeft);
+  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
 }
 
 .pf-v6-c-table__sort {
@@ -669,7 +669,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 .pf-v6-c-table__sort-indicator {
   grid-column: 2;
   align-self: end;
-  margin-inline-start: var(--pf-v6-c-table__sort-indicator--MarginLeft);
+  margin-inline-start: var(--pf-v6-c-table__sort-indicator--MarginInlineStart);
   color: var(--pf-v6-c-table__sort-indicator--Color);
   pointer-events: none;
 }
@@ -684,7 +684,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 }
 .pf-v6-c-table__expandable-row > td,
 .pf-v6-c-table__expandable-row > th {
-  padding-top: 0;
+  padding-block-start: 0;
 }
 .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
 .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
@@ -698,14 +698,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   padding: 0;
 }
 .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
-  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingTop);
-  padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingRight);
+  padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
   border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
 }
 .pf-v6-c-table__expandable-row.pf-m-expanded {
-  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor);
+  border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
   border-block-end-width: var(--pf-v6-c-table--border-width--base);
 }
 .pf-v6-c-table__expandable-row:not(.pf-m-expanded) {
@@ -716,24 +716,24 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 }
 
 .pf-v6-c-table.pf-m-compact {
-  --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-compact--cell--PaddingTop);
-  --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-compact--cell--PaddingBottom);
+  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
+  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
 }
 .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
-  --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-compact--cell--PaddingTop);
-  --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-compact--cell--PaddingBottom);
+  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
+  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
 }
 .pf-v6-c-table.pf-m-compact thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th),
 .pf-v6-c-table.pf-m-compact thead:where(.pf-v6-c-table__thead) .pf-v6-c-table__toggle {
-  --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-compact__th--PaddingTop);
-  --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-compact__th--PaddingBottom);
+  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__th--PaddingBlockStart);
+  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__th--PaddingBlockEnd);
 }
 .pf-v6-c-table.pf-m-compact .pf-v6-c-table__action,
 .pf-v6-c-table.pf-m-compact .pf-v6-c-table__favorite,
 .pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle,
 .pf-v6-c-table.pf-m-compact .pf-v6-c-table__draggable {
-  --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-compact__action--PaddingTop);
-  --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-compact__action--PaddingBottom);
+  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__action--PaddingBlockStart);
+  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__action--PaddingBlockEnd);
 }
 .pf-v6-c-table.pf-m-compact .pf-v6-c-table__icon {
   width: auto;
@@ -742,14 +742,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 }
 
 .pf-v6-c-table__thead {
-  --pf-v6-c-table__tr--BorderBottomWidth: 0;
-  --pf-v6-c-table__toggle--PaddingBottom: var(--pf-v6-c-table__thead__toggle--PaddingBottom);
+  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
+  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
   vertical-align: bottom;
 }
 .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
-  --pf-v6-c-table__button--PaddingLeft: var(--pf-v6-c-table__nested-column-header__button--PaddingLeft);
-  --pf-v6-c-table__button--PaddingRight: var(--pf-v6-c-table__nested-column-header__button--PaddingRight);
-  margin-inline-end: calc(var(--pf-v6-c-table__button--PaddingLeft) * -1);
+  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-v6-c-table__nested-column-header__button--PaddingInlineStart);
+  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd);
+  margin-inline-end: calc(var(--pf-v6-c-table__button--PaddingInlineStart) * -1);
 }
 
 .pf-v6-c-table__tbody {
@@ -763,18 +763,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   border-block-end: 0;
 }
 .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody {
-  border-block-end: var(--pf-v6-c-table__tr--BorderBottomWidth) solid var(--pf-v6-c-table__tr--BorderBottomColor);
+  border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
 }
 .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
-  border-block-end: var(--pf-v6-c-table__tr--BorderBottomWidth) solid var(--pf-v6-c-table__tr--BorderBottomColor);
+  border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
 }
 .pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
   background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
-  border-block-end: var(--pf-v6-c-table__control-row--BorderBottomWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBottomColor);
+  border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
 }
 
 .pf-v6-c-table__tr {
-  border-block-end: var(--pf-v6-c-table__tr--BorderBottomWidth) solid var(--pf-v6-c-table__tr--BorderBottomColor);
+  border-block-end: var(--pf-v6-c-table__tr--BorderBlockEndWidth) solid var(--pf-v6-c-table__tr--BorderBlockEndColor);
 }
 .pf-v6-c-table__thead .pf-v6-c-table__tr {
   border-block-end: 0;
@@ -788,7 +788,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   align-items: center;
 }
 .pf-v6-c-table__icon-inline > :not(:last-child) {
-  margin-inline-end: var(--pf-v6-c-table__icon-inline--MarginRight);
+  margin-inline-end: var(--pf-v6-c-table__icon-inline--MarginInlineEnd);
 }
 
 .pf-v6-c-table .pf-m-width-10 {