@patternfly/react-styles 5.0.0 → 5.1.1-prerelease.1

package/css/components/Table/table.css

@@ -289,27 +289,27 @@
   position: relative;
 }
 .pf-v5-c-table.pf-m-sticky-header thead:where(.pf-v5-c-table__thead) tr:where(.pf-v5-c-table__tr) {
-  border-bottom: 0;
+  border-block-end: 0;
 }
 .pf-v5-c-table.pf-m-sticky-header thead:where(.pf-v5-c-table__thead) tr:where(.pf-v5-c-table__tr) > * {
   z-index: var(--pf-v5-c-table--m-sticky-header--cell--ZIndex);
 }
 .pf-v5-c-table.pf-m-sticky-header > thead:where(.pf-v5-c-table__thead):not(.pf-m-nested-column-header) > tr:where(.pf-v5-c-table__tr) > * {
   position: sticky;
-  top: 0;
+  inset-block-start: 0;
   background: var(--pf-v5-c-table--BackgroundColor);
 }
 .pf-v5-c-table.pf-m-sticky-header > thead:where(.pf-v5-c-table__thead):not(.pf-m-nested-column-header) > tr:where(.pf-v5-c-table__tr) > *::after {
   position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset-block-end: 0;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
   content: "";
-  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
+  border-block-end: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
 }
 .pf-v5-c-table.pf-m-sticky-header > .pf-m-nested-column-header {
   position: sticky;
-  top: 0;
+  inset-block-start: 0;
   z-index: var(--pf-v5-global--ZIndex--xs);
   background: var(--pf-v5-c-table--BackgroundColor);
 }
@@ -322,7 +322,7 @@
   --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom);
 }
 .pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:last-child) {
-  border-bottom: 0;
+  border-block-end: 0;
 }
 .pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:last-child) th:where(.pf-v5-c-table__th):not([rowspan]),
 .pf-v5-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:last-child) td:where(.pf-v5-c-table__td):not([rowspan]) {
@@ -336,7 +336,7 @@
   background: var(--pf-v5-c-table--m-striped__tr--BackgroundColor);
 }
 .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
-  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
+  border-block-end: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
 }
 .pf-v5-c-table tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row).pf-m-ghost-row {
   background-color: var(--pf-v5-c-table__tr--m-ghost-row--BackgroundColor);
@@ -348,7 +348,10 @@
   width: var(--pf-v5-c-table--cell--Width);
   min-width: var(--pf-v5-c-table--cell--MinWidth);
   max-width: var(--pf-v5-c-table--cell--MaxWidth);
-  padding: var(--pf-v5-c-table--cell--PaddingTop) var(--pf-v5-c-table--cell--PaddingRight) var(--pf-v5-c-table--cell--PaddingBottom) var(--pf-v5-c-table--cell--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-table--cell--PaddingTop);
+  padding-block-end: var(--pf-v5-c-table--cell--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-table--cell--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-table--cell--PaddingRight);
   overflow: var(--pf-v5-c-table--cell--Overflow);
   font-size: var(--pf-v5-c-table--cell--FontSize);
   font-weight: var(--pf-v5-c-table--cell--FontWeight);
@@ -382,26 +385,26 @@
 }
 .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-right::before, .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-left::before {
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-block-end: 0;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
   pointer-events: none;
   content: "";
 }
 .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-right::before {
-  border-right: var(--pf-v5-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-v5-c-table--cell--m-border-right--before--BorderRightColor);
+  border-inline-end: var(--pf-v5-c-table--cell--m-border-right--before--BorderRightWidth) solid var(--pf-v5-c-table--cell--m-border-right--before--BorderRightColor);
 }
 .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-left::before {
-  border-left: var(--pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-v5-c-table--cell--m-border-left--before--BorderLeftColor);
+  border-inline-start: var(--pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-v5-c-table--cell--m-border-left--before--BorderLeftColor);
 }
 .pf-v5-c-table caption:where(.pf-v5-c-table__caption) {
-  padding-top: var(--pf-v5-c-table__caption--PaddingTop);
-  padding-bottom: var(--pf-v5-c-table__caption--PaddingBottom);
-  padding-left: var(--pf-v5-c-table__caption--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-table__caption--PaddingTop);
+  padding-block-end: var(--pf-v5-c-table__caption--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-table__caption--PaddingLeft);
   font-size: var(--pf-v5-c-table__caption--FontSize);
   color: var(--pf-v5-c-table__caption--Color);
-  text-align: left;
+  text-align: start;
   background-color: var(--pf-v5-c-table--BackgroundColor);
 }
 .pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
@@ -439,19 +442,19 @@
 }
 .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child::after {
   position: absolute;
-  top: var(--pf-v5-c-table__expandable-row--after--Top);
-  bottom: var(--pf-v5-c-table__expandable-row--after--Bottom);
-  left: 0;
+  inset-block-start: var(--pf-v5-c-table__expandable-row--after--Top);
+  inset-block-end: var(--pf-v5-c-table__expandable-row--after--Bottom);
+  inset-inline-start: 0;
   content: "";
   background-color: transparent;
-  border-left: var(--pf-v5-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-v5-c-table__expandable-row--after--BorderColor);
+  border-inline-start: var(--pf-v5-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-v5-c-table__expandable-row--after--BorderColor);
 }
 .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__check input:where(.pf-v5-c-check__input) {
-  margin-top: var(--pf-v5-c-table__check--input--MarginTop);
+  margin-block-start: var(--pf-v5-c-table__check--input--MarginTop);
   vertical-align: top;
 }
 .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded > :first-child:not(.pf-v5-c-table__control-row) {
-  border-bottom-width: 0;
+  border-block-end-width: 0;
 }
 .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle, .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle:first-child, .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle:last-child {
   padding: 0;
@@ -497,19 +500,19 @@
   --pf-v5-c-table--cell--WhiteSpace: normal;
 }
 .pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) {
-  border-bottom: 0;
+  border-block-end: 0;
 }
 .pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child::after {
-  border-left: 0;
+  border-inline-start: 0;
 }
 .pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody):not(.pf-m-expanded) .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::before {
   display: none;
 }
 .pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody).pf-m-expanded > .pf-v5-c-table__control-row {
-  border-bottom: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
+  border-block-end: var(--pf-v5-c-table--border-width--base) solid var(--pf-v5-c-table--BorderColor);
 }
 .pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__control-row > .pf-v5-c-table__compound-expansion-toggle:first-child > ::before {
-  border-left-width: 0;
+  border-inline-start-width: 0;
 }
 .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable {
   cursor: pointer;
@@ -620,11 +623,14 @@
 .pf-v5-c-table__button {
   position: static;
   width: 100%;
-  padding: var(--pf-v5-c-table--cell--PaddingTop) var(--pf-v5-c-table--cell--PaddingRight) var(--pf-v5-c-table--cell--PaddingBottom) var(--pf-v5-c-table--cell--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-table--cell--PaddingTop);
+  padding-block-end: var(--pf-v5-c-table--cell--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-table--cell--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-table--cell--PaddingRight);
   font-size: inherit;
   font-weight: inherit;
   color: var(--pf-v5-c-table__button--Color);
-  text-align: left;
+  text-align: start;
   white-space: inherit;
   user-select: text;
   background-color: var(--pf-v5-c-table__button--BackgroundColor);
@@ -632,10 +638,10 @@
 }
 .pf-v5-c-table__button::before {
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-block-end: 0;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
   cursor: pointer;
   content: "";
 }
@@ -718,8 +724,8 @@
   vertical-align: top;
 }
 .pf-v5-c-table__toggle .pf-v5-c-button {
-  margin-top: var(--pf-v5-c-table__toggle--c-button--MarginTop);
-  margin-bottom: var(--pf-v5-c-table__toggle--c-button--MarginBottom);
+  margin-block-start: var(--pf-v5-c-table__toggle--c-button--MarginTop);
+  margin-block-end: var(--pf-v5-c-table__toggle--c-button--MarginBottom);
 }
 .pf-v5-c-table__toggle .pf-v5-c-button.pf-m-expanded .pf-v5-c-table__toggle-icon {
   transform: rotate(var(--pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
@@ -742,20 +748,29 @@
 .pf-v5-c-table__check label {
   display: block;
   padding: inherit;
-  margin: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1) calc(var(--pf-v5-c-table--cell--PaddingRight) * -1) calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1) calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
+  margin-block-start: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1);
+  margin-block-end: calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1);
+  margin-inline-start: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
+  margin-inline-end: calc(var(--pf-v5-c-table--cell--PaddingRight) * -1);
 }
 
 .pf-v5-c-table__favorite .pf-v5-c-button {
   --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--c-button--Color);
   --pf-v5-c-button--FontSize: var(--pf-v5-c-table__favorite--c-button--FontSize);
-  margin: var(--pf-v5-c-table__favorite--c-button--MarginTop) var(--pf-v5-c-table__favorite--c-button--MarginRight) var(--pf-v5-c-table__favorite--c-button--MarginBottom) var(--pf-v5-c-table__favorite--c-button--MarginLeft);
+  margin-block-start: var(--pf-v5-c-table__favorite--c-button--MarginTop);
+  margin-block-end: var(--pf-v5-c-table__favorite--c-button--MarginBottom);
+  margin-inline-start: var(--pf-v5-c-table__favorite--c-button--MarginLeft);
+  margin-inline-end: var(--pf-v5-c-table__favorite--c-button--MarginRight);
 }
 .pf-m-favorited.pf-v5-c-table__favorite .pf-v5-c-button {
   --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--m-favorited--c-button--Color);
 }
 
 .pf-v5-c-table__draggable .pf-v5-c-button {
-  margin: var(--pf-v5-c-table__draggable--c-button--MarginTop) var(--pf-v5-c-table__draggable--c-button--MarginRight) var(--pf-v5-c-table__draggable--c-button--MarginBottom) var(--pf-v5-c-table__draggable--c-button--MarginLeft);
+  margin-block-start: var(--pf-v5-c-table__draggable--c-button--MarginTop);
+  margin-block-end: var(--pf-v5-c-table__draggable--c-button--MarginBottom);
+  margin-inline-start: var(--pf-v5-c-table__draggable--c-button--MarginLeft);
+  margin-inline-end: var(--pf-v5-c-table__draggable--c-button--MarginRight);
   cursor: grab;
 }
 .pf-v5-c-table__draggable .pf-v5-c-button:active {
@@ -768,19 +783,19 @@
   --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__action--PaddingRight);
   --pf-v5-c-table--cell--PaddingBottom: 0;
   --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__action--PaddingLeft);
-  padding-top: 0;
-  padding-bottom: 0;
+  padding-block-start: 0;
+  padding-block-end: 0;
   vertical-align: middle;
 }
 
 .pf-v5-c-table__action {
-  text-align: right;
+  text-align: end;
 }
 
 .pf-v5-c-table__inline-edit-action {
   --pf-v5-c-table--cell--PaddingLeft: 0;
   --pf-v5-c-table--cell--PaddingRight: 0;
-  text-align: right;
+  text-align: end;
 }
 
 .pf-v5-c-table__compound-expansion-toggle {
@@ -803,25 +818,25 @@
 .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::before,
 .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::after {
   position: absolute;
-  right: 0;
+  inset-inline-end: 0;
   content: "";
   border-style: solid;
   border-width: 0;
 }
 .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::before {
-  top: 0;
-  bottom: var(--pf-v5-c-table__compound-expansion-toggle__button--before--Bottom);
-  left: var(--pf-v5-c-table__compound-expansion-toggle__button--before--Left);
+  inset-block-start: 0;
+  inset-block-end: var(--pf-v5-c-table__compound-expansion-toggle__button--before--Bottom);
+  inset-inline-start: var(--pf-v5-c-table__compound-expansion-toggle__button--before--Left);
   border-color: var(--pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor);
-  border-right-width: var(--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth);
-  border-left-width: var(--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth);
+  border-inline-start-width: var(--pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth);
+  border-inline-end-width: var(--pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth);
 }
 .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::after {
-  top: var(--pf-v5-c-table__compound-expansion-toggle__button--after--Top);
-  left: var(--pf-v5-c-table__compound-expansion-toggle__button--after--Left);
+  inset-block-start: var(--pf-v5-c-table__compound-expansion-toggle__button--after--Top);
+  inset-inline-start: var(--pf-v5-c-table__compound-expansion-toggle__button--after--Left);
   pointer-events: none;
   border-color: var(--pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor);
-  border-top-width: var(--pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth);
+  border-block-start-width: var(--pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth);
 }
 .pf-v5-c-table__compound-expansion-toggle:hover, .pf-v5-c-table__compound-expansion-toggle:focus-within, .pf-v5-c-table__compound-expansion-toggle.pf-m-expanded {
   --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base);
@@ -833,7 +848,7 @@
   --pf-v5-c-table__compound-expansion-toggle__button--after--Left: 0;
 }
 .pf-v5-c-table__compound-expansion-toggle.pf-m-expanded .pf-v5-c-table__button::before {
-  border-bottom: var(--pf-v5-c-table--BackgroundColor) solid var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base);
+  border-block-end: var(--pf-v5-c-table--BackgroundColor) solid var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base);
 }
 .pf-v5-c-table__compound-expansion-toggle.pf-m-expanded:first-child {
   --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
@@ -849,14 +864,14 @@
 }
 
 .pf-v5-c-table__column-help-action {
-  margin-left: var(--pf-v5-c-table__column-help--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-table__column-help--MarginLeft);
   transform: translateY(var(--pf-v5-c-table__column-help--TranslateY));
 }
 .pf-v5-c-table__column-help-action .pf-v5-c-button {
   --pf-v5-c-button--PaddingRight: var(--pf-v5-c-table__column-help--c-button--PaddingRight);
   --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-table__column-help--c-button--PaddingLeft);
-  margin-top: var(--pf-v5-c-table__column-help--c-button--MarginTop);
-  margin-bottom: var(--pf-v5-c-table__column-help--c-button--MarginBottom);
+  margin-block-start: var(--pf-v5-c-table__column-help--c-button--MarginTop);
+  margin-block-end: var(--pf-v5-c-table__column-help--c-button--MarginBottom);
   font-size: inherit;
   line-height: 1;
 }
@@ -868,9 +883,9 @@
   --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__sort__button--PaddingLeft);
   display: flex;
   width: auto;
-  margin-top: var(--pf-v5-c-table__sort__button--MarginTop);
-  margin-bottom: var(--pf-v5-c-table__sort__button--MarginBottom);
-  margin-left: var(--pf-v5-c-table__sort__button--MarginLeft);
+  margin-block-start: var(--pf-v5-c-table__sort__button--MarginTop);
+  margin-block-end: var(--pf-v5-c-table__sort__button--MarginBottom);
+  margin-inline-start: var(--pf-v5-c-table__sort__button--MarginLeft);
 }
 .pf-v5-c-table__sort .pf-v5-c-table__button:hover {
   --pf-v5-c-table__sort-indicator--Color: var(--pf-v5-c-table__sort__button--hover__sort-indicator--Color);
@@ -905,7 +920,7 @@
 
 .pf-v5-c-table__sort-indicator {
   grid-column: 2;
-  margin-left: var(--pf-v5-c-table__sort-indicator--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-table__sort-indicator--MarginLeft);
   color: var(--pf-v5-c-table__sort-indicator--Color);
   pointer-events: none;
 }
@@ -914,7 +929,7 @@
   --pf-v5-c-table--cell--PaddingTop: 0;
   --pf-v5-c-table--cell--PaddingBottom: 0;
   position: relative;
-  border-bottom: 0 solid transparent;
+  border-block-end: 0 solid transparent;
   box-shadow: 0 0 0 0 transparent;
 }
 .pf-v5-c-table__expandable-row,
@@ -923,19 +938,22 @@
 }
 .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding,
 .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding {
-  padding: 0 0 0 var(--pf-v5-c-table__expandable-row--after--border-width--base);
+  padding-block-start: 0;
+  padding-inline-end: 0;
+  padding-block-end: 0;
+  padding-inline-start: var(--pf-v5-c-table__expandable-row--after--border-width--base);
 }
 .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding .pf-v5-c-table__expandable-row-content,
 .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding .pf-v5-c-table__expandable-row-content {
   padding: 0;
 }
 .pf-v5-c-table__expandable-row .pf-v5-c-table__expandable-row-content {
-  padding-top: var(--pf-v5-c-table__expandable-row-content--PaddingTop);
-  padding-bottom: var(--pf-v5-c-table__expandable-row-content--PaddingBottom);
+  padding-block-start: var(--pf-v5-c-table__expandable-row-content--PaddingTop);
+  padding-block-end: var(--pf-v5-c-table__expandable-row-content--PaddingBottom);
 }
 .pf-v5-c-table__expandable-row.pf-m-expanded {
-  border-bottom-color: var(--pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor);
-  border-bottom-width: var(--pf-v5-c-table--border-width--base);
+  border-block-end-color: var(--pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor);
+  border-block-end-width: var(--pf-v5-c-table--border-width--base);
   box-shadow: var(--pf-v5-c-table__expandable-row--m-expanded--BoxShadow);
 }
 .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
@@ -1005,7 +1023,7 @@
   align-items: center;
 }
 .pf-v5-c-table__icon-inline > :not(:last-child) {
-  margin-right: var(--pf-v5-c-table__icon-inline--MarginRight);
+  margin-inline-end: var(--pf-v5-c-table__icon-inline--MarginRight);
 }
 
 .pf-v5-c-table .pf-m-width-10 {

package/css/components/Tabs/tabs.css

@@ -134,8 +134,8 @@
   position: relative;
   display: flex;
   width: var(--pf-v5-c-tabs--Width);
-  padding-right: var(--pf-v5-c-tabs--inset);
-  padding-left: var(--pf-v5-c-tabs--inset);
+  padding-inline-start: var(--pf-v5-c-tabs--inset);
+  padding-inline-end: var(--pf-v5-c-tabs--inset);
   overflow: hidden;
 }
 @media screen and (min-width: 1200px) {
@@ -146,11 +146,14 @@
 }
 .pf-v5-c-tabs::before {
   position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset-block-end: 0;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
   border: solid var(--pf-v5-c-tabs--before--BorderColor);
-  border-width: var(--pf-v5-c-tabs--before--BorderTopWidth) var(--pf-v5-c-tabs--before--BorderRightWidth) var(--pf-v5-c-tabs--before--BorderBottomWidth) var(--pf-v5-c-tabs--before--BorderLeftWidth);
+  border-block-start-width: var(--pf-v5-c-tabs--before--BorderTopWidth);
+  border-block-end-width: var(--pf-v5-c-tabs--before--BorderBottomWidth);
+  border-inline-start-width: var(--pf-v5-c-tabs--before--BorderLeftWidth);
+  border-inline-end-width: var(--pf-v5-c-tabs--before--BorderRightWidth);
 }
 .pf-v5-c-tabs.pf-m-fill .pf-v5-c-tabs__list {
   flex-basis: 100%;
@@ -172,11 +175,11 @@
   opacity: 1;
 }
 .pf-v5-c-tabs.pf-m-scrollable .pf-v5-c-tabs__scroll-button:nth-of-type(1) {
-  margin-right: 0;
+  margin-inline-end: 0;
   transform: translateX(0);
 }
 .pf-v5-c-tabs.pf-m-scrollable .pf-v5-c-tabs__scroll-button:nth-of-type(2) {
-  margin-left: 0;
+  margin-inline-start: 0;
   transform: translateX(0);
 }
 .pf-v5-c-tabs.pf-m-no-border-bottom {
@@ -206,16 +209,16 @@
   --pf-v5-c-tabs__link--before--BorderBottomColor: var(--pf-v5-c-tabs__link--BackgroundColor);
 }
 .pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item.pf-m-current:first-child .pf-v5-c-tabs__link::before {
-  border-left-width: var(--pf-v5-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth);
+  border-inline-start-width: var(--pf-v5-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth);
 }
 .pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item.pf-m-current:last-child .pf-v5-c-tabs__link::before {
-  border-right-width: var(--pf-v5-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth);
+  border-inline-end-width: var(--pf-v5-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth);
 }
 .pf-v5-c-tabs.pf-m-box.pf-m-scrollable .pf-v5-c-tabs__item.pf-m-current:first-child .pf-v5-c-tabs__link::before {
-  left: calc(var(--pf-v5-c-tabs__link--before--border-width--base) * -1);
+  inset-inline-start: calc(var(--pf-v5-c-tabs__link--before--border-width--base) * -1);
 }
 .pf-v5-c-tabs.pf-m-box.pf-m-scrollable .pf-v5-c-tabs__scroll-button:nth-of-type(2)::before {
-  left: calc(var(--pf-v5-c-tabs__link--before--border-width--base) * -1);
+  inset-inline-start: calc(var(--pf-v5-c-tabs__link--before--border-width--base) * -1);
 }
 .pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item.pf-m-current + .pf-v5-c-tabs__item {
   --pf-v5-c-tabs__link--before--Left: 0;
@@ -255,21 +258,24 @@
 }
 .pf-v5-c-tabs.pf-m-vertical .pf-v5-c-tabs__list::before {
   position: absolute;
-  right: auto;
+  inset-inline-end: auto;
   border: solid var(--pf-v5-c-tabs--m-vertical__list--before--BorderColor);
-  border-width: var(--pf-v5-c-tabs--m-vertical__list--before--BorderTopWidth) var(--pf-v5-c-tabs--m-vertical__list--before--BorderRightWidth) var(--pf-v5-c-tabs--m-vertical__list--before--BorderBottomWidth) var(--pf-v5-c-tabs--m-vertical__list--before--BorderLeftWidth);
+  border-block-start-width: var(--pf-v5-c-tabs--m-vertical__list--before--BorderTopWidth);
+  border-block-end-width: var(--pf-v5-c-tabs--m-vertical__list--before--BorderBottomWidth);
+  border-inline-start-width: var(--pf-v5-c-tabs--m-vertical__list--before--BorderLeftWidth);
+  border-inline-end-width: var(--pf-v5-c-tabs--m-vertical__list--before--BorderRightWidth);
 }
 .pf-v5-c-tabs.pf-m-vertical .pf-v5-c-tabs__item:first-child {
-  margin-top: var(--pf-v5-c-tabs--inset);
+  margin-block-start: var(--pf-v5-c-tabs--inset);
 }
 .pf-v5-c-tabs.pf-m-vertical .pf-v5-c-tabs__item:last-child {
-  margin-bottom: var(--pf-v5-c-tabs--inset);
+  margin-block-end: var(--pf-v5-c-tabs--inset);
 }
 .pf-v5-c-tabs.pf-m-vertical .pf-v5-c-tabs__link {
   --pf-v5-c-tabs__link--after--BorderTopWidth: 0;
   --pf-v5-c-tabs__link--after--BorderLeftWidth: var(--pf-v5-c-tabs__link--after--BorderWidth);
   max-width: 100%;
-  text-align: left;
+  text-align: start;
 }
 .pf-v5-c-tabs.pf-m-vertical .pf-v5-c-tabs__item-text {
   max-width: 100%;
@@ -348,8 +354,8 @@
   --pf-v5-c-tabs__link--disabled--before--BorderLeftWidth: 0;
 }
 .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__list::before {
-  right: 0;
-  left: auto;
+  inset-inline-start: auto;
+  inset-inline-end: 0;
 }
 .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item:last-child {
   --pf-v5-c-tabs__link--before--BorderBottomWidth: 0;
@@ -367,11 +373,11 @@
   --pf-v5-c-tabs__link--before--BorderTopWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
 }
 .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__link::after {
-  top: calc(var(--pf-v5-c-tabs__link--before--border-width--base) * -1);
+  inset-block-start: calc(var(--pf-v5-c-tabs__link--before--border-width--base) * -1);
 }
 .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item:first-child .pf-v5-c-tabs__link::after,
 .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item.pf-m-current + .pf-v5-c-tabs__item .pf-v5-c-tabs__link::after {
-  top: 0;
+  inset-block-start: 0;
 }
 .pf-v5-c-tabs.pf-m-secondary {
   --pf-v5-c-tabs__link--FontSize: var(--pf-v5-c-tabs--m-secondary__link--FontSize);
@@ -389,19 +395,19 @@
 .pf-v5-c-tabs__toggle {
   display: var(--pf-v5-c-tabs__toggle--Display);
   align-items: center;
-  margin-bottom: var(--pf-v5-c-tabs__toggle--MarginBottom);
+  margin-block-end: var(--pf-v5-c-tabs__toggle--MarginBottom);
 }
 
 .pf-v5-c-tabs__toggle-button {
   --pf-v5-c-tabs__toggle-text--MarginLeft: var(--pf-v5-c-tabs__toggle-button__toggle-text--MarginLeft);
   --pf-v5-c-tabs__toggle-text--Color: var(--pf-v5-c-tabs__toggle-button__toggle-text--Color);
-  margin-top: var(--pf-v5-c-tabs__toggle-button--MarginTop);
-  margin-bottom: var(--pf-v5-c-tabs__toggle-button--MarginBottom);
-  margin-left: var(--pf-v5-c-tabs__toggle-button--MarginLeft);
+  margin-block-start: var(--pf-v5-c-tabs__toggle-button--MarginTop);
+  margin-block-end: var(--pf-v5-c-tabs__toggle-button--MarginBottom);
+  margin-inline-start: var(--pf-v5-c-tabs__toggle-button--MarginLeft);
 }
 .pf-v5-c-tabs__toggle-button .pf-v5-c-button {
   display: flex;
-  text-align: left;
+  text-align: start;
   white-space: normal;
 }
 
@@ -413,7 +419,7 @@
 }
 
 .pf-v5-c-tabs__toggle-text {
-  margin-left: var(--pf-v5-c-tabs__toggle-text--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-tabs__toggle-text--MarginLeft);
   color: var(--pf-v5-c-tabs__toggle-text--Color, inherit);
 }
 
@@ -463,9 +469,9 @@
 .pf-v5-c-tabs__scroll-button::before,
 .pf-v5-c-tabs__add::before {
   position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset-block-end: 0;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
   content: "";
   border-style: solid;
 }
@@ -477,7 +483,7 @@
 .pf-v5-c-tabs__item.pf-m-action::after,
 .pf-v5-c-tabs__scroll-button::before,
 .pf-v5-c-tabs__add::before {
-  top: 0;
+  inset-block-start: 0;
 }
 
 .pf-v5-c-tabs__link,
@@ -491,7 +497,10 @@
   position: relative;
   display: flex;
   flex: 1;
-  padding: var(--pf-v5-c-tabs__link--PaddingTop) var(--pf-v5-c-tabs__link--PaddingRight) var(--pf-v5-c-tabs__link--PaddingBottom) var(--pf-v5-c-tabs__link--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-tabs__link--PaddingTop);
+  padding-block-end: var(--pf-v5-c-tabs__link--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-tabs__link--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-tabs__link--PaddingRight);
   font-size: var(--pf-v5-c-tabs__link--FontSize);
   color: var(--pf-v5-c-tabs__link--Color);
   text-decoration: none;
@@ -504,20 +513,26 @@
 
 .pf-v5-c-tabs__item.pf-m-action::before, .pf-v5-c-tabs__link::before {
   pointer-events: none;
-  border-width: var(--pf-v5-c-tabs__link--before--BorderTopWidth) var(--pf-v5-c-tabs__link--before--BorderRightWidth) var(--pf-v5-c-tabs__link--before--BorderBottomWidth) var(--pf-v5-c-tabs__link--before--BorderLeftWidth);
-  border-top-color: var(--pf-v5-c-tabs__link--before--BorderTopColor);
-  border-right-color: var(--pf-v5-c-tabs__link--before--BorderRightColor);
-  border-bottom-color: var(--pf-v5-c-tabs__link--before--BorderBottomColor);
-  border-left-color: var(--pf-v5-c-tabs__link--before--BorderLeftColor);
+  border-block-start-color: var(--pf-v5-c-tabs__link--before--BorderTopColor);
+  border-block-start-width: var(--pf-v5-c-tabs__link--before--BorderTopWidth);
+  border-block-end-color: var(--pf-v5-c-tabs__link--before--BorderBottomColor);
+  border-block-end-width: var(--pf-v5-c-tabs__link--before--BorderBottomWidth);
+  border-inline-start-color: var(--pf-v5-c-tabs__link--before--BorderLeftColor);
+  border-inline-start-width: var(--pf-v5-c-tabs__link--before--BorderLeftWidth);
+  border-inline-end-color: var(--pf-v5-c-tabs__link--before--BorderRightColor);
+  border-inline-end-width: var(--pf-v5-c-tabs__link--before--BorderRightWidth);
 }
 
 .pf-v5-c-tabs__item.pf-m-action::after, .pf-v5-c-tabs__link::after {
-  top: var(--pf-v5-c-tabs__link--after--Top);
-  right: var(--pf-v5-c-tabs__link--after--Right);
-  bottom: var(--pf-v5-c-tabs__link--after--Bottom);
-  left: var(--pf-v5-c-tabs__link--before--Left);
+  inset-block-start: var(--pf-v5-c-tabs__link--after--Top);
+  inset-block-end: var(--pf-v5-c-tabs__link--after--Bottom);
+  inset-inline-start: var(--pf-v5-c-tabs__link--before--Left);
+  inset-inline-end: var(--pf-v5-c-tabs__link--after--Right);
   border-color: var(--pf-v5-c-tabs__link--after--BorderColor);
-  border-width: var(--pf-v5-c-tabs__link--after--BorderTopWidth) var(--pf-v5-c-tabs__link--after--BorderRightWidth) var(--pf-v5-c-tabs__link--after--BorderBottomWidth) var(--pf-v5-c-tabs__link--after--BorderLeftWidth);
+  border-block-start-width: var(--pf-v5-c-tabs__link--after--BorderTopWidth);
+  border-block-end-width: var(--pf-v5-c-tabs__link--after--BorderBottomWidth);
+  border-inline-start-width: var(--pf-v5-c-tabs__link--after--BorderLeftWidth);
+  border-inline-end-width: var(--pf-v5-c-tabs__link--after--BorderRightWidth);
 }
 
 .pf-v5-c-tabs__item.pf-m-action:hover, .pf-v5-c-tabs__link:hover {
@@ -558,7 +573,7 @@
 }
 .pf-v5-c-tabs__link .pf-v5-c-tabs__item-icon,
 .pf-v5-c-tabs__link .pf-v5-c-tabs__item-text {
-  margin-right: var(--pf-v5-c-tabs__link--child--MarginRight);
+  margin-inline-end: var(--pf-v5-c-tabs__link--child--MarginRight);
 }
 .pf-v5-c-tabs__link .pf-v5-c-tabs__item-icon:last-child,
 .pf-v5-c-tabs__link .pf-v5-c-tabs__item-text:last-child {
@@ -594,7 +609,7 @@
 
 .pf-v5-c-tabs__item-action-icon {
   display: inline-block;
-  margin-top: var(--pf-v5-c-tabs__item-action-icon--MarginTop);
+  margin-block-start: var(--pf-v5-c-tabs__item-action-icon--MarginTop);
 }
 
 .pf-v5-c-tabs__scroll-button {
@@ -612,16 +627,19 @@
 }
 .pf-v5-c-tabs__scroll-button::before {
   border-color: var(--pf-v5-c-tabs__scroll-button--before--BorderColor);
-  border-width: 0 var(--pf-v5-c-tabs__scroll-button--before--BorderRightWidth) var(--pf-v5-c-tabs__scroll-button--before--BorderBottomWidth) var(--pf-v5-c-tabs__scroll-button--before--BorderLeftWidth);
+  border-block-start-width: 0;
+  border-block-end-width: var(--pf-v5-c-tabs__scroll-button--before--BorderBottomWidth);
+  border-inline-start-width: var(--pf-v5-c-tabs__scroll-button--before--BorderLeftWidth);
+  border-inline-end-width: var(--pf-v5-c-tabs__scroll-button--before--BorderRightWidth);
 }
 .pf-v5-c-tabs__scroll-button:nth-of-type(1) {
   --pf-v5-c-tabs__scroll-button--before--BorderRightWidth: var(--pf-v5-c-tabs__scroll-button--before--border-width--base);
-  margin-right: calc(var(--pf-v5-c-tabs__scroll-button--Width) * -1);
+  margin-inline-end: calc(var(--pf-v5-c-tabs__scroll-button--Width) * -1);
   transform: translateX(-100%);
 }
 .pf-v5-c-tabs__scroll-button:nth-of-type(2) {
   --pf-v5-c-tabs__scroll-button--before--BorderLeftWidth: var(--pf-v5-c-tabs__scroll-button--before--border-width--base);
-  margin-left: calc(var(--pf-v5-c-tabs__scroll-button--Width) * -1);
+  margin-inline-start: calc(var(--pf-v5-c-tabs__scroll-button--Width) * -1);
   transform: translateX(100%);
 }
 .pf-v5-c-tabs__scroll-button:disabled {
@@ -634,7 +652,7 @@
   display: flex;
 }
 .pf-v5-c-tabs__add::before {
-  border-left: var(--pf-v5-c-tabs__add--before--BorderLeftWidth) solid var(--pf-v5-c-tabs__add--before--BorderColor);
+  border-inline-start: var(--pf-v5-c-tabs__add--before--BorderLeftWidth) solid var(--pf-v5-c-tabs__add--before--BorderColor);
 }
 .pf-v5-c-tabs__add .pf-v5-c-button {
   --pf-v5-c-button--FontSize: var(--pf-v5-c-tabs__add--c-button--FontSize);