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

package/css/components/TextInputGroup/text-input-group.css

@@ -67,12 +67,12 @@
   --pf-v5-c-text-input-group__text-input--PaddingLeft: var(--pf-v5-c-text-input-group__main--m-icon__text-input--PaddingLeft);
 }
 .pf-v5-c-text-input-group__main > :first-child:not(.pf-v5-c-text-input-group__text) {
-  margin-left: var(--pf-v5-c-text-input-group__main--first-child--not--text-input--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-text-input-group__main--first-child--not--text-input--MarginLeft);
 }
 .pf-v5-c-text-input-group__main .pf-v5-c-chip-group__main {
-  padding-top: var(--pf-v5-c-text-input-group--c-chip-group__main--PaddingTop);
-  padding-right: var(--pf-v5-c-text-input-group--c-chip-group__main--PaddingRight);
-  padding-bottom: var(--pf-v5-c-text-input-group--c-chip-group__main--PaddingBottom);
+  padding-block-start: var(--pf-v5-c-text-input-group--c-chip-group__main--PaddingTop);
+  padding-block-end: var(--pf-v5-c-text-input-group--c-chip-group__main--PaddingBottom);
+  padding-inline-end: var(--pf-v5-c-text-input-group--c-chip-group__main--PaddingRight);
 }
 
 .pf-v5-c-text-input-group__text {
@@ -83,10 +83,7 @@
 }
 .pf-v5-c-text-input-group__text::before, .pf-v5-c-text-input-group__text::after {
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   pointer-events: none;
   content: "";
 }
@@ -94,7 +91,7 @@
   border: var(--pf-v5-c-text-input-group__text--before--BorderWidth) solid var(--pf-v5-c-text-input-group__text--before--BorderColor);
 }
 .pf-v5-c-text-input-group__text::after {
-  border-bottom: var(--pf-v5-c-text-input-group__text--after--BorderBottomWidth) solid var(--pf-v5-c-text-input-group__text--after--BorderBottomColor);
+  border-block-end: var(--pf-v5-c-text-input-group__text--after--BorderBottomWidth) solid var(--pf-v5-c-text-input-group__text--after--BorderBottomColor);
 }
 .pf-v5-c-text-input-group__text:focus-within {
   --pf-v5-c-text-input-group__text--after--BorderBottomWidth: var(--pf-v5-c-text-input-group__text--focus-within--after--BorderBottomWidth);
@@ -103,8 +100,8 @@
 
 .pf-v5-c-text-input-group__icon {
   position: absolute;
-  top: 50%;
-  left: var(--pf-v5-c-text-input-group__icon--Left);
+  inset-block-start: 50%;
+  inset-inline-start: var(--pf-v5-c-text-input-group__icon--Left);
   color: var(--pf-v5-c-text-input-group__icon--Color);
   transform: translateY(var(--pf-v5-c-text-input-group__icon--TranslateY));
 }
@@ -116,7 +113,10 @@
   position: relative;
   width: 100%;
   min-width: var(--pf-v5-c-text-input-group__text-input--MinWidth);
-  padding: var(--pf-v5-c-text-input-group__text-input--PaddingTop) var(--pf-v5-c-text-input-group__text-input--PaddingRight) var(--pf-v5-c-text-input-group__text-input--PaddingBottom) var(--pf-v5-c-text-input-group__text-input--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-text-input-group__text-input--PaddingTop);
+  padding-block-end: var(--pf-v5-c-text-input-group__text-input--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-text-input-group__text-input--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-text-input-group__text-input--PaddingRight);
   background-color: var(--pf-v5-c-text-input-group__text-input--BackgroundColor);
   border: 0;
 }
@@ -133,11 +133,11 @@
 .pf-v5-c-text-input-group__utilities {
   display: flex;
   align-items: center;
-  margin-right: var(--pf-v5-c-text-input-group__utilities--MarginRight);
-  margin-left: var(--pf-v5-c-text-input-group__utilities--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-text-input-group__utilities--MarginLeft);
+  margin-inline-end: var(--pf-v5-c-text-input-group__utilities--MarginRight);
 }
 .pf-v5-c-text-input-group__utilities > * + * {
-  margin-left: var(--pf-v5-c-text-input-group__utilities--child--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-text-input-group__utilities--child--MarginLeft);
 }
 .pf-v5-c-text-input-group__utilities .pf-v5-c-button {
   --pf-v5-c-button--PaddingRight: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingRight);

package/css/components/Tile/tile.css

@@ -43,7 +43,10 @@
   position: relative;
   display: inline-grid;
   grid-template-rows: min-content;
-  padding: var(--pf-v5-c-tile--PaddingTop) var(--pf-v5-c-tile--PaddingRight) var(--pf-v5-c-tile--PaddingBottom) var(--pf-v5-c-tile--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-tile--PaddingTop);
+  padding-block-end: var(--pf-v5-c-tile--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-tile--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-tile--PaddingRight);
   text-align: center;
   cursor: pointer;
   background-color: var(--pf-v5-c-tile--BackgroundColor);
@@ -56,16 +59,13 @@
   content: "";
 }
 .pf-v5-c-tile::before {
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
   border: var(--pf-v5-c-tile--before--BorderWidth) solid var(--pf-v5-c-tile--before--BorderColor);
 }
 .pf-v5-c-tile::after {
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset-block-end: 0;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
   height: var(--pf-v5-c-tile--after--Height);
   background-color: var(--pf-v5-c-tile--after--BackgroundColor);
   transition: var(--pf-v5-c-tile--after--Transition);
@@ -118,7 +118,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-bottom: var(--pf-v5-c-tile__header--m-stacked__icon--MarginBottom);
+  margin-block-end: var(--pf-v5-c-tile__header--m-stacked__icon--MarginBottom);
 }
 
 .pf-v5-c-tile__title {
@@ -131,7 +131,7 @@
 }
 
 .pf-v5-c-tile__icon {
-  margin-right: var(--pf-v5-c-tile__icon--MarginRight);
+  margin-inline-end: var(--pf-v5-c-tile__icon--MarginRight);
   font-size: var(--pf-v5-c-tile__icon--FontSize);
   color: var(--pf-v5-c-tile__icon--Color);
 }

package/css/components/ToggleGroup/toggle-group.css

@@ -44,22 +44,25 @@
 }
 
 .pf-v5-c-toggle-group__item + .pf-v5-c-toggle-group__item {
-  margin-left: var(--pf-v5-c-toggle-group__item--item--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-toggle-group__item--item--MarginLeft);
 }
 .pf-v5-c-toggle-group__item:first-child .pf-v5-c-toggle-group__button, .pf-v5-c-toggle-group__item:first-child .pf-v5-c-toggle-group__button::before {
-  border-top-left-radius: var(--pf-v5-c-toggle-group__item--first-child__button--BorderTopLeftRadius);
-  border-bottom-left-radius: var(--pf-v5-c-toggle-group__item--first-child__button--BorderBottomLeftRadius);
+  border-start-start-radius: var(--pf-v5-c-toggle-group__item--first-child__button--BorderTopLeftRadius);
+  border-end-start-radius: var(--pf-v5-c-toggle-group__item--first-child__button--BorderBottomLeftRadius);
 }
 .pf-v5-c-toggle-group__item:last-child .pf-v5-c-toggle-group__button, .pf-v5-c-toggle-group__item:last-child .pf-v5-c-toggle-group__button::before {
-  border-top-right-radius: var(--pf-v5-c-toggle-group__item--last-child__button--BorderTopRightRadius);
-  border-bottom-right-radius: var(--pf-v5-c-toggle-group__item--last-child__button--BorderBottomRightRadius);
+  border-start-end-radius: var(--pf-v5-c-toggle-group__item--last-child__button--BorderTopRightRadius);
+  border-end-end-radius: var(--pf-v5-c-toggle-group__item--last-child__button--BorderBottomRightRadius);
 }
 
 .pf-v5-c-toggle-group__button {
   position: relative;
   z-index: var(--pf-v5-c-toggle-group__button--ZIndex);
   display: inline-flex;
-  padding: var(--pf-v5-c-toggle-group__button--PaddingTop) var(--pf-v5-c-toggle-group__button--PaddingRight) var(--pf-v5-c-toggle-group__button--PaddingBottom) var(--pf-v5-c-toggle-group__button--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-toggle-group__button--PaddingTop);
+  padding-block-end: var(--pf-v5-c-toggle-group__button--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-toggle-group__button--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-toggle-group__button--PaddingRight);
   font-size: var(--pf-v5-c-toggle-group__button--FontSize);
   line-height: var(--pf-v5-c-toggle-group__button--LineHeight);
   color: var(--pf-v5-c-toggle-group__button--Color);
@@ -68,10 +71,10 @@
 }
 .pf-v5-c-toggle-group__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;
   pointer-events: none;
   content: "";
   border: var(--pf-v5-c-toggle-group__button--before--BorderWidth) solid var(--pf-v5-c-toggle-group__button--before--BorderColor);
@@ -101,7 +104,7 @@
 
 .pf-v5-c-toggle-group__icon + .pf-v5-c-toggle-group__text,
 .pf-v5-c-toggle-group__text + .pf-v5-c-toggle-group__icon {
-  margin-left: var(--pf-v5-c-toggle-group__icon--text--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-toggle-group__icon--text--MarginLeft);
 }
 
 :where(.pf-v5-theme-dark) .pf-v5-c-toggle-group {

package/css/components/Toolbar/toolbar.css

@@ -127,8 +127,8 @@
   position: relative;
   display: grid;
   row-gap: var(--pf-v5-c-toolbar--RowGap);
-  padding-top: var(--pf-v5-c-toolbar--PaddingTop);
-  padding-bottom: var(--pf-v5-c-toolbar--PaddingBottom);
+  padding-block-start: var(--pf-v5-c-toolbar--PaddingTop);
+  padding-block-end: var(--pf-v5-c-toolbar--PaddingBottom);
   background-color: var(--pf-v5-c-toolbar--BackgroundColor);
 }
 @media screen and (min-width: 992px) {
@@ -149,7 +149,7 @@
 }
 .pf-v5-c-toolbar.pf-m-sticky {
   position: sticky;
-  top: 0;
+  inset-block-start: 0;
   z-index: var(--pf-v5-c-toolbar--m-sticky--ZIndex);
   box-shadow: var(--pf-v5-c-toolbar--m-sticky--BoxShadow);
 }
@@ -190,7 +190,7 @@
 }
 .pf-v5-c-toolbar__content-section > .pf-v5-c-divider.pf-m-vertical,
 .pf-v5-c-toolbar__group > .pf-v5-c-divider.pf-m-vertical {
-  margin-right: var(--pf-v5-c-toolbar--spacer);
+  margin-inline-end: var(--pf-v5-c-toolbar--spacer);
 }
 .pf-v5-c-toolbar__content-section > .pf-v5-c-divider.pf-m-vertical:last-child,
 .pf-v5-c-toolbar__group > .pf-v5-c-divider.pf-m-vertical:last-child {
@@ -227,7 +227,7 @@
   row-gap: var(--pf-v5-c-toolbar__group--RowGap);
   align-items: var(--pf-v5-c-toolbar__group--AlignItems);
   align-self: var(--pf-v5-c-toolbar__group--AlignSelf);
-  margin-right: var(--pf-v5-c-toolbar--spacer);
+  margin-inline-end: var(--pf-v5-c-toolbar--spacer);
 }
 .pf-v5-c-toolbar__group.pf-m-button-group {
   --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-button-group--spacer);
@@ -248,7 +248,7 @@
   --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-filter-group--space-items);
 }
 .pf-v5-c-toolbar__group.pf-m-filter-group > * + * {
-  margin-left: -1px;
+  margin-inline-start: -1px;
 }
 .pf-v5-c-toolbar__group.pf-m-toggle-group {
   --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--m-toggle-group--spacer);
@@ -273,7 +273,7 @@
   align-self: var(--pf-v5-c-toolbar__item--AlignSelf);
   width: var(--pf-v5-c-toolbar__item--Width--base);
   min-width: var(--pf-v5-c-toolbar__item--MinWidth--base);
-  margin-right: var(--pf-v5-c-toolbar--spacer);
+  margin-inline-end: var(--pf-v5-c-toolbar--spacer);
 }
 @media (min-width: 576px) {
   .pf-v5-c-toolbar__item {
@@ -364,7 +364,7 @@
   transform: translateY(var(--pf-v5-global--spacer--form-element));
 }
 .pf-v5-c-toolbar__item.pf-m-pagination {
-  margin-left: auto;
+  margin-inline-start: auto;
 }
 .pf-v5-c-toolbar__item.pf-m-pagination .pf-v5-c-pagination {
   flex-wrap: nowrap;
@@ -395,8 +395,8 @@
   position: relative;
   row-gap: var(--pf-v5-c-toolbar__content--RowGap);
   align-items: var(--pf-v5-c-toolbar__content--AlignItems);
-  padding-right: var(--pf-v5-c-toolbar__content--PaddingRight);
-  padding-left: var(--pf-v5-c-toolbar__content--PaddingLeft);
+  padding-inline-start: var(--pf-v5-c-toolbar__content--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-toolbar__content--PaddingRight);
 }
 
 .pf-v5-c-toolbar__content-section {
@@ -417,13 +417,16 @@
 
 .pf-v5-c-toolbar__expandable-content {
   position: absolute;
-  top: calc(100% + var(--pf-v5-c-toolbar__content--RowGap));
-  right: 0;
-  left: 0;
+  inset-block-start: calc(100% + var(--pf-v5-c-toolbar__content--RowGap));
+  inset-inline-start: 0;
+  inset-inline-end: 0;
   z-index: var(--pf-v5-c-toolbar__expandable-content--ZIndex);
   display: none;
   width: 100%;
-  padding: var(--pf-v5-c-toolbar__expandable-content--PaddingTop) var(--pf-v5-c-toolbar__expandable-content--PaddingRight) var(--pf-v5-c-toolbar__expandable-content--PaddingBottom) var(--pf-v5-c-toolbar__expandable-content--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-toolbar__expandable-content--PaddingTop);
+  padding-block-end: var(--pf-v5-c-toolbar__expandable-content--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-toolbar__expandable-content--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-toolbar__expandable-content--PaddingRight);
   background-color: var(--pf-v5-c-toolbar__expandable-content--BackgroundColor);
   box-shadow: var(--pf-v5-c-toolbar__expandable-content--BoxShadow);
 }
@@ -446,7 +449,7 @@
   grid-row-gap: var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap);
 }
 .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item.pf-m-label {
-  margin-bottom: var(--pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom);
+  margin-block-end: var(--pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom);
   font-size: var(--pf-v5-c-toolbar__expandable-content__item--m-label--FontSize);
 }
 
@@ -456,13 +459,13 @@
   flex-wrap: wrap;
   grid-row-gap: 0;
   align-items: baseline;
-  margin-top: var(--pf-v5-c-toolbar__group--m-chip-container--MarginTop);
+  margin-block-start: var(--pf-v5-c-toolbar__group--m-chip-container--MarginTop);
 }
 .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item,
 .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item {
   --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--spacer);
   --pf-v5-c-toolbar__item--AlignSelf: auto;
-  margin-top: var(--pf-v5-c-toolbar__group--m-chip-container__item--MarginTop);
+  margin-block-start: var(--pf-v5-c-toolbar__group--m-chip-container__item--MarginTop);
 }
 .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group,
 .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group {
@@ -570,19 +573,19 @@
 }
 .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right,
 .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right {
-  margin-left: auto;
+  margin-inline-start: auto;
 }
 .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right ~ .pf-m-pagination,
 .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right ~ .pf-m-pagination {
-  margin-left: 0;
+  margin-inline-start: 0;
 }
 .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left,
 .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left {
-  margin-left: 0;
+  margin-inline-start: 0;
 }
 .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left ~ .pf-m-pagination,
 .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left ~ .pf-m-pagination {
-  margin-left: auto;
+  margin-inline-start: auto;
 }
 .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap,
 .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap {
@@ -595,19 +598,19 @@
 @media (min-width: 576px) {
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-sm,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-sm {
-    margin-left: auto;
+    margin-inline-start: auto;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-sm ~ .pf-m-pagination,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-sm ~ .pf-m-pagination {
-    margin-left: 0;
+    margin-inline-start: 0;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-sm,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-sm {
-    margin-left: 0;
+    margin-inline-start: 0;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-sm ~ .pf-m-pagination,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-sm ~ .pf-m-pagination {
-    margin-left: auto;
+    margin-inline-start: auto;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-sm,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-sm {
@@ -621,19 +624,19 @@
 @media (min-width: 768px) {
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-md,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-md {
-    margin-left: auto;
+    margin-inline-start: auto;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-md ~ .pf-m-pagination,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-md ~ .pf-m-pagination {
-    margin-left: 0;
+    margin-inline-start: 0;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-md,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-md {
-    margin-left: 0;
+    margin-inline-start: 0;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-md ~ .pf-m-pagination,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-md ~ .pf-m-pagination {
-    margin-left: auto;
+    margin-inline-start: auto;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-md,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-md {
@@ -647,19 +650,19 @@
 @media (min-width: 992px) {
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-lg,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-lg {
-    margin-left: auto;
+    margin-inline-start: auto;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-lg ~ .pf-m-pagination,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-lg ~ .pf-m-pagination {
-    margin-left: 0;
+    margin-inline-start: 0;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-lg,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-lg {
-    margin-left: 0;
+    margin-inline-start: 0;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-lg ~ .pf-m-pagination,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-lg ~ .pf-m-pagination {
-    margin-left: auto;
+    margin-inline-start: auto;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-lg,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-lg {
@@ -673,19 +676,19 @@
 @media (min-width: 1200px) {
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-xl,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-xl {
-    margin-left: auto;
+    margin-inline-start: auto;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-xl ~ .pf-m-pagination,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-xl ~ .pf-m-pagination {
-    margin-left: 0;
+    margin-inline-start: 0;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-xl,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-xl {
-    margin-left: 0;
+    margin-inline-start: 0;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-xl ~ .pf-m-pagination,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-xl ~ .pf-m-pagination {
-    margin-left: auto;
+    margin-inline-start: auto;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-xl,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-xl {
@@ -699,19 +702,19 @@
 @media (min-width: 1450px) {
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-2xl,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-2xl {
-    margin-left: auto;
+    margin-inline-start: auto;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-right-on-2xl ~ .pf-m-pagination,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-right-on-2xl ~ .pf-m-pagination {
-    margin-left: 0;
+    margin-inline-start: 0;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-2xl,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-2xl {
-    margin-left: 0;
+    margin-inline-start: 0;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__item.pf-m-align-left-on-2xl ~ .pf-m-pagination,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-align-left-on-2xl ~ .pf-m-pagination {
-    margin-left: auto;
+    margin-inline-start: auto;
   }
   .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section.pf-m-nowrap-on-2xl,
   .pf-v5-c-toolbar .pf-v5-c-toolbar__group.pf-m-nowrap-on-2xl {

package/css/components/Tooltip/tooltip.css

@@ -29,43 +29,46 @@
   box-shadow: var(--pf-v5-c-tooltip--BoxShadow);
 }
 .pf-v5-c-tooltip.pf-m-top .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-top-left .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-top-right .pf-v5-c-tooltip__arrow {
-  bottom: 0;
-  left: 50%;
+  inset-block-end: 0;
+  inset-inline-start: 50%;
   transform: translateX(var(--pf-v5-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-top--Rotate));
 }
 .pf-v5-c-tooltip.pf-m-bottom .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-bottom-left .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-bottom-right .pf-v5-c-tooltip__arrow {
-  top: 0;
-  left: 50%;
+  inset-block-start: 0;
+  inset-inline-start: 50%;
   transform: translateX(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-bottom--Rotate));
 }
 .pf-v5-c-tooltip.pf-m-left .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-left-top .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-left-bottom .pf-v5-c-tooltip__arrow {
-  top: 50%;
-  right: 0;
+  inset-block-start: 50%;
+  inset-inline-end: 0;
   transform: translateX(var(--pf-v5-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-left--Rotate));
 }
 .pf-v5-c-tooltip.pf-m-right .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-right-top .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-right-bottom .pf-v5-c-tooltip__arrow {
-  top: 50%;
-  left: 0;
+  inset-block-start: 50%;
+  inset-inline-start: 0;
   transform: translateX(var(--pf-v5-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-right--Rotate));
 }
 .pf-v5-c-tooltip.pf-m-left-top .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-right-top .pf-v5-c-tooltip__arrow {
-  top: var(--pf-v5-c-tooltip__arrow--Height);
+  inset-block-start: var(--pf-v5-c-tooltip__arrow--Height);
 }
 .pf-v5-c-tooltip.pf-m-left-bottom .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-right-bottom .pf-v5-c-tooltip__arrow {
-  top: auto;
-  bottom: 0;
+  inset-block-start: auto;
+  inset-block-end: 0;
 }
 .pf-v5-c-tooltip.pf-m-top-left .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-bottom-left .pf-v5-c-tooltip__arrow {
-  left: var(--pf-v5-c-tooltip__arrow--Width);
+  inset-inline-start: var(--pf-v5-c-tooltip__arrow--Width);
 }
 .pf-v5-c-tooltip.pf-m-top-right .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-bottom-right .pf-v5-c-tooltip__arrow {
-  right: 0;
-  left: auto;
+  inset-inline-start: auto;
+  inset-inline-end: 0;
 }
 
 .pf-v5-c-tooltip__content {
   position: relative;
-  padding: var(--pf-v5-c-tooltip__content--PaddingTop) var(--pf-v5-c-tooltip__content--PaddingRight) var(--pf-v5-c-tooltip__content--PaddingBottom) var(--pf-v5-c-tooltip__content--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-tooltip__content--PaddingTop);
+  padding-block-end: var(--pf-v5-c-tooltip__content--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-tooltip__content--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-tooltip__content--PaddingRight);
   font-size: var(--pf-v5-c-tooltip__content--FontSize);
   color: var(--pf-v5-c-tooltip__content--Color);
   text-align: center;
@@ -73,7 +76,7 @@
   background-color: var(--pf-v5-c-tooltip__content--BackgroundColor);
 }
 .pf-v5-c-tooltip__content.pf-m-text-align-left {
-  text-align: left;
+  text-align: start;
 }
 
 .pf-v5-c-tooltip__arrow {