@patternfly/react-styles 5.1.0 → 5.1.1-prerelease.2

package/css/components/TreeView/tree-view.css

@@ -109,8 +109,8 @@
   --pf-v5-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop: 0;
   --pf-v5-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom: 0;
   --pf-v5-c-tree-view--m-compact--m-no-background__node--before--Top: calc(var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop) + var(--pf-v5-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
-  padding-top: var(--pf-v5-c-tree-view--PaddingTop);
-  padding-bottom: var(--pf-v5-c-tree-view--PaddingBottom);
+  padding-block-start: var(--pf-v5-c-tree-view--PaddingTop);
+  padding-block-end: var(--pf-v5-c-tree-view--PaddingBottom);
 }
 .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item {
   position: relative;
@@ -119,18 +119,18 @@
 .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node::before, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item::before,
 .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node::before {
   position: absolute;
-  left: var(--pf-v5-c-tree-view--m-guides--guide--Left);
+  inset-inline-start: var(--pf-v5-c-tree-view--m-guides--guide--Left);
   content: "";
 }
 .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item::before, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item::before {
-  top: var(--pf-v5-c-tree-view--m-guides__list-item--before--Top);
+  inset-block-start: var(--pf-v5-c-tree-view--m-guides__list-item--before--Top);
   z-index: var(--pf-v5-c-tree-view--m-guides__list-item--ZIndex);
   width: var(--pf-v5-c-tree-view--m-guides__list-item--before--Width);
   height: var(--pf-v5-c-tree-view--m-guides__list-item--before--Height);
   background-color: var(--pf-v5-c-tree-view--m-guides__list-item--before--BackgroundColor);
 }
 .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node::before, .pf-v5-c-tree-view.pf-m-guides .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node::before {
-  top: var(--pf-v5-c-tree-view--m-guides__node--before--Top);
+  inset-block-start: var(--pf-v5-c-tree-view--m-guides__node--before--Top);
   width: var(--pf-v5-c-tree-view--m-guides__node--before--Width);
   height: var(--pf-v5-c-tree-view--m-guides__node--before--Height);
   background-color: var(--pf-v5-c-tree-view--m-guides__node--before--BackgroundColor);
@@ -153,7 +153,7 @@
   --pf-v5-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-v5-c-tree-view--m-compact__list-item__list-item__node-toggle--Top);
 }
 .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item {
-  border-bottom: var(--pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth) solid var(--pf-v5-c-tree-view--m-compact__list-item--BorderBottomColor);
+  border-block-end: var(--pf-v5-c-tree-view--m-compact__list-item--BorderBottomWidth) solid var(--pf-v5-c-tree-view--m-compact__list-item--BorderBottomColor);
 }
 .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item.pf-m-expanded {
   --pf-v5-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-v5-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom);
@@ -169,13 +169,13 @@
 }
 .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item::before,
 .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node::before {
-  left: var(--pf-v5-c-tree-view--m-compact--border--Left);
+  inset-inline-start: var(--pf-v5-c-tree-view--m-compact--border--Left);
 }
 .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item::before {
-  top: var(--pf-v5-c-tree-view--m-compact__list-item--before--Top);
+  inset-block-start: var(--pf-v5-c-tree-view--m-compact__list-item--before--Top);
 }
 .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node::before {
-  top: var(--pf-v5-c-tree-view--m-compact__node--before--Top);
+  inset-block-start: var(--pf-v5-c-tree-view--m-compact__node--before--Top);
 }
 .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item:last-child::before {
   height: var(--pf-v5-c-tree-view--m-compact__list-item--last-child--before--Height);
@@ -187,15 +187,21 @@
   --pf-v5-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-v5-c-tree-view--m-compact__list-item--nested--last-child--before--Height);
 }
 .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node-container {
-  padding: var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop) var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingRight) var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingBottom) var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingTop);
+  padding-block-end: var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-tree-view--m-compact__node-container--nested--PaddingRight);
   background-color: var(--pf-v5-c-tree-view--m-compact__node-container--nested--BackgroundColor);
 }
 .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__node-toggle {
-  margin-right: var(--pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginRight);
-  margin-left: var(--pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginLeft);
+  margin-inline-end: var(--pf-v5-c-tree-view--m-compact__node-toggle--nested--MarginRight);
 }
 .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__node-container {
-  padding: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingTop) var(--pf-v5-c-tree-view--m-compact__node-container--PaddingRight) var(--pf-v5-c-tree-view--m-compact__node-container--PaddingBottom) var(--pf-v5-c-tree-view--m-compact__node-container--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingTop);
+  padding-block-end: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-tree-view--m-compact__node-container--PaddingRight);
 }
 .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item:not([aria-expanded]) > .pf-v5-c-tree-view__content > .pf-v5-c-tree-view__node,
 .pf-v5-c-tree-view.pf-m-compact .pf-v5-c-tree-view__list-item:not([aria-expanded]) > .pf-v5-c-tree-view__content > .pf-v5-c-tree-view__node > .pf-v5-c-tree-view__node-container {
@@ -238,7 +244,7 @@
   flex: 1 1;
   align-items: flex-start;
   min-width: 0;
-  text-align: left;
+  text-align: start;
   cursor: pointer;
   border: 0;
 }
@@ -246,7 +252,10 @@
 .pf-v5-c-tree-view__node {
   position: relative;
   display: flex;
-  padding: var(--pf-v5-c-tree-view__node--PaddingTop) var(--pf-v5-c-tree-view__node--PaddingRight) var(--pf-v5-c-tree-view__node--PaddingBottom) var(--pf-v5-c-tree-view__node--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-tree-view__node--PaddingTop);
+  padding-block-end: var(--pf-v5-c-tree-view__node--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-tree-view__node--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-tree-view__node--PaddingRight);
   color: var(--pf-v5-c-tree-view__node--Color);
   background-color: var(--pf-v5-c-tree-view__node--BackgroundColor);
 }
@@ -258,7 +267,7 @@
   --pf-v5-c-tree-view__node--BackgroundColor: var(--pf-v5-c-tree-view__node--focus--BackgroundColor);
 }
 .pf-v5-c-tree-view__node .pf-v5-c-tree-view__node-count {
-  margin-left: var(--pf-v5-c-tree-view__node-count--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-tree-view__node-count--MarginLeft);
 }
 .pf-v5-c-tree-view__node .pf-v5-c-tree-view__node-count .pf-v5-c-badge.pf-m-read {
   --pf-v5-c-badge--m-read--BackgroundColor: var(--pf-v5-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
@@ -284,23 +293,26 @@
   overflow: var(--pf-v5-c-tree-view__node-content--Overflow);
 }
 .pf-v5-c-tree-view__node-content > * + * {
-  margin-top: var(--pf-v5-c-tree-view__node-content--RowGap);
+  margin-block-start: var(--pf-v5-c-tree-view__node-content--RowGap);
 }
 
 .pf-v5-c-tree-view__node-check {
-  margin-right: var(--pf-v5-c-tree-view__node-check--MarginRight);
+  margin-inline-end: var(--pf-v5-c-tree-view__node-check--MarginRight);
 }
 
 .pf-v5-c-tree-view__node-toggle {
   position: var(--pf-v5-c-tree-view__node-toggle--Position);
-  top: var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--Top);
-  left: var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--Left);
+  inset-block-start: var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--Top);
+  inset-inline-start: var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--Left);
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  padding: var(--pf-v5-c-tree-view__node-toggle-button--PaddingTop) var(--pf-v5-c-tree-view__node-toggle-button--PaddingRight) var(--pf-v5-c-tree-view__node-toggle-button--PaddingBottom) var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft);
-  margin-top: var(--pf-v5-c-tree-view__node-toggle-button--MarginTop);
-  margin-bottom: var(--pf-v5-c-tree-view__node-toggle-button--MarginBottom);
+  padding-block-start: var(--pf-v5-c-tree-view__node-toggle-button--PaddingTop);
+  padding-block-end: var(--pf-v5-c-tree-view__node-toggle-button--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-tree-view__node-toggle-button--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-tree-view__node-toggle-button--PaddingRight);
+  margin-block-start: var(--pf-v5-c-tree-view__node-toggle-button--MarginTop);
+  margin-block-end: var(--pf-v5-c-tree-view__node-toggle-button--MarginBottom);
   color: var(--pf-v5-c-tree-view__node-toggle--Color);
   background-color: var(--pf-v5-c-tree-view__node-toggle--BackgroundColor);
   border: 0;
@@ -325,7 +337,7 @@
 .pf-v5-c-tree-view__node-text {
   font-weight: inherit;
   color: inherit;
-  text-align: left;
+  text-align: start;
   background-color: transparent;
   border: 0;
 }
@@ -338,11 +350,14 @@ label.pf-v5-c-tree-view__node-text {
 }
 
 .pf-v5-c-tree-view__search {
-  padding: var(--pf-v5-c-tree-view__search--PaddingTop) var(--pf-v5-c-tree-view__search--PaddingRight) var(--pf-v5-c-tree-view__search--PaddingBottom) var(--pf-v5-c-tree-view__search--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-tree-view__search--PaddingTop);
+  padding-block-end: var(--pf-v5-c-tree-view__search--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-tree-view__search--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-tree-view__search--PaddingRight);
 }
 
 .pf-v5-c-tree-view__node-icon {
-  padding-right: var(--pf-v5-c-tree-view__node-icon--PaddingRight);
+  padding-inline-end: var(--pf-v5-c-tree-view__node-icon--PaddingRight);
   color: var(--pf-v5-c-tree-view__node-icon--Color);
 }
 
@@ -357,7 +372,7 @@ label.pf-v5-c-tree-view__node-text {
 }
 
 .pf-v5-c-tree-view__action {
-  margin-left: var(--pf-v5-c-tree-view__action--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-tree-view__action--MarginLeft);
 }
 
 .pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {

package/css/components/Wizard/wizard.css

@@ -211,20 +211,23 @@
   color: var(--pf-v5-global--Color--100);
   position: relative;
   z-index: var(--pf-v5-c-wizard__header--ZIndex);
-  padding: var(--pf-v5-c-wizard__header--PaddingTop) var(--pf-v5-c-wizard__header--PaddingRight) var(--pf-v5-c-wizard__header--PaddingBottom) var(--pf-v5-c-wizard__header--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-wizard__header--PaddingTop);
+  padding-block-end: var(--pf-v5-c-wizard__header--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-wizard__header--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-wizard__header--PaddingRight);
   background-color: var(--pf-v5-c-wizard__header--BackgroundColor);
 }
 .pf-v5-c-wizard__header .pf-v5-c-wizard__close {
   position: absolute;
-  top: var(--pf-v5-c-wizard__close--Top);
-  right: var(--pf-v5-c-wizard__close--Right);
+  inset-block-start: var(--pf-v5-c-wizard__close--Top);
+  inset-inline-end: var(--pf-v5-c-wizard__close--Right);
 }
 .pf-v5-c-wizard__header .pf-v5-c-wizard__close button {
   font-size: var(--pf-v5-c-wizard__close--FontSize);
 }
 
 .pf-v5-c-wizard__title {
-  padding-right: var(--pf-v5-c-wizard__title--PaddingRight);
+  padding-inline-end: var(--pf-v5-c-wizard__title--PaddingRight);
   word-wrap: break-word;
 }
 
@@ -237,7 +240,7 @@
 
 .pf-v5-c-wizard__description {
   display: none;
-  padding-top: var(--pf-v5-c-wizard__description--PaddingTop);
+  padding-block-start: var(--pf-v5-c-wizard__description--PaddingTop);
   color: var(--pf-v5-c-wizard__description--Color);
 }
 @media screen and (min-width: 992px) {
@@ -252,7 +255,10 @@
   display: flex;
   justify-content: space-between;
   width: 100%;
-  padding: var(--pf-v5-c-wizard__toggle--PaddingTop) var(--pf-v5-c-wizard__toggle--PaddingRight) var(--pf-v5-c-wizard__toggle--PaddingBottom) var(--pf-v5-c-wizard__toggle--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-wizard__toggle--PaddingTop);
+  padding-block-end: var(--pf-v5-c-wizard__toggle--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-wizard__toggle--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-wizard__toggle--PaddingRight);
   background-color: var(--pf-v5-c-wizard__toggle--BackgroundColor);
   border: 0;
   box-shadow: var(--pf-v5-c-wizard__toggle--BoxShadow);
@@ -264,7 +270,7 @@
 }
 .pf-v5-c-wizard__toggle.pf-m-expanded {
   --pf-v5-c-wizard__toggle--BoxShadow: none;
-  border-bottom: var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomWidth) solid var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomColor);
+  border-block-end: var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomWidth) solid var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomColor);
 }
 .pf-v5-c-wizard__toggle.pf-m-expanded .pf-v5-c-wizard__toggle-icon {
   transform: rotate(var(--pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate));
@@ -275,18 +281,18 @@
   display: flex;
   flex-wrap: wrap;
   align-items: baseline;
-  margin-right: var(--pf-v5-c-wizard__toggle-list--MarginRight);
-  margin-bottom: var(--pf-v5-c-wizard__toggle-list--MarginBottom);
+  margin-block-end: var(--pf-v5-c-wizard__toggle-list--MarginBottom);
+  margin-inline-end: var(--pf-v5-c-wizard__toggle-list--MarginRight);
   list-style: none;
 }
 
 .pf-v5-c-wizard__toggle-list-item {
-  margin-bottom: var(--pf-v5-c-wizard__toggle-list-item--MarginBottom);
-  text-align: left;
+  margin-block-end: var(--pf-v5-c-wizard__toggle-list-item--MarginBottom);
+  text-align: start;
   word-break: break-word;
 }
 .pf-v5-c-wizard__toggle-list-item:not(:last-child) {
-  margin-right: var(--pf-v5-c-wizard__toggle-list-item--not-last-child--MarginRight);
+  margin-inline-end: var(--pf-v5-c-wizard__toggle-list-item--not-last-child--MarginRight);
 }
 
 .pf-v5-c-wizard__toggle-num {
@@ -294,9 +300,12 @@
 }
 
 .pf-v5-c-wizard__toggle-separator {
-  margin-left: var(--pf-v5-c-wizard__toggle-separator--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-wizard__toggle-separator--MarginLeft);
   color: var(--pf-v5-c-wizard__toggle-separator--Color);
 }
+:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-separator {
+  scale: -1 1;
+}
 
 .pf-v5-c-wizard__toggle-icon {
   line-height: var(--pf-v5-c-wizard__toggle-icon--LineHeight);
@@ -312,7 +321,7 @@
 }
 @media screen and (min-width: 992px) {
   .pf-v5-c-wizard__outer-wrap {
-    padding-left: var(--pf-v5-c-wizard__outer-wrap--lg--PaddingLeft);
+    padding-inline-start: var(--pf-v5-c-wizard__outer-wrap--lg--PaddingLeft);
   }
 }
 
@@ -331,8 +340,8 @@
 
 .pf-v5-c-wizard__nav {
   position: absolute;
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   z-index: var(--pf-v5-c-wizard__nav--ZIndex);
   display: none;
   width: var(--pf-v5-c-wizard__nav--Width);
@@ -349,22 +358,22 @@
   .pf-v5-c-wizard__nav {
     display: block;
     height: 100%;
-    border-right: var(--pf-v5-c-wizard__nav--lg--BorderRightWidth) solid var(--pf-v5-c-wizard__nav--lg--BorderRightColor);
+    border-inline-end: var(--pf-v5-c-wizard__nav--lg--BorderRightWidth) solid var(--pf-v5-c-wizard__nav--lg--BorderRightColor);
   }
 }
 
 .pf-v5-c-wizard__nav-list {
-  padding-top: var(--pf-v5-c-wizard__nav-list--PaddingTop);
-  padding-right: var(--pf-v5-c-wizard__nav-list--PaddingRight);
-  padding-bottom: var(--pf-v5-c-wizard__nav-list--PaddingBottom);
-  padding-left: var(--pf-v5-c-wizard__nav-list--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-wizard__nav-list--PaddingTop);
+  padding-block-end: var(--pf-v5-c-wizard__nav-list--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-wizard__nav-list--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-wizard__nav-list--PaddingRight);
   list-style: none;
   counter-reset: wizard-nav-count;
 }
 .pf-v5-c-wizard__nav-list .pf-v5-c-wizard__nav-list {
   padding: 0;
-  margin-top: var(--pf-v5-c-wizard__nav-list--nested--MarginTop);
-  margin-left: var(--pf-v5-c-wizard__nav-list--nested--MarginLeft);
+  margin-block-start: var(--pf-v5-c-wizard__nav-list--nested--MarginTop);
+  margin-inline-start: var(--pf-v5-c-wizard__nav-list--nested--MarginLeft);
 }
 .pf-v5-c-wizard__nav-list .pf-v5-c-wizard__nav-list .pf-v5-c-wizard__nav-link::before {
   content: none;
@@ -374,7 +383,7 @@
 }
 
 .pf-v5-c-wizard__nav-item + .pf-v5-c-wizard__nav-item {
-  margin-top: var(--pf-v5-c-wizard__nav-item--MarginTop);
+  margin-block-start: var(--pf-v5-c-wizard__nav-item--MarginTop);
 }
 .pf-v5-c-wizard__nav-item.pf-m-expandable > .pf-v5-c-wizard__nav-link {
   display: flex;
@@ -394,16 +403,17 @@
   display: inline-block;
   width: 100%;
   color: var(--pf-v5-c-wizard__nav-link--Color);
-  text-align: left;
+  text-align: start;
   text-decoration: var(--pf-v5-c-wizard__nav-link--TextDecoration);
   word-break: break-word;
   background-color: var(--pf-v5-c-wizard__nav-link--BackgroundColor);
   border: 0;
 }
 .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
+  transform: translateX(var(--pf-v5-c-wizard__nav-link--before--TranslateX));
   position: absolute;
-  top: var(--pf-v5-c-wizard__nav-link--before--Top);
-  left: 0;
+  inset-block-start: var(--pf-v5-c-wizard__nav-link--before--Top);
+  inset-inline-start: 0;
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -414,11 +424,13 @@
   color: var(--pf-v5-c-wizard__nav-link--before--Color);
   background-color: var(--pf-v5-c-wizard__nav-link--before--BackgroundColor);
   border-radius: var(--pf-v5-c-wizard__nav-link--before--BorderRadius);
-  transform: translateX(var(--pf-v5-c-wizard__nav-link--before--TranslateX));
+}
+:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
+  transform: translateX(calc(var(--pf-v5-c-wizard__nav-link--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
 }
 
 .pf-v5-c-wizard__nav-link::before {
-  top: 0;
+  inset-block-start: 0;
   content: counter(wizard-nav-count);
   counter-increment: wizard-nav-count;
 }
@@ -453,8 +465,8 @@
 }
 
 .pf-v5-c-wizard__nav-link-toggle {
-  padding-right: var(--pf-v5-c-wizard__nav-link-toggle--PaddingRight);
-  padding-left: var(--pf-v5-c-wizard__nav-link-toggle--PaddingLeft);
+  padding-inline-start: var(--pf-v5-c-wizard__nav-link-toggle--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-wizard__nav-link-toggle--PaddingRight);
   color: var(--pf-v5-c-wizard__nav-link-toggle--Color);
 }
 
@@ -463,6 +475,9 @@
   transition: var(--pf-v5-c-wizard__nav-link-toggle-icon--Transition);
   transform: rotate(var(--pf-v5-c-wizard__nav-link-toggle-icon--Rotate));
 }
+:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__nav-link-toggle-icon {
+  scale: -1 1;
+}
 
 .pf-v5-c-wizard__main {
   z-index: var(--pf-v5-c-wizard__main--ZIndex);
@@ -473,7 +488,10 @@
 }
 
 .pf-v5-c-wizard__main-body {
-  padding: var(--pf-v5-c-wizard__main-body--PaddingTop) var(--pf-v5-c-wizard__main-body--PaddingRight) var(--pf-v5-c-wizard__main-body--PaddingBottom) var(--pf-v5-c-wizard__main-body--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-wizard__main-body--PaddingTop);
+  padding-block-end: var(--pf-v5-c-wizard__main-body--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-wizard__main-body--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-wizard__main-body--PaddingRight);
 }
 .pf-v5-c-wizard__main-body.pf-m-no-padding {
   padding: 0;
@@ -485,21 +503,24 @@
   display: flex;
   flex-shrink: 0;
   flex-wrap: wrap;
-  padding: var(--pf-v5-c-wizard__footer--PaddingTop) var(--pf-v5-c-wizard__footer--PaddingRight) var(--pf-v5-c-wizard__footer--PaddingBottom) var(--pf-v5-c-wizard__footer--PaddingLeft);
+  padding-block-start: var(--pf-v5-c-wizard__footer--PaddingTop);
+  padding-block-end: var(--pf-v5-c-wizard__footer--PaddingBottom);
+  padding-inline-start: var(--pf-v5-c-wizard__footer--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-wizard__footer--PaddingRight);
   background-color: var(--pf-v5-c-wizard__footer--BackgroundColor);
 }
 .pf-v5-c-wizard__footer > * {
-  margin-bottom: var(--pf-v5-c-wizard__footer--child--MarginBottom);
+  margin-block-end: var(--pf-v5-c-wizard__footer--child--MarginBottom);
 }
 .pf-v5-c-wizard__footer > *:not(:last-child) {
-  margin-right: var(--pf-v5-c-wizard__footer--child--MarginRight);
+  margin-inline-end: var(--pf-v5-c-wizard__footer--child--MarginRight);
 }
 .pf-v5-c-page__main-wizard .pf-v5-c-wizard__footer, .pf-v5-c-modal-box .pf-v5-c-wizard__footer, .pf-v5-c-drawer > .pf-v5-c-wizard__footer {
   box-shadow: var(--pf-v5-c-wizard__footer--BoxShadow);
 }
 
 .pf-v5-c-wizard__footer-cancel {
-  margin-left: var(--pf-v5-c-wizard__footer-cancel--MarginLeft);
+  margin-inline-start: var(--pf-v5-c-wizard__footer-cancel--MarginLeft);
 }
 
 :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {

package/css/components/Wizard/wizard.d.ts

@@ -1,6 +1,7 @@
 import './wizard.css';
 declare const _default: {
   "button": "pf-v5-c-button",
+  "dirRtl": "pf-v5-m-dir-rtl",
   "drawer": "pf-v5-c-drawer",
   "modalBox": "pf-v5-c-modal-box",
   "modifiers": {
@@ -37,6 +38,7 @@ declare const _default: {
   "wizardToggleList": "pf-v5-c-wizard__toggle-list",
   "wizardToggleListItem": "pf-v5-c-wizard__toggle-list-item",
   "wizardToggleNum": "pf-v5-c-wizard__toggle-num",
-  "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator"
+  "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator",
+  "wsDirRtl": "ws-dir-rtl"
 };
 export default _default;

package/css/components/Wizard/wizard.js

@@ -3,6 +3,7 @@ exports.__esModule = true;
 require('./wizard.css');
 exports.default = {
   "button": "pf-v5-c-button",
+  "dirRtl": "pf-v5-m-dir-rtl",
   "drawer": "pf-v5-c-drawer",
   "modalBox": "pf-v5-c-modal-box",
   "modifiers": {
@@ -39,5 +40,6 @@ exports.default = {
   "wizardToggleList": "pf-v5-c-wizard__toggle-list",
   "wizardToggleListItem": "pf-v5-c-wizard__toggle-list-item",
   "wizardToggleNum": "pf-v5-c-wizard__toggle-num",
-  "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator"
+  "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator",
+  "wsDirRtl": "ws-dir-rtl"
 };

package/css/components/Wizard/wizard.mjs

@@ -1,6 +1,7 @@
 import './wizard.css';
 export default {
   "button": "pf-v5-c-button",
+  "dirRtl": "pf-v5-m-dir-rtl",
   "drawer": "pf-v5-c-drawer",
   "modalBox": "pf-v5-c-modal-box",
   "modifiers": {
@@ -37,5 +38,6 @@ export default {
   "wizardToggleList": "pf-v5-c-wizard__toggle-list",
   "wizardToggleListItem": "pf-v5-c-wizard__toggle-list-item",
   "wizardToggleNum": "pf-v5-c-wizard__toggle-num",
-  "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator"
+  "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator",
+  "wsDirRtl": "ws-dir-rtl"
 };

package/css/docs/components/Button/examples/Button.css

@@ -1,4 +1,4 @@
 .ws-core-c-button .pf-v5-c-button {
-  margin-right: 6px;
-  margin-bottom: 6px;
+  margin-inline-end: 6px;
+  margin-block-end: 6px;
 }

package/css/docs/components/DragDrop/examples/DragDrop.css

@@ -6,8 +6,8 @@
   --pf-v5-c-draggable--m-dragging--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
 
   position: absolute;
-  top: 23%;
-  left: .5em;
+  inset-block-start: 23%;
+  inset-inline-start: .5em;
   z-index: 9999;
   width: 100%;
 }

package/css/docs/components/Dropdown/deprecated/Dropdown.css

@@ -52,7 +52,7 @@
 }
 
 [id^="ws-html-deprecated-c-dropdown-split-button"] .pf-v5-c-dropdown:not(:last-child) {
-  margin-right: 4px;
+  margin-inline-end: 4px;
 }
 
 #ws-html-deprecated-c-dropdown-panel {

package/css/docs/components/LogViewer/examples/LogViewer.css

@@ -6,8 +6,8 @@
   display: none;
   position: absolute;
   z-index: 9999;
-  top: 52px;
-  right: 78px;
+ inset-block-start: 52px;
+ inset-inline-end: 78px;
 }
 
 @media screen and (min-width: 992px) {

package/css/docs/components/ModalBox/examples/ModalBox.css

@@ -4,7 +4,7 @@
 
 .ws-core-c-modal .pf-v5-c-modal-box {
   position: absolute;
-  top: 50%;
-  left: 50%;
+ inset-block-start: 50%;
+ inset-inline-start: 50%;
   transform: translate(-50%, -50%);
 }

package/css/docs/components/Nav/examples/Navigation.css

@@ -1,32 +1,9 @@
-#ws-core-c-navigation-default,
-#ws-core-c-navigation-basic,
-#ws-core-c-navigation-grouped,
-#ws-core-c-navigation-grouped-nav,
-#ws-core-c-navigation-grouped-nav-no-titles,
-#ws-core-c-navigation-expanded,
-#ws-core-c-navigation-expanded-with-subnav-titles,
-#ws-core-c-navigation-mixed,
-#ws-core-c-navigation-horizontal,
-#ws-core-c-navigation-horizontal-overflow,
-#ws-core-c-navigation-horizontal-subnav,
-#ws-core-c-navigation-horizontal-subnav-overflow,
-#ws-core-c-navigation-drilldown,
-#ws-core-c-navigation-nav-with-drilldown-menu .pf-v5-c-nav,
-#ws-core-c-navigation-level-2-drilldown,
-#ws-core-c-navigation-level-3-drilldown,
-#ws-core-c-navigation-nav-with-flyout .pf-v5-c-nav,
-#ws-core-c-navigation-grouped-nav-no-titles-no-margin-top {
-  padding: 0;
-  background-color: var(--pf-v5-global--BackgroundColor--dark-300);
-}
-
-#ws-core-c-navigation-expandable-third-level .pf-v5-c-nav {
+.ws-core-c-navigation:not([id*="tertiary"]):not([id*="light-mode"]) .ws-preview-html {
   background-color: var(--pf-v5-global--BackgroundColor--dark-300);
 }
 
 #ws-core-c-navigation-horizontal-in-masthead,
 #ws-core-c-navigation-horizontal-in-masthead-overflow {
-  padding: 0;
   grid-template-rows: auto;
 }
 
@@ -58,6 +35,6 @@
 
 #ws-core-c-navigation-nav-with-flyout .pf-v5-c-menu.pf-m-flyout.pf-m-nav {
   position: absolute;
-  top: 168px;
-  left: 256px;
+  inset-block-start: 168px;
+  inset-inline-start: 256px;
 }

package/css/docs/components/Nav/examples/Navigation.d.ts

@@ -5,9 +5,9 @@ declare const _default: {
     "flyout": "pf-m-flyout",
     "nav": "pf-m-nav"
   },
-  "nav": "pf-v5-c-nav",
   "pageHeader": "pf-v5-c-page__header",
   "pageHeaderNav": "pf-v5-c-page__header-nav",
+  "wsCoreCNavigation": "ws-core-c-navigation",
   "wsPreviewHtml": "ws-preview-html"
 };
 export default _default;

package/css/docs/components/Nav/examples/Navigation.js

@@ -7,8 +7,8 @@ exports.default = {
     "flyout": "pf-m-flyout",
     "nav": "pf-m-nav"
   },
-  "nav": "pf-v5-c-nav",
   "pageHeader": "pf-v5-c-page__header",
   "pageHeaderNav": "pf-v5-c-page__header-nav",
+  "wsCoreCNavigation": "ws-core-c-navigation",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Nav/examples/Navigation.mjs

@@ -5,8 +5,8 @@ export default {
     "flyout": "pf-m-flyout",
     "nav": "pf-m-nav"
   },
-  "nav": "pf-v5-c-nav",
   "pageHeader": "pf-v5-c-page__header",
   "pageHeaderNav": "pf-v5-c-page__header-nav",
+  "wsCoreCNavigation": "ws-core-c-navigation",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Popover/examples/Popover.css

@@ -4,7 +4,7 @@
 
  .ws-core-c-popover .pf-v5-c-popover {
    position: absolute;
-   top: 50%;
-   left: 50%;
+  inset-block-start: 50%;
+  inset-inline-start: 50%;
    transform: translate(-50%, -50%);
  }

package/css/docs/components/Select/deprecated/Select.css

@@ -30,7 +30,8 @@
 }
 
 #ws-html-deprecated-c-select-multi-with-typeahead-chip-group-expanded,
-#ws-html-deprecated-c-select-menu-footer {
+#ws-html-deprecated-c-select-menu-footer,
+#ws-html-deprecated-c-select-checkbox-item-description {
   min-height: 365px;
 }
 
@@ -46,8 +47,7 @@
   min-height: 120px;
 }
 
-#ws-html-deprecated-c-select-item-description,
-#ws-html-deprecated-c-select-checkbox-item-description {
+#ws-html-deprecated-c-select-item-description {
   min-height: 400px;
 }
 

package/css/docs/components/Table/examples/Table.css

@@ -5,8 +5,8 @@
 
 #ws-core-c-table-th-truncation .pf-v5-c-tooltip {
   position: absolute;
-  left: 440px;
-  top: -18px;
+ inset-inline-start: 440px;
+ inset-block-start: -18px;
 }
 
 #ws-core-c-table-sticky-header .ws-preview-html {